public/index.html

<!DOCTYPE html>
<html lang="en" dir="auto">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>HTMX</title>
    <link
      rel="icon"
      href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🔴</text></svg>"
    />
    <script src="/public/js/htmx.min.js"></script>
    <link rel="stylesheet" href="/public/css/pico.min.css" />
  </head>

  <body>
    <header
      class="container-fluid"
      style="display: flex; justify-content: space-between"
    >
      <h1 style="margin-right: auto">
        <strong>HTMX</strong>
        <span>Example</span>
      </h1>
      <nav>
        <ul>
          <li><a href="/hx">htmx</a></li>
          <li><a href="/web">web</a></li>
        </ul>
      </nav>
      <hr />
    </header>
    <main class="container-fluid grid">
      <a class="secondary" href="/web">
        <article>
          <h2>Web 1.0</h2>
          <p>Basic POST/GET API.</p>
        </article>
      </a>
      <a class="secondary" href="/hx">
        <article>
          <h2>htmx</h2>
          <p>A htmx CRUD API that returns HTML fragments.</p>
        </article>
      </a>
    </main>
  </body>
</html>