index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Workflow CA</title>
    <link rel="stylesheet" href="/css/style.css" />
    <script type="module" src="/js/main.js"></script>
  </head>
  <body class="bg-gray-100">
    <header class="bg-green-800 text-white py-4">
      <nav id="menu-container" class="container mx-auto px-6"></nav>
    </header>
    <main class="container mx-auto mt-8">
      <h1 class="text-3xl font-bold mb-4">Welcome to this site</h1>
      <div
        id="venue-container"
        class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4"
      >
        Loading...
      </div>
    </main>
  </body>
</html>