index.html

<!doctype html>
<html class="no-js" lang="en" dir="ltr">
<head>
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>KAL | KHP </title>
  <link rel="stylesheet" href="css/foundation.css">
  <link rel="stylesheet" href="css/kalbot.css">
  <link href="https://fonts.googleapis.com/css?family=Varela+Round|Fredoka+One" rel="stylesheet">
</head>
<body>
  <!-- End Top Bar -->
  <div class="grid-container">
    <div class="grid-y">
      <div></div>
      <div>
        <div class="grid-x grid-padding-x header-background align-middle" >
          <div class="small-6 large-offset-3 large-4 cell centered">
            <h5> Welcome to kids help phone<h5>
            <h1>Hi! It's KAL!</h1>
            </div>
            <div class="small-6 large-2">
              <img class="kal-logo" src="images/kal_logo.png">
            </div>
          </div>

          <div class="grid-x grid-padding-x align-middle">
            <div id="chat-history" class="large-4 large-offset-4 hide chat-history cell">
              <!-- previous answers will be stored here, temporarily -->

              <div class="hide small-offset-2 large-offset-5">
                <hr/>
              </div>
            </div>
            <div class="large-4 large-offset-4 cell">

              <!-- this will be the dynamic content fixed on the page  -->
              <h5 id="question-field" class="question cell">What's on your mind?</h5>
              <hr/>
              <button id="button-0" type="button" class="answer button fixed cell">I need help</button>
              <button id="button-1" type="button" class="answer button fixed cell">I want to play</button>
              <button id="button-2" type="button" class="answer button fixed cell">I want to learn</button>
            </div>
          </div>
        </div>
      </div>

      <script src="js/vendor/jquery.js"></script>
      <script src="js/vendor/what-input.js"></script>
      <script src="js/vendor/foundation.js"></script>
      <script src="js/app.js"></script>
      <script src="js/kalbot.js"></script>
    </body>
    </html>