-
Notifications
You must be signed in to change notification settings - Fork 0
/
temperature.html
100 lines (92 loc) · 5.99 KB
/
temperature.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
<!DOCTYPE html>
<html lang="en-us">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KG63XJZ');</script>
<!-- End Google Tag Manager -->
<meta charset="utf-8">
<title>Temperature</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" 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.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="weatherlat.css">
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KG63XJZ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<nav class="navbar p-0 mb-1 navbar-expand-md sticky-top navbar-light" role="navigation">
<a class="navbar-brand p-2 mt-0 ml-5 bg-info text-white" href="index.html"><i class="fas fa-home fa-fw"></i> WeatherLat</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsingNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse collapse" id="collapsingNavbar">
<ul class="navbar-nav mr-5 ml-auto">
<li class="nav-item dropdown">
<a class="nav-link text-primary dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fas fa-chart-area fa-fw"></i> Visualizations
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item text-primary" href="temperature.html"><i class="fas fa-thermometer-full fa-fw"></i> Max Temperature</a>
<a class="dropdown-item" href="humidity.html"><i class="fas fa-tint fa-fw"></i> Humidity</a>
<a class="dropdown-item" href="cloud.html"><i class="fab fa-cloudversify fa-fw"></i> Cloudiness</a>
<a class="dropdown-item" href="wind.html"><i class="fas fa-wind fa-fw"></i> Wind Speed</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="comparison.html"><i class="fas fa-greater-than-equal fa-fw"></i> Comparison</a>
</li>
<li class="nav-item">
<a class="nav-link" href="map.html"><i class="fas fa-map-marked-alt fa-fw"></i> Map</a>
</li>
<li class="nav-item">
<a class="nav-link" href="data.html"><i class="fas fa-table fa-fw"></i> Data</a>
</li>
</ul>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="box bg-white p-0">
<div class="h2 text-white bg-info p-3"><i class="fas fa-thermometer-full fa-fw"></i> Max Temperature</div>
<img src="Resources/assets/images/temperaturemap.png" width=100% alt="Temperature Map">
<div class="p-3">
<p>The <mark>temperature increases</mark> as we approach the equator. We can observe that for the
same degree of parallel, the temperatures seem slightly higher in the north. This can be explained by the fact that on
the first of October, the northern hemisphere enters autumn while the southern hemisphere comes out of
winter, a gap due to the Earth's tilt.</p>
</div>
</div>
</div>
<div class="col-lg-4 ">
<div class="box bg-white p-0 pb-2">
<div class="h4 mb-2 text-white bg-info p-2 text-center">Visualizations</div>
<div class="pl-4">
<a href="temperature.html">
<img class="target" src="Resources/assets/images/temperaturemap.png" width=45% alt="Temperature Map">
</a>
<a href="cloud.html">
<img class="img-fluid" src="Resources/assets/images/cloudymap.png" width=45% alt="Cloud Map">
</a>
<a href="humidity.html">
<img class="float-left img-fluid" src="Resources/assets/images/humiditymap.png" width=45% alt="Humidity Map">
</a>
<a href="wind.html">
<img class="img-fluid" src="Resources/assets/images/windmap.png" width=45% alt="Wind Map">
</a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>