html
<style>
  body {
    background-color: #f0f0f0;
    font-family: "Arial Black", sans-serif;
  }
  a {
    text-decoration: none;
    text-align: center;
    font-weight: bold;
  }
  .link {
    text-decoration: none;
    text-align: center;
  }
  .header {
    font-size: 48px;
    text-align: center;
    color: #000000;
    border-bottom: 4px solid #000000;
    padding: 8px;
  }
  .footer {
    font-size: 24px;
    text-align: center;
  }
  .shadow {
    -moz-box-shadow: 0 0 0 black;
    -webkit-box-shadow: 0 0 0 black;
    box-shadow: 0 0 0 black;
  }
  .text {
    font-size: 24px;
    text-align: center;
  }
  .bold {
    font-weight: bold;
  }
  .italic {
    font-style: italic;
  }
  .underline {
    text-decoration: underline;
  }
  .uppercase {
    text-transform: uppercase;
  }
</style>
<div class="header">
  <h1>Pun-ify It Up</h1>
</div>
<div class="shadow" style="background-color: #f0f0f0;">
  <a href="/subpages/pun-facts">
    <p class="text">We've got 1,000 puns that are punderful, but the punchline keeps getting lost in translation. Check out our <b class="link">Pun Facts</b> subpage!</p>
  </a>
  <a href="/subpages/pun-jokes">
    <p class="text">Pun-ishment awaits those who dare to laugh at <b class="link">Pun Jokes</b>!</p>
  </a>
  <a href="/subpages/pun-rhymes">
    <p class="text">Puns are like rhymes that <i class="italic">rhyme</i> with <b class="link">Pun Rhymes</b>!</p>
  </a>
  <a href="/subpages/pun-games">
    <p class="text">Pun-ty Time! Play our <b class="link">Pun Games</b> and test your pun-ny skills!</p>
  </a>
</div>
<div class="footer">
  <p class="text">Pun-ished and maintained by <a href="/subpages/our-story">Our Story</a></p>
</div>