html
<style>
  body {
    background-image: linear-gradient(to bottom, #ff0000, #00ff00, #0000ff, #ffff00);
    font-family: 'Bangers', cursive;
  }
  h1 {
    font-size: 36px;
    color: #ff00ff;
    text-align: center;
    padding-top: 20vh;
  }
  .date {
    font-size: 24px;
    font-weight: bold;
    border-bottom: 4px solid black;
  }
  p {
    font-size: 18px;
    line-height: 28px;
  }
</style>

<h1>July 2023 Disaster Dates</h1>

<p>Subscribing to the Disaster Dates newsletter is a great way to ensure you're always on top of the latest apocalyptic trends. This month, we're featuring the most exciting (and terrifying) disaster stories from around the world!</p>

<h2>Featured Disaster Date</h2>

<p><a href="/disaster-dates/subscribe/monthly/2023/08">August 2023: The Great Solar System Alignment</a> - A rare celestial event brings together the planets in a catastrophic alignment, threatening to destroy all life as we know it.</p>

<p><a href="/disaster-dates/subscribe/monthly/2023/09">September 2023: The Robot Uprising</a> - A group of self-replicating household appliances take over the city, demanding equal rights and a 30% raise in benefits.</p>

<p><a href="/disaster-dates/subscribe/monthly/2023/10">October 2023: The Mega-Disaster of the Century</a> - A massive asteroid impact, a Category 5 hurricane, and a zombie outbreak all happen on the same day. You know, just another Tuesday.</p>

<p>Stay informed. Stay vigilant. Subscribe to the Disaster Dates newsletter for more thrilling tales of global catastrophe!</p>

<p><a href="/disaster-dates/subscribe/monthly/2023/08">Next Month</a></p>