-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmaxtemp.html
96 lines (86 loc) · 4.55 KB
/
maxtemp.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Temperature</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
</head>
<!--Changing the background color here-->
<title>
HTML Background Color
</title>
<body style="background-color:pink;">
<h1> </h1>
<p> </p>
<!--I left a space between the top and bottom because I thought the pink band at the very top made it look better-->
</body>
</html>
<body>
<!--Navbar adjustments, change navbar color-->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand text-white" 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">
<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 dropdown-menu-right" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="maxtemp.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">
<a class="nav-link" href="comparison.html">Comparison</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Chart.html">Weather Data Chart</a>
</li>
</ul>
</div>
</div>
</nav>
<!--temprature content adjustments-->
<div class="container content">
<div class="row">
<div class="col-md-8">
<div class="col-md-12">
<h3>Max Temperature</h3>
<hr>
<img src="Resources/assets/images/Fig1.png" width="100%" alt="temperature">
<br>
<p>As expected, the weather becomes significantaly warmer as one approaches the equator (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>
<!--visualizations container and continuity maintainer -->
<div class="col-md-4">
<div class="col-md-12">
<h3>Visualizations</h3>
<hr>
<div class="row">
<div class="col-3 col-md-6">
<a href="maxtemp.html"><img class="pic" src="Resources/assets/images/Fig1.png" width="100%" alt="temprature"></a>
</div>
<div class="col-3 col-md-6">
<a href="humidity.html"><img src="Resources/assets/images/Fig2.png" width="100%" alt="humidity"></a>
</div>
<div class="col-3 col-md-6" style="padding-top: 10px;">
<a href="cloudiness.html"><img src="Resources/assets/images/Fig3.png" width="100%" alt="cloudiness"></a>
</div>
<div class="col-3 col-md-6" style="padding-top: 10px;">
<a href="windspeed.html"><img src="Resources/assets/images/Fig4.png" width="100%" alt="windspeed"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>