├── chair.webp ├── assets ├── git.png ├── gupta.jpeg ├── shiv.jpeg ├── arrow_dark.png ├── arrow_light.png ├── education2.png ├── email_dark.png ├── email_light.png ├── github_dark.png ├── github_light.png ├── theme_dark.png ├── theme_light.png ├── checkmark_dark.png ├── education_dark.png ├── linkedin_dark.png ├── linkedin_light.png ├── checkmark_light.png ├── education_light.png ├── experience_dark.png ├── experience_light.png ├── resumeshivanshi.pdf └── Shivanshi Gupta Resume.pdf ├── README.md ├── script.js ├── mediaqueries.css ├── style.css └── index.html /chair.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2004shivanshi/portfolio-website/HEAD/chair.webp -------------------------------------------------------------------------------- /assets/git.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2004shivanshi/portfolio-website/HEAD/assets/git.png -------------------------------------------------------------------------------- /assets/gupta.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2004shivanshi/portfolio-website/HEAD/assets/gupta.jpeg -------------------------------------------------------------------------------- /assets/shiv.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2004shivanshi/portfolio-website/HEAD/assets/shiv.jpeg -------------------------------------------------------------------------------- /assets/arrow_dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2004shivanshi/portfolio-website/HEAD/assets/arrow_dark.png -------------------------------------------------------------------------------- /assets/arrow_light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2004shivanshi/portfolio-website/HEAD/assets/arrow_light.png -------------------------------------------------------------------------------- /assets/education2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2004shivanshi/portfolio-website/HEAD/assets/education2.png -------------------------------------------------------------------------------- /assets/email_dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2004shivanshi/portfolio-website/HEAD/assets/email_dark.png -------------------------------------------------------------------------------- /assets/email_light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2004shivanshi/portfolio-website/HEAD/assets/email_light.png -------------------------------------------------------------------------------- /assets/github_dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2004shivanshi/portfolio-website/HEAD/assets/github_dark.png -------------------------------------------------------------------------------- /assets/github_light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2004shivanshi/portfolio-website/HEAD/assets/github_light.png -------------------------------------------------------------------------------- /assets/theme_dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2004shivanshi/portfolio-website/HEAD/assets/theme_dark.png -------------------------------------------------------------------------------- /assets/theme_light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2004shivanshi/portfolio-website/HEAD/assets/theme_light.png -------------------------------------------------------------------------------- /assets/checkmark_dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2004shivanshi/portfolio-website/HEAD/assets/checkmark_dark.png -------------------------------------------------------------------------------- /assets/education_dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2004shivanshi/portfolio-website/HEAD/assets/education_dark.png -------------------------------------------------------------------------------- /assets/linkedin_dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2004shivanshi/portfolio-website/HEAD/assets/linkedin_dark.png -------------------------------------------------------------------------------- /assets/linkedin_light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2004shivanshi/portfolio-website/HEAD/assets/linkedin_light.png -------------------------------------------------------------------------------- /assets/checkmark_light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2004shivanshi/portfolio-website/HEAD/assets/checkmark_light.png -------------------------------------------------------------------------------- /assets/education_light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2004shivanshi/portfolio-website/HEAD/assets/education_light.png -------------------------------------------------------------------------------- /assets/experience_dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2004shivanshi/portfolio-website/HEAD/assets/experience_dark.png -------------------------------------------------------------------------------- /assets/experience_light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2004shivanshi/portfolio-website/HEAD/assets/experience_light.png -------------------------------------------------------------------------------- /assets/resumeshivanshi.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2004shivanshi/portfolio-website/HEAD/assets/resumeshivanshi.pdf -------------------------------------------------------------------------------- /assets/Shivanshi Gupta Resume.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/2004shivanshi/portfolio-website/HEAD/assets/Shivanshi Gupta Resume.pdf -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # portfolio-website 2 | This is my portfolio website on any click you can download my CV . 3 | On click any button you land on that page. 4 | -------------------------------------------------------------------------------- /script.js: -------------------------------------------------------------------------------- 1 | function toggleMenu() { 2 | const menu = document.querySelector(".menu-links"); 3 | const icon = document.querySelector(".hamburger-icon"); 4 | menu.classList.toggle("open"); 5 | icon.classList.toggle("open"); 6 | } 7 | 8 | // Dark / light mode 9 | 10 | const btn = document.getElementById("modeToggle"); 11 | const btn2 = document.getElementById("modeToggle2"); 12 | const themeIcons = document.querySelectorAll(".icon"); 13 | const currentTheme = localStorage.getItem("theme"); 14 | 15 | if (currentTheme === "dark") { 16 | setDarkMode(); 17 | } 18 | 19 | btn.addEventListener("click", function () { 20 | setTheme(); 21 | }); 22 | 23 | btn2.addEventListener("click", function () { 24 | setTheme(); 25 | }); 26 | 27 | function setTheme() { 28 | let currentTheme = document.body.getAttribute("theme"); 29 | 30 | if (currentTheme === "dark") { 31 | setLightMode(); 32 | } else { 33 | setDarkMode(); 34 | } 35 | } 36 | 37 | function setDarkMode() { 38 | document.body.setAttribute("theme", "dark"); 39 | localStorage.setItem("theme", "dark"); 40 | 41 | themeIcons.forEach((icon) => { 42 | icon.src = icon.getAttribute("src-dark"); 43 | }); 44 | } 45 | 46 | function setLightMode() { 47 | document.body.removeAttribute("theme"); 48 | localStorage.setItem("theme", "light"); 49 | 50 | themeIcons.forEach((icon) => { 51 | icon.src = icon.getAttribute("src-light"); 52 | }); 53 | } -------------------------------------------------------------------------------- /mediaqueries.css: -------------------------------------------------------------------------------- 1 | @media screen and (max-width: 1400px) { 2 | #profile { 3 | height: 83vh; 4 | margin-bottom: 6rem; 5 | } 6 | .about-containers { 7 | flex-wrap: wrap; 8 | } 9 | } 10 | 11 | @media screen and (max-width: 1200px) { 12 | 13 | 14 | 15 | 16 | #shiv{ 17 | 18 | margin-top: 250px; 19 | font-size: -300px; 20 | } 21 | 22 | .pic{ 23 | margin-left: 1px; 24 | } 25 | 26 | #get{ 27 | margin-top: 20px; 28 | } 29 | 30 | 31 | 32 | 33 | #desktop-nav { 34 | display: none; 35 | } 36 | #hamburger-nav { 37 | display: flex; 38 | } 39 | #experience, 40 | .experience-details-container { 41 | margin-top: 2rem; 42 | } 43 | #profile, 44 | .section-container { 45 | display: block; 46 | } 47 | .arrow { 48 | display: none; 49 | } 50 | section, 51 | .section-container { 52 | height: fit-content; 53 | } 54 | section { 55 | margin: 0 5%; 56 | } 57 | .section__pic-container { 58 | width: 275px; 59 | height: 275px; 60 | margin: 0 auto 2rem; 61 | } 62 | .about-containers { 63 | margin-top: 0; 64 | } 65 | } 66 | 67 | @media screen and (max-width: 600px) { 68 | 69 | 70 | 71 | 72 | #contact, 73 | footer { 74 | height: 40vh; 75 | } 76 | #profile { 77 | height: 83vh; 78 | margin-bottom: 0; 79 | } 80 | article { 81 | font-size: 1rem; 82 | } 83 | footer nav { 84 | height: fit-content; 85 | margin-bottom: 2rem; 86 | } 87 | .about-containers, 88 | .contact-info-upper-container, 89 | .btn-container { 90 | flex-wrap: wrap; 91 | } 92 | .contact-info-container { 93 | margin: 0; 94 | } 95 | .contact-info-container p, 96 | .nav-links li a { 97 | font-size: 1rem; 98 | } 99 | .experience-sub-title { 100 | font-size: 1.25rem; 101 | } 102 | .logo { 103 | font-size: 1.5rem; 104 | } 105 | .nav-links { 106 | flex-direction: column; 107 | gap: 0.5rem; 108 | text-align: center; 109 | } 110 | .section__pic-container { 111 | width: auto; 112 | height: 46vw; 113 | justify-content: center; 114 | } 115 | 116 | .section__text__p2 { 117 | font-size: 1.25rem; 118 | } 119 | .title { 120 | font-size: 2rem; 121 | } 122 | .text-container { 123 | text-align: justify; 124 | } 125 | } 126 | .section__text{ 127 | margin-top: 50px; 128 | } -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | /* GENERAL */ 2 | 3 | @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap"); 4 | 5 | /* Default Light Mode */ 6 | :root { 7 | --primary-color: white; 8 | --primary-color-2: rgb(250, 250, 250); 9 | --primary-color-3: rgb(181, 181, 181); 10 | --background-color: rgb(255, 255, 255); 11 | --secondary-color: black; 12 | --secondary-color-2: rgb(85, 85, 85); 13 | --button-background: rgb(53, 53, 53); 14 | --button-text-hover: grey; 15 | --button-border: rgb(53, 53, 53) 0.1rem solid; 16 | --button-border-2: rgb(255, 255, 255) 0.1rem solid; 17 | --container-border: rgb(163, 163, 163); 18 | } 19 | 20 | /* Dark Mode */ 21 | [theme="dark"] { 22 | --primary-color: black; 23 | --primary-color-2: rgb(39, 39, 39); 24 | --primary-color-3: rgb(74, 74, 74); 25 | --background-color: rgb(33, 33, 33); 26 | --secondary-color: white; 27 | --secondary-color-2: rgb(170, 170, 170); 28 | --button-background: rgb(202, 202, 202); 29 | --button-text-hover: lightgrey; 30 | --button-border: rgb(202, 202, 202) 0.1rem solid; 31 | --button-border-2: rgb(0, 0, 0) 0.1rem solid; 32 | --container-border: rgb(92, 92, 92); 33 | } 34 | 35 | * { 36 | margin: 0; 37 | padding: 0; 38 | } 39 | 40 | h3 { 41 | color: var(--secondary-color); 42 | } 43 | 44 | body { 45 | font-family: "Poppins", sans-serif; 46 | background-color: var(--background-color); 47 | } 48 | 49 | html { 50 | scroll-behavior: smooth; 51 | } 52 | 53 | p { 54 | color: var(--secondary-color-2); 55 | } 56 | 57 | /* TRANSITION */ 58 | 59 | a, 60 | .btn { 61 | transition: all 300ms ease; 62 | } 63 | 64 | /* DESKTOP NAV */ 65 | 66 | nav, 67 | .nav-links { 68 | display: flex; 69 | align-items: center; 70 | } 71 | 72 | nav { 73 | justify-content: space-around; 74 | height: 17vh; 75 | } 76 | 77 | .nav-links { 78 | gap: 2rem; 79 | list-style: none; 80 | font-size: 1.5rem; 81 | } 82 | 83 | nav li:last-child { 84 | width: max-content; 85 | display: flex; 86 | margin: auto; 87 | padding: 10px; 88 | } 89 | 90 | a { 91 | color: var(--secondary-color); 92 | text-decoration: none; 93 | text-decoration-color: var(--primary-color); 94 | } 95 | 96 | a:hover { 97 | text-decoration: underline; 98 | text-underline-offset: 1rem; 99 | text-decoration-color: var(--secondary-color); 100 | } 101 | 102 | nav a:hover { 103 | color: var(--secondary-color); 104 | text-decoration-color: var(--secondary-color); 105 | } 106 | 107 | .logo { 108 | font-size: 2rem; 109 | color: var(--secondary-color); 110 | } 111 | 112 | .logo:hover { 113 | cursor: default; 114 | } 115 | 116 | /* HAMBURGER MENU */ 117 | 118 | #hamburger-nav { 119 | display: none; 120 | } 121 | 122 | .hamburger-menu { 123 | position: relative; 124 | display: inline-block; 125 | } 126 | 127 | .hamburger-icon { 128 | display: flex; 129 | flex-direction: column; 130 | justify-content: space-between; 131 | height: 24px; 132 | width: 30px; 133 | cursor: pointer; 134 | } 135 | 136 | .hamburger-icon span { 137 | width: 100%; 138 | height: 2px; 139 | background-color: var(--secondary-color); 140 | transition: all 0.3 ease-in-out; 141 | } 142 | 143 | .menu-links { 144 | position: absolute; 145 | top: 100%; 146 | right: 0; 147 | background-color: var(--primary-color); 148 | width: fit-content; 149 | max-height: 0; 150 | overflow: hidden; 151 | transition: all 0.3 ease-in-out; 152 | } 153 | 154 | .menu-links a { 155 | display: block; 156 | padding: 10px; 157 | text-align: center; 158 | font-size: 1.5rem; 159 | color: var(--secondary-color); 160 | text-decoration: none; 161 | transition: all 0.3 ease-in-out; 162 | } 163 | 164 | .menu-links li { 165 | list-style: none; 166 | } 167 | 168 | .menu-links.open { 169 | max-height: 300px; 170 | } 171 | 172 | .hamburger-icon.open span:first-child { 173 | transform: rotate(45deg) translate(10px, 5px); 174 | } 175 | 176 | .hamburger-icon.open span:nth-child(2) { 177 | opacity: 0; 178 | } 179 | 180 | .hamburger-icon.open span:last-child { 181 | transform: rotate(-45deg) translate(10px, -5px); 182 | } 183 | 184 | .hamburger-icon span:first-child { 185 | transform: none; 186 | } 187 | 188 | .hamburger-icon span:first-child { 189 | opacity: 1; 190 | } 191 | 192 | .hamburger-icon span:first-child { 193 | transform: none; 194 | } 195 | 196 | /* SECTIONS */ 197 | 198 | section { 199 | padding-top: 4vh; 200 | height: 96vh; 201 | margin: 0 10rem; 202 | box-sizing: border-box; 203 | min-height: fit-content; 204 | } 205 | 206 | .section-container { 207 | display: flex; 208 | } 209 | 210 | /* PROFILE SECTION */ 211 | 212 | #profile { 213 | display: flex; 214 | justify-content: center; 215 | gap: 5rem; 216 | height: 80vh; 217 | } 218 | 219 | .section__pic-container { 220 | display: flex; 221 | height: 400px; 222 | width: 400px; 223 | margin: auto 0; 224 | border-radius: 80vh; 225 | } 226 | 227 | .section__text { 228 | align-self: center; 229 | text-align: center; 230 | } 231 | 232 | .section__text p { 233 | font-weight: 600; 234 | } 235 | 236 | .section__text__p1 { 237 | text-align: center; 238 | } 239 | 240 | .section__text__p2 { 241 | font-size: 1.75rem; 242 | margin-bottom: 1rem; 243 | } 244 | 245 | .title { 246 | color: var(--secondary-color); 247 | font-size: 3rem; 248 | text-align: center; 249 | } 250 | 251 | #socials-container { 252 | display: flex; 253 | justify-content: center; 254 | margin-top: 1rem; 255 | gap: 1rem; 256 | } 257 | 258 | /* ICONS */ 259 | 260 | .icon { 261 | cursor: pointer; 262 | height: 2rem; 263 | } 264 | 265 | /* BUTTONS */ 266 | 267 | .btn-container { 268 | display: flex; 269 | justify-content: center; 270 | gap: 1rem; 271 | } 272 | 273 | .btn { 274 | font-weight: 600; 275 | transition: all 300ms ease; 276 | padding: 1rem; 277 | width: 8rem; 278 | border-radius: 2rem; 279 | } 280 | 281 | .btn-color-1, 282 | .btn-color-2 { 283 | border: var(--button-border); 284 | color: var(--secondary-color-2); 285 | } 286 | 287 | .btn-color-1:hover, 288 | .btn-color-2:hover { 289 | cursor: pointer; 290 | } 291 | 292 | .btn-color-1, 293 | .btn-color-2:hover { 294 | background: var(--button-background); 295 | color: var(--primary-color); 296 | } 297 | 298 | .btn-color-1:hover { 299 | background: var(--secondary-color); 300 | } 301 | 302 | .btn-color-2 { 303 | background: none; 304 | } 305 | 306 | .btn-color-2:hover { 307 | border: var(--button-border); 308 | background: var(--secondary-color); 309 | } 310 | 311 | .btn-container { 312 | gap: 1rem; 313 | } 314 | 315 | /* ABOUT SECTION */ 316 | 317 | #about { 318 | position: relative; 319 | } 320 | 321 | .about-containers { 322 | gap: 2rem; 323 | margin-bottom: 2rem; 324 | margin-top: 2rem; 325 | } 326 | 327 | .about-details-container { 328 | justify-content: center; 329 | flex-direction: column; 330 | } 331 | 332 | .about-containers, 333 | .about-details-container { 334 | display: flex; 335 | } 336 | 337 | .about-pic { 338 | border-radius: 2rem; 339 | width: 450px; 340 | ; 341 | padding-left: -10vh; 342 | } 343 | 344 | .arrow { 345 | position: absolute; 346 | right: -5rem; 347 | bottom: 2.5rem; 348 | 349 | } 350 | 351 | .details-container { 352 | padding: 1.5rem; 353 | flex: 1; 354 | background: var(--primary-color-2); 355 | border-radius: 2rem; 356 | border: var(--button-border); 357 | border-color: var(--container-border); 358 | text-align: center; 359 | } 360 | 361 | .section-container { 362 | gap: 4rem; 363 | height: 80%; 364 | } 365 | 366 | .section__pic-container { 367 | height: 400px; 368 | width: 400px; 369 | margin: auto 0; 370 | } 371 | 372 | /* EXPERIENCE SECTION */ 373 | 374 | #experience { 375 | position: relative; 376 | } 377 | 378 | .experience-sub-title { 379 | color: var(--secondary-color); 380 | font-weight: 600; 381 | font-size: 1.75rem; 382 | margin-bottom: 2rem; 383 | } 384 | 385 | .experience-details-container { 386 | display: flex; 387 | justify-content: center; 388 | flex-direction: column; 389 | } 390 | 391 | .article-container { 392 | display: flex; 393 | text-align: initial; 394 | flex-wrap: wrap; 395 | flex-direction: row; 396 | gap: 2.5rem; 397 | justify-content: space-around; 398 | } 399 | 400 | article { 401 | display: flex; 402 | width: 10rem; 403 | justify-content: flex-start; 404 | gap: 0.5rem; 405 | } 406 | 407 | article .icon { 408 | cursor: default; 409 | } 410 | 411 | /* PROJECTS SECTION */ 412 | 413 | #projects { 414 | position: relative; 415 | } 416 | 417 | .color-container { 418 | border-color: var(--container-border); 419 | background: var(--primary-color-2); 420 | } 421 | 422 | .project-img { 423 | border-radius: 2rem; 424 | width: 90%; 425 | height: 90%; 426 | } 427 | 428 | .project-title { 429 | margin: 1rem; 430 | color: var(--secondary-color); 431 | } 432 | 433 | .project-btn { 434 | color: var(--secondary-color); 435 | border-color: var(--container-border); 436 | } 437 | 438 | /* CONTACT */ 439 | 440 | #contact { 441 | display: flex; 442 | justify-content: center; 443 | flex-direction: column; 444 | height: 70vh; 445 | } 446 | 447 | .contact-info-upper-container { 448 | display: flex; 449 | justify-content: center; 450 | border-radius: 2rem; 451 | border: var(--button-border); 452 | border-color: var(--container-border); 453 | background: var(--background-color); 454 | margin: 2rem auto; 455 | padding: 0.5rem; 456 | } 457 | 458 | .contact-info-container { 459 | display: flex; 460 | align-items: center; 461 | justify-content: center; 462 | gap: 0.5rem; 463 | margin: 1rem; 464 | } 465 | 466 | .contact-info-container p { 467 | font-size: larger; 468 | } 469 | 470 | .contact-icon { 471 | cursor: default; 472 | } 473 | 474 | .email-icon { 475 | height: 2.5rem; 476 | } 477 | 478 | /* FOOTER SECTION */ 479 | 480 | footer { 481 | height: 26vh; 482 | margin: 0 1rem; 483 | } 484 | 485 | footer p { 486 | text-align: center; 487 | } 488 | .pic{ 489 | overflow: wrap; 490 | border-radius: 1000px; 491 | margin-left: -25%; 492 | height:400px ; 493 | padding-top: 20px; 494 | } -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | My Portfolio 8 | 9 | 10 | 11 | 12 | 33 | 59 |
60 |
61 | shivanshi profile picture 62 |
63 |
64 |

Hello, I'm

65 |

Shivanshi Gupta

66 |

Frontend Developer

67 |
68 | 74 | 77 |
78 |
79 | My LinkedIn profile 87 | My github profile 95 |
96 |
97 |
98 |
99 |

Get To Know More

100 |

About Me

101 |
102 |
103 | Profile picture 108 |
109 |
110 |
111 |
112 | Experience icon 119 |

Fresher

120 |

Frontend Developer

121 |
122 |
123 | Education icon 130 |

Education

131 |

B.tech
Computer Science

Sceond Year

132 |
133 |
134 |
135 |

136 | I'm a frontend developer, skilled in HTML, CSS, and JavaScript. 137 | My expertise lies in creating visually and interactive user interfaces for websites and applications. 138 | I collaborate with design and backend teams to ensure a seamless user experience, 139 | staying updated with the latest web development trend. 140 | 141 |

142 |
143 |
144 |
145 | Arrow icon 153 |
154 |
155 |

Explore

156 |

My Skills

157 |
158 |
159 |
160 |

Skills

161 |
162 |
163 | Experience icon 170 |
171 |

HTML

172 |

Advance

173 |
174 |
175 |
176 | Experience icon 183 |
184 |

CSS

185 |

Advance

186 |
187 |
188 |
189 | Experience icon 196 |
197 |

Tailwind

198 |

Intermediate

199 |
200 |
201 |
202 | Experience icon 209 |
210 |

JavaScript

211 |

Intermediate

212 |
213 |
214 |
215 | Experience icon 222 |
223 |

Git Github

224 |

Intermediate

225 |
226 |
227 |
228 | Experience icon 235 |
236 |

C++

237 |

Intermediate

238 |
239 |
240 |
241 |
242 |
243 |

Other Skills 244 |

245 |
246 |
247 | Experience icon 254 |
255 |

PR Head

256 |

Tech Club

257 | 258 |
259 |
260 |
261 | Experience icon 268 |
269 |

Campus Ambassador

270 |

PW

271 |
272 |
273 |
274 | Experience icon 281 |
282 |

Google Sheet

283 |

Intermediate

284 |
285 |
286 |
287 | Experience icon 294 |
295 |

Content Writter

296 |

Tech club

297 |
298 |
299 |
300 |
301 |
302 |
303 | Arrow icon 311 |
312 |
313 |

Browse My Recent

314 |

Projects

315 |
316 |
317 |
318 |
319 | Project 1 324 |
325 |

Project One

326 |
327 | 333 | 339 |
340 |
341 |
342 |
343 | Project 2 348 |
349 |

Project Two

350 |
351 | 359 | 365 |
366 |
367 |
368 |
369 | Project 3 374 |
375 |

Project Three

376 |
377 | 383 | 389 |
390 |
391 |
392 |
393 | Arrow icon 401 |
402 |
403 |

Get in Touch

404 |

Contact Me

405 |
406 |
407 | 414 |

examplemail.com

415 |
416 |
417 | My LinkedIn profile 425 |

linkdein

426 |
427 |
428 |
429 | 442 | 443 | 444 | 445 | --------------------------------------------------------------------------------