-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
200 lines (192 loc) · 9.34 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Welcome to my webpage!</title>
<link rel="icon" type="image/x-icon" href="t.jpg">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- part 1 -->
<div class="navbar">
<ul>
<li><a href="#CM"><strong>Contact me</strong></a></li>
<li><a href="#ACH"><strong>Achievements</strong></a></li>
<li><a href="#PR"><strong>Projects</strong></a></li>
<li><a href="#HM"><strong>Home</strong></a></li>
<img src="a1.jpg" width="150">
</ul>
</div>
<a name="HM"></a>
<div class="grid">
<div class="intro">
<h1>Welcome to my webpage!</h1>
My name is Shashwata Roy, and I am a web developer...
</div>
<img src="photo.png" width="290">
</div>
<br><br>
<!-- part 2 -->
<div class="projects">
<a name="PR"></a>
<h1>My Projects: <br></h1>
<p>This section presents the contents of my skills and achievements:- <br></p>
<div class="fcont">
<div class="fitem">
<img src="tifr-1.png" width="75%">
<p><strong>Regional Mathematical Olympiad</strong></p>
<a href="#RMO" class="btn">VISIT</a>
</div>
<div class="fitem">
<img src="codechef1.png" width="60%">
<p><strong>CodeChef (Competitive Programming)</strong></p>
<a href="#CC" class="btn">VISIT</a>
</div>
<div class="fitem">
<img src="iapt.png" width="47%">
<p><strong>Indian Olympiad Qualifier in Chemistry</strong></p>
<a href="#IAPT" class="btn">VISIT</a>
</div>
<div class="fitem">
<img src="cambridge1.png" width="65%">
<p><strong>Cambridge English B2 (FCE)</strong></p>
<a href="#CAM" class="btn">VISIT</a>
</div>
<div class="fitem">
<img src="kvpy.webp" width="70%">
<p><strong>Kishore Vaigyanik Protsahan Yojana</strong></p>
<a href="#KV" class="btn">VISIT</a>
</div>
<div class="fitem">
<img src="msta2.png" width="65%">
<p><strong>Dr. Homi Bhabha Balvaidyanik Competition</strong></p>
<a href="#HB" class="btn">VISIT</a>
</div>
</div>
</div>
<br><br>
<!-- part 3 -->
<div class="projects">
<a name="ACH"></a>
<h1>My Skills & Achievements: <br></h1>
<p>
This section would have a brief description of each of my achievements:- <br>
</p>
<ul>
<li>
<div class="grid_container">
<div class="item1">
<img src="tifr-1.png">
</div>
<div class="item2">
<a name="RMO"></a>
<p>
<strong>Regional Mathematical Olympiad</strong> is the second stage in the Mathematical Olympiad programme which leads to the selection of students from India for the participation in the <strong>International Mathematical Olympiad (IMO)</strong>. My achievement was the qualification in <strong>RMO</strong> for the third stage, which is <strong>INMO (Indian National Mathematical Olympiad)</strong>.
</p>
</div>
</div>
</li>
<li>
<div class="grid_container">
<div class="item1">
<img src="codechef.png">
</div>
<div class="item2">
<a name="CC"></a>
<p>
<strong>Codechef</strong> is a well known Competitive Programming website that offers an ample amount of Questions to learn and practice Competitive Programming. Codechef hosts a lot of contests based on which it gives a star-count to each user. My star-count currently in Codechef is 4*.
</p>
</div>
</div>
</li>
<li>
<div class="grid_container">
<div class="item1">
<img src="iapt1.png">
</div>
<div class="item2">
<a name="IAPT"></a>
<p>
<strong>Indian Olympiad Qualifier in Chemistry (IOQC)</strong> consists of the first two stages for the selection of students from India for the <strong>International Chemistry Olympiad</strong>. My achievement was that Qualified for the second stage of the <strong> Chemistry Olympiad Programme</strong> and secured the top <strong>1%</strong> merit in the State.
</p>
</div>
</div>
</li>
<li>
<div class="grid_container">
<div class="item1">
<img src="cambridge.png">
</div>
<div class="item2">
<a name="CAM"></a>
<p>
<strong>Cambridge English</strong> is one of the most popular exams, accepted by thousands of businesses and educational institutions worldwide. A <strong>B2 First</strong> qualification proves that one has the language skills to live and work independently in an English-speaking country or study courses taught in English. My achievement was that I successfully secured the <strong>B2 First (FCE)</strong> certificate.
</p>
</div>
</div>
</li>
<li>
<div class="grid_container">
<div class="item1">
<img src="kvpy.png">
</div>
<div class="item2">
<a name="KV"></a>
<p>
<strong> Kishore Vaigyanik Protsahan Yojana (KVPY)</strong> is an on-going National Program of Fellowship in Basic Sciences, initiated and funded by the Department of Science and Technology, Government of India, to attract exceptionally highly motivated students for pursuing basic science courses and research career in science. My achievement was that I secured Rank 1096 in the general category and thereby being eligible for the fellowship.
</p>
</div>
</div>
</li>
<li>
<div class="grid_container">
<div class="item1">
<img src="msta.png">
</div>
<div class="item2">
<a name="HB"></a>
<p>
<strong>Dr. Homi Bhabha Balvaidnyanik Competition</strong> is conducted by the <strong>Greater Bombay Science Teachers' Association</strong> since 1981. This unique four stage competition aims at arousing curiosity, problem solving attitude along with development of precision in observational and motor skills in young scientists. Through the competition, GBSTA also aims at sensitizing students towards their immediate environment and dare to take rational initiatives whenever needed. I cleared all the stages of this competition and secured the <strong>bronze</strong> medal.
</p>
</div>
</div>
</li>
</ul>
</div>
<br><br><br><br><br>
<!-- part 4 -->
<div class="grid2">
<a name="CM"></a>
<div class="container">
<h1>Contact me:<br><br></h1>
<div class="desc">It has been a great pleasure to have you here at my webpage. If you have anything which you would like to share, feel free to reach out to me. Fill up the details below, type your message and then click on the the submit button.</div>
<br><br><br>
<div class="forms">
<div class="row">
<div class="column">
<form action="#">
<p>
<label for="name">Name: </label>
<input type="text" id="name">
</p>
<p>
<label for="email">Email:</label>
<input type="email" id="email">
</p>
<p>
<label for="name">Subject: </label>
<input type="text" id="subject">
</p>
</form>
</div>
<div class="column">
<p>
<textarea cols="40" rows="5" placeholder="Your message here..."></textarea>
</p>
<input type="submit" id="submit" value="Submit"/>
</div>
</div>
</div>
</div>
</div>
</body>
</html>