web-project/about.html at master · giuggiii/web-project · 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
<!DOCTYPE html>
<head>
  <link href='css/bootstrap.css' rel='stylesheet'>
  <link rel='stylesheet' href='style.css'>
  <meta name="viewport" content="width=device-width,
initial-scale=1.0">
</head>
<div class="jumbotron text-center">
  <div id="myNav" class="overlay">
    <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
    <div class="overlay-content">
      <a href="index.html">Home</a>
      <a href="products.html">Products</a>
      <a href="food.html">Food</a>
      <a href="contacts.html">Contact</a>
      <a href="share.html">Share</a>
  </div>
</div>
<span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776; open</span>

<script>
function openNav() {
document.getElementById("myNav").style.height = "100%";
}

function closeNav() {
document.getElementById("myNav").style.height = "0%";
}
</script>
<header>
  <h2>Would you like to make more sustainable life choices but don't know where to start?</h2>
  <h3>
    <div>You might be in the right place! Read our tips to help you make sustainable swaps towards zero waste,</div>
    <div> one at a time or at your own pace.</div>
<div> And if you have any yourself you would like to share, please get in touch!</div>
</h3>
</header>
<button type="button" class="btn btn-default"><a href="contacts.html">Get in Touch!</a></button>

<body>
  <h2> What is zero waste? </h2>
    <div id="overflowTest">
    Simply put, it is the aim to send nothing to a landfill by reducing what we 'need', reusing and upcycling as much as possible, sending little to be recycled, while the rest that we throw away we should compost.
    It's really about redefining the system. We currently live in a linear economy where we take resources from the earth and then dump them in a giant hole in the ground. The goal of zero waste is to move to a circular economy where trash won't exist. The circular economy mimics nature: there is no trash in nature.
    </div>

  <h2> What's wrong with landfills? </h2>
    <div id="overflowTest">
    We consume too many resources at an incredibly fast rate, for it to be sustainable. This means that the impacts we have on the environment and the ecosystem are too great to make it possible for nature to be 'cured'
    </div>

  <h2> Can we not just recylcle everything, then?</h2>
    <div id="overflowTest">
      Unfortunately not, There's simply too much to process, and we're just consuming way too much. Recycling isn't a perfect solution. While it plays into the solution, we have to lessen our dependence. Did you know, only 9% of plastic is actually recycled?
        Recycling should be our last resort, not our first go-to.
    </div>
</body>
</div>