html
<style>
  body {
    background-color: #FFD700;
  }
  h1 {
    font-family: 'Akkurat Sans';
    font-size: 24px;
    color: #FF0000;
  }
  p {
    font-family: 'Akkurat Sans';
    font-size: 18px;
    color: #000000;
  }
  a {
    text-decoration: none;
    color: #000000;
  }
  .shadow {
    box-shadow: 0 0 10px #000000;
  }
</style>

<div class="shadow">
  <h1>John the Unyielding</h1>
  <p>Prophet of the Apocalypse</p>
  <p>Office Hours: Monday to Friday, 8am-5pm (but only if it's not Judgment Day)</p>
  <p>Location: The End Times Building, 123 Doomsday Street</p>
  <p>Phone: +1 800-DOOMSDAY (or just leave a message in a bottle)</p>
  <a href="/prophets-of-the-apocalypse/office-hours/john-the-unyielding/schedule">Schedule an appointment with John the Unyielding</a>
  <a href="/prophets-of-the-apocalypse/office-hours/john-the-unyielding/about">Learn more about John's impressive resume</a>
  <a href="/prophets-of-the-apocalypse/office-hours/john-the-unyielding/testimonials">Read what clients have to say about John's unyielding expertise</a>
</div>