-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
160 lines (143 loc) · 6.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
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
<!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;">
About |PORTFOLIO
</h1>
</div>
<button id="theme-toggle" class="theme-toggle-button">Dark Mode</button>
</nav>
<script src="scripts.js"></script>
</header>
<main>
<div class="rpvd">
<section class="container">
<div class="flex-container">
<div style="background-color: #635985;">
<img src="picture.jpg" alt="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>
</div>
<section class="container">
<div class="contact" style="font-size: 30px;">
<ul>
<li>I believe in creating engaging, interactive experiences that reflect my commitment to
innovation and excellence. By combining modern design with interactive elements, this resume
isn't just a document—<strong>it's an experience.</strong>
🌟
</li>
<li style="font-weight: bold;font-size:50px; "><br>Click on each section to reveal interactive
details about my career milestones, skills, and achievements.
</li>
<li>
<div>
<ol>
<li><a href="#section1">Education</a></li>
<li><a href="#section2">Skills & Abilities</a></li>
<li><a href="#section3">Experience</a></li>
</ol>
</div>
</li>
<li><br><br>🔗 Downloadable Goodies<br>
Prefer a traditional format? <br>Download my resume in PDF here! for a
detailed view of my qualifications.🎨💡</li><a href="rESUME.pdf" class="download-button"
download="My_Resume.pdf">Download My PDF Resume</a>
</ul>
</div>
</section>
</div>
<div class="rpvg">
<div id="section1">
<h2>Education</h2>
<p>B.Tech in Computer Science <br> VIVEKANANDA INSTITUTE OF PROFESSIONAL STUDIES, VSE&T, Delhi,
India<br> GURU GOBIND SINGH INDRAPRASTHA UNIVERSITY, Delhi, India </p>
</div>
<div id="section2">
<h2>Skills & Abilities</h2>
<ul>
<li>Programming Languages-
<br> Python, Java, C, C++, JavaScript
</li>
<li><br>Web Development-
<br> HTML, CSS, React, Node.JS
</li>
<li><br>Databases-
<br> MySQL
</li>
<li><br>Soft Skills-
<br> Teamwork, Communication, Problem-Solving, Time Management
</li>
</ul>
</div>
<div id="section3">
<h2>Experience</h2>
<p>
Internships and Training:<br>
Summer Training in Data Structures and Algorithms<br>
Acciojobs, Delhi, India<br>
[July, 2024]
<ul>
<li>• Completed an intensive training program focused on data structures and algorithms.</li>
<li>• Gained hands-on experience in implementing various data structures and algorithms in C++
and Python.</li>
<li>• Developed problem-solving skills by tackling complex algorithmic challenges.</li>
</ul>
</p>
</div>
</div>
<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>
<div>
</footer>
</body>
</html>