This repository has been archived by the owner on Mar 25, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
108 lines (98 loc) · 3.16 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
<!DOCTYPE html>
<html lang="en">
<html>
<head>
<title>covid19-SL</title>
<link rel="stylesheet" type="text/css" href="main.css">
<meta charset="utf-8">
<script src="https://kit.fontawesome.com/0668057c53.js" crossorigin="anonymous"></script>
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/7.15.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.15.0/firebase-firestore.js"></script>
<!-- TODO: Add SDKs for Firebase products that you want to use
https://firebase.google.com/docs/web/setup#available-libraries -->
<script src="https://www.gstatic.com/firebasejs/7.15.0/firebase-analytics.js"></script>
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
</head>
<body>
<!--Header-->
<div class="header">
<div class="header-content"><center><font size="16px" color="#ADD8E6"><b>COVID 19</b></font></center></div>
<div class="header-nav"><ul class="top">
<li class="top"><a href="#">Home</a></li>
<li class="top"><a href="#">#</a></li>
<li class="top"><a href="#">#</a></li>
</ul></div>
</div>
<!--==image slide show==-->
<center>
<div class="img">
<img class="slides" src="images\pic1.jpg" style="width:100%">
<img class="slides" src="images\pic2.jpg" style="width:100%">
<img class="slides" src="images\pic3.png" style="width:100%">
</div></center>
<!--data-->
<div class="data">
<p class="data">
<i class="fas fa-viruses" style="font-size:55px;"></i>
Current Situation</p>
<ul class="data" id="data"></ul>
<ul class="par">
<li>
<span id="d_rate"></span>
<div id="d_par"></div>
</li>
<li>
<span id="r_rate"></span>
<div id="r_par"></div>
</li>
</ul>
</div>
<!--firebase-->
<script>
// Your web app's Firebase configuration
var firebaseConfig = {
apiKey: "AIzaSyBWpGv8R95KXGGp94H3Q6-xPZXnC-KfYuI",
authDomain: "covid19-sl-a613b.firebaseapp.com",
databaseURL: "https://covid19-sl-a613b.firebaseio.com",
projectId: "covid19-sl-a613b",
storageBucket: "covid19-sl-a613b.appspot.com",
messagingSenderId: "628566051115",
appId: "1:628566051115:web:e5449a853b9dd5e6a39d6e",
measurementId: "G-3MF7VZV1CK"
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
const db = firebase.firestore();
//db.settings({ timestampsInSnapshots: true});
//firebase.analytics();
</script>
<script src="main.js"></script>
<!--slide show-->
<script>
var myIndex = 0;
slides();
function slides() {
var i;
var x = document.getElementsByClassName("slides");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
myIndex++;
if (myIndex > x.length) {myIndex = 1}
x[myIndex-1].style.display = "block";
setTimeout(slides, 2000);
}
</script>
<!--==footer==-->
<div class="footer">
<div class="footer-content"><b><u>Developers-</u></b></div>
<div><ul class="footer">
<li>Chamod Perera|Savinu Anusara|your name|your name|your name</li>
</ul></div>
</div>
<div class="footer-bottom">
RIVI Team
</div>
</body>
</html>