-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
310 lines (248 loc) · 14.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
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
<!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">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="all.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/typed.umd.js"></script>
<script src="portfolio_main.js"></script>
<title>Personal Portfolio Website </title>
</head>
<body>
<!-- ------------------Start header section -------------------- -->
<div id="header">
<div class = "container">
<nav>
<div><a href="https://drive.google.com/file/d/1p1ABaexCadwCCqSLnSQzVfnn8Ddn1oPy/view?usp=drivesdk" class="btn">Open Resume</a></div>
<ul>
<li><a class="nav-link scrollto active" href ="#home">Home</a></li>
<li><a class="nav-link scrollto" href ="#about">About</a></li>
<li><a class="nav-link scrollto" href ="#education">Education</a></li>
<li><a class="nav-link scrollto" href ="#project">Project</a></li>
<li><a class="nav-link scrollto" href ="#certificate">Certificates</a></li>
<li><a class="nav-link scrollto" href ="#contact">Contact</a></li>
</ul>
</nav>
<div class= "header-text">
<div class="row">
<div class="header-col-1">
<h2> Hello ! I am </h2>
<br><h1><span> Anamika Ratna</span></h1>
<h2><br>From Delhi
<br>And I am A<br>
<span class="text"></span>
</h2>
</div>
<div class="header-col-2">
<img src="my original photo crop.jpg" >
</div>
</div>
</div>
</div>
</div>
<!-- ------------------End header section ---------------------- -->
<!-- ------------------Start about section -------------------- -->
<div id="about">
<div class="container">
<di><h1 class="sub-title">About Me</h1></di>
<div>
<p class="text"> A results-driven and detail-oriented individual seeking a challenging position where my proven
work experience can be effectively applied and contribute to the organization's growth. Eager to
embrace opportunities for career advancement and development while demonstrating a strong
commitment to organizational success.</p>
</div>
<div class="tab-titles">
<p class="tab-links active-link " data-tab="Skills" onclick="opentab('Skills')">Skills</p>
<p class="tab-links" data-tab="Awards" onclick="opentab('Awards')">Awards</p>
<p class="tab-links" data-tab="Organisation" onclick="opentab('Organisation')">Organisation</p>
<p class="tab-links"data-tab="Languages" onclick="opentab('Languages')">Languages</p>
</div>
<div class="tab-contents active-tab" id="Skills">
<ul>
<li><span><pre>Java Python</pre></span></li>
<li><span><pre>HTML CSS</pre></span></li>
<li><span><pre>Javascript SQL</pre></span></li>
<li><span><pre>ML / DL PyTorch</pre></span></li>
<li><span><pre>AR / VR</pre></span></li>
</ul>
</div>
<div class="tab-contents" id="Awards">
<ul>
<li><span>Naional Science Olympiad -2022 </span><br>Class Rank :1 <br>Zonal Rank: 19
<br> International Rank :181 </li>
<li><span>International Mathematics Olympiad-2021</span><br> Class Rank : 1<br> Zonal Rank: 98
<br>International Rank : 1117</li>
</ul>
</div>
<div class="tab-contents" id="Organisation">
<ul>
<li><span>GirlScript Summer of Code, Contributor </span><br>I had the opportunity to contribute to an open-source project, gaining valuable experience in working on a real-life project.</li>
<li><span>Desh Ke Mentor, Mentor</span><br>I had the opportunity to work as a mentor under the program 'DKM' - a Delhi Government initiative. </li>
<li><span>GDSC, Mentee </span><br>GDSC has helped me to kick start my web development journey.</li>
</ul>
</div>
<div class="tab-contents" id="Languages">
<ul>
<li><span>English</span></li>
<li><span>Hindi</span></li>
</ul>
</div>
</div>
</div>
<!-----End About section----->
<!-- ------------------end about section -------------------- -->
<!-- ------------------start Education section -------------------- -->
<div id="education">
<div class="container">
<h1 class="sub-title">Education</h1>
<p>Currently pursuinig Btech </p>
<div class="education-list">
<div >
<h2>BTech, Indira Gandhi Delhi
Technical University for Women</h2>
<p>2022 -present | Delhi, India<br>
Branch : CSE -AI<br>
1st semester : 8.83 <br> 2nd semester : 9.36</p>
</div>
<div >
<h2>12th, St. Joseph's School</h2>
<p>2022 | Shaktinagar, India <br>
Board : CBSE<br>
Percentage : 92.8 %</p>
</div>
<div >
<h2>10th, St. Joseph's school
</h2>
<p>2020 | Shaktinagar, India<br>
Board :CBSE<br>
Percentage: 94.8%</p>
</div>
</div>
</div>
</div>
<!-- ------------------end Education section -------------------- -->
<!-- ------------------start project section -------------------- -->
<div id="project">
<div class="container">
<h1 class="sub-title">My Projects</h1>
<p>Some of the projects built by me</p>
<div class="project-list">
<div class="text-ctn">
<div>
<h2> <a href="https://github.com/Anamika-Ratna/Blood_Cancer-Acute_Lymphocytic_Leukemia_Detection">Deep Learning Models on Acute Lymphoblastic Leukemia Blood Cancer Images</a></h2>
<p>Conducted pioneering project on blood cancer detection using deep learning and medical imaging.
Employed a dataset of ALL (Acute Lymphocytic Leukemia) blood cancer images which were divided into four sub categories of blood cancer and trained ten
pre-trained deep learning models, including CNN, ResNet50, ResNet101, ResNet152, VGG16, VGG19, AlexNet, Xception, InceptionV3, and InceptionResNetV2 .
Utilized color thresholding-based segmentation and data augmentation for robust model training.
Achieved exceptional results, with CNN, ResNet50, and ResNet101 outperforming others in
accurately classifying blood cancer stages. This project demonstrates the potential for
implementing efficient machine-based tools in medical diagnosis, paving the way for
revolutionizing blood cancer detection.</p>
</div>
<div>
<h2><a href="https://github.com/Anamika-Ratna/My-Personal-Portfolio">Personal Portfolio</a></h2>
<p>I designed and developed a captivating portfolio website to showcase my skills,
projects, and professional experience. The website not only serves as a digital
resume but also incorporates an intuitive and visually appealing design to leave a lasting impression.
Leveraging modern web development technologies, I ensured user-friendly experience,
allowing visitors to easily navigate through my work and learn more about my expertise.</p>
</div>
<div>
<h2><a href="https://github.com/Anamika-Ratna/Solar-System-AR-VR">Solar Scrape AR VR</a></h2>
<p>Step into the immersive world of augmented reality (AR) and virtual reality (VR)
to find yourself surrounded by the celestial wonders that adorn the cosmos.
This AR-VR experience transcends the boundaries of traditional learning, offering
a truly immersive and educational exploration of the wonders within our solar system.
As you navigate through the vastness of space, you witness the mesmerizing dance of
celestial bodies, experiencing their orbits and interactions firsthand.</p>
</div>
<div>
<h2><a href="https://github.com/Anamika-Ratna/Drinks-ordering-application-">Drinks ordering application</a></h2>
<p>Developed an application designed to streamline and enhance the
ordering process for a diverse range of beverages, including drinks, juices, and shakes.
The application provides users with a user-friendly interface, allowing them to
effortlessly browse through an extensive menu of beverages .</p>
</div>
</div>
</div>
</div>
</div>
<!-- ------------------end project section -------------------- -->
<!-----------------Certificate section Start ---------------------->
<div id="certificate">
<div class="container">
<h1 class="sub-title">Certificates</h1>
<p>Some certificates acquired by me so far in college.</p>
<div class="certificate-list">
<div>
<h2><a href="https://drive.google.com/file/d/1aStdj1p63rgHn1pvCkRFhRTQCyixEJ-4/view">Visual Computing with Pytorch</a></h2>
<p>Completed a comprehensive 6-week course focused on machine learning (ML) and deep learning (DL),
with a specific emphasis on hands-on project development in the field of computer vision.
Engaged in practical applications and project-based learning to gain a practical understanding
of ML and DL concepts, particularly within the domain of computer vision.</p>
</div>
<div>
<h2><a href="https://drive.google.com/file/d/18lMS2flL2eo__zEgK-ORZeGCQABhNndm/view">NPTEL</a></h2>
<p>Successfully completed an 8-week NPTEL course titled "Developing Soft Skills and Personality"
with 88%. Acquired valuable insights and practical skills to enhance soft skills and
personal development through the comprehensive curriculum.</p>
</div>
<div>
<h2><a href="https://drive.google.com/file/d/1HlKSTsTe6zNODuJKI4rlPJUzAZe_dyJ2/view">Drone Workshop</a></h2>
<p>Participated in a dynamic 3-day drone workshop, gaining hands-on experience in drone applications,
operations, and remote controller functionality. Acquired practical knowledge about drone technology
and had the unique opportunity to pilot a drone, enhancing my understanding of its working principles.</p>
</div>
</div>
</div>
</div>
<!-----------------Certificate section end ---------------------->
<!------------------- Footer section starts -------------- -->
<div id="contact">
<footer>
<h1 class="sub-title">Contact us</h1>
<div class="footerContainer">
<div class="socialIcons">
<!-- <a href="[email protected]"><i class="fa-brands fa-envelope"></i></a> -->
<a href="https://www.linkedin.com/in/anamika-ratna-b66a0b256"><i class="fa-brands fa-linkedin"></i></a>
<a href="https://github.com/Anamika-Ratna"><i class="fa-brands fa-square-github"></i></a>
<a href="https://www.instagram.com/_anamikaratna?igsh=ZGNjOWZkYTE3MQ=="><i class="fa-brands fa-square-instagram"></i></a>
<!-- <a href=""><i class="fa-brands fa-square-twitter"></i></a> -->
<a href="https://t.me/+918840913143"><i class="fa-brands fa-telegram"></i></a>
</div>
</div>
<div class="footerBottom">
<p>Copyright ©2023; Designed by <span
class="designer">Anamika Ratna</span></p>
</div>
</footer>
</div>
<!--------------------- Footer section ends----------- -->
<script>
function opentab(tabName) {
// Hide all tab contents
var tabs = document.querySelectorAll('.tab-contents');
tabs.forEach(function(tab) {
tab.classList.remove('active-tab');
});
// Deactivate all tab links
var tabLinks = document.querySelectorAll('.tab-links');
tabLinks.forEach(function(link) {
link.classList.remove('active-link');
});
// Activate the selected tab content
var activeTab = document.getElementById(tabName);
activeTab.classList.add('active-tab');
// Activate the selected tab link
var activeLink = document.querySelector('.tab-links[data-tab="' + tabName + '"]');
activeLink.classList.add('active-link');
}
</script>
</body>
</html>