HTML-CSS_project/index.html at main · Udayan-Coding/HTML-CSS_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
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>Project on Nature</title>

  <!-- HTML -->


  <!-- Custom Styles -->
  <link rel="stylesheet" href="style.css">
</head>

<body>

  <!-- Project -->
  <script src="main.js"></script>

  <img src ="https://images.unsplash.com/photo-1444492417251-9c84a5fa18e0?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=750&q=80">
    <h1>Our Splendid Nature</h1>
    <main class="container">
  <p>We love nature. At the same time, we are destroying this continuously.</p>
  <br>
  We are aware of the fact that there are too much pollution.
<p><img class="img2" src="https://images.unsplash.com/photo-1564608938148-e3c5325907ee?ixid=MXwxMjA3fDB8MHxzZWFyY2h8Mnx8cG9sbHV0aW9ufGVufDB8fDB8&ixlib=rb-1.2.1&auto=format&fit=crop&w=700&q=60">
   <p> Major forms of pollution include air pollution, light pollution, litter, noise pollution, plastic pollution, soil contamination, radioactive contamination, thermal pollution, visual pollution, and water pollution.
   <a href="https://en.m.wikipedia.org/wiki/Pollution">Know more</a></p>
   <h3>How can we save our environment?</h3>
   <p>Protecting our planet starts with you. Here are just a few of the things you can do.
<br><p>
Some Simple Things You Can Do to Help Protect the Earth:
  <br>
  <p><ol>
    <li><b><u>Reduce, reuse, and recycle:</u></b>Cut down on what you throw away. Follow the three "R's" to conserve natural resources and landfill space.</li> <p><img class="img4" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSsZ9VxxSctayj7_S1UciMkLYNmHuosM6E1cA&usqp=CAU  ">
<p>
  <li><b><u>Volunteer:</u></b> Volunteer for cleanups in your community. You can get involved in protecting your watershed, too.</li>
<p>
  <li><b><u>Educate:</u></b> When you further your own education, you can help others understand the importance and value of our natural resources.</li>
<p>
  <li><b><u>Conserve water:</u></b> The less water you use, the less runoff and wastewater that eventually end up in the ocean.</li>
<p>
  <li><b><u>Choose sustainable:</u></b> Learn how to make smart seafood choices at <a href="www.fishwatch.gov  "> www.fishwatch.gov.</a></li>
<p>
<img class="img3" src="https://aambpublicoceanservice.blob.core.windows.net/oceanserviceprod/ocean/earthday-infographic-large.jpg    ">

<p>
  <li><b><u> Use Menstrual Cups:</u></b> Women may use menstrual cups during the menstruation cycle instead of sanitary napkins and tampons.It is both eco-friendly and pocket-friendly.</li>
<p>
  <li><b><u>Shop wisely:</u></b> Buy less plastic and bring a reusable shopping bag.</li>
  <p>
  <img class="img4" src=" https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTlTtxRqjdgt9ELLQeGStEHw5ZkGoI-pw9ryw&usqp=CAU ">
<p>
  <li><b><u>Use long-lasting light bulbs: </u></b>Energy efficient light bulbs reduce greenhouse gas emissions. Also flip the light switch off when you leave the room!</li>
<p>
  <li><b><u>Plant a tree:</u></b> Trees provide food and oxygen. They help save energy, clean the air, and help combat climate change.</li>
<p>
  <li><b></b>Don't send chemicals into our waterways.Choose non-toxic chemicals in the home and office.</li>
<p><li><img class="img5" src="https://images.unsplash.com/photo-1523798146182-2375d53e1e5d?ixid=MXwxMjA3fDB8MHxzZWFyY2h8Mnx8Y3ljbGV8ZW58MHx8MHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=700&q=60">Bike more. Drive less.</li>
</ol>

   </p><img class="img6" src=" https://images.unsplash.com/photo-1515150144380-bca9f1650ed9?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=668&q=80   ">
   </main>
<footer>Save Water, Plant Tree & Save Life</footer>

</body>
</html>