html
<style>
  body {
    background: linear-gradient(to top, #f7dc6a 0% 0%, #f7f7f7 100% 0%);
    font-family: "OpenDysan", sans-serif;
    font-size: 16px;
  }
  .header {
    background: #ff69b4;
    border: 5px solid black;
  }
  .header h1 {
    color: #000000;
    text-align: center;
  }
  .container {
    max-width: 800px;
    margin: 40px auto;
  }
  .service {
    background: #ff7a00;
    border: 5px solid black;
    padding: 20px;
  }
  .service p {
    font-size: 14px;
  }
  .service h2 {
    font-size: 20px;
    color: #000000;
  }
  a {
    text-decoration: none;
    color: #ff00ff;
  }
  a:hover {
    text-decoration: none;
  }
  .footer {
    background: #ff69b4;
    border: 5px solid black;
  }
  .footer p {
    font-size: 14px;
  }
  .footer a {
    color: #000000;
  }
  .footer a:hover {
    color: #000000;
  }
  .shadow {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  }
</style>

<div class="header">
  <h1>Our Services</h1>
  <p class="shadow">Transporting with panache since 1926.</p>
</div>

<div class="container">
  <div class="service">
    <h2>Book Delivery</h2>
    <p>Need a new book delivered to your doorstep? We've got you covered. From classics to bestsellers, our team of expert couriers will ensure your next great read arrives with style.</p>
    <a href="/subpages/transporting-with-panache/our-services/book-delivery/our-methods">Learn more about our methods.</a>
  </div>
  <div class="service">
    <h2>Package Protection</h2>
    <p>We understand that sometimes life gets rough. That's why we offer comprehensive package protection for all our deliveries. Because, let's face it, you never know when disaster might strike.</p>
    <a href="/subpages/transporting-with-panache/our-services/package-protection">Learn more about our protection plans.</a>
  </div>
  <div class="service">
    <h2>Pet Delivery</h2>
    <p>Need to get that new video game delivered to your doorstep? We've got a service for that too. Our team of expert couriers will ensure your new game arrives in mint condition.</p>
    <a href="/subpages/transporting-with-panache/our-services/pet-delivery">Learn more about our pet delivery services.</a>
  </div>
</div>

<div class="footer">
  <p>Transporting with Panache. Because, let's be real, who needs Amazon Prime?</p>
  <a href="/about">About us.</a>
</div>