Code for a website about enviromental conservation

on

Code for a website about enviromental conservation  


<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Save the Planet</title>

<style>

  body {

    margin: 0;

    background: #e0f7e9;

    font-family: 'Segoe UI', sans-serif;

  }

  header {

    background: #2e7d32;

    color: white;

    text-align: center;

    padding: 40px;

  }

  section {

    padding: 40px;

    text-align: center;

  }

  .facts {

    display: flex;

    justify-content: center;

    gap: 30px;

    flex-wrap: wrap;

  }

  .fact {

    background: white;

    width: 250px;

    border-radius: 12px;

    padding: 20px;

    box-shadow: 0 5px 15px rgba(0,0,0,0.1);

  }

  .fact h3 {

    color: #2e7d32;

  }

  footer {

    background: #1b5e20;

    color: white;

    text-align: center;

    padding: 15px;

  }

</style>

</head>

<body>


<header>

  <h1>🌿 Save The Planet</h1>

  <p>Small actions make a big difference.</p>

</header>


<section>

  <div class="facts">

    <div class="fact">

      <h3>Recycle</h3>

      <p>Recycling helps reduce pollution and waste in landfills.</p>

    </div>

    <div class="fact">

      <h3>Plant Trees</h3>

      <p>Trees clean our air and fight global warming.</p>

    </div>

    <div class="fact">

      <h3>Conserve Water</h3>

      <p>Saving water today ensures supply for future generations.</p>

    </div>

  </div>

</section>


<footer style="background:#0d47a1; color:white; text-align:center; padding:25px; font-size:22px;">

  © 2025 <a href="https://freecodesforwebsites.blogspot.com/" target="_blank" style="color:#bbdefb; text-decoration:none;">Free Codes for Websites</a> | All rights reserved.

</footer>


</body>

</html>


Comments

Post a Comment