index.html

<!DOCTYPE html>
<html >
  <head>
    <meta charset="UTF-8">
    <title>Flexbox Layout</title>


    <link rel="stylesheet" href="css/normalize.css">

    <link rel='stylesheet prefetch' href='https://cdn.jsdelivr.net/foundation/6.2.0/foundation.min.css'>

    <link rel="stylesheet" href="css/style.css">


  </head>

  <body>

    <container>
  <header class="main-header">
    <h1>Flex Box Layout</h1>
    <ul class="main-nav">
      <li><a href="#">About Me</a></li>
      <li><a href="#">News</a></li>
      <li><a href="#">Gallery</a></li>
      <li><a href="#">Contact</a></li>
    </ul>
  </header>
  <div class="content">
    <p>This is some content</p>
  </div>
  <footer>
    <p>This is a sticky footer simply using Flex Box</p>
  </footer>
</container>


  </body>
</html>