-
Notifications
You must be signed in to change notification settings - Fork 1
/
about.html
112 lines (102 loc) · 5.48 KB
/
about.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Het Solanki's Portfolio</title>
<link rel="stylesheet" href="CSS/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Oxygen+Mono&family=Oxygen:wght@300;400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
</head>
<body>
<header>
<svg class="menu" width="21" height="24" viewBox="0 0 21 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 4.5C0 3.67031 0.670312 3 1.5 3H19.5C20.3297 3 21 3.67031 21 4.5C21 5.32969 20.3297 6 19.5 6H1.5C0.670312 6 0 5.32969 0 4.5ZM0 12C0 11.1703 0.670312 10.5 1.5 10.5H19.5C20.3297 10.5 21 11.1703 21 12C21 12.8297 20.3297 13.5 19.5 13.5H1.5C0.670312 13.5 0 12.8297 0 12ZM21 19.5C21 20.3297 20.3297 21 19.5 21H1.5C0.670312 21 0 20.3297 0 19.5C0 18.6703 0.670312 18 1.5 18H19.5C20.3297 18 21 18.6703 21 19.5Z" fill="#FF7B54"/>
</svg>
<svg class="close" width="19" height="23" viewBox="0 0 19 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2_236)">
<path d="M18.2424 3.79587C18.7897 3.18493 18.7025 2.27751 18.0438 1.76989C17.385 1.26227 16.4065 1.34313 15.8591 1.95407L9.30048 9.25387L2.74181 1.95407C2.19445 1.34313 1.21598 1.26227 0.557204 1.76989C-0.101569 2.27751 -0.188759 3.18493 0.358604 3.79587L7.28056 11.5L0.358604 19.2041C-0.188759 19.815 -0.101569 20.7224 0.557204 21.23C1.21598 21.7377 2.19445 21.6568 2.74181 21.0459L9.30048 13.7461L15.8591 21.0459C16.4065 21.6568 17.385 21.7377 18.0438 21.23C18.7025 20.7224 18.7897 19.815 18.2424 19.2041L11.3204 11.5L18.2424 3.79587Z" fill="#FF7B54"/>
</g>
<defs>
<clipPath id="clip0_2_236">
<rect width="18.6006" height="23" fill="white"/>
</clipPath>
</defs>
</svg>
<a href="index.html">
<span class="fa-solid fa-code" aria-hidden="true"></span>
<span>Het Solanki</span>
</a>
<nav class="nav">
<ul class="nav__list">
<li class="nav__list--item"><a href="index.html#projects">Projects</a></li>
<li class="nav__list--item"><a href="about.html">About</a></li>
<li class="nav__list--item"><a href="index.html#contact">Contact</a></li>
<li class="nav__list--item">
<a href="https://www.linkedin.com/in/het-solanki-119476216/" target="_blank">
<span class="fa-brands fa-linkedin" aria-hidden="true"></span>
<span class="sr-only">LinkedIn</span>
</a>
</li>
<li class="nav__list--item">
<a href="https://github.com/HetSolanki" target="_blank">
<span class="fa-brands fa-github" aria-hidden="true"></span>
<span class="sr-only">Github</span>
</a>
</li>
<li class="nav__list--item"><a href="/" class="button">Resume</a></li>
</ul>
</nav>
</header>
<div class="gradient"></div>
<!-- Project Section -->
<div class="section-dkblue">
<section id="projects">
<h2>About Het Solanki</h2>
<article>
<div class="text">
<h3>Just the highlights</h3>
<p class="blackbox">
As a full-stack web developer, I adeptly utilize a spectrum of web technologies including Node.js, React, TypeScript, HTML, CSS, and JavaScript. With a passion for continuous learning, I thrive on staying abreast of emerging trends and technologies. This eagerness to acquire new skills not only allows me to adapt quickly to evolving industry standards but also fuels my commitment to crafting innovative and dynamic web solutions.</p>
<h4>My favorite technologies include:</h4>
<ul>
<li>React</li>
<li>TypeScript</li>
<li>Next.js</li>
</ul>
</div>
<img src="img/About-Me.jpg" alt="About Me" />
</article>
</section>
</div>
<div class="gradient"></div>
<!-- Footer s-->
<footer>
<h3>Het Solanki · Web Developer</h3>
<ul>
<li>
<a href="https://www.linkedin.com/in/het-solanki-119476216/" target="_blank">
<span class="fa-brands fa-linkedin" aria-hidden="true"></span>
<span class="sr-only">LinkedIn</span>
</a>
</li>
<li>
<a href="https://github.com/HetSolanki" target="_blank">
<span class="fa-brands fa-github" aria-hidden="true"></span>
<span class="sr-only">Github</span>
</a>
</li>
<li>
<a href=mailto:"[email protected]" target="_blank">
<span class="fa-solid fa-envelope" aria-hidden="true"></span>
<span class="sr-only">Message</span>
</a>
</li>
</ul>
<span><small>©2024 Het Solanki. All Rights Reseved</small></span>
</footer>
<script src="script.js"></script>
</body>
</html>