-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathMaxTemperature.html
87 lines (73 loc) · 3.35 KB
/
MaxTemperature.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Max 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="bootstrap.min.css" media="screen">
<link rel="stylesheet" href="Resources/style.css" media="screen">
<style>
img {
float: left;
}
.navbar-light .navbar-brand {
color: green;
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="index.html">Latitude</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Plots
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="MaxTemperature.html">Max Temperature</a>
<a class="dropdown-item" href="Humidity.html">Humidity</a>
<a class="dropdown-item" href="Cloudiness.html">Cloudiness</a>
<a class="dropdown-item" href="WindSpeed.html">Wind Speed</a>
</div>
</li>
<li class="nav-item active">
<a class="nav-link" href="Comparison.html">Comparison<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="Data.html">Data</a>
</li>
</li>
</ul>
</div>
</nav>
<div class="jumbotron jumbotron-fluid">
<div class="clearfix"></div>
<h1 class="display-4">Maximum Temperature</h1>
<hr class="my-4">
<div class="container">
<div class="row">
<div class="col">
<img src="assets/Fig1.png" style="width:400px; height:400px:" />
</div>
<div class="col">
<p>As expected, the weather becomes significantly warmer as one approaches the equator (0 Deg. Latitude).
More interestingly, however, is the fact that the southern hemisphere tends to be warmer this time of year
than the northern hemisphere. This may be due to the tilt of the earth at the time of the year this data was
gathered.</p>
</div>
</div>
</div>
</div>
<br>
<br>
<br>
<br>
<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>
</body>
</html>