-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwindspeed.html
97 lines (86 loc) · 4.52 KB
/
windspeed.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Wind Speed</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-->
<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>
<!--wind speed content adjustments-->
<div class="container content">
<div class="row">
<div class="col-md-8">
<div class="col-md-12">
<h3>Wind Speed</h3>
<hr>
<img src="Resources/assets/images/Fig4.png" width="100%" alt="wind speed">
<br>
<p>Wind is the movement of air caused by the uneven heating of the Earth by the Sun. Differences in the atmospheric pressure creates winds. This plot was created using 500 cities latitude information around the world. As a result, we can say that there is no trend or relation between latitude and wind speed, as we get closet to the equator. </p>
</div>
</div>
<!--visualizations container adjustments-->
<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 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 class="pic" src="Resources/assets/images/Fig4.png" width="100%" alt="windspeed"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>