-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
208 lines (180 loc) · 8.92 KB
/
index.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
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HIMANSHI | PORTFOLIO</title>
<link rel="stylesheet" href="stylesfor.css">
<link id="theme-stylesheet" rel="stylesheet" href="dark-theme.css">
</head>
<body>
<header>
<nav>
<div class="menu-icon" onclick="toggleMenu()">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</div>
<div class="overlay" id="overlay">
<div class="overlay-menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="skills.html">Skills & Abilities</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="contactUS.html">Contact ME</a></li>
</ul>
</div>
</div>
<div>
<h1 style="font-size: 3vw;">
PORTFOLIO
</h1>
</div>
<button id="theme-toggle" class="theme-toggle-button">Dark Mode</button>
</nav>
<script src="scripts.js"></script>
</header>
<main>
<section class="container">
<h1 class="slide-in">🚀 Welcome to My Digital Playground!</h1>
<div class="contact" style="font-size: 30px;">
<ul class="slide-in">
<li style="font-weight: bold;font-size: 60px; color: #AD88C6">Hey there! I'm Himanshi,
<hr>
</li>
<li>A web developer who turns dreams into pixels.</li>
<li>I am specializing in
<strong>Computer Science</strong>, where creativity meets code in a spectacular dance of
digital
wizardry.💻✨
</li>
<li>Imagine a world where your wildest ideas come alive with cutting-edge design and
flawless
functionality.</li>
<li style="font-weight: bold;font-size:50px; color: #AD88C6 "><br>That's where I thrive in!</li>
<li>From crafting sleek <strong>well-documented coded</strong> platforms to building robust
<strong>product-driven</strong> solutions, I’m here to make your vision a stunning reality. 🌟
</li>
<li style="font-weight: bold;font-size:50px; color: #AD88C6"><br>Ready to embark on a digital adventure?</li>
<li>Whether you’re a visionary designer, a passionate entrepreneur,
or just someone with a brilliant idea,</li>
<li>let's make some magic together! 🎨💡</li>
</ul>
</div>
<div>
<img src="tom-and-jerry-cartoon.gif" alt="picture" style="width: 598px; height:471px">
</div>
<div class="background-shape"></div>
</section>
<section class="container">
<h1>HIMANSHI</h1>
<p style="font-size: 3vw;">Student</p>
</section>
<section>
<div>
<p style="font-size: 2vw;">Hi, I'm Himanshi👋 I'm a passionate student pursuing my graduation in
Btech-CSE
from Vivekananda School Of Engineering and Technology, Delhi.👀 I thrive in developing my coding
skills
but I'm equally comfortable working independently on projects.I am excited about the prospect of
joining
the Collaborative teams to work through my skills, where I can contribute to innovative solutions
and
continue growing consistently.
</p>
</div>
</section>
<div class="rpvd">
<section class="container">
<div class="flex-container">
<div style="background-color: #635985;">
<img src="picture.jpg" alt="My picture">
</div>
</div>
</section>
<section class="container">
<div>
<p style="font-size: 2vw;">
Student<br>
COMPUTER SCIENCE AND ENGINEERING<br>
VIVEKANANDA INSTITUTE OF PROFESSIONAL STUDIES, VSE&T, Delhi, India
</p>
</div>
</section>
<section class="container">
<div class="contact" style="font-size: 30px;">
<ul>
<li style="font-weight: bold;font-size: 60px; color: #AD88C6">🌟Unleash My Superpowers: The Ultimate Resume
Experience! 🌟
<hr>
</li>
<li> Dive into a resume that’s more than just a list of jobs—it's a dynamic showcase of my
skills, achievements,
and the journey that’s made me who I am today.</li>
<li>Ready to see why I’m the next superhero for your work? Let’s
get started!
💻✨
</li>
<a href="about.html" target="_blank" style="color:#B1B2FF">🔗 Explore my Resume 🔗</a>
</ul>
</div>
</section>
</div>
<section class="container">
<h1>
My Projects
</h1>
<div style="display:contents">
<ul style="font-size: 26px; font-weight: bold;">
<li> Portfolio</li>
<li>project name</li>
<li>project name</li>
</ul>
<a href="projects.html" target="_blank" style="font-size: 30px;color:#B1B2FF">🔗 Explore My Projects 🔗</a>
</div>
</section>
<section class="container">
<div class="flex-container">
<div class="contact" style="font-size: 30px;">
<ul>
<li style="font-weight: bold;font-size: 60px;">Let’s Make Magic Together!
<hr>
</li>
<li>Ever wondered how your wildest ideas can become stunning realities? ✨
Curious to see how we can create something amazing? 📬 Shoot Me a Message</li>
<li>Got questions or a project that’s itching to come to life?</li>
<li>Let’s chat! Whether you’re a designer
with a dream or a business with a bold vision, I’m here to help.</li>
</ul>
<br>
<p style="font-weight: bold;font-size:50px; ">Drop me a line using the form, click the button
below
or connect with me directly:</p>
<button type="submit">
<a class="icon-button" href="contactUS.html" target="_blank">
Send Magic
</a>
</button>
</div>
</div>
</section>
<div class="Let_connect" style="font-size: 20px;">
Let's connect on-
<a href="https://www.linkedin.com/in/442-himanshi/" target="_blank">
<img src="https://upload.wikimedia.org/wikipedia/commons/c/ca/LinkedIn_logo_initials.png" alt="LinkedIn"
style="width:24px;height:24px;"></a>
<a href="https://www.instagram.com/himanshi_.h_?igsh=MXhvbG9saWN0bDhlNg==" target="_blank">
<img src="https://upload.wikimedia.org/wikipedia/commons/a/a5/Instagram_icon.png" alt="Instagram"
style="width:24px;height:24px;"></a>
<a href="https://github.com/codesH-himanshi" target="_blank">
<img id="theme-image" src="github-mark.png" alt="GitHub" style="width:auto;height:24px;"></a>
<p style="font-size: 10px;">© 2024 Himanshi</p>
</div>
<script src="theme-toggle.js"></script>
</main>
<footer class="end">
<p>©Himanshi | Email: himanshikashyap442@gmail.com</p>
</footer>
</body>
</html>