-
Notifications
You must be signed in to change notification settings - Fork 0
/
max_temp.html
75 lines (67 loc) · 3.72 KB
/
max_temp.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
<html lang="en-us"><head>
<meta charset="UTF-8">
<title>Web Visualization Dashboard</title>
<!-- Bootstrap CDN -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link rel="stylesheet" href="custom.css">
</head>
<!--Add Navigation bar-->
<body data-gr-c-s-loaded="true">
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Latitude</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="index.html" class="dropdown-toggle" id="plotsDropdown" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Plots<span class="caret"></span></a>
<ul class="dropdown-menu" aria-labelledby="plotsDropdown">
<li><a href="max_temp.html">Max Temperature</a></li>
<li><a href="humidity.html">Humidity</a></li>
<li><a href="cloudiness.html">Cloudiness</a></li>
<li><a href="wind_speed.html">Wind Speed</a></li>
</ul>
</li>
<li><a href="comparison.html">Comparison</a></li>
<li><a href="data.html">Data</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<!-- Creates the Overall Grid -->
<div class="container">
<section>
<div class="col-md-8">
<article class="description-content">
<h1>Max Temperature</h1>
<hr>
<img class="image-main" src="Resources/assets/images/Fig1.png" width="600" height="412">
<p>As expected, the temperature gets warmer as you get closer to the equator (0 degrees latitude). The Southern Hemisphere
tends to be warmer at this time of the year than the Northern Hemisphere, likely due to the tilt of the Earth.
</p>
</article>
</div>
<div class="col-md-4">
<article class="description-content">
<h1>Visualizations</h1>
<hr>
<a href="max_temp.html"><img class="image-link" src="Resources/assets/images/Fig1.png" width="360" height="247"></a>
<a href="humidity.html"><img class="image-link" src="Resources/assets/images/Fig2.png" width="360" height="247"></a>
<a href="cloudiness.html"><img class="image-link" src="Resources/assets/images/Fig3.png" width="360" height="247"></a>
<a href="wind_speed.html"><img class="image-link" src="Resources/assets/images/Fig4.png" width="360" height="247"></a>
</article>
</div>
</section>
</div>
</body></html>