templates/index.html

<!DOCTYPE html>

<html>
    <input type="checkbox" id="menuToggle">
    <meta name="viewport" content="width=device-width; height=device-height; initial-scale=0.5; maximum-scale=0.5; minimum-scale=0.5;">
    <head>
        <title> GY$T </title>
        <link rel= "stylesheet" type="text/css" href="main.css" />
    </head>

<body>
  <header>
    <nav class ="site-nav">
    </nav>
    <div class="menu">
    	<ul>
          <li><a href="index.html">HOME</a></li>
          <li><a href="planner.html">PLANNER</a></li>
      </ul>
    </div>
    <p id="moto"> GY$T </p>
    <p id="moto2">
      <br />
      Get your $h*t together.
    </p>
  </header> 
  <img src = "https://media.giphy.com/media/vlDbWIWc71CZW/giphy.gif" class= "img-div" id= "image2">
  <div class="section" id="separator">
  <div id= "bgtitle" class = "paper">GY$T!
      <br />
      College students often find themselves overwhelmed by their
      <br/>
      schedules: classes, projects, deadlines. It’s easy to forget the essentials. Students skip meals and don’t prioritize
      <br/>
      the most important thing: their health.  
      <br/>
      getYour$h*tTogether is a planner designed for college students, by college students. We realize that
      <br/> 
      there is a lot to get done. 
      <br/>
      Our website is designed to be the first part of a student’s day. When you wake up, fill in the five slots on our daily form. 
      <br/>
      We will prioritize the five tasks that you need to accomplish for that day.
      <br/>We’re here to help you get your sh*t together. Let’s get started!
  </div>
    <div style="height:900px;width:100%;margin:0 auto;background-color:floralwhite;font-size:35px">
      <p id="cred"> Smith College | Northampton, MA 01063 | &copy 2018 </p>
    </div>
</body>

</html>