Skip to content

Commit 2abe4ca

Browse files
harshita2216harshita2216
authored
Merge pull request #194 from Sulagna-Dutta-Roy/Sulagna
Create Covid 19 Awarness Website
2 parents bf9b98b + 43d1f38 commit 2abe4ca

19 files changed

+810
-0
lines changed

‎Covid 19 Awarness Website/Readme.md

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<h1>Covid 19 Awareness Website</h1>
2+
3+
4+
<h2>Tech stacks used</h2>
5+
<ul>
6+
<li>Html5</li>
7+
<li>Css</li>
8+
<li>Javascript</li>
9+
</ul>
10+
<h3>Payment Gateway Integration:Razorpay</h3>
11+
12+
<p>This is a covid 19 website which has diffrenet sections.This is made using only html,css,javascript.
13+
You can find various Informations and news.
14+
</p>
15+
16+
17+
![Screenshot 1](https://user-images.githubusercontent.com/72568715/125443620-4e60bcde-c2d3-42cc-ad40-279d59ecd7ea.PNG)
18+
19+
![Screenshot 2](https://user-images.githubusercontent.com/72568715/125443725-4c1bbcb4-46f5-4518-b29a-60ea750ecd2b.PNG)

‎Covid 19 Awarness Website/api.html

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
6+
<meta http-equiv="x-ua-compatible" content="ie=edge">
7+
<title>US Covid-19</title>
8+
<script>
9+
const getCovidStats = async() => {
10+
try {
11+
const response = await fetch('https://covidtracking.com/api/us');
12+
const usa = await response.json();
13+
covid19 = usa[0];
14+
}
15+
catch (err) {
16+
console.log(`Error: ${err}`);
17+
}
18+
finally {
19+
markup = `
20+
Tests: ${covid19['totalTestResults']}
21+
Positive: ${covid19['positive']}
22+
Negative: ${covid19['negative']}
23+
Hospitalized: ${covid19['hospitalized']}
24+
Deaths:${covid19['death']}`
25+
document.getElementById('main').innerText = markup;
26+
}
27+
};
28+
getCovidStats();
29+
</script>
30+
</head>
31+
<body>
32+
<div id="main"></div>
33+
</body>
34+
</html>

‎Covid 19 Awarness Website/awarness1.png

455 KB
Loading

‎Covid 19 Awarness Website/awarness2.png

474 KB
Loading

‎Covid 19 Awarness Website/awarness3.png

153 KB
Loading

‎Covid 19 Awarness Website/background.png

11.6 KB
Loading

‎Covid 19 Awarness Website/hands.png

5.44 KB
Loading

‎Covid 19 Awarness Website/index.html

Lines changed: 224 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,224 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta name="viewport" content="width-device=width,initial-scale=1.0">
5+
<meta charset="utf-8">
6+
<link rel="stylesheet" href="style.css">
7+
<title>Covid Tracker Website</title>
8+
<link rel= "stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/fontawesome.min.css">
9+
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
10+
</head>
11+
<body>
12+
<header>
13+
<a href="#" class="logo">C<span class="fas fa-virus"></span>vid-19</a>
14+
15+
<div id="menu" class="fas fa-bars">
16+
17+
</div>
18+
<nav class="navbar">
19+
<ul>
20+
<li><a href="#home">Home</a></li>
21+
<li><a href="protect.html">Protection</a></li>
22+
<li><a href="#symtoms">Symtoms</a></li>
23+
<li><a href="#precautions">Precautions</a></li>
24+
<li><a href="#spread">Spread</a></li>
25+
</ul>
26+
</nav>
27+
</header>
28+
<!---------------------------------------------------->
29+
<section class="home" id="home">
30+
<div class="content">
31+
<h3>Covid-Website</h3>
32+
<a href="protect.html" class="btn">Details</a>
33+
<span><form><script src="https://checkout.razorpay.com/v1/payment-button.js" data-payment_button_id="pl_HY0Be66cRO00vH" async> </script> </form>
34+
</div></span>
35+
<div class="image">
36+
<img src="background.png" alt="">
37+
</div>
38+
</section>
39+
<!------------------------------------------------------>
40+
<section class="protect" id="protect">
41+
<h1 class="heading">Take steps to <span> Protect </span> yourself</h1>
42+
<div class="box-container">
43+
<div class="box">
44+
<img src="hands.png" alt="">
45+
<h3>Wash Hands</h3>
46+
<p>Wash your hands properly.Continue minimum 20mins.Use sanitizer in public places.</p>
47+
<a href="#" class="btn">Learn More</a>
48+
</div>
49+
<div class="box">
50+
<img src="mask.png" alt="">
51+
<h3>Wear Mask</h3>
52+
<p>Wash your hands properly.Continue minimum 20mins.Use sanitizer in public places.</p>
53+
<a href="#" class="btn">Learn More</a>
54+
</div>
55+
<div class="box">
56+
<img src="vaccination.png" alt="">
57+
<h3>Get Vaccinate</h3>
58+
<p>Wash your hands properly.Continue minimum 20mins.Use sanitizer in public places.</p>
59+
<a href="#" class="btn">Learn More</a>
60+
</div>
61+
</div>
62+
</section>
63+
<!---------------------------------------------------------------------------->
64+
<section class="symtoms" id="symtoms">
65+
<div class="content">
66+
<h1 class="heading"><span>What are the main</span> Causes </h1>
67+
<ul>
68+
<div class="symtoms1">
69+
<li>High Fever</li>
70+
<li>Dry Cough</li>
71+
<li>Headache</li>
72+
</div>
73+
<div class="symtoms2">
74+
<li>Sore Throat</li>
75+
<li>Joint Pains</li>
76+
<li>Breathing Issues</li>
77+
</div>
78+
</ul>
79+
<a href="#" class="btn">Know More</a>
80+
</div>
81+
<div class="image">
82+
<img src="symtoms.png" alt="">
83+
</div>
84+
</section>
85+
<!------------------------------------------------------------------------->
86+
<section class="precautions" id="precautions">
87+
<div class="row">
88+
<div class="image">
89+
<img src="precuations.png" alt="">
90+
</div>
91+
<div class="content">
92+
<h1 class="heading">Things <span>not to do </span> during covid</h1>
93+
<p>You need to avoid public places and handshaking with each other.</p>
94+
<ul>
95+
<li>Do not share your food</li>
96+
<li>Avoid Public Places</li>
97+
<li>Take 30 secs and wash your hands</li>
98+
</ul>
99+
</div>
100+
</div>
101+
<div class="row">
102+
<div class="content">
103+
<h1 class="heading"><span>Things not to do </span> during covid</h1>
104+
<p>You need to avoid public places and handshaking with each other.</p>
105+
<ul>
106+
<li>6feet distance</li>
107+
<li>Use sanitizer</li>
108+
<li>Wear Mask Properly</li>
109+
</ul>
110+
</div>
111+
<div class="image">
112+
<img src="precuations1.png" alt="">
113+
</div>
114+
</div>
115+
</section>
116+
<!------------------------------------------------------------------------------>
117+
<section class="spread" id="spread">
118+
<h1 class="heading">How Covid-19<span> spreads </span> over the world</h1>
119+
<div class="image">
120+
</div>
121+
</section>
122+
<!----------------------------------------------------------------------------->
123+
<section class="graph" id="graph">
124+
<h1>Cases In India</h1>
125+
<div class="graphcases">
126+
<canvas id="myChart" width="700" height="400"></canvas>
127+
<script>
128+
var ctx = document.getElementById('myChart').getContext('2d');
129+
var myChart = new Chart(ctx, {
130+
type: 'bar',
131+
data: {
132+
labels: ['USA', 'India', 'Briten', 'Canada', 'Russia', 'Europe'],
133+
datasets: [{
134+
label: '# of Votes',
135+
data: [5, 19, 3, 2, 2, 0],
136+
backgroundColor: [
137+
'rgba(255, 99, 132, 0.2)',
138+
'rgba(54, 162, 235, 0.2)',
139+
'rgba(255, 206, 86, 0.2)',
140+
'rgba(75, 192, 192, 0.2)',
141+
'rgba(153, 102, 255, 0.2)',
142+
'rgba(255, 159, 64, 0.2)'
143+
],
144+
borderColor: [
145+
'rgba(255, 99, 132, 1)',
146+
'rgba(54, 162, 235, 1)',
147+
'rgba(255, 206, 86, 1)',
148+
'rgba(75, 192, 192, 1)',
149+
'rgba(153, 102, 255, 1)',
150+
'rgba(255, 159, 64, 1)'
151+
],
152+
borderWidth: 1
153+
}]
154+
},
155+
options: {
156+
scales: {
157+
y: {
158+
beginAtZero: true
159+
}
160+
}
161+
}
162+
});
163+
</script>
164+
</div>
165+
</section>
166+
<!------------------------------------------------------------------------------>
167+
<section class="grid" id="grid">
168+
<div class="image">
169+
<img src="understand1.png">
170+
</div>
171+
</section>
172+
<!------------------------------------------------------------------------------>
173+
<section class="news" id="news">
174+
<h1 class="heading">Latest News For Today</h1>
175+
<div class="livenews">
176+
<a href="https://www.worldometers.info/coronavirus/country/india/">Get News</a>
177+
<div class="livenews1">
178+
<a href="https://www.who.int/">Visit This Page </a>
179+
</div>
180+
</div>
181+
</section>
182+
<!----------------------------------------------------------------------------->
183+
<section class="footer">
184+
<div class="box-container">
185+
<div class="box">
186+
<h3>About Us</h3>
187+
<p>Contact Us and stay connected</p>
188+
</div>
189+
<div class="box">
190+
<h3>Locations</h3>
191+
<a href="#">India</a>
192+
<a href="#">Usa</a>
193+
<a href="#">Russia</a>
194+
<a href="#">Spain</a>
195+
<a href="#">Etc</a>
196+
</div>
197+
<div class="box">
198+
<h3>Navbars</h3>
199+
<a href="#">Home</a>
200+
<a href="#">Protect</a>
201+
<a href="#">Symtoms</a>
202+
<a href="#">Precautions</a>
203+
<a href="#">Spread</a>
204+
</div>
205+
<div class="box">
206+
<h3>Contact Info</h3>
207+
<p>mumbai, 12345</p>
208+
<p>mumbai,India-12345</p>
209+
<p>[email protected]</p>
210+
<div class="share">
211+
<a href="#" class="fab fa-instagram"></a>
212+
<a href="#" class="fab fa-facebook"></a>
213+
<a href="#" class="fab fa-twitter"></a>
214+
</div>
215+
</div>
216+
</div>
217+
<h1 class="credit"><a href="#">Developed By Sulagna</a></h1>
218+
</section>
219+
<!------------------------------------------------------------------------------>
220+
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
221+
<script src="js/script.js"></script>
222+
<script src="index.js"></script>
223+
</body>
224+
</html>

‎Covid 19 Awarness Website/index.js

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
$(document).ready(function () {
2+
3+
$('#menu').click(function () {
4+
$(this).toggleClass('fa-times');
5+
$('.navbar').toggleClass('nav-toggle');
6+
7+
});
8+
});

‎Covid 19 Awarness Website/mask.png

19 KB
Loading

0 commit comments

Comments
 (0)