-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
233 lines (208 loc) · 13.3 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
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sania Verma</title>
<link rel="icon" href="https://png.pngtree.com/png-clipart/20190630/original/pngtree-vector-home-icon-png-image_4144566.jpg">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" class="stylesheet">
</head>
<body>
<!-------------------------- Header Area -------------------------->
<header class="header-area">
<div class="container">
<div class="header">
<a href="" class="banner">
<!--<img src="Personal Portfolio banner.png" alt="banner" class="signature">
<i class="fa fa-bolt"></i> -->
<h1> Personal Portfolio</h1>
</a>
<ul class="navbar">
<li><a href="#Home">Home</a></li>
<li><a href="#About">About</a></li>
<li><a href="#Education">Education</a></li>
<li><a href="#Clubs"> Clubs</a></li>
<li><a href="#Contact">Contact</a></li>
</ul>
<div class="menu_icon">
<i class="fa fa-bars"></i>
</div>
</div>
</div>
</header>
<!-------------------------- Home Page -------------------------->
<div class="FirstElement" id="Home">
<div class="profile-photo">
<img src="IMG-20240223-WA0207.jpg" alt="profile picture">
</div>
<div class="profile-text">
<h4>Hey there! This is </h4><br>
<h1>SANIA VERMA</h1><br>
<p> A passionate and driven student currently pursuing a Bachelor's in Technology (B.Tech) degree in Information Technology from Indira Gandhi Delhi Technical University for Women, Delhi.
I am currently in my 2nd Semester and I have immersed myself in the dynamic world of technology, exploring the realms of programming, cloud computing, cybersecurity, and beyond.
This portfolio serves as a window into my projects, achievements, and endeavors, showcasing my dedication to learning, problem-solving skills, and the innovative spirit that drives me in the field of Computer Science.<br>
Join me on this digital journey as we delve into the exciting intersections of tech and creativity.</p>
<div class="btn-group">
<a href="Sania Verma Resume SemII.pdf" class="btn">View Resume</a>
<a href="mailto:[email protected]" class="btn">E-Mail</a>
</div>
<div class="social">
<p> Social Accounts: </p>
<a href="mailto:[email protected]"><i class="fa fa-envelope"></i></a>
<a href="https://github.com/SaniaVr"><i class="fa-brands fa-github"></i></a>
<a href="https://www.linkedin.com/in/sania-verma-21a642291/"><i class="fa-brands fa-linkedin"></i></a>
</div>
</div>
</div>
<!-------------------------- About Section -------------------------->
<section class="about-area" id="About">
<div class="container">
<div class="about">
<div class="about-content">
<h3>ABOUT ME!</h3>
<ul>
<li>I am a diligent, hardworking student and I love to explore the ever changing world of Tech.
I have been learning a few things in software development, particularly in areas such as C++, Python, HTML, CSS, JavaScript.
I have also been working upon areas like Artificial Intelligence and Machine learning as these areas continue to excite me</li>
<li> I am a good communicator and orator and I actively participate in extracurricular activities, competitions and hackathons.
I am an active member of various societies/ clubs in my University and thoroughly enjoy the exposure and experience.</li>
<li> I actively seek out opportunities to expand my knowledge and skills, embracing new technologies and approaches.
Feel free to explore my work and get in touch if you have any questions or opportunities to collaborate. </li>
</ul>
</div>
<div class="about-skills">
<ul>
<li>Name: Sania Verma</li>
<li>Age: 19</li>
<li>From: New Delhi, India</li>
<li>University: Indira Gandhi Delhi Technical University for Women, Kashmere Gate, Delhi</li>
<li>Email: [email protected]</li>
<li>Availabiltiy: Internship/ Part-time</li>
</ul>
</div>
</div>
</div>
</section>
<!-------------- Education -------------->
<section class="education-content" id="Education">
<div class="container">
<div class="row">
<div class="education ">
<h3 class="title">EDUCATION</h3>
<div class="row">
<div class="timeline-box">
<div class="timeline">
<!-- Timeline-item -->
<div class="timeline-item">
<div class="circle-dot"></div>
<img src="https://www.igdtuw.ac.in/images/log.jpg" alt="IGDTUW-Logo">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3500.8056934438955!2d77.22750178885497!3d28.6655361!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390cfd0683919c3b%3A0xf5fc331b74c2b9e2!2sIndira%20Gandhi%20Delhi%20Technical%20University%20for%20Women!5e0!3m2!1sen!2sin!4v1709922942221!5m2!1sen!2sin"></iframe>
<h3 class="timeline-title">
B.Tech Information Technology
</h3>
<h4 class="timeline-title">Indira Gandhi Delhi Technical University for Women (IGDTUW), Kashmere Gate, Delhi</h4>
<h4 class="timeline-title">
<i class="fa fa-calendar"></i> 2023-2027
</h4>
</div>
<!-- Timeline-item -->
<div class="timeline-item">
<div class="circle-dot"></div>
<img src="https://delhischoolsdirectory.com/assets/upload/profileimg/PRFIMGUSR14671664363741.png" alt="Carmel-Logo">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3502.950835878254!2d77.18550617475043!3d28.60125168550179!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d1d5c2f702a17%3A0x939c092db4e4e5fb!2sCarmel%20Convent%20School!5e0!3m2!1sen!2sin!4v1709922824344!5m2!1sen!2sin"></iframe>
<h3 class="timeline-title"> High School </h3>
<h4 class="timeline-title">Carmel Convent School, Chanakyapuri, New Delhi</h4>
<h4 class="timeline-title">
<i class="fa fa-calendar"></i> 2016-2023
</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-------------------------- Societies/ Clubs -------------------------->
<section class="clubs-content" id="Clubs">
<div class="container">
<div class="Society-title">
<h3>Extracurricular Involvement</h3>
</div>
<div class="Clubs">
<!-- 1st Society -->
<div class="club">
<img src="https://www.fashionlady.in/wp-content/uploads/2017/02/taarangana-events.jpg" alt="Taarangana-Logo">
<h3>Taarangana</h3>
<h4> Website Development Team- Head Coordinator</h4>
<p>Taarangana is the Annual cultural fest society of IGDTUW. My role as a Head Coordinator in the Website team was to
work as a member of the team responsible for generating a QR code for the entry passes and managing that database for the seamless entry of
visitors and security of the campus along with other roles. I had a great time being a part of the Website Development Team. Our website
can be checked out at- <a href="https://taarangana.in/">Taarangana.in</a>
</p>
</div>
<!-- 2nd Society -->
<div class="club">
<img src="https://www.fashionlady.in/wp-content/uploads/2017/02/taarangana-events.jpg" alt="Taarangana-Logo">
<h3>Taarangana</h3>
<h4>Sponsorship Team- Coordinator</h4>
<p>I actively worked to seek sponsors for our fest Taarangana 2024 as well as our Diwali pre-fest Jhilmil. My work included
reaching out to companies via social media handles like <a href="https://www.instagram.com/taarangana/">instagram</a> and <a href="https://www.linkedin.com/company/taarangana/mycompany/">linkedin</a> and
contact them to seal deals for the fest.
</p>
</div>
<!-- 3rd Society -->
<div class="club">
<img src="Yt1pDhkyTBaRv1zx6mu9_EK5tZ9FS4bBSEg8o.webp" alt="AWS-Logo">
<h3>AWS Cloud Club IGDTUW</h3>
<h4>PR Team- Coordinator</h4>
<p>The PR team works towards increasing the reach of the club on social media handles. I have been handling the <a href="https://www.linkedin.com/company/101174782/admin/feed/posts/">linkedin page</a>
of the club. The club also gave me the opportunity to host the AWS Student Community Day 2024, IGDTUW. That was such an
enriching experience and I got to interact and network with so many professionals working at AWS who flew in from various parts of the
world to give their insights. I have also hosted a session on Youtube Live for the club on "Introduction to serverless and event driven
Architecture". You can check it out <a href="https://www.youtube.com/watch?v=utQEti5XaNs&t=21s">here</a>
</p>
</div>
<!-- 3rd Project
<div class="project">
<i class="fa fa-desktop"></i>
<h4>Portfolio Website</h4>
<p>Created a portfolio website using HTML, CSS, and JavaScript, It serves as a platform to introduce myself,
share my projects, and provide information about my education and internship.</p>
</div> -->
</div>
</div>
</section>
<!-------------------------- Contact Me -------------------------->
<section class="contact-content" id="Contact">
<div class="container">
<div class="contact-title">
<h4>Contact Me</h4>
<p>Fill out the form below to get it touch!</p>
</div>
<div class="contact">
<form name="submitToGoogleSheet">
<input type="text" name="NAME" placeholder="Name" required>
<input type="email" name="EMAIL" placeholder="Email" required>
<input type="text" name="SUBJECT" placeholder="Subject">
<textarea name="Message" placeholder= "Message"></textarea>
<input type="submit" value="Submit" class="submit">
</form>
<span id="msg"></span>
</div>
</div>
</section>
<!-------------------------- JS -------------------------->
<script src="https://code.jquery.com/jquery-3.7.0.min.js" integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
<script src="https://unpkg.com/scrollreveal"></script>
<script src="script.js"></script>
<!-------------------------- Footer section -------------------------->
<footer class="footer">
<h6 class="copyright">© Copyright 2024. All rights reserved.</h6>
<h5 class="message"> Designed and Developed by SANIA VERMA </h5>
</footer>
</body>
</html>