<div class="container">

  <h1>Awesome Landing Page</h1>

  

  <div class="card-holder">

  <div class="card">

    <img src="https://github.com/green-fox-academy/stayathome-syllabus/blob/master/week01/assets/tree.png?raw=true" alt="fatenyer">

    <h3>Plan trees</h3>

  </div>

  <div class="card">

    <img src="https://github.com/green-fox-academy/stayathome-syllabus/blob/master/week01/assets/deal.png?raw=true" alt="fatenyer">

    <h3>Make friends</h3>

  </div>

  <div class="card">

    <img src="https://github.com/green-fox-academy/stayathome-syllabus/blob/master/week01/assets/money.png?raw=true" alt="fatenyer">

    <h3>Profit</h3>

  </div>

    </div>

  

  <div class="newsletter-form">

    <form action="">

      <h3 id="myid" class="myclass">Newsletter</h3>

      <p>Sign up to our newsletter to recive awesome news about fresh air.</p>

      <input type="text" id="email" >

      <button type="submit">Subscribe</button>

      

      <input type="checkbox" id="terms">

      <label for="terms">I accept the <a href="http://example.com">terms and conditions</a></label>

      <div class="closing-x">

        <button>

          x

        </button>

      </div>

    </form>

  </div>

  <div id="question-circle">

    ?

  </div>

</div>