-
Notifications
You must be signed in to change notification settings - Fork 0
/
temp.html
86 lines (81 loc) · 4.02 KB
/
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!--Instruct Internet Explorer to use its latest rendering engine-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--create a title-->
<title>Latitude - Temperature Analysis</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!--create the navbar-->
<nav class="navbar navbar-expand-lg bg-light">
<ul class="nav navbar-nav navbar-left">
<a class="a" href="index.html">Latitude
</a>
</ul>
<div class="collapse navbar-collapse" id="navbarSupportedContent"></div>
<ul class="nav navbar-nav navbar-right">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Plot
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="temp.html" >Max Temprature</a>
<a class="dropdown-item" href="humidity.html">Humidity</a>
<a class="dropdown-item" href="cloudiness.html">Cloudiness</a>
<a class="dropdown-item" href="wind.html">Wind Speed</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="comparision.html">Comparison</a>
</li>
<li class="nav-item">
<a class="nav-link" href="data.html">Data</a>
</li>
</ul>
</div>
</nav>
<!--display content in two containers-->
<div class="float-container">
<div class="float-child">
<h1>Max Temperature</h1>
<hr>
<br>
<br>
<p>
<a href="Images/Fig1.png">
<img src="Images/Fig1.png", class = "first-img w3-image" , alt= "Temp vs Latitude">
</a>
As expected, the weather becomes significantly warmer as one approaches the equator (Deg. Latitude).
More interestingly, however, is the fact thatthe 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 class="float-child">
<h2>Visualizations</h2>
<hr>
<br>
<br>
<a href="temp.html"><!--wrap text around the img and create a link-->
<img src="Images/Fig1.png", class = "second-img w3-image" , alt= "Temp vs Latitude">
</a>
<a href="humidity.html"><!--wrap text around the img and create a link-->
<img src="Images/Fig2.png", class = "second-img w3-image", alt= "Humidity vs Latitude">
</a>
<a href="cloudiness.html"><!--wrap text around the img and create a link-->
<img src="Images/Fig3.png", class = "second-img w3-image", alt= "Cloudiness vs Latitude">
</a>
<a href="wind.html"><!--wrap text around the img and create a link-->
<img src="Images/Fig4.png", class = "second-img w3-image", alt= "Wind vs Latitude">
</a>
</div>
</div>
<!--separate scripts solution Popper.js for functionality of Javascript-->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
</body>
</html>