-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
131 lines (119 loc) · 6.54 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Anika Roy portfolio:)</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css" integrity="sha256-46qynGAkLSFpVbEBog43gvNhfrOj+BmwXdxFgVK/Kvc=" crossorigin="anonymous" />
<!--fonts used-->
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro:400,900|Source+Sans+Pro:300,900&display=swap" rel="stylesheet">
</head>
<body>
<header>
<!-- <div class="logo">
<img src="" alt="logo">
</div> -->
<button class="nav-toggle" aria-label="toggle navigation">
<span class="hamburger"></span>
</button>
<nav class="nav">
<ul class="nav__list">
<li class="nav__item"><a href="#home" class="nav__link">Home</a></li>
<li class="nav__item"><a href="#education" class="nav__link">Education</a></li>
<li class="nav__item"><a href="#achievements" class="nav__link">Achievements</a></li>
<li class="nav__item"><a href="#qualities" class="nav__link">Qualities</a></li>
</ul>
</nav>
</header>
<!-- INTRODUCTION-->
<section class="intro" id="home">
<h1 class="section__title section__title--intro">
नमस्ते! I'm <strong>Anika Roy</strong>
</h1>
<p class="section__subtitle section__subtitle--intro">UG2k21 CND IIITH</p>
<img src="intro.jpeg" alt="my picture:)" class="intro__image">
</section>
<!-- Education-->
<section class="education" id="education">
<h2 class="section__title section__title--education">Education</h2>
<div class="services">
<div class="service">
<h3>Schooling</h3>
<p> I studied in Lotus Valley Internation School Noida till 12th grade.
I pursued a lot of interests like theatre, singing, sports, astronomy, robotics
and many more by joining clubs, taking part in competitions and going on club trips.
I scored a 98.2% in my 10th boards and 98% in my 12th boards. I remained German subject topper
while I was learning it at school and I also proved my mettle in German Olympiads</p>
</div>
<div class="service">
<h3>College</h3>
<p>Academically, I've been doing extremely well in college getting a CGPA of 9.77.
My interests have ventured far and wide and I'm currently exploring open source. My next stop would be thorough web
development and this website is just the beginning✨</p>
</div>
<div class="service">
<h3>Others</h3>
<p>I also earned a diploma in Kathak and a keyboard certification in Indian Classical Music.
I participated in debates, MUNs, Symposiums and speeches pertaining to the topics I am very passionate about
like politics, modern colonisation, environment and ethics. I love doing craft-work and occasionally painting.</p>
</div>
</div>
<a href="https://drive.google.com/file/d/1nwpHBGuEYr1O4QIE9tGKM_R-6wKX-eMS/view?usp=share_link" class="btn">My CV</a>
</section>
<!-- Achievements-->
<section class="achievements" id="achievements">
<h2 class="section__title section__title--achievements">
Stuff I'm proud of :)
</h2>
<p class="section__subtitle section__subtitle--achievements">What my past has held for me...</p>
<p class="section__description--achievements">
<ul>
<li>NTSE Scholar</li>
<li>KVPY Scholar</li>
<li><a href="https://www.scholarships.reliancefoundation.org/">Reliance Foundation Scholar</a></li>
<li>9.77 CG in college</li>
<li>Diploma in Kathak</li>
<li><a href="https://www.isset.space/pages/mission-discovery-general">Successfully Completed Mission Discovery</a></li>
</ul>
</p>
<img src="NTSE.jpeg" alt="my ntse camp picture:)" class="achievements__img">
</section>
<br>
<br>
<hr />
<!-- Qualities-->
<section class="qualities" id="qualities">
<h2 class="section__title section__title--qualities">
Why Choose Me?
</h2>
<p class="section__subtitle section__subtitle--qualities">What will take me to <br><i>my future</i>?</p>
<div class="section__description--qualities">
<p>I love to interact with people, work as a team and have great interpersonal skills. </p>
<p>I am accountable and people can depend on me since I always respect my commitments. </p>
<p>I love to experiment and I’m not afraid to make mistakes. </p>
<p>I am ambitious and organized. My most elaborate goals are accompanied by equally detailed and meticulous roadmaps.</p>
<p> I love solving problems which is why I want to explore industry</p>
</div>
</section>
<footer class="footer">
<p>Thanks @freecodecamp for the tutorial<br>
I've made it as responsive to screen dimensions as I could but it might not be perfect
<br>Hope you liked it anyways:) </p>
<ul class="social_list">
<li class="social_item">
<a class="social_link" style="text-decoration:none" href="https://github.com/Anika-Roy">
Github
</a>
</li>
<li class="social_item">
<a class="social_link" style="text-decoration:none" href="mailto:[email protected]">
Send mail
</a>
</li>
</ul>
</footer>
<script src="dynamic.js"></script>
</body>
</html>