<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet"
  href="https://fonts.googleapis.com/css?family=Roboto">
<link rel="stylesheet"
  href="https://fonts.googleapis.com/css?family=Assistant">
<link rel="stylesheet"
  href="https://fonts.googleapis.com/css?family=Montserrat">
<link rel="stylesheet" crossorigin="anonymous"
  href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"
  integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU">
<link rel="stylesheet" href="../../../static/styles/normalize.css">
<link rel="stylesheet" href="../../../static/styles/styles.css">
<script src="../../../static/scripts/scripts.js"></script>
<title>The Poet Tree Club</title>
</head>
<body>
  <header>
    <nav id="main-nav">
      <!-- Bar icon for mobile menu -->
      <div id="mobile-menu-icon">
        <i class="fa fa-bars"></i>
      </div>
      <ul>
        <li><a href="index.php">Home</a></li>
        <li><a href="poems.php">Poems</a></li>
        <li><a href="poem-submit.php">Submit Poem</a></li>
        <li><a href="my-account.php">My Account</a></li>
        <li><a href="contact.php">Contact us</a></li>
      </ul>
    </nav>
    <h1><a href="index.php">The Poet Tree Club</a></h1>
    <h2>Set your poems free...</h2>
  </header>
  <main id="doh">
    <h1>Doh!</h1>
    <article class="poem">
      Oh golly gee whiz<br>
      I've sure blown it now<br>
      Something went wrong<br>
      I have no idea how<br><br>

      I worked really hard<br>
      Stayed up night after night<br>
      I thought it was perfect<br>
      But now something's not right<br><br>

      Well, I'll just have to make<br>
      This site even greater!<br>
      I've logged the error so<br>
      I can look into it later<br><br>

      Please don't give up on me<br>
      I'll get it worked out<br>
      And when you come back<br>
      You can browse your heart out
    </article>
  </main>
  <footer>
    <p>
      <span>Copyright &copy; <?= date('Y')?> The Poet Tree Club.</span>
      <a href="logout.php">Log out</a>
      <a href="about-us.php">About us</a>
    </p>
  </footer>
</body>
</html>