-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
153 lines (122 loc) · 6.58 KB
/
Copy pathindex.html
File metadata and controls
153 lines (122 loc) · 6.58 KB
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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
<link rel="stylesheet" href="Resources/css/style.css">
<title>Climate Dashboard</title>
</head>
<body>
<!-- #############start of nav bar################# -->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">Latitude</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" pip
install flask data-bs-toggle="dropdown" aria-expanded="false">
Plots
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<li><a class="dropdown-item" href="visualization/temp.html">Max Temperature</a></li>
<li><a class="dropdown-item" href="visualization/Humidity.html">Humidity</a></li>
<li><a class="dropdown-item" href="visualization/Cloudiness.html">Cloudiness</a></li>
<li><a class="dropdown-item" href="visualization/WindSpeed.html">Wind Speed</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="comparison.html">Comparison</a>
</li>
<li class="nav-item">
<a class="nav-link" href="data_page.html">Data</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- ############end of nav bar ################################-->
<!-- start container-->
<main class="container row">
<div class="col-md-8">
<section id="main-bio">
<section id="figure">
<h2 id="bio-name">Summary:Latitude vs. X</h2>
<img id="bio-image" src="Resources/assets/images/Temperature.png" alt="Temperature">
</section>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vestibulum risus ut justo laoreet
consectetur. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos
himenaeos. Nunc dui neque, malesuada egestas aliquet ac, commodo in magna. Etiam mollis odio at mi
maximus hendrerit. Integer aliquam id lectus nec hendrerit. Class aptent taciti sociosqu ad litora
torquent per conubia nostra, per inceptos himenaeos. Mauris rhoncus eget nulla in ornare. Maecenas
massa nibh, commodo non condimentum eu, congue tempus neque. Donec neque mi, ullamcorper eget
fringilla et, iaculis vitae tortor. Curabitur vel nunc vel mi lobortis ornare ut non nulla. Etiam
ornare libero ac suscipit aliquam. Nunc venenatis felis sit amet velit vehicula interdum. Vivamus
iaculis condimentum nulla vitae dapibus.</p>
</section>
</div>
<!-- Start of visualization side bar-->
<div class="col-md-4 ">
<aside id="contact-info">
<h2>Visualization</h2>
<div class="row">
<div class="col-sm">
<div class="card">
<h5 class="card-title">Cloudiness</h5>
<img src="Resources/assets/images/Cloudiness.png" class="card-img-top" alt="...">
<div class="card-body">
</div>
</div>
</div>
<div class="col-sm">
<div class="card">
<h5 class="card-title">Humidity</h5>
<img src="Resources/assets/images/Humidity.png" class="card-img-top" alt="...">
<div class="card-body">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="card">
<h5 class="card-title">Temperature</h5>
<img src="Resources/assets/images/Temperature.png" class="card-img-top" alt="...">
<div class="card-body">
</div>
</div>
</div>
<div class="col">
<div class="card">
<h5 class="card-title">WindSpeed</h5>
<img src="Resources/assets/images/WindSpeed.png" class="card-img-top" alt="...">
<div class="card-body">
</div>
</div>
</div>
</div>
</aside>
</div>
</main>
<!-- end of container -->
<!-- loading boot strap -->
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4"
crossorigin="anonymous"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js" integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT" crossorigin="anonymous"></script>
-->
</body>
</html>