-
Notifications
You must be signed in to change notification settings - Fork 0
/
max-temp.html
105 lines (86 loc) · 4.55 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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Max Temperature</title>
<link rel="icon" href="./Resources/images/blue.png">
<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://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<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" href="style.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-expand navbar-white flex-column flex-md-row navbar-light">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand nav-link active nav-item" id="btn-nvg" href="index.html">Lattitude</a>
<div class="collapse justify-content-end navbar-collapse">
<ul class="navbar-nav">
<li class="nav-item dropdown" id="navbarCollapse">
<a class="nav-link active dropdown-toggle" href="#" id="navbarPlot" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Plots<span class="sr-only">(current)</span></a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="max-temp.html">Max Temperature</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="humidity.html">Humidity</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="cloudiness.html">Cloudiness</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="wind_speed.html">Wind Speed</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link active" id="navbarRight" href="comparison.html">Comparison</a></li>
<li class="nav-item">
<a class="nav-link active" id="navbarRight" href="data.html">Data</a></li>
</ul>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-lg-7 col-md-12">
<div class="box" id="maxtempbox">
<h3 class="title">Max Temperature</h3>
<hr>
<img src="./Resources/images/Fig1.png" id="max-temp-img" alt="City Latitude vs. Max Temperature"> 
<span class="caption">
<p class="category a"> 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 the 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 class="col-lg-5 col-md-12">
<div class="box" id="vizbox">
<h5 class="title">Visualizations</h5>
<hr>
<div class="container">
<div class="row">
<div class="col-5 nav-item">
<a class="nav-link active" id="vizBar" href="max-temp.html">
<img class="panel" src="./Resources/images/Fig1.png" alt="Max Temperature Image" id="viz-img"></a>
</div>
<div class="col-7 nav-item">
<a class="nav-link active" href="humidity.html" id="vizBar">
<img class="panel" src="./Resources/images/Fig2.png" alt="Humidity Graph" id="viz-img"></a>
</div>
</div>
<div class="row">
<div class="col-5 nav-item">
<a class="nav-link active" href="cloudiness.html" id="vizBar">
<img class="panel" src="./Resources/images/Fig3.png" alt="Cloudiness Graph" id="viz-img"></a>
</div>
<div class="col-7 nav-item">
<a class="nav-link active" href="wind_speed.html" id="vizBar">
<img class="panel" src="./Resources/images/Fig4.png" alt="Wind Speed Graph" id="viz-img"></a>
</div>
</div>
</div>
</div>
<div id="page-container">
<div class="footer">
<p class="d">Copyright © Sura Baghirova 2019</p>
</div>
</div>
</body>
</html>