-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
123 lines (104 loc) · 5.63 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
<!--
author: Irfan Shaikh
date: 13/06/2020
-->
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta name="description" content="A Beautiful Webpage to Thanks, Appriciate & Encourage Doctors and
Medical Staffs for their Efforts of curing corona virus.">
<meta name="keywords" content="ThankYou Doctors, Corona Warriors, Medical Staffs, Covid-19">
<title>Thanking Doctors</title>
<link rel="icon" href="favicon.ico">
<link rel="stylesheet" href="css/styles.css">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Merriweather&family=Montserrat&family=Sacramento&display=swap"
rel="stylesheet" />
</head>
<body>
<!--TOP CONTAINER STARTS HERE-->
<header class="top-container">
<img class="header-icons heart-img" src="images/heart.png" alt="heart image">
<img class="header-icons sthetoscope-img" src="images/sthetoscope.png" alt="sthetoscope image">
<img class="header-icons flask-img" src="images/flask.png" alt="flask image">
<img class="header-icons microscope-img" src="images/microscope.png" alt="microscope image">
<img class="header-icons bag-img" src="images/bag.png" alt="bag image">
<h1>Thank You,</h1>
<h2 id="top-container-h2">covid-19 Warriors.</h2>
<img class="doctors-img" src="images/doctors.jpg" alt="doctor's image">
</header>
<!--TOP CONTAINER ENDS HERE-->
<!--MIDDLE CONTAINER STARTS HERE-->
<div class="middle-container">
<!--profile section statrs here-->
<div class="">
<img class="profile-img" src="images/profile.png" alt="Irfan's profile picture">
<h2>Hello, there!</h2>
<p class="para">I'm Irfan Shaikh from Mumbai. I am currently a CS student from Mumbai University.
I have made this webpage to thanks all the Medical Staff figthing against covid-19.
</p>
</div>
<hr>
<!--profile section ends here-->
<!--covid-19 warriors section starts here-->
<main>
<h2>covid-19 Warriors.</h2>
<article class="description-div">
<img class="heros-img" src="images/heros.png" alt="medical staff image">
<h3>They Are Heros</h3>
<p>
We grew up watching movies and superhero cartoons like Super Man, Spider Man, Bat Man etc. Even
today many of my friends watches super hero movies, Marvel Studios are just on every bodies
tongue. Although there is nothing wrong in watching movies and entertaining overselves but
At the end of the day it's all fictional, Unfortunately they don't come to help us in reality...
They are not helping us in this pendemic. But don't worry guys we have our own real life heros,
They are Doctors, Farmers, Police, Soldiers, Cleaners and many more. They are working day and night
to ensure we are safe, we are healthy and we have everything we need.
</p>
</article>
<article class="description-div">
<img class="prevention-img" src="images/prevention.png" alt="covid-19 prevention chart">
<h3>Lets Fight Together</h3>
<p>
The covid-19 is spreading repidly everyday, Entire world is suffering from this virus and this has
become a kind of nightmare. Not only this epidemic is about spreading of virus but also this has given
rise to a lot of other serious problems like unemployment, fall of economy, Shortage of basic goods and
a lot of other problems. Yes our heros are figthing aginst these problem but they also need our help.
We have grown up listening "prevention is better than cure" from our elders, they say it they mean it.
Lets fight against these problem by keeping ourselves, our family, our locality safe by following all the
preventive measures. let's also help those peoples around us who need help. Surely
<strong>The Sun Will Rise Again</strong> and this scary night will end:)
</p>
</article>
</main>
<hr>
<!--covid-19 warriors section ends here-->
<!--contact me section starts here-->
<div class="">
<h2>Have Any Suggestions?</h2>
<p class="para contact-para">Feel free to contact me, If you have any suggestions, bug report or wanna
colleborate with me xD.</p>
<a class="btn" href="mailto:[email protected]">MESSAGE ME</a>
</div>
<!--contact me section ends here-->
</div>
<!--MIDDLE CONTAINER ENDS HERE-->
<!--BOTTOM CONTAINER STARTS HERE-->
<footer class="bottom-container">
<a class="footer-link" href="https://www.instagram.com/itsirfansk/">Instagram</a>
<a class="footer-link" href="https://www.linkedin.com/in/fsdfa3da243/">Linkedin</a>
<a class="footer-link" href="https://github.com/rfasdfasdffsadf23">GitHub</a>
<p class="copyright">© <span class="year"></span> Irfan Shaikh.</p>
<div>
<p class="flaticon-para">Icons made by Flat Icons from <a class="flaticon-link"
href="https://www.flaticon.com/" title="Flat Icons" target=_blank>www.flaticon.com.</a></p>
</div>
</footer>
<!--BOTTOM CONTAINER ENDS HERE-->
<script>
var currentYear = new Date().getFullYear();
document.querySelector(".year").innerHTML = currentYear;
</script>
</body>
</html>