<!doctype html>
<html lang="cs">
<head>
  <meta charset="utf-8" /> 
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="robots" content="noindex,nofollow" />
  <title>United Ballet Artists — Úvodní strana</title>
  <link rel="preload" as="image" href="images/uba-hp-01.png" />
  <style>
    :root { color-scheme: dark; }
    * { box-sizing: border-box; }
    html, body { height: 100%; }
    body {
      margin: 0;
      background: #000;                /* černé pozadí */
      display: grid;                   /* jednoduché zarovnání pomocí CSS Grid */
      min-height: 100svh;              /* plná výška viewportu s ohledem na mobilní UI */
      place-items: start center;       /* vertikálně nahoře, horizontálně na střed */
    }
    img {
      display: block;                  /* odstraní spodní mezeru inline obrázků */
      max-width: 100%;                 /* responzivní zmenšování do šířky viewportu */
      height: auto;                    /* zachování poměru stran */
    }
  </style>
</head>
<body>
  <img
    src="images/uba-hp-01.png"
    alt="Grafický návrh úvodní strany — United Ballet Artists"
    loading="eager"
    fetchpriority="high"
  />
</body>
</html>