HTML-CSS/humidity.html at master · GAlves92/HTML-CSS · GitHub

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
<!DOCTYPE html>
<html lang="en-us">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
        crossorigin="anonymous">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootswatch/4.0.0/superhero/bootstrap.min.css">
    <link rel="stylesheet" type='text/css' href="latitude.css">
    <script defer src="https://use.fontawesome.com/releases/v5.0.7/js/all.js"></script>
  <title>Humidity</title>
</head>

<body>
    <header class="navbar navbar-dark navbar-expand-md">
        <div class="navbar-brand">
            <a type="button" class="boo btn btn-info btn-lg" href="index.html">Latitude</a>
        </div>
            <button class="btn btn-outline-primary navbar-toggler" data-toggle="collapse" data-target="#the_menu"><i class="fas fa-bars"></i></button>
            <div class="navbar-collapse collapse justify-content-end" id="the_menu">
                <ul class="navbar-nav">
                    <i class="icon far fa-compass"></i>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false"><strong>Plots</strong></a>
                        <div class="dropdown-menu" x-placement="bottom-start" style="position: absolute; transform: translate3d(0px, 40px, 0px); top: 0px; left: 0px; will-change: transform;">
                            <a class="dropdown-item" href="max_temperature.html"><strong>Temperature</strong></a>
                            <a class="dropdown-item" href="Cloudiness.html"><strong>Cloudiness</strong></a>
                            <a class="dropdown-item" href="humidity.html"><strong>Humidity</strong></a>
                            <a class="dropdown-item" href="Wind_speed.html"><strong>Wind Speed</strong></a>
                        </div>
                    <li class="nav-item active">
                        <a class="nav-link" href="comparison.html"><strong>Comparison</strong></a>
                    </li>
                    <li class="nav-item active">
                            <div class="container">
                                    <div class="row">
                                        <a class="nav-link" href="convertcsv.htm"><strong>Data</strong></a>
                                    </div>
                            </div>
                    </li>
                </ul>
            </div>
        </header>
</body>

<body>
    <header>
        <div class="container">
            <div class="row">
              <h1 class='temp h1 col-sm-6 col-md-6 col-lg-6 col-xs-6 text-center'>Humidity</h1><br>
            </div>
                <img src="weather_plot_2.png" class="temp col-sm-6 col-md-6 col-lg-6 col-xs-6" style="width: 50%; height: 70%" alt="Humidity"/>
                <p class="text">When observing this plot, it shows that latitude influence on humidity is not as clear as shown previously.
                    The humidity is commonly higher in locations closer to the water, once the vapor content of the air is high; however,
                    humidity can also be high in locations such as the polar regions because most of the air is saturated, and even with a low vapor content of the air,
                    the vapor capacity is considerably low, allowing a high humidity. That explains why the data is spread along the plot.</p>
            </div>
    </header>
</body>
</html>