-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
97 lines (91 loc) · 4.44 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.0/angular.min.js"></script>
<link rel="stylesheet" href="css/style.css" />
<script src="js/myscript.js"></script>
</head>
<body ng-app="MyApp" ng-controller="MyCtrl">
<div class="container">
<div class="jumbotron">
<h1 class="text-center">{{title}}</h1>
<p class="pt-3">Coronavirus disease (COVID-19) is an infectious disease caused by a newly discovered coronavirus.
Most people infected with the COVID-19 virus will experience mild to moderate respiratory illness and recover without requiring special treatment. Older people, and those with underlying medical problems like cardiovascular disease, diabetes, chronic respiratory disease, and cancer are more likely to develop serious illness.
</p>
<!-- all data -->
<div class="row text-center">
<div class="col-md-4">
<div class="card bg-warning text-white">
<div class="card-body">
<h3>Confirmed Cases</h3>
<h3>{{all_data.confirmed.value}}</h3>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card bg-success text-white">
<div class="card-body">
<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 Name"
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">
<div class="col-md-4">
<div class="card bg-warning text-white">
<div class="card-body">
<h3>Confirmed Cases</h3>
<h3>{{c_data.confirmed.value}}</h3>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card bg-success text-white">
<div class="card-body">
<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>
</div>
</body>
</html>