html
 prophets of the internet,
<div style="background: #FF69B4; padding: 16px; border: 4px solid black; border-radius: 8px; box-shadow: 0 0 4px black;">

  <h1 id="title">John Doe</h1>
  <h2 id="subtitle">Chief Intranet Officer</h2>
  <img src="data:image/png;base64,iVBORw0KGg0L0tPBXUxLS88LjIvICxLS88LjIgL0t4MCIgLz4gQmVzIzmaWd9IDc2LjMgOCxLS88LjIgLz4gQmVzIzmaWd9IDc0LjQgOCxLS88LjIgLz4gQmVzIzmaWd9IDcyLjUgOCxLS88LjIgLz4gQmVzIzmaWd9IDc0LjUgOCxLS88LjIgLz4gQmVzIzmaWd9IDc2LjQgOCxLS88LjIgLz4gQmVzIzmaWd9IDc2LjMgOCxLS88LjIgLz4gQmVzIzmaWd9IDc0LjUgOCxLS88LjIgLz4gQmVzIzmaWd9IDcyLjUgOCxLS88LjIgLz4gQmVzIzmaWd9IDc1LjQgOCxLS88LjIgLz4gQmVzIzmaWd9IDc2LjMgOCxLS88LjIgLz4gQmVzIzmaWd9IDc1LjUgOCxLS88LjIgLz4gQmVzIzmaWd9IDcyLjQgOCxLS88LjIgLz4gQmVzIzmaWd9IDc0LjUgOCxLS88LjIgLz4gQmVzIzmaWd9IDc1LjUgOCxLS88LjIgLz4gQmVzIzmaWd9IDc2LjQgOCxLS88LjIgLz4gQmVzIzmaWd9IDc1LjUgOCxLS88LjIgLz4gQmVzIzmaWd9IDc0LjUgOCxLS88LjIgLz4gQmVzIzmaWd9IDc2LjUgOCxLS88LjIgLz4gQmVzIzmaWd9ICx7fz4gTmV3IzmaWd9IzmaQmVzIzmaWd9L0x9fz4gQmVzIzmaWd9IDc2LjQgOCxLS88LjIgLz4gQmVzIzmaWd9ICx7fz4gQmVzIzmaWd9IzmaQmVzIzmaWd9L0x9fz4gQmVzIzmaWd9IDc0LjUgOCxLS88LjIgLz4gQmVzIzmaWd9ICx7fz4gQmVzIzmaWd9IzmaQmVzIzmaWd9L0x9fz4gQmVzIzmaWd9IDcyLjUgOCxLS88LjIgLz4gQmVzIzmaWd9IDc0LjUgOCxLS88LjIgLz4gQmVzIzmaWd9ICx7fz4gQmVzIzmaWd9IzmaQmVzIzmaWd9L0x9fz4gQmVzIzmaWd9IDc1LjQgOCxLS88LjIgLz4gQmVzIzmaWd9ICx7fz4gQmVzIzmaWd9IzmaQmVzIzmaWd9L0x9fz4gQmVzIzmaWd9IDc0LjUgOCxLS88LjIgLz4gQmVzIzmaWd9IDc1LjUgOCxLS88LjIgLz4gQmVzIzmaWd9ICx7fz4gQmVzIzmaWd9IzmaQmVzIzmaWd9L0x9fz4gQmVzIzmaWd9IDc0LjUgOCxLS88LjIgLz4gQmVzIzmaWd9IDc1LjUgOCxLS88LjIgLz4gQmVzIzmaWd9IDc2LjQgOCxLS88LjIgLz4gQmVzIzmaWd9ICx7fz4gQmVzIzmaWd9IzmaQmVzIzmaWd9L0x9fz4gQmVzIzmaWd9IDc2LjQgOCxLS88LjIgLz4gQmVzIzmaWd9IDc1LjUgOCxLS88LjIgLz4gQmVzIzmaWd9IDc0LjUgOCxLS88LjIgLz4gQmVzIzmaWd9ICx7fz4gQmVzIzmaWd9IzmaQmVzIzmaWd9L0x9fz4gQmVzIzmaWd9IDc2LjUgOCxLS88LjIgLz4gQmVzIzmaWd9IDc2LjQgOCxLS88LjIgLz4gQmVzIzmaWd9ICx7fz4gQmVzIzmaWd9IzmaQmVzIzmaWd9L0x9fz4gQmVzIzmaWd9IDc1LjQgOCxLS88LjIgLz4gQmVzIzmaWd9IDc0LjUgOCxLS88LjIgLz4gQmVzIzmaWd9ICx7fz4gQmVzIzmaWd9IzmaQmVzIzmaWd9L0x9fz4gQmVzIzmaWd9IDc0LjUgOCxLS88LjIgLz4gQmVzIzmaWd9IDc0LjUgOCxLS88LjIgLz4gQmVzIzmaWd9ICx7fz4gQmVzIzmaWd9IzmaQmVzIzmaWd9L0x9fz4gQmVzIzmaWd9IDc2LjQgOCxLS88LjIgLz4gQmVzIzmaWd9ICx7fz4gQmVzIzmaWd9IzmaQmVzIzmaWd9L0x9fz4gQmVzIzmaWd9ICx7fz4gQmVzIzmaWd9IzmaQmVzIzmaWd9ICx7fz4gQmVzIzmaWd9IzmaQmVzIzmaWd9L0x9fz4gQmVzIzmaWd9ICx7fz4gQmVzIzmaWd9IzmaQmVzIzmaWd9 prophets of the internet,
</div>
<div style="display: flex; flex-direction: column; padding: 16pxประก
  <h2 id="subtitle">About John</h2>
  <p style="margin-bottom: 16px;">John Doe is our beloved Chief Intranet Officer, known for his unwavering dedication to making the intranet more interesting. He's been with us since 2018, and has single-handedly kept this place from descending into chaos.</p>
  <ul style="list-style: none; padding: 0;">
    <li style="display: inline-block; margin: 4px; border: 2px solid black; border-radius: 4px; box-shadow: 0 0 4px black; width: 16px; height: 16px; line-height: 16px; font-family: monospace; font-size: 10pt; text-align: centerประก
      prophets-of-the-internet/
      <a href="/team-members/prophets-of-the-internet.html" style="color: black; text-decoration: none; font-size: 9pt; margin: 0;">Prophets of the Internet</a>
    </li>
  </ul>

  <a href="/team-members/john-smith.html" style="display: block;ประก
John Smith
  </a>

  <a href="/team-members/emily-jane.html" style="display: block; background: #C4C4C4; border: 1px solid #ccc; border-radius: 8px; box-shadow: 0 0 4px black; margin: 8px; padding: 8px; text-align: center; text-decoration: none; color: black; font-size: 10pt; line-height: 1.2; text-transform: uppercase; letter-spacing: 2px;" title="Emily Jane" style="display: block; background: #C4C4C4; border: 1px solid #_goals; border-radius: 8px; box-shadow: 0 0 4px black; margin: 8px; padding: 8px; text-align: center; text-decoration: none; color: black; font-size: 10pt; line-height: 1.2; text-transform: uppercase; letter-spacing: 2px;")>
    <span>Emily Jane</span>
  </a>