weather-visualization/Humidity.html at master · nikki-wolf/weather-visualization · 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
61
62
63
64
65
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>Humidity</title>
    <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="style.css">
    <script async="" src="https://cdn.carbonads.com/carbon.js?serve=CKYIKKJL&amp;placement=getbootstrapcom" id="_carbonads_js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
</head>

<body class=bodyBGC> <!-- main body with specified background color-->
  <div class="container-fluid">
      <nav class=" navbar navbar-expand-lg navbar-light" >
          <div class="container-fluid">
            <a class="navbar-brand" href="index.html" ><Strong>Latitude: Summary</Strong></a>

            <div class="navbar-nav navbar-right">
              <ul  class="navbar-nav" >
                  <li>
                      <div class="dropdown">
                          <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Plots
                          <span class="caret"></span></button>
                          <ul class="dropdown-menu">
                              <a class="dropdown-item" href="Temperature.html">Temperature</a>
                              <a class="dropdown-item" href="Humidity.html">Humidity</a>
                              <a class="dropdown-item" href="Wind_Speed.html">Wind Speed</a>
                              <a class="dropdown-item" href="Cloudiness.html">Cloudiness</a>
                          </ul>
                      </div>
                  </li>

                <li class="nav-item active">
                  <a class="nav-link" href="comparison.html">Comparison</a>
                </li>

                <li class="nav-item active">
                  <a class="nav-link" href="data.html">Data</a>
                </li>

              </ul>
            </div> <!--navbar-nav navbar-right-->
          </div> <!--container-fluid-->
        </nav>
    <div class="container">
        <div class=box>
            <div class="row">
                <div class="col sm-12 col-md-12 pad top">
                    <h2> Latitude vs. Relative Humidity (%)</h2>
                    <a target="blank" href="Images/Latitude_Humidity_Plot.png">
                        <img src="Images/Latitude_Humidity_Plot.png" alt="vs. Temperature" class="photos"></a>
                        <br></br>
                    <p>As expected, the weather becomes significantly warmer as one approaches the equator (0 Deg. Latitude). </p>
                    <p>More interestingly, however, is the fact that the southern hemisphere tends to be warmer this time of year than the northern hemisphere. This may be due to the tilt of the earth.</p>
                </div>
            </div>
        </div>
    </div>
  </body>
  <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>
  </html>