templates/landing.html

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
  <title>FutureBoard</title>

  <!-- load Materialize CSS -->
  <link rel="stylesheet" type="text/css" href="/static/vendor/materialize.min.css">
  <!-- load Materialize js -->
  <script src='/static/vendor/jquery.min.js' charset="UTF-8" type="text/javascript"></script>
  <script src='/static/vendor/materialize.min.js' charset="UTF-8" type="text/javascript"></script>

  <script src='/static/vendor/js.cookie.min.js' charset="UTF-8" type="text/javascript"></script>
  <script src='/static/js/landing.js' charset="UTF-8" type="text/javascript"></script>
  <!-- load Materialize icons -->
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="/static/css/landing.css">

</head>

<body>
  <div class="row">
    <!-- Modal Structure -->
    <div id="modal1" class="modal">
      <div class="modal-content">
        <h4>Welcome to FutureBoard!</h4>
        <h6><p>We have a lot of potentially large videos and images. <br />We recommend connecting your device to WI-FI to avoid data drainage.</p></h6>
      </div>
      <div class="modal-footer">
        <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat"><h4>>Got it!</h4></a>
      </div>
    </div>
    <div class="col s12 top">
      <a href="/views/board">BOARD</a>
    </div>
    <div class="col s12 bottom">
      <a href="/upload">UPLOAD</a>
    </div>
 </div>
</body>

</html>