-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
233 lines (197 loc) · 8.92 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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required Meta Tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- Page Title -->
<title>Miles apart</title>
<!-- Favicon -->
<link rel="shortcut icon" href="assets/images/logo/logo.png" type="image/x-icon">
<!-- CSS Files -->
<link rel="stylesheet" href="assets/css/animate-3.7.0.css">
<link rel="stylesheet" href="assets/css/font-awesome-4.7.0.min.css">
<link rel="stylesheet" href="assets/css/bootstrap-4.1.3.min.css">
<link rel="stylesheet" href="assets/css/owl-carousel.min.css">
<link rel="stylesheet" href="assets/css/jquery.datetimepicker.min.css">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<!-- Preloader Starts -->
<div class="preloader">
<div class="spinner"></div>
</div>
<!-- Preloader End -->
<!-- Header Area Starts -->
<header class="header-area">
<div class="container">
<div class="row">
<div class="col-lg-2">
<div class="logo-area">
<a href="index.html"><img src="assets/images/logo/logo.png" alt="logo" style="width:200px"></a>
</div>
</div>
<div class="col-lg-10">
<div class="custom-navbar">
<span></span>
<span></span>
<span></span>
</div>
<div class="main-menu">
<ul>
<li class="active"><a href="index.html">DashBoard</a></li>
<li><a href="about.html">Situation if lockdowm continues</a></li>
<li><a href="menu.html">Future Situation</a></li>
<li><a href="http://localhost:5000">Predictions</a></li>
</ul>
</div>
</div>
</div>
</div>
</header>
<!-- Header Area End -->
<!-- Banner Area Starts -->
<section class="banner-area text-center">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h6></h6>
<h1>Dashboard</h1>
</div>
</div>
</div>
</section>
<!-- Banner Area End -->
<!-- Welcome Area Starts -->
<section class="welcome-area section-padding2"><link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<div class="container-fluid">
<div class="w3-content w3-display-container">
<img class="mySlides" src="Screenshot (179).png" style="width:100%">
<img class="mySlides" src="Screenshot (180).png" style="width:100%">
<img class="mySlides" src="Screenshot (181).png" style="width:100%">
<img class="mySlides" src="Screenshot (182).png" style="width:100%; height:500px">
<img class="mySlides" src="one.png" style="width:100%; height:500px">
<button class="w3-button w3-black w3-display-left" onclick="plusDivs(-1)">❮</button>
<button class="w3-button w3-black w3-display-right" onclick="plusDivs(1)">❯</button>
</div>
<script>
var slideIndex = 1;
showDivs(slideIndex);
function plusDivs(n) {
showDivs(slideIndex += n);
}
function showDivs(n) {
var i;
var x = document.getElementsByClassName("mySlides");
if (n > x.length) {slideIndex = 1}
if (n < 1) {slideIndex = x.length}
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
x[slideIndex-1].style.display = "block";
}
</script>
</div>
</section>
<!-- Welcome Area End -->
<!-- Deshes Area Starts -->
<div class="deshes-area section-padding">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-top2 text-center">
<h3>Some <span>more</span> visualization</h3>
<p><i>More analysis on food production and consumption.</i></p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-5 col-md-6 align-self-center">
<h1></h1>
<div class="deshes-text">
<h3><span>Decrease in farmer number</span></h3>
<p class="pt-3">Farm households reported that working off the farm provided greater and more stable income, along with health and retirement benefits.</p>
</div>
</div>
<div class="col-lg-5 offset-lg-2 col-md-6 align-self-center mt-4 mt-md-0">
<img src="chart1.png" alt="" class="img-fluid" style="width:100%">
</div>
</div>
<div class="row mt-5">
<div class="col-lg-5 col-md-6 align-self-center order-2 order-md-1 mt-4 mt-md-0">
<img src="Screenshot (185).png" alt="" class="img-fluid" style="width:100%;height:400px">
</div>
<div class="col-lg-5 offset-lg-2 col-md-6 align-self-center order-1 order-md-2">
<h1></h1>
<h3><span>India expenditure on food per capita</span></h3>
<p class="pt-3"> </p>
</div>
</div>
<div class="row">
<div class="col-lg-5 col-md-6 align-self-center">
<h1></h1>
<div class="deshes-text">
<h3><span>India expenditures spent on food</span></h3>
</div>
</div>
<div class="col-lg-5 offset-lg-2 col-md-6 align-self-center mt-4 mt-md-0">
<img src="Screenshot (187).png" alt="" class="img-fluid" style="width:100%;height:400px">
</div>
</div>
</div>
</div>
<!-- Deshes Area End -->
<!-- Testimonial Area Starts -->
<section class="testimonial-area section-padding4">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-top2 text-center">
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="testimonial-slider owl-carousel">
<div class="single-slide d-sm-flex">
<div class="customer-img mr-4 mb-4 mb-sm-0">
<img src="assets/images/customer1.png" alt="">
</div>
<div class="customer-text">
<h5>Anthony Bourdain</h5>
<p class="pt-3">Food is everything we are. It’s an extension of nationalist feeling, ethnic feeling, your personal history, your province, your region, your tribe, your grandma. It’s inseparable from those from the get-go.</p>
</div>
</div>
<div class="single-slide d-sm-flex">
<div class="customer-img mr-4 mb-4 mb-sm-0">
<img src="assets/images/customer2.png" alt="">
</div>
<div class="customer-text">
<h5>Albert Ellis</h5>
<p class="pt-3">Eating is always a decision, nobody forces your hand to pick up food and put it into your mouth</p><br><br></div>
</div>
<div class="single-slide d-sm-flex">
<div class="customer-img mr-4 mb-4 mb-sm-0">
<img src="assets/images/customer1.png" alt="">
</div>
<div class="customer-text">
<h5> Cesar Chavez</h5>
<p class="pt-3">If you really want to make a friend, go to someone’s house and eat with him – the people who give you their food give you their heart.</p></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Testimonial Area End -->
<!-- Javascript -->
<script src="assets/js/vendor/jquery-2.2.4.min.js"></script>
<script src="assets/js/vendor/bootstrap-4.1.3.min.js"></script>
<script src="assets/js/vendor/wow.min.js"></script>
<script src="assets/js/vendor/owl-carousel.min.js"></script>
<script src="assets/js/vendor/jquery.datetimepicker.full.min.js"></script>
<script src="assets/js/vendor/jquery.nice-select.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>