-
Notifications
You must be signed in to change notification settings - Fork 2
/
experience_index.html
166 lines (160 loc) · 8.53 KB
/
experience_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
<!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>Experiences</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="experience_style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="footer_style.css">
<style>
body{
background: none;
background-color: rgb(171, 221, 230);
}
</style>
</head>
<body>
<header>
<div class="line">
<span style="color: white;float: left;font-size: 22px;padding: 8px;">Government of India</span>
<span style="color: white;float: right;font-size: 22px;margin: 0px 8px 8px 0px;"><i class="fa fa-globe" aria-hidden="true" style="font-size: 22px;"></i>English</span>
</div>
<div class="top">
<a href="index.html"><img class="logo" src="logo1.png" alt="logo"></a>
<div class="projname">Pradhanmantri <br> Manoranjan <br> Yojana</div>
<div class="bar"><a href="index.html"><button>HOME</button></a></div> 
<div class="enter">
<div class="bar"> <a><button>ENTERTAINMENT</button></div></a> 
<div class="dropdown-content">
<a href="novels_index.html" target="_blank">NOVELS</a> <br>
<a href="songs_index.html" target="_blank">MUSIC</a> <br>
<a href="webseries_index.html" target="_blank">WEBSERIES</a> <br>
<a href="movies_index.html" target="_blank">MOVIES</a>
</div>
</div>
<div class="bar">
<a href="form_index.html" target="_blank"><button>VACCINATION</button></a> 
<a href="experience_index.html"><button>EXPERIENCE</button></a> 
<a href="tracker_index.html" target="_blank"><button>TRACKER</button></a> 
</div>
</div>
</header>
<h1> Experiences </h1>
<br>
<div class="exp">
<div class="box">
<div class="image">
<img class="img" src="silkie.jpeg" alt="Image">
</div>
<br>
I was initially happy about the virus because there was a lockdown all over India, there were
no schools and colleges, had an ash life initially enjoying all the day with playing games, watching movies
right from the morning to the night. Initially Online classes also feel better. Finally came to know that
this virus is not a blessing to students but a foreshadow of the student’s further life. I was not able to
physically meet my friends and hangout which made me socially weak. But I gave an ample amount of time to
try new things like craft, web development etc. Try out the things you love and soon we will be back to our
normal life.
<br><br>
<div class="name" style="float: right; ">~Silkie</div>
<div class="name" style="float: right; clear: right; ">Student</div>
</div>
<div class="box">
<div class="image">
<img class="img" src="Neeraj.jpeg" alt="Image">
</div>
<br>
I didn't take COVID very seriously at first. I just thought it affected only Wuhan, a city in
China. Although, I was happy that I spent quality time with my family members but, as the days passed, I
felt angry, sad, hopeless, bored, and trapped. To overcome the situation, I explored new things in this
pandemic like cooking food, drawing and also improved my communication skills, so I managed the time as
fruitfully as possible. At last, "Stay Home, Stay Safe!".
<br><br>
<div class="name" style="float: right; ">~Neeraj</div>
<div class="name" style="float: right; clear: right; ">Student</div>
</div>
<div class="box">
<div class="image">
<img class="img" src="kartikey.jpeg" alt="Image">
</div>
<br>
Throughout the months of March and April, those had to be one of the toughest times of my life.
So many changes had to be made in life in order to keep us all safe. I had to do college online, but the
worst part was not being able to see my friends and family. So many drastic changes were occurring, it
eventually took a toll on my mental health. In order to cope with my emotions, my family and I started to
take long walks, I would sing/listen to my favourite songs, and my sister and I would always binge watch our
favourite shows and movies on Netflix. I hope that this tough situation will eventually pass and we will be
back to our normal life.
<br><br>
<div class="name" style="float: right; ">~Kartikey</div>
<div class="name" style="float: right; clear: right; ">Student</div>
</div>
<div class="box">
<div class="image">
<img class="img" src="shivanand.jpg" alt="Image">
</div>
<br>
When the lockdown started, I was ecstatic. The novelty of being at home wore off and I started
to struggle. I had nightmares most nights, and struggled to sleep. It was as if I was stuck, trapped in my
house and in my own head. However, over time, I found ways to deal with the pressure. I realised that
lockdown gave me more time to the things I loved, and also, I started spending more time with my family. All
we can do right now is stay at home, look after ourselves and our loved ones, and look forward to a better
future.
<br><br>
<div class="name" style="float: right; ">~Shivanand</div>
<div class="name" style="float: right; clear: right; ">Student</div>
</div>
</div>
<footer>
<div class="container">
<div class="sec aboutus">
<h2>
About Us
</h2>
<p>This website is maintained and designed by Silkie Agarwal along with team members Kartikey Gupta, Shivanand and Neeraj Chatterjee. We are MNNIT 1st year Bachelor in Technology students. We are constantly trying to improve this website to give our audience the best content.</p>
<ul class="sci">
<li><a href=""><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href=""><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li><a href=""><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
<li><a href=""><i class="fa fa-twitter-square" aria-hidden="true"></i></a></li>
</ul>
</div>
<div class="sec quickLinks">
<h2>
Quick Links </h2>
<ul>
<li><a href="">About</a>"</li>
<li><a href="">FAQ</a>"</li>
<li><a href="">Privacy Policy</a>"</li>
<li><a href="">Help</a>"</li>
<li><a href="">Terms & Conditions</a>"</li>
<li><a href="">Contact</a>"</li>
</ul>
</div>
<div class="sec contact">
<h2>Contact Info</h2>
<ul class="info">
<li>
<span><i class="fa fa-map-marker" aria-hidden="true" style="font-size: 17px;line-height: 0.3cm;"></i>
<span>MNNIT ALLAHABAD</span></span>
</li>
<li>
<span><i class="fa fa-phone" aria-hidden="true" style="font-size: 17px;line-height: 0cm;"></i>
<a href="tel:123456789">+1 234 567 89</a></span>
</li>
<li>
<span><i class="fa fa-envelope" aria-hidden="true" style="font-size: 17px;"></i>
<a href="mail">[email protected]</a>
</span>
</li>
</ul>
</div>
</div>
</footer>
<div class="copyrightText">
<p>© 2021 Hypertext Assassins</p>
</div>
</body>
</html>