-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
123 lines (110 loc) · 5.61 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
<!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>Document</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
<script src="js/myscript.js"></script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<div class="jumbotron container text-center">
<img class="banner" src="https://www.greenbiz.com/sites/default/files/2020-10/earthwithfacemask_shutterstock_Paopano.jpg">
<h1 class="text-center">{{title}}</h1>
<p class="text-left">
Coronavirus disease (COVID-19) is an infectious disease caused by the SARS-CoV-2 virus.
<br>
Most people infected with the virus will experience mild to moderate respiratory illness and recover without
requiring special treatment. However, some will become seriously ill and require medical attention. Older
people and those with underlying medical conditions like cardiovascular disease, diabetes, chronic
respiratory disease, or cancer are more likely to develop serious illness. Anyone can get sick with COVID-19
and become seriously ill or die at any age.
<br>
The best way to prevent and slow down transmission is to be well informed about the disease and how the
virus spreads. Protect yourself and others from infection by staying at least 1 metre apart from others,
wearing a properly fitted mask, and washing your hands or using an alcohol-based rub frequently. Get
vaccinated when it’s your turn and follow local guidance.
<br>
The virus can spread from an infected person’s mouth or nose in small liquid particles when they cough,
sneeze, speak, sing or breathe. These particles range from larger respiratory droplets to smaller aerosols.
It is important to practice respiratory etiquette, for example by coughing into a flexed elbow, and to stay
home and self-isolate until you recover if you feel unwell.
</p>
<!-- <button ng-click="changeValue()">Button</button> -->
<!-- all data -->
<div class="row text-center ab">
<div class="col-md-4">
<div class="card">
<div class="card-body bg-warning text-white">
<h3>Confirmed Cases</h3>
<h3> {{all_data.confirmed.value}}</h3>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<div class="card-body bg-success text-white">
<h3>Recovered Cases</h3>
<h3> {{all_data.recovered.value}}</h3>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card bg-danger text-white">
<div class="card-body">
<h3>Deaths Cases</h3>
<h3> {{all_data.deaths.value}}</h3>
</div>
</div>
</div>
</div>
<!-- end all data -->
<input type="text" class="form-control mt-4" placeholder="enter country here" ng-model="c"
ng-change="get_c_data()">
<!-- country data -->
<div class="container-fluid" ng-if="c_data">
<h1 class="text-center mt-4 text-uppercase">{{c}} status</h1>
<div class="row text-center mt-4 ab">
<div class="col-md-4">
<div class="card">
<div class="card-body bg-warning text-white">
<h3>Confirmed Cases</h3>
<h3> {{c_data.confirmed.value}}</h3>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<div class="card-body bg-success text-white">
<h3>Recovered Cases</h3>
<h3> {{c_data.recovered.value}}</h3>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card bg-danger text-white">
<div class="card-body">
<h3>Deaths Cases</h3>
<h3> {{c_data.deaths.value}}</h3>
</div>
</div>
</div>
</div>
</div>
<!-- end country data -->
</div>
</body>
</html>