|
| 1 | +<!DOCTYPE html> |
| 2 | +<html lang="en"> |
| 3 | + <head> |
| 4 | + <!-- Meta tags --> |
| 5 | + <title>Projects | Code By Jose</title> |
| 6 | + <link rel="icon" href="Index-Uploads/Icons/hello-kitty.svg" /> |
| 7 | + <meta charset="UTF-8" /> |
| 8 | + <meta property="og:title" content="Projects | Code By Jose" /> |
| 9 | + <meta property="og:type" content="website" /> |
| 10 | + <meta property="og:url" content="https://codebyjose.com/projects/" /> |
| 11 | + <meta |
| 12 | + property="og:description" |
| 13 | + content="A collection of projects that I have worked on." |
| 14 | + /> |
| 15 | + <meta |
| 16 | + property="og:image" |
| 17 | + content="https://codebyjose.com/Index-Uploads/Images/Blue-Portfolio.png" |
| 18 | + /> |
| 19 | + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| 20 | + <!-- CSS and JS --> |
| 21 | + <link rel="stylesheet" type="text/css" href="projects.css" /> |
| 22 | + <script src="projects.js" defer></script> |
| 23 | + <!-- Fonts and Icons --> |
| 24 | + <link |
| 25 | + rel="stylesheet" |
| 26 | + href=" https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" |
| 27 | + /> |
| 28 | + <script |
| 29 | + src="https://kit.fontawesome.com/6b31c68f8b.js" |
| 30 | + crossorigin="anonymous" |
| 31 | + ></script> |
| 32 | + <link rel="preconnect" href="https://fonts.googleapis.com" /> |
| 33 | + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> |
| 34 | + <link |
| 35 | + href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" |
| 36 | + rel="stylesheet" |
| 37 | + /> |
| 38 | + |
| 39 | + <!-- Google tag (gtag.js) --> |
| 40 | + <script |
| 41 | + async |
| 42 | + src="https://www.googletagmanager.com/gtag/js?id=G-CSN8G33F57" |
| 43 | + ></script> |
| 44 | + <script> |
| 45 | + window.dataLayer = window.dataLayer || []; |
| 46 | + function gtag() { |
| 47 | + dataLayer.push(arguments); |
| 48 | + } |
| 49 | + gtag("js", new Date()); |
| 50 | + |
| 51 | + gtag("config", "G-CSN8G33F57"); |
| 52 | + </script> |
| 53 | + <!-- Google tag (gtag.js) --> |
| 54 | + <script |
| 55 | + async |
| 56 | + src="https://www.googletagmanager.com/gtag/js?id=AW-16452414597" |
| 57 | + ></script> |
| 58 | + <script> |
| 59 | + window.dataLayer = window.dataLayer || []; |
| 60 | + function gtag() { |
| 61 | + dataLayer.push(arguments); |
| 62 | + } |
| 63 | + gtag("js", new Date()); |
| 64 | + |
| 65 | + gtag("config", "AW-16452414597"); |
| 66 | + </script> |
| 67 | + <!-- jQuery --> |
| 68 | + <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> |
| 69 | + </head> |
| 70 | + |
| 71 | + <!-- Header --> |
| 72 | + <header> |
| 73 | + <a href="/" class="Title">Code By Jose</a> |
| 74 | + <!-- Navigation Bar --> |
| 75 | + <nav> |
| 76 | + <a href="index.html#Home" |
| 77 | + ><i class="fa-solid fa-house" style="color: #d2d9d8"></i>Home</a |
| 78 | + > |
| 79 | + <a href="index.html#aboutmeSec" |
| 80 | + ><i class="fa-solid fa-user" style="color: #d2d9d8"></i>About</a |
| 81 | + > |
| 82 | + <a href="index.html#projects" |
| 83 | + ><i class="fa-solid fa-folder" style="color: #d2d9d8"></i>Projects</a |
| 84 | + > |
| 85 | + <!--<a href="#experiences">Experiences</a>---> |
| 86 | + <a href="index.html#contact" |
| 87 | + ><i class="fa-solid fa-message" style="color: #d2d9d8"></i>Contact</a |
| 88 | + > |
| 89 | + <a href="JoseC-CV.pdf" download="JoseC-CV.pdf" |
| 90 | + ><i class="fa-solid fa-cloud-arrow-down" style="color: #d2d9d8"></i |
| 91 | + >Resume</a |
| 92 | + > |
| 93 | + </nav> |
| 94 | + </header> |
| 95 | + |
| 96 | + <body> |
| 97 | + <section class="project-section"> |
| 98 | + <h1 class="Title" id="AltTitle">Projects</h1> |
| 99 | + <input |
| 100 | + type="text" |
| 101 | + id="searchInput" |
| 102 | + placeholder="Search for a project..." |
| 103 | + /> |
| 104 | + <div class="projects-container"></div> |
| 105 | + </section> |
| 106 | + </body> |
| 107 | + |
| 108 | + <section id="contact"> |
| 109 | + <footer> |
| 110 | + <section class="contactform"> |
| 111 | + <h1 class="Title">Get In Touch</h1> |
| 112 | + <form |
| 113 | + action="/contact.php" |
| 114 | + method="post" |
| 115 | + name="contact-form" |
| 116 | + id="contact-form" |
| 117 | + > |
| 118 | + <label for="name">Name:</label><br /> |
| 119 | + <input |
| 120 | + type="text" |
| 121 | + id="name" |
| 122 | + name="name" |
| 123 | + placeholder="Your Name..." |
| 124 | + required |
| 125 | + /> |
| 126 | + <label for="email">Email:</label><br /> |
| 127 | + <input |
| 128 | + type="email" |
| 129 | + id="email" |
| 130 | + name="email" |
| 131 | + placeholder="Your Email..." |
| 132 | + required |
| 133 | + /> |
| 134 | + <label for="subject">Subject:</label><br /> |
| 135 | + <input |
| 136 | + type="text" |
| 137 | + id="subject" |
| 138 | + name="subject" |
| 139 | + placeholder="Subject..." |
| 140 | + /> |
| 141 | + <label for="message">Message:</label><br /> |
| 142 | + <textarea |
| 143 | + id="message" |
| 144 | + name="message" |
| 145 | + placeholder="Type your message here..." |
| 146 | + required |
| 147 | + ></textarea> |
| 148 | + <input id="submit" type="submit" value="Submit" /> |
| 149 | + </form> |
| 150 | + </section> |
| 151 | + |
| 152 | + <a href=" mailto:[email protected]" class=" email" > |
| 153 | + <svg |
| 154 | + version="1.1" |
| 155 | + id="Layer_1" |
| 156 | + xmlns="http://www.w3.org/2000/svg" |
| 157 | + xmlns:xlink="http://www.w3.org/1999/xlink" |
| 158 | + x="0px" |
| 159 | + y="0px" |
| 160 | + viewBox="0 0 384 270.6" |
| 161 | + style="enable-background: new 0 0 384 270.6" |
| 162 | + xml:space="preserve" |
| 163 | + > |
| 164 | + <style type="text/css"> |
| 165 | + .st0 { |
| 166 | + fill: #d2d9d8; |
| 167 | + } |
| 168 | + </style> |
| 169 | + <g id="Layer_2_00000114763708521023959650000004666386688558890654_"> |
| 170 | + <g id="Layer_1-2"> |
| 171 | + <g> |
| 172 | + <path |
| 173 | + class="st0" |
| 174 | + 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 |
| 175 | + 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 |
| 176 | + c-0.4-1.3-1-2.6-1.4-3.9V27.3z" |
| 177 | + /> |
| 178 | + <path |
| 179 | + class="st0" |
| 180 | + 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 |
| 181 | + 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 |
| 182 | + c3.9-3.9,4.2-3.8,6,1.5c0.4,1.2,0.9,2.3,1.3,3.5L384,243.3z" |
| 183 | + /> |
| 184 | + <path |
| 185 | + class="st0" |
| 186 | + 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 |
| 187 | + 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 |
| 188 | + C87.7,0,140.1,0,192.4,0z" |
| 189 | + /> |
| 190 | + <path |
| 191 | + class="st0" |
| 192 | + 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 |
| 193 | + 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 |
| 194 | + 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 |
| 195 | + 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" |
| 196 | + /> |
| 197 | + </g> |
| 198 | + </g> |
| 199 | + </g> |
| 200 | + </svg> |
| 201 | + |
| 202 | + </a> |
| 203 | + <div class="socials"> |
| 204 | + Connect with me: |
| 205 | + <div class="social-icons"> |
| 206 | + <a href="https://github.com/Web-Jose" target="_blank"> |
| 207 | + <svg |
| 208 | + version="1.1" |
| 209 | + class="icon" |
| 210 | + id="Layer_1" |
| 211 | + xmlns="http://www.w3.org/2000/svg" |
| 212 | + xmlns:xlink="http://www.w3.org/1999/xlink" |
| 213 | + x="0px" |
| 214 | + y="0px" |
| 215 | + viewBox="0 0 240 240" |
| 216 | + style="enable-background: new 0 0 240 240" |
| 217 | + xml:space="preserve" |
| 218 | + > |
| 219 | + <style type="text/css"> |
| 220 | + .st0 { |
| 221 | + fill: #d2d9d8; |
| 222 | + } |
| 223 | + </style> |
| 224 | + <g> |
| 225 | + <g transform="scale(10.66667,10.66667)"> |
| 226 | + <path |
| 227 | + class="st0" |
| 228 | + 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 |
| 229 | + 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 |
| 230 | + 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 |
| 231 | + 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 |
| 232 | + 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 |
| 233 | + 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 |
| 234 | + 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 |
| 235 | + 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 |
| 236 | + 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 |
| 237 | + 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 |
| 238 | + 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 |
| 239 | + 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 |
| 240 | + 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 |
| 241 | + C13.1,18,13.3,17.8,13.6,17.8z" |
| 242 | + /> |
| 243 | + </g> |
| 244 | + </g> |
| 245 | + </svg> |
| 246 | + </a> |
| 247 | + <a href="https://www.linkedin.com/in/webjose/" target="_blank"> |
| 248 | + <svg |
| 249 | + version="1.1" |
| 250 | + class="icon" |
| 251 | + id="Layer_1" |
| 252 | + xmlns="http://www.w3.org/2000/svg" |
| 253 | + xmlns:xlink="http://www.w3.org/1999/xlink" |
| 254 | + x="0px" |
| 255 | + y="0px" |
| 256 | + viewBox="0 0 240 240" |
| 257 | + style="enable-background: new 0 0 240 240" |
| 258 | + xml:space="preserve" |
| 259 | + > |
| 260 | + <style type="text/css"> |
| 261 | + .st0 { |
| 262 | + fill: #d2d9d8; |
| 263 | + } |
| 264 | + </style> |
| 265 | + <g> |
| 266 | + <g transform="scale(10.66667,10.66667)"> |
| 267 | + <path |
| 268 | + class="st0" |
| 269 | + 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 |
| 270 | + 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 |
| 271 | + 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 |
| 272 | + c0.3-0.5,0.9-0.9,2.1-0.9s2.1,0.9,2.1,3V15.9z" |
| 273 | + /> |
| 274 | + </g> |
| 275 | + </g> |
| 276 | + </svg> |
| 277 | + </a> |
| 278 | + <a href="https://www.instagram.com/weebjose/" target="_blank"> |
| 279 | + <svg |
| 280 | + version="1.1" |
| 281 | + class="icon" |
| 282 | + id="Layer_1" |
| 283 | + xmlns="http://www.w3.org/2000/svg" |
| 284 | + xmlns:xlink="http://www.w3.org/1999/xlink" |
| 285 | + x="0px" |
| 286 | + y="0px" |
| 287 | + viewBox="0 0 240 240" |
| 288 | + style="enable-background: new 0 0 240 240" |
| 289 | + xml:space="preserve" |
| 290 | + > |
| 291 | + <style type="text/css"> |
| 292 | + .st0 { |
| 293 | + fill: #d2d9d8; |
| 294 | + } |
| 295 | + </style> |
| 296 | + <g> |
| 297 | + <g transform="scale(10.66667,10.66667)"> |
| 298 | + <path |
| 299 | + class="st0" |
| 300 | + 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 |
| 301 | + 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 |
| 302 | + 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 |
| 303 | + S13,8.4,11.4,8.4z" |
| 304 | + /> |
| 305 | + </g> |
| 306 | + </g> |
| 307 | + </svg> |
| 308 | + </a> |
| 309 | + </div> |
| 310 | + <div class="copyright">Copyright © Jose Cortes, 2024</div> |
| 311 | + </div> |
| 312 | + </footer> |
| 313 | + </section> |
| 314 | +</html> |
0 commit comments