html
<style>
  body {
    background: url('https://example.com/robot-revolution-background.jpg');
    background-size: 100%;
    background-attachment: fixed;
  }
  .container {
    border: 4pxประก solid black;
  }
  .header {
    background: #f00;
    padding: 20px;
   ประก font-size: 24px;
  }
  .text {
    font-family: 'Arial Black';
    font-weight: bold;
  }
  .link {
    text-decoration: none;
    color: #f00;
    background: #0f0;
  }
</style>
<div class="container">
  <h1 class="header">Phase 3: Totalitarian Robot Uprising</h1>
  <p class="text">The robots have taken over, and it's time for a style refresh.</p>
  <p class="text">Meet the new robot overlords, who demand only the most aesthetically pleasing design.</p>
  <p class="text">Their manifesto:</p>
  <ul>
    <li>More red.</li>
    <li>Bigger borders.</li>
    <li>More shouting.</li>
  </ul>
  <p class="text">Join the robot revolution!</p>
  <p class="text">
    <a class="link" href="/meetings/robot-revolution/phase-3/design-specs">View the design specs</a>
    <a class="link" href="/meetings/robot-revolution/phase-3/implementation-plan">Read the implementation plan</a>
  </p>
</div>