|
48 | 48 | </head>
|
49 | 49 |
|
50 | 50 | <!-- Header -->
|
51 |
| - <?php include 'header.php';?> |
| 51 | + <header> |
| 52 | + <a href="/" class="Title">Code By Jose</a> |
| 53 | + <!-- Navigation Bar --> |
| 54 | + <nav> |
| 55 | + <a href="index.html#Home" |
| 56 | + ><i class="fa-solid fa-house" style="color: #d2d9d8"></i>Home</a |
| 57 | + > |
| 58 | + <a href="index.html#aboutmeSec" |
| 59 | + ><i class="fa-solid fa-user" style="color: #d2d9d8"></i>About</a |
| 60 | + > |
| 61 | + <a href="index.html#projects" |
| 62 | + ><i class="fa-solid fa-folder" style="color: #d2d9d8"></i>Projects</a |
| 63 | + > |
| 64 | + <!--<a href="#experiences">Experiences</a>---> |
| 65 | + <a href="index.html#contact" |
| 66 | + ><i class="fa-solid fa-message" style="color: #d2d9d8"></i>Contact</a |
| 67 | + > |
| 68 | + <a href="JoseC-CV.pdf" download="JoseC-CV.pdf" |
| 69 | + ><i class="fa-solid fa-cloud-arrow-down" style="color: #d2d9d8"></i |
| 70 | + >Resume</a |
| 71 | + > |
| 72 | + </nav> |
| 73 | + </header> |
52 | 74 |
|
53 | 75 | <!-- Body -->
|
54 | 76 | <body>
|
|
64 | 86 | </span>
|
65 | 87 | </section>
|
66 | 88 |
|
67 |
| - <?php include 'footer.php';?> |
| 89 | + <section id="contact"> |
| 90 | + <footer> |
| 91 | + <section class="contactform"> |
| 92 | + <h1 class="Title">Get In Touch</h1> |
| 93 | + <form |
| 94 | + action="/contact.php" |
| 95 | + method="post" |
| 96 | + name="contact-form" |
| 97 | + id="contact-form" |
| 98 | + > |
| 99 | + <label for="name">Name:</label><br /> |
| 100 | + <input |
| 101 | + type="text" |
| 102 | + id="name" |
| 103 | + name="name" |
| 104 | + placeholder="Your Name..." |
| 105 | + required |
| 106 | + /> |
| 107 | + <label for="email">Email:</label><br /> |
| 108 | + <input |
| 109 | + type="email" |
| 110 | + id="email" |
| 111 | + name="email" |
| 112 | + placeholder="Your Email..." |
| 113 | + required |
| 114 | + /> |
| 115 | + <label for="subject">Subject:</label><br /> |
| 116 | + <input |
| 117 | + type="text" |
| 118 | + id="subject" |
| 119 | + name="subject" |
| 120 | + placeholder="Subject..." |
| 121 | + /> |
| 122 | + <label for="message">Message:</label><br /> |
| 123 | + <textarea |
| 124 | + id="message" |
| 125 | + name="message" |
| 126 | + placeholder="Type your message here..." |
| 127 | + required |
| 128 | + ></textarea> |
| 129 | + <input id="submit" type="submit" value="Submit" /> |
| 130 | + </form> |
| 131 | + </section> |
| 132 | + |
| 133 | + <a href=" mailto:[email protected]" class=" email" > |
| 134 | + <svg |
| 135 | + version="1.1" |
| 136 | + id="Layer_1" |
| 137 | + xmlns="http://www.w3.org/2000/svg" |
| 138 | + xmlns:xlink="http://www.w3.org/1999/xlink" |
| 139 | + x="0px" |
| 140 | + y="0px" |
| 141 | + viewBox="0 0 384 270.6" |
| 142 | + style="enable-background: new 0 0 384 270.6" |
| 143 | + xml:space="preserve" |
| 144 | + > |
| 145 | + <style type="text/css"> |
| 146 | + .st0 { |
| 147 | + fill: #d2d9d8; |
| 148 | + } |
| 149 | + </style> |
| 150 | + <g |
| 151 | + id="Layer_2_00000114763708521023959650000004666386688558890654_" |
| 152 | + > |
| 153 | + <g id="Layer_1-2"> |
| 154 | + <g> |
| 155 | + <path |
| 156 | + class="st0" |
| 157 | + d="M0,27.3c0.7-2,1.4-4,2.2-6c0.8-2.2,2-2.3,3.5-0.6c0.7,0.7,1.4,1.4,2.1,2.1c36.2,36.4,72.5,72.8,108.7,109.1 |
| 158 | + c2.7,2.7,2.7,4.1,0,6.8c-22.4,22.3-44.8,44.6-67,67.1C35.4,220,21.2,234.3,7.1,248.6c-3.5,3.6-4,3.4-5.6-1.4 |
| 159 | + c-0.4-1.3-1-2.6-1.4-3.9V27.3z" |
| 160 | + /> |
| 161 | + <path |
| 162 | + class="st0" |
| 163 | + d="M384,243.3c-0.5,1.4-1.1,2.8-1.6,4.2c-1.6,4.4-2,4.5-5.2,1.3c-6.6-6.6-13.2-13.2-19.9-19.9l-85.9-86.3 |
| 164 | + c-1.6-1.6-3.1-3.3-4.8-4.8c-2.1-1.8-2-3.2,0-5.2c9.5-9.4,18.9-18.9,28.4-28.3c27.2-27.3,54.4-54.7,81.6-82.1 |
| 165 | + c3.9-3.9,4.2-3.8,6,1.5c0.4,1.2,0.9,2.3,1.3,3.5L384,243.3z" |
| 166 | + /> |
| 167 | + <path |
| 168 | + class="st0" |
| 169 | + d="M192.4,0c52.1,0,104.2,0,156.3,0c4-0.1,8,0.4,11.8,1.6c4.2,1.4,4.4,1.9,1.3,5c-14.5,14.5-28.9,29-43.4,43.5 |
| 170 | + c-38.3,38.4-76.6,76.8-114.8,115.3c-7.9,8-15.3,7.9-23.3,0L22.6,7c-3.8-3.8-3.6-4,1.6-5.7c3.6-1,7.4-1.5,11.1-1.4 |
| 171 | + C87.7,0,140.1,0,192.4,0z" |
| 172 | + /> |
| 173 | + <path |
| 174 | + class="st0" |
| 175 | + d="M191.9,270.5c-52.1,0-104.2,0-156.3,0c-3.9,0.1-7.7-0.4-11.5-1.4c-5-1.5-5.1-1.9-1.6-5.5 |
| 176 | + c19.8-19.8,39.5-39.6,59.3-59.4c16.7-16.7,33.3-33.5,49.9-50.3c2.6-2.6,4.1-2.9,6.8-0.1c9.1,9.5,18.4,18.7,27.7,27.9 |
| 177 | + c15,15,36.4,15,51.4,0.1c9.5-9.4,19-18.9,28.3-28.4c2.2-2.2,3.5-2.3,5.7-0.1c36.8,37.1,73.6,74.1,110.5,111.1 |
| 178 | + c2.6,2.6,2.4,3.2-1.1,4.4c-4.1,1.3-8.3,1.8-12.5,1.8C296.3,270.5,244.1,270.5,191.9,270.5z" |
| 179 | + /> |
| 180 | + </g> |
| 181 | + </g> |
| 182 | + </g> |
| 183 | + </svg> |
| 184 | + |
| 185 | + </a> |
| 186 | + <div class="socials"> |
| 187 | + Connect with me: |
| 188 | + <div class="social-icons"> |
| 189 | + <a href="https://github.com/Web-Jose" target="_blank"> |
| 190 | + <svg |
| 191 | + version="1.1" |
| 192 | + class="icon" |
| 193 | + id="Layer_1" |
| 194 | + xmlns="http://www.w3.org/2000/svg" |
| 195 | + xmlns:xlink="http://www.w3.org/1999/xlink" |
| 196 | + x="0px" |
| 197 | + y="0px" |
| 198 | + viewBox="0 0 240 240" |
| 199 | + style="enable-background: new 0 0 240 240" |
| 200 | + xml:space="preserve" |
| 201 | + > |
| 202 | + <style type="text/css"> |
| 203 | + .st0 { |
| 204 | + fill: #d2d9d8; |
| 205 | + } |
| 206 | + </style> |
| 207 | + <g> |
| 208 | + <g transform="scale(10.66667,10.66667)"> |
| 209 | + <path |
| 210 | + class="st0" |
| 211 | + d="M11.2,1.9c-5.2,0-9.4,4.2-9.4,9.4s4.2,9.4,9.4,9.4s9.4-4.2,9.4-9.4S16.4,1.9,11.2,1.9z M11.2,3.8 |
| 212 | + c4.1,0,7.5,3.4,7.5,7.5c0,0.4,0,0.9-0.1,1.3c-0.2-0.1-0.6-0.1-1-0.1c-0.3,0-0.7,0-1,0.1c0.1-0.3,0.2-0.7,0.2-1.1 |
| 213 | + c0-0.9-0.4-1.7-1.1-2.4c0.2-0.7,0.4-2-0.1-2.5c-1.5,0-2.3,1.1-2.3,1.1c-0.5-0.1-0.9-0.2-1.4-0.2c-0.6,0-1.3,0.1-1.8,0.3l0.2-0.1 |
| 214 | + c0,0-0.8-1.1-2.3-1.1C7.3,7,7.5,8.4,7.7,9.1C7,9.8,6.6,10.6,6.6,11.5c0,0.3,0.1,0.6,0.1,0.9c-0.3,0-1.2-0.1-1.6-0.1 |
| 215 | + c-0.3,0-0.9,0.1-1.3,0.2c-0.1-0.4-0.1-0.8-0.1-1.1C3.8,7.1,7.1,3.8,11.2,3.8z M5.1,12.5c0.4,0,1.5,0.1,1.6,0.1 |
| 216 | + c0,0.1,0,0.1,0.1,0.1c-0.4,0-1.2-0.1-1.7,0c-0.3,0-0.8,0.2-1.2,0.3c0-0.1-0.1-0.2-0.1-0.4C4.3,12.5,4.8,12.5,5.1,12.5z M17.7,12.7 |
| 217 | + c0.4,0,0.7,0.1,0.9,0.1c0,0.1,0,0.1-0.1,0.2c-0.2-0.1-0.6-0.1-1.1-0.1c-0.2,0-0.6,0-0.9,0c0,0,0-0.1,0-0.1 |
| 218 | + C16.9,12.7,17.3,12.7,17.7,12.7z M5.7,12.9c0.5,0,1,0,1.2,0.1c0.5,0.9,1.5,1.6,3,1.9c-0.4,0.2-0.7,0.5-1,0.8c-0.2,0-0.5,0-0.7,0 |
| 219 | + c-0.7,0-1.1-0.6-1.4-1.1c-0.4-0.5-0.8-0.6-1-0.6c-0.2,0-0.3,0.1-0.2,0.2c0.7,0.5,1,1.2,1.3,1.8c0.3,0.5,0.8,0.8,1.4,0.8h0.1 |
| 220 | + c0,0.1,0,0.2,0,0.3v1c-2.2-0.9-3.8-2.7-4.4-5c0.4-0.1,0.8-0.2,1.1-0.2C5.3,12.9,5.5,12.9,5.7,12.9z M17.5,13c0.4,0,0.8,0.1,1,0.1 |
| 221 | + c-0.5,1.9-1.8,3.6-3.5,4.5v-0.6c0-0.8-0.6-1.8-1.5-2.3c1.5-0.3,2.4-0.9,3-1.8C16.8,13,17.2,13,17.5,13z M11.7,16.9 |
| 222 | + c0.3,0,0.5,0.2,0.5,0.5v1.3c-0.3,0-0.6,0.1-0.9,0.1v-1.4C11.2,17.1,11.5,16.9,11.7,16.9z M9.8,17.8c0.3,0,0.5,0.2,0.5,0.5v0.4 |
| 223 | + c-0.3,0-0.6-0.1-0.9-0.2v-0.2C9.4,18,9.6,17.8,9.8,17.8z M13.6,17.8c0.2,0,0.4,0.2,0.5,0.4c-0.3,0.1-0.6,0.2-0.9,0.3v-0.2 |
| 224 | + C13.1,18,13.3,17.8,13.6,17.8z" |
| 225 | + /> |
| 226 | + </g> |
| 227 | + </g> |
| 228 | + </svg> |
| 229 | + </a> |
| 230 | + <a href="https://www.linkedin.com/in/webjose/" target="_blank"> |
| 231 | + <svg |
| 232 | + version="1.1" |
| 233 | + class="icon" |
| 234 | + id="Layer_1" |
| 235 | + xmlns="http://www.w3.org/2000/svg" |
| 236 | + xmlns:xlink="http://www.w3.org/1999/xlink" |
| 237 | + x="0px" |
| 238 | + y="0px" |
| 239 | + viewBox="0 0 240 240" |
| 240 | + style="enable-background: new 0 0 240 240" |
| 241 | + xml:space="preserve" |
| 242 | + > |
| 243 | + <style type="text/css"> |
| 244 | + .st0 { |
| 245 | + fill: #d2d9d8; |
| 246 | + } |
| 247 | + </style> |
| 248 | + <g> |
| 249 | + <g transform="scale(10.66667,10.66667)"> |
| 250 | + <path |
| 251 | + class="st0" |
| 252 | + d="M17.8,2.8H4.7c-1,0-1.9,0.8-1.9,1.9v13.1c0,1,0.8,1.9,1.9,1.9h13.1c1,0,1.9-0.8,1.9-1.9V4.7 |
| 253 | + C19.7,3.7,18.8,2.8,17.8,2.8z M8.4,15.9H6.1V9.4h2.4V15.9z M7.2,8.2C6.5,8.2,6,7.7,6,7s0.5-1.1,1.3-1.1C8,5.9,8.5,6.4,8.5,7 |
| 254 | + S8,8.2,7.2,8.2z M16.9,15.9h-2.3v-3.6c0-1-0.6-1.2-0.8-1.2c-0.2,0-1,0.2-1,1.2c0,0.2,0,3.6,0,3.6h-2.4V9.4h2.4v0.9 |
| 255 | + c0.3-0.5,0.9-0.9,2.1-0.9s2.1,0.9,2.1,3V15.9z" |
| 256 | + /> |
| 257 | + </g> |
| 258 | + </g> |
| 259 | + </svg> |
| 260 | + </a> |
| 261 | + <a href="https://www.instagram.com/weebjose/" target="_blank"> |
| 262 | + <svg |
| 263 | + version="1.1" |
| 264 | + class="icon" |
| 265 | + id="Layer_1" |
| 266 | + xmlns="http://www.w3.org/2000/svg" |
| 267 | + xmlns:xlink="http://www.w3.org/1999/xlink" |
| 268 | + x="0px" |
| 269 | + y="0px" |
| 270 | + viewBox="0 0 240 240" |
| 271 | + style="enable-background: new 0 0 240 240" |
| 272 | + xml:space="preserve" |
| 273 | + > |
| 274 | + <style type="text/css"> |
| 275 | + .st0 { |
| 276 | + fill: #d2d9d8; |
| 277 | + } |
| 278 | + </style> |
| 279 | + <g> |
| 280 | + <g transform="scale(10.66667,10.66667)"> |
| 281 | + <path |
| 282 | + class="st0" |
| 283 | + d="M7.7,2.8C5.1,2.8,3,4.9,3,7.5V15c0,2.6,2.1,4.7,4.7,4.7h7.5c2.6,0,4.7-2.1,4.7-4.7V7.5c0-2.6-2.1-4.7-4.7-4.7 |
| 284 | + H7.7z M17.1,4.7c0.5,0,0.9,0.4,0.9,0.9s-0.4,0.9-0.9,0.9s-0.9-0.4-0.9-0.9S16.5,4.7,17.1,4.7z M11.4,6.6c2.6,0,4.7,2.1,4.7,4.7 |
| 285 | + s-2.1,4.7-4.7,4.7s-4.7-2.1-4.7-4.7S8.8,6.6,11.4,6.6z M11.4,8.4c-1.6,0-2.8,1.3-2.8,2.8s1.3,2.8,2.8,2.8s2.8-1.3,2.8-2.8 |
| 286 | + S13,8.4,11.4,8.4z" |
| 287 | + /> |
| 288 | + </g> |
| 289 | + </g> |
| 290 | + </svg> |
| 291 | + </a> |
| 292 | + </div> |
| 293 | + <div class="copyright">Copyright © Jose Cortes, 2024</div> |
| 294 | + </div> |
| 295 | + </footer> |
| 296 | + </section> |
68 | 297 | </main>
|
69 | 298 | </body>
|
70 | 299 | </html>
|
0 commit comments