<!DOCTYPE html>

<html lang="cs">

<head>

  <meta charset="UTF-8" />

  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <title>Rozcestník</title>

  <link rel="stylesheet" href="styles.css" />

</head>

<body>

  <main class="wrapper">

    <section class="hero">

      <p class="eyebrow">Rychlý přístup</p>

      <h1>Rozcestník dokumentů a odkazů</h1>

      <p class="subtitle">

        Na této stránce najdete DOCX dokument, PDF přílohu a odkaz na web

        Veterán Cup Letohrad.

      </p>

    </section>


    <section class="grid">

      <a class="card" href="dokument.docx" target="_blank" rel="noopener noreferrer">

        <span class="icon">📄</span>

        <h2>DOCX dokument</h2>

        <p>Otevřít nebo stáhnout hlavní dokument ve formátu .docx</p>

        <span class="button">Otevřít dokument</span>

      </a>


      <a class="card" href="priloha.pdf" target="_blank" rel="noopener noreferrer">

        <span class="icon">📘</span>

        <h2>PDF příloha</h2>

        <p>Zobrazit přiložený soubor ve formátu .pdf</p>

        <span class="button">Otevřít přílohu</span>

      </a>


      <a class="card" href="https://veterancupletohrad.cz" target="_blank" rel="noopener noreferrer">

        <span class="icon">🌐</span>

        <h2>Web Veterán Cup Letohrad</h2>

        <p>Přejít na oficiální webové stránky veterancupletohrad.cz</p>

        <span class="button">Otevřít web</span>

      </a>

    </section>

  </main>

</body>

</html>