index.html

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="description" content="Mayflower Layers">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Mayflower Layers</title>
    <link rel="stylesheet" href="css/layers.css">
  </head>
  <body>
  <div class="layer-1">
    <h2>Ihr Software-Projekt</h2>
    <div class="front"></div>
    <div class="left"></div>
  </div>
  <div class="layer-2">
      <h2>test</h2>
      <div class="front"></div>
      <div class="left"></div>
  </div>
  <div class="layer-3">
      <h2>test</h2>
      <div class="front"></div>
      <div class="left"></div>
  </div>
    <!--
  <div class="layer-2"></div>
  <div class="layer-3"></div>
  <div class="layer-4"></div>
  <div class="layer-5"></div>
  <div class="layer-6"></div>
  -->
  </body>
</html>