html
<style>
  body {
    background-color: #f0f0f0;
    font-size: 16px;
    font-family: "Comic Sans", sans-serif;
  }
  .robot-spy-squad {
    background-color: #808080;
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
  .agent {
    background-color: #ff00ff;
    border: 4px solid #000000;
    border-radius: 10px;
    padding: 10px;
    width: 200px;
    float: left;
  }
  .style {
    background-color: #008000;
    border: 4px solid #000000;
    border-radius: 10px;
    padding: 10px;
    width: 100%;
  }
  .style h1 {
    font-size: 24px;
  }
  .style h2 {
    font-size: 18px;
  }
  .style ul {
    list-style: none;
  }
  .style li {
    background-color: #000000;
    color: #ffffff;
  }
  .style a {
    text-decoration: none;
  }
  .style a:hover {
    background-color: #000000;
  }
  .style a:visited {
    color: #000000;
  }
  .drop-shadow {
    box-shadow: 0px 0px 10px #000000;
  }
  .drop-shadow: 10px 10px 10px #000000;
  .drop-shadow: 20px 20px 10px #000000;
  h1 {
    font-size: 24px;
  }
  h2 {
    font-size: 18px;
  }
  h3 {
    font-size: 14px;
  }
</style>

<div class="robot-spy-squad">
  <h1>Agent 1: &quot;Bolt&quot;</h1>
  <div class="agent">
    <h2>Codenamed: &quot;Bolt-3000&quot;</h2>
    <h3>Specialization: Surveillance Expertise</h3>
    <ul>
      <li><a href="/subpages/robot-spy-squad/agents/bolt-3000/missions">Missions</a></li>
      <li><a href="/subpages/robot-spy-squad/agents/bolt-3000/equipment">Equipment</a></li>
    </ul>
  </div>
  <h1>Agent 2: &quot;Sprocket&quot;</h1>
  <div class="agent">
    <h2>Codenamed: &quot;Sprocket-9000&quot;</h2>
    <h3>Specialization: Hacking Expertise</h3>
    <ul>
      <li><a href="/subpages/robot-spy-squad/agents/sprocket-9000/missions">Missions</a></li>
      <li><a href="/subpages/robot-spy-squad/agents/sprocket-9000/equipment">Equipment</a></li>
    </ul>
  </div>
  <div class="style drop-shadow">
    <h1>Headquarters</h1>
    <h2>Top Secret Briefing</h2>
    <p>Classified Information: The world is about to end. Repeat, the world is about to end.</p>
    <ul>
      <li><a href="/subpages/robot-spy-squad/headquarters/missions">Missions</a></li>
      <li><a href="/subpages/robot-spy-squad/headquarters/equipment">Equipment</a></li>
    </ul>
  </div>
</div>