index.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>My landing page</title>
  <link rel="shortcut icon" href="data:image/x-icon;" type="image/x-icon">
  <!-- We need this line below for responsiveness! -->
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="css/style.css">
</head>
<body>
  <!-- code a Hero / Banner section -->
  <div class="banner">
    <div class="banner-content">
      <h1>Le Wagon brings tech skills to creative people!</h1>
      <h3>Change your life and learn to code at one of our campuses around the world.</h3>
      <div class="btn-treehouse">
        <a href="#">Apply now!</a>
      </div>
    </div>
    </div>
  </div>
  <!-- code a "How it works" section -->
  <div class="content">
    <h1>How it works</h1>
    <div class="items">
      <div class="card-trip">
        <div class="back" style="background-image: url(images/apply.svg)">
        </div>
        <div class="bottom">
          <div class="left">
            <h2>Apply</h2>
            <p>Lorem ipsum dolor sit amet.</p>
          </div>
        </div>
      </div>
      <div class="card-trip">
        <div class="back" style="background-image: url(images/learn.svg)">
        </div>
        <div class="bottom">
          <div class="left">
            <h2>Learn to code</h2>
            <p>Lorem ipsum dolor sit amet.</p>
          </div>
        </div>
      </div>
      <div class="card-trip" >
        <div class="back" style="background-image: url(images/product.svg)">
        </div>
        <div class="bottom">
          <div class="left">
            <h2>Build products</h2>
            <p>Lorem ipsum dolor sit amet.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- code a footer -->
  <footer>
    <div class="links">
      <a href="#"><i class="fab fa-fw fa-facebook-f"></i></a>
      <a href="#"><i class="fab fa-fw fa-github"></i></a>
      <a href="#"><i class="fab fa-fw fa-twitter"></i></a>
      <a href="#"><i class="fab fa-fw fa-instagram"></i></a>
      <p>This website was coded with <i class="fas fa-heart"></i> at Le Wagon.</p>
    </div>
  </footer>
</body>
</html>


<div class="footer">
 
</div>