index.html

<!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.0" />
    <title>Go-Plantrees | Simple Landing Pages</title>

    <!-- CSS & JS Here -->
    <link rel="stylesheet" href="assets/css/styles.css" />
  </head>
  <body>
    <div class="container">
      <header class="flex">
        <div class="logo flex">
          <img src="assets/img/cactus.png" alt="Image" />
          <h1><span>Go</span>Plantrees</h1>
        </div>
        <ul class="flex">
          <li><a href="#">Home</a></li>
          <li><a href="#">About</a></li>
          <li><a href="#">Contact Us</a></li>
          <li><a href="#">Blogs</a></li>
        </ul>
        <input type="button" value="login" />
      </header>
    </div>

    <div class="content flex">
      <div class="one">
        <h1>
          Trees are gift from nature, <br />save them for sustainable future.
          <!-- <img src="assets/img/pandan.png" alt="Pandan di dalam vas" /> -->
        </h1>

        <p>
          <em
            >"People who will not sustain trees will soon live in a world that
            will not sustain People"</em
          >
          <br /><b>- Bryce Nelson</b>
        </p>

        <input type="button" value="Join Now" />
        <input type="button" class="input2" value="See how it works" />
      </div>

      <div class="two">
        <!-- <img class="main" src="" alt="daun" /> -->
        <img class="toy" src="assets/img/team.png" alt="mainan" />
      </div>
    </div>
  </body>
</html>