FinalDD2/Reference.html at main · bottleyearold/FinalDD2 · 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
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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Climate Change </title>


    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@292&display=swap" rel="stylesheet">

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Archivo+Black&family=Lexend+Deca:wght@100..900&display=swap" rel="stylesheet">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.2/dist/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

    <link  rel="stylesheet" href = "newstyle.css" />

</head>

<body>
  <nav class="navbar navbar-expand-lg navbar-light bg-light navbar-bottom">
    <div class="collapse navbar-collapse" id="newNavbarNav">
        <h3 class="nav-item">
            <span class="navbar-brand" style="color: white;" > Information and Statitiscs </span>
        </h3>
      <ul class="navbar-nav">
        <li class="nav-item">
          <a class="nav-link" href="index.html">Overview</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="https://resultsofclimatechange.onrender.com">Results of Climate Change</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="https://tempchange-7.onrender.com">Temperature Change</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="Reference.html">More References</a>
        </li>
      </ul>
    </div>
</nav>

<h1 class = 'title'>
  Learn More About Climate Change
</h1>

<div class="flex-container">
  <div class="flex-row">
    <div class="flex-item">
      <h3>UN What Is Climate Change</h3>
      <a class="links" href="https://www.un.org/en/climatechange/what-is-climate-change">link</a>
      <p>The UN's page describes climate change as primarily driven by human activities like burning fossil fuels, increasing greenhouse gases and global temperatures, with severe environmental impacts. </p>
    </div>
    <div class="flex-item">
      <h3>The Effects of Climate Change</h3>
      <a class="links" href="https://science.nasa.gov/climate-change/effects/">link</a>
      <p>NASA outlines climate change effects: melting glaciers, rising seas, intense heatwaves, irreversible impacts for current generations, urgent need for emission reductions. </p>
    </div>
  </div>
  <div class="flex-row">
    <div class="flex-item"><h3>Climate Change Impacts</h3>
      <a class="links" href="https://www.noaa.gov/education/resource-collections/climate/climate-change-impacts">link</a>
      <p>NOAA's climate change impacts page emphasizes the ongoing, severe effects of climate change, such as extreme weather, sea level rise, and ecological disruptions, urging the necessity for robust response measures to mitigate these impacts. </p>
    </div>
    <div class="flex-item">
      <h3>The Intergovernmental Panel on Climate Change</h3>
      <a class="links" href="https://www.ipcc.ch/">link</a>
      <p>The IPCC assesses climate science to guide policy on climate change, highlighting human-induced warming, impacts, adaptation, and mitigation strategies through detailed reports and assessments. </p>
    </div>
  </div>
  <div class="flex-row">
    <div class="flex-item">
      <h3>World Health Organization</h3>
      <a class="links" href="https://www.who.int/news-room/fact-sheets/detail/climate-change-and-health">link</a>
      <p>The WHO fact sheet on climate change and health details how climate change exacerbates health risks globally, including increased heat-related illnesses, vector-borne diseases, and food and water insecurity. It emphasizes the need for urgent climate action to mitigate these health impacts and protect vulnerable populations.</p>
      </div>
    <div class="flex-item">
      <h3>Environmental Protection Agency</h3>
      <a class="links" href="https://www.epa.gov/climate-change">link</a>
      <p>The EPA's page on climate change explains the science, impacts, and actions related to climate change. It covers the health effects, environmental justice, and strategies for mitigation and adaptation, emphasizing the importance of reducing greenhouse gas emissions and enhancing resilience against climate-related disruptions.</p>
    </div>
  </div>
</div>

</body>