forked from fossnsbm/covid-19
-
Notifications
You must be signed in to change notification settings - Fork 0
/
covid.html
130 lines (120 loc) · 8.16 KB
/
covid.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Home - FOSS Community</title>
<link rel="shortcut icon" type="image/png" href="./assets/img/favicon.png"/>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
<link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/fonts/fontawesome5-overrides.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
</head>
<body>
<nav class="navbar navbar-light navbar-expand-md shadow">
<div class="container-fluid"><img src="assets/img/web_hi_res_512.png" style="width: 64px;"><a class="navbar-brand" href="#" style="font-family: Roboto, sans-serif;">FOSS Community NSBM</a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-2"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div
class="collapse navbar-collapse justify-content-end" id="navcol-2" style="margin-left: 128px;">
<ul class="nav navbar-nav">
<li class="nav-item" role="presentation"><a class="nav-link" href="./index.html" style="font-family: Roboto, sans-serif;">Home</a></li>
<li class="nav-item" role="presentation"><a class="nav-link active" href="#" style="font-family: Roboto, sans-serif;">Covid-19</a></li>
</ul>
</div>
</div>
</nav>
<header class="masthead text-white text-center" style="background-size: contain;padding: 0;">
<div class="carousel slide shadow" data-ride="carousel" id="carousel-1" style="max-height: 500px !important;">
<div role="listbox" class="carousel-inner" style="max-height: 550px !important;">
<div class="carousel-item active"><img class="img-fluid w-100 d-block" src="./assets/img/1.png" alt="Slide Image" /></div>
<div class="carousel-item"><img class="img-fluid w-100 d-block" src="./assets/img/2.png" alt="Slide Image" /></div>
<div class="carousel-item"><img class="img-fluid w-100 d-block" src="./assets/img/3.png" alt="Slide Image" /></div>
</div>
<div><a class="carousel-control-prev" href="#carousel-1" role="button" data-slide="prev"><span class="carousel-control-prev-icon"></span><span class="sr-only">Previous</span></a><a class="carousel-control-next" href="#carousel-1" role="button" data-slide="next"><span class="carousel-control-next-icon"></span><span class="sr-only">Next</span></a></div>
<ol
class="carousel-indicators">
<li data-target="#carousel-1" data-slide-to="0" class="active"></li>
<li data-target="#carousel-1" data-slide-to="1"></li>
<li data-target="#carousel-1" data-slide-to="2"></li>
</ol>
</div>
</header>
<section class="features-icons bg-light text-center">
<div class="container">
<div class="row">
<div class="col-lg-4" data-bs-hover-animate="pulse">
<div class="border rounded shadow mx-auto features-icons-item mb-5 mb-lg-0 mb-lg-3" >
<div class="d-flex features-icons-icon"><i class="fas fa-hospital-alt m-auto text-primary" ></i></div>
<h3>Total Cases</h3>
<p id="totalcases" class="lead text-center jello animated mb-0" style="font-size: 72px;font-family: Roboto, sans-serif;">00</p>
</div>
</div>
<div class="col-lg-4" data-bs-hover-animate="pulse">
<div class="border rounded shadow mx-auto features-icons-item mb-5 mb-lg-0 mb-lg-3">
<div class="d-flex features-icons-icon"><i class="fas fa-ambulance m-auto text-primary" ></i></div>
<h3>New Cases</h3>
<p id="newcases" class="lead jello animated mb-0" style="font-family: Roboto, sans-serif;font-size: 72px;">00</p>
</div>
</div>
<div class="col-lg-4" data-bs-hover-animate="pulse">
<div class="border rounded shadow mx-auto features-icons-item mb-5 mb-lg-0 mb-lg-3">
<div class="d-flex features-icons-icon"><i class="fas fa-bed m-auto text-primary" ></i></div>
<h3>Deaths</h3>
<p id="deaths" class="lead jello animated mb-0" style="font-family: Roboto, sans-serif;font-size: 72px;">00</p>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col">
<div class="card border rounded shadow" style="margin: 16px;">
<div class="card-body">
<h4 class="card-title">Live COVID-19 Status Android App</h4>
<h6 class="text-muted card-subtitle mb-2"><strong>An OpenSource Project by FOSS Community NSBM</strong></h6>
<a href="./assets/Covid19App.apk"
<button data-bs-hover-animate="pulse" class="btn btn-primary shadow" type="button" style="margin-bottom: 30px;">Download APK</button>
</a>
<div class="row">
<div class="col"><img class="border rounded shadow" src="assets/img/Screenshot_1584703850.png" style="width: 256px;padding-top: 10px;"></div>
<div class="col"><img class="border rounded shadow" src="assets/img/Screenshot_1584703854.png" style="width: 256px;padding-top: 10px;"></div>
<div class="col"><img class="border rounded shadow" src="assets/img/Screenshot_1584728802.png" style="width: 256px;padding-top: 10px;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="showcase"></section>
<footer class="footer bg-light">
<div class="container">
<div class="row">
<div class="col-lg-6 my-auto h-100 text-center text-lg-left">
<ul class="list-inline mb-2">
<li class="list-inline-item"><a href="https://www.facebook.com/foss.nsbm/">About</a></li>
<li class="list-inline-item"><span>⋅</span></li>
<li class="list-inline-item"><a href="mailto:[email protected]">Contact Us</a></li>
<li class="list-inline-item"><span>⋅</span></li>
</ul>
<p class="text-muted small mb-4 mb-lg-0">© FOSS Community NSBM</p>
</div>
<div class="col-lg-6 my-auto h-100 text-center text-lg-right">
<ul class="list-inline mb-0">
<li class="list-inline-item"><a href="https://www.facebook.com/foss.nsbm/"><i class="fa fa-facebook fa-2x fa-fw"></i></a></li>
<li class="list-inline-item"><a href="https://twitter.com/fossnsbm"><i class="fa fa-twitter fa-2x fa-fw"></i></a></li>
<li class="list-inline-item"><a href="https://www.youtube.com/channel/UC_bx6hMjxj3hqqQhBw2LCLA"><i class="fa fa-youtube-play fa-2x fa-fw"></i></a></li>
<li class="list-inline-item"><a href="https://github.com/fossnsbm/covid-19"><i class="fab fa-github fa-2x fa-fw"></i></a></li>
</ul>
</div>
</div>
</div>
</footer>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="./Engine.js"></script>
</body>
</html>