Untitled

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <meta name="description" content="CHS descriptive map">
	  <meta name="keywords" content="CHS, carmel, school map">
  	<meta name="author" content="Allen">
    <title>CHS Map | About</title>
    <link rel="stylesheet" href="./css/style.css">
  </head>
  <body>
    <header>
      <div class="container">
        <div id="branding">
          <h1>Carmel High School Interactive Map</h1>
        </div>
      </div>
    </header>

    <section class="showcase">
      <div class="container">
        <h1>Carmel High School</h1>
        <p>Welcome to Carmel High School. With this map you will able to
        find the quickest routes<br> around different areas of the school.</p>
        <p>Worried about not having enough time to go to the bathroom?
        You can also test your<br> current route to find a more efficient path.</p>
        <br>
        <h2>Click below to see the map!</h2>
        <button class="button"> <a href="map.html">Map</a></button>
        <br>
        <br>
        <hr>
        <br>
        <p>Check out our video animation on the CHS student population!</p>
        <iframe width="560" height="315" src="https://www.youtube.com/embed/-Fi2SNQ8lnU" frameborder="0" allowfullscreen>
        </iframe>
        <br>
        <br>
        <hr>
        <br>
      </div>
    </section>

    <section id="boxes">
      <div class="container">
        <div class="box">
          <a target="_blank" href="https://hilite.org/">
            <img src="./img/hilite.jpg">
          </a>
          <h3><a target="_blank" href="https://hilite.org/">HiLite</a></h3>
          <p>This map is produced as a project<br>for the HiLite newsmagazine.</p>
        </div>
      </div>
    </section>

    <footer>
      <p>HiLite &copy; 2017. By Allen Zhang and Allen Zheng</p>
    </footer>
  </body>
</html>