html
<style>
  body {
    background: #f5f5f5;
    font-family: monospace;
  }
  a {
    text-decoration: none;
    color: #000;
  }
  .title {
    border: 4px solid #000;
    border-radius: 5px;
    background: #fff;
    padding: 10px;
    font-size: 24px;
    text-align: center;
  }
  .subtitle {
    border: 2px solid #000;
    border-bottom: 0;
    background: #fff;
    padding: 10px;
    font-size: 18px;
  }
  .content {
    background: #fff;
    border: 1px solid #000;
    border-radius: 5px;
    padding: 20px;
  }
  .link {
    background: #000;
    color: #fff;
    padding: 10px;
    border: 1px solid #000;
  }
  .link:hover {
    background: #333;
  }
</style>

<div class="title">Utopia-in-a-Box: The Ultimate Subscription Service</div>

<div class="content">
  <p>Subscribe to the most realistic utopia you'll ever know!</p>
  <p>Our carefully curated selection of pamphlets, pamphlets, and pamphlets will guide you towards a life of perfect equality, harmony, and efficiency.</p>
  <p><a class="link" href="/books/utopia-in-a-box/subscribe/subscribe-to-utopia">Subscribe to Utopia-in-a-Box</a></p>
  <p>Already a subscriber? <a class="link" href="/books/utopia-in-a-box/subscribe/subscription-status">Check your status</a></p>
</div>