-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
257 lines (209 loc) · 10.8 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
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Snigdha Singh</title>
<!-- Link to Bootstrap 4 -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<!-- Font Awesome Link -->
<script src="https://kit.fontawesome.com/2e0bad29ea.js" crossorigin="anonymous"></script>
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Rochester&display=swap" rel="stylesheet">
<!-- Link to stylesheet -->
<link rel="stylesheet" href="styles.css">
<!-- Link To Favicon -->
<link rel="apple-touch-icon" sizes="57x57" href="favicon.ico/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="favicon.ico/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="favicon.ico/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="favicon.ico/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="favicon.ico/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="favicon.ico/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="favicon.ico/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="favicon.ico/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="favicon.ico/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="favicon.ico/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon.ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="favicon.ico/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon.ico/favicon-16x16.png">
<link rel="manifest" href="favicon.ico/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="favicon.ico/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<!-- Introduction -->
<section id="introduction">
<nav class="navbar navbar-expand-lg navbar-dark bg-info">
<a class="navbar-brand" href="#contact-me"><i class="fas fa-code snig-icon"></i>Snigdha Singh</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#contact-me">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#projects">Work</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about-me">About</a>
</li>
</ul>
</div>
</nav>
<div class="introduction-div">
<h1>I'm Snigdha.</h1>
<h3 style="font-size:50px;">a programmer</h3>
</div>
</section>
<!-- About Me -->
<section id="about-me">
</div>
<div class="row about-me-div">
<div class="col-lg-6 my-image">
<img src="snigdha.jpeg" alt="Snigdha Singh img" class="snigdha-image">
</div>
<div class="col-lg-6 my-description">
<h2 style="font-size: 50px;">Hello.</h2>
<p style="color: #555555;">Currently in my second year of Computer Engineering at Pune Institute of Computer Technology (CGPA: 9.84).
I'm passionate about learning - be it AI, Web Development or a new skill in football!</p>
<p style="color: #555555;">I'm a member of Google's Women Techmakers which provides visibility, community, and resources for women in technology.</p>
<p style="color: #555555;">I'm seeking challenges in the fields of Machine Learning and Web Development to hone my skills.
If you're looking for someone with interests in the same or even to have a conversation </p><a href="#contact-me">Contact Me.</a>
</div>
</div>
</section>
<!-- My Skills -->
<section id="skills">
<div class="skills-header">
<h2 style="font-size: 50px;"><i class="far fa-star skills-icon"></i>My Skills</h2>
</div>
<div class="row">
<div class="skill col-sm-6">
<i class="skills-body-icon fas fa-file-code fa-4x"></i>
<h3>C++ Programming</h3>
</div>
<div class="skill col-sm-6">
<i class="skills-body-icon fas fa-brain fa-4x"></i>
<h3>Natural Language Processing</h3>
</div>
<div class="skill col-sm-6">
<i class="skills-body-icon fas fa-chart-bar fa-4x"></i>
<h3>Machine Learning Algorithms</h3>
</div>
<div class="skill col-sm-6">
<i class="skills-body-icon fas fa-desktop fa-4x"></i>
<h3>Full Stack Web Development</h3>
</div>
<div class="skill col-sm-6">
<i class="skills-body-icon fas fa-futbol fa-4x"></i>
<h3>Sports</h3>
</div>
<div class="skill col-sm-6">
<i class="skills-body-icon fas fa-pencil-alt fa-4x"></i>
<h3>Writing</h3>
</div>
</div>
</section>
<!-- Projects -->
<section id="projects">
<div class="col-sm-12 projects-title">
<h2 style="font-size: 50px;"><i class="fas fa-laptop-code work-icon"></i>Projects</h2>
</div>
<div class="row projects-div">
<div class="col-md-6 project-card">
<div class="card">
<div class="card-header">
<h3>CLASP</h3>
</div>
<div class="card-body">
<p class="card-title">COVID-19 Literature Analysis And Summarisation Platform</p>
<p style="color: #555555;">Built an extractive text summarisation model which makes use of unsupervised learning to summarise the text
in a research paper. Made use of Biobert embeddings to generate appropriate context in a medical research paper.
The product also includes it's own search engine which performed information retrieval using a
language model which ranked the relevant documents based on a cosine similarity score generated
between the search keywords and the indexed documents amongst other parameters. Implemented yet another feature, an unsupervised
Q&A model which answers questions on a research paper's contents using paper as context.</p>
</div>
</div>
</div>
<div class="col-md-6 project-card">
<div class="card">
<div class="card-header">
<h3>Business Market Analysis</h3>
</div>
<div class="card-body">
<p class="card-title">Segmentation Of Customers</p>
<p style="color: #555555;">Used Hierarchical Clustering algorithm and Dendrogram analysis to decide the various segments of customers
of a mall. This unsupervised learning model categorises the customers into various categories on the basis
of their credit score amongst other parameters for deployment of appropriate business strategies for
the different groups of customers.</p>
</div>
</div>
</div>
<div class="col-md-4 project-small-card">
<div class="card">
<div class="card-header">
<h3>TinDog</h3>
</div>
<div class="card-body">
<p class="card-title">Tinder For Dogs</p>
<p style="color: #555555;">Created a highly responsive website for Tinder for dogs to understand the process of web-design in great detail. Understood
Bootstrap and CSS in greater detail by implementing concepts like CSS z-indexing, image rotation, divs, caraousel,
cards and much more.</p>
</div>
</div>
</div>
<div class="col-md-4 project-small-card">
<div class="card">
<div class="card-header">
<h3>Personal Website</h3>
</div>
<div class="card-body">
<p class="card-title">Personal Professional Website</p>
<p style="color: #555555;">Coded up my personal website as a fun past-time while also sharpening my frontend skills!
Made using HTML5, CSS3 and Bootstrap 4. Understood intriguing UI for web design, importance of typography
and relevant color schemes.</p>
</div>
</div>
</div>
<div class="col-md-4 project-small-card">
<div class="card">
<div class="card-header">
<h3>Cat Image Classifier</h3>
</div>
<div class="card-body">
<p class="card-title">Deep Neural Network Model</p>
<p style="color: #555555;">Built a model from scratch that can input an image and classify it as cat or non-cat. Implementing
it from scratch enabled understanding of complex concepts like backpropagation, hyperparameter tuning
amongst other concepts like forward propagation and more. The final model has an accuracy of 80%!</p>
</div>
</div>
</div>
</div>
</section>
<!-- Contact Me -->
<section id="contact-me">
<h2 style="font-size: 50px;"><i class="fas fa-comments comments-icon"></i>Contact Me</h2>
<div class="contact-me-body">
<p class="contact-top">Drop a message if you're looking for someone with the same skillsets as mine!</p>
<p class="contact-bottom">Or even to talk about your favorite anime!</p>
<a href="mailto:[email protected]" method="post" enctype="text/plain" class="btn btn-outline-light btn-lg contact-btn" role="button" aria-pressed="true">Contact Me</a>
</div>
<div class="social-icons">
<a href="https://www.instagram.com/sniiggyy/"><i class="fab fa-instagram s-i fa-2x"></i></a>
<a href="https://www.linkedin.com/in/snigdha-singh-166838184/"><i class="fab fa-linkedin-in s-i fa-2x"></i></a>
<a href="https://github.com/snigdha920"><i class="fab fa-github s-i fa-2x"></i></a>
<a href="https://twitter.com/sniiggyy"><i class="fab fa-twitter s-i fa-2x"></i></a>
</div>
</section>
<section id="footer">
<h4>Coded with ❤️ by Snigdha Singh</h4>
<h6>© Copyright Snigdha Singh 2020</h6>
</section>
</body>
</html>