# Design system Parkoviště Mikulov

Tento soubor popisuje design system Parkoviště Mikulov. Při návrhu nebo kódu se drž jeho pravidel, používej jen uvedené barvy, písma a komponenty a jejich HTML přebírej beze změny tříd. Nevymýšlej nové barvy ani styly.

Parkoviště v centru Mikulova pro auta, motorky i obytné vozy. Ceník, průběh parkování a provozní řád ve čtyřech jazycích.

Písmo: Lexend. Živý web: https://www.parkovistemikulov.cz/. Katalog: https://www.romankacerek.cz/dev/designsystem/parkovistemikulov/. Sestaveno 11. 11. 2026.

## Soubory

Načti je v tomto pořadí:

- https://www.romankacerek.cz/dev/designsystem/parkovistemikulov/site/assets/css/web.css
- https://www.romankacerek.cz/dev/designsystem/parkovistemikulov/site/assets/js/web.js

Relativní cesty v HTML níže vedou do https://www.romankacerek.cz/dev/designsystem/parkovistemikulov/site/.

## Pravidla

### Barvy

- Značková barva je `--blue` #0000ff. Má ji každý nadpis h1 a h2, odkazy, tlačítka, číslování a pás `cta`.
- Podklady střídej bílá `#fff` a `--light` #f3f8ff. Světlé sekce jsou `okoli` a `cenik`, ostatní bílé.
- Text je černý `#000`, nadpisy h3 a otázky v rozbalovačích `--ink` #0a0a0a. Vedlejší text v patičce `#555`.
- Na modrém pásu je vše bílé, tlačítko je `btn--bila`.

### Písmo

- Jedna rodina Lexend, řez 400, tučné 500 a 600 vzniká v prohlížeči. Nadpisy `h1`, `h2`, `h3` mají 600.
- Velikosti jsou přes `--b` (základ 20 px) a `--lh` (řádek 30 px). Na menších šířkách se zmenšují na 19, 18 a 14 px.
- `h1` 46/56 px modře, `h2` 32/42 px modře, `h3` 26/36 px černě. Třída `h4` dává jinému prvku vzhled h3.

### Rozvržení

- Obsah je v `wrap`, maximálně 1560 px a boční okraj 30 px. Pod 1000 px je to 88 % šířky.
- Dvousloupcové bloky (`hero__in`, `okoli__in`, `faq__in`) mají sloupce 1fr 1fr a pod 1000 px se skládají pod sebe.
- Sekce mají svislý odstup 100 až 110 px, na telefonu 60 až 80 px.
- Výhody jsou v mřížce 6 sloupců, kroky ve 3 sloupcích, ceny ve 3 kartách.
- Hlavička je pevná, výška `--hdr` 90 px (69 px na telefonu). Pod 1281 px nahradí menu tlačítko `burger` a boční `panel`.

### Tvary

- Tlačítka a štítky jsou plně kulaté, `border-radius:100px`.
- Karty ceníku mají 15 px, první 50px 15px 15px 50px, poslední 15px 50px 50px 15px. Na telefonu všechny 15 px.
- Rozbalená nabídka jazyků má dole oblé rohy 0 0 33px 33px.
- Stíny jen na hlavičce po skrolování a v nabídce jazyků, jinak žádné. Dělení obstarává změna podkladu, ne linky.

### Obrázky

- Fotky parkoviště jsou webp, bez rámečku a rádiusu.
- Ikony jsou ploché SVG, 70 px u výhod, 180 px u kroků, 22 až 32 px v odkazech.

### Tlačítka a odkazy

- Hlavní akce je `btn`: modré plné, 20 px písmo, odsazení 20px 60px. Při najetí se obrátí na bílé s modrým okrajem.
- Na modrém podkladu `btn btn--bila`, při najetí průhledné s bílým textem.
- Odkazy v textu `lnk` jsou modré, tučné, podtržené 1 px s odsazením 3 px. Při najetí podtržení zmizí.

### Jazyk

- Web je česky, anglicky, polsky a německy. Ceník má v cizích jazycích variantu `cenik--eur`.
- Za jednopísmenné předložky a před jednotky patří nezlomitelná mezera.

## Barvy

| Název | Hodnota | V tmavém tématu | Použití |
| --- | --- | --- | --- |
| --blue | #0000ff |  | Nadpisy h1 a h2, tlačítka, odkazy, číslování, pás s výzvou. |
| bílá | #ffffff |  | Podklad stránky, hlavičky a karet ceníku. |
| --light | #f3f8ff |  | Podklad sekcí okoli a cenik. |
| --ink | #0a0a0a |  | Otázky v rozbalovačích, menu v panelu. |
| černá | #000000 |  | Tělo textu a nadpisy h3. |
| šedá | #555555 |  | Drobný text v patičce. |
| #0a0909 | #0a0909 |  | Odkazy v řádku s copyrightem. |
| stín hlavičky | rgba(0,0,0,.08) |  | Stín pevné hlavičky po skrolování. |
| stín nabídky | rgba(0,0,0,.12) |  | Stín nabídky jazyků. |
| zástěna panelu | rgba(0,0,0,.4) |  | Ztmavení pod bočním menu. |

## Typografie

| Styl | Hodnoty | Použití |
| --- | --- | --- |
| H1 | viz CSS | Hlavní nadpis, modře 600 |
| H2 | viz CSS | Nadpis sekce, modře 600 |
| H3 | viz CSS | Nadpis kroku, černě 600 |
| Text | viz CSS | Tělo textu 20/30 |
| Odrážky | viz CSS | Seznam s ikonou zatržení |
| Tlačítko | viz CSS | Hlavní akce |
| Menu | viz CSS | Navigace v hlavičce, modře 500 |
| Otázka | viz CSS | Rozbalovací otázka 20/30 |
| Drobný text | viz CSS | Patička 14 px, šedě |

## Mezery a šířky

| Název | Hodnota | Použití |
| --- | --- | --- |
| --b | 20px | Základní velikost písma, 19, 18 a 14 px na menších šířkách. |
| --lh | 30px | Základní řádkování. |
| --hdr | 90px | Výška pevné hlavičky, 69 px na telefonu. |
| --pad-card | calc(1245px * .06) | Vnitřní okraj karet ceníku. |
| wrap | max-width 1560px, padding 0 30px | Šířka obsahu. |
| odstup sekcí | 100px až 110px | Svislé odsazení sekcí, 60 až 80 px na telefonu. |

## Rádiusy

| Název | Hodnota | Použití |
| --- | --- | --- |
| tlačítka a štítky | 100px | Plně kulaté btn a karta__cislo. |
| karty | 15px | Karty ceníku. |
| krajní karty | 50px 15px 15px 50px | První karta, poslední má opačně 15px 50px 50px 15px. |
| nabídka jazyků | 0 0 33px 33px | Rozbalená nabídka. |
| číslo v seznamu | 50% | Kruh s číslem v provozním řádu. |

## Komponenty: Navigace

### Hlavička

Pevná hlavička s logem, menu, telefonem a jazyky. Třídy: `hdr`, `hdr__logo`, `hdr__nav`, `hdr__tel`, `lang`.

```html
<header class="hdr">
<a class="hdr__logo" href="#"><img alt="Parkoviště Mikulov" height="60" src="assets/logo.svg" width="246"/></a>
<nav aria-label="Hlavní menu" class="hdr__nav">
<ul>
<li><a href="#">Výhody</a></li>
<li><a href="#">Jak to funguje</a></li>
<li><a href="#">Ceník</a></li>
<li><a href="#">Časté dotazy</a></li>
<li><a href="#">Kontakt</a></li>
</ul>
</nav>
<div class="hdr__right">
<a class="hdr__tel" href="#"><img alt="Telefon / WhatsApp" height="32" src="assets/ikony/ikona-whatsapp.svg" width="32"/>+420 608 463 563</a>
<div class="lang">
<a aria-haspopup="true" class="lang__cur" href="#"><img alt="Čeština" height="32" src="assets/vlajky/cs.svg" width="32"/></a>
<ul class="lang__menu"><li><a href="#" hreflang="en" lang="en"><img alt="English" height="32" src="assets/vlajky/en.svg" width="32"/></a></li><li><a href="#" hreflang="pl" lang="pl"><img alt="Polski" height="32" src="assets/vlajky/pl.svg" width="32"/></a></li><li><a href="#" hreflang="de" lang="de"><img alt="Deutsch" height="32" src="assets/vlajky/de.svg" width="32"/></a></li></ul>
</div>
</div>
<button aria-controls="panel" aria-expanded="false" class="burger" type="button"><span class="burger__txt">Menu</span><span aria-hidden="true" class="burger__lines"><span></span><span></span><span></span></span></button>
</header>
```

### Nabídka jazyků

Vlajky jazyků, které se rozbalí při najetí. Třídy: `lang`, `lang__cur`, `lang__menu`.

```html
<header class="hdr"><div class="hdr__right"><div class="lang">
<a aria-haspopup="true" class="lang__cur" href="#"><img alt="Čeština" height="32" src="assets/vlajky/cs.svg" width="32"/></a>
<ul class="lang__menu"><li><a href="#" hreflang="en" lang="en"><img alt="English" height="32" src="assets/vlajky/en.svg" width="32"/></a></li><li><a href="#" hreflang="pl" lang="pl"><img alt="Polski" height="32" src="assets/vlajky/pl.svg" width="32"/></a></li><li><a href="#" hreflang="de" lang="de"><img alt="Deutsch" height="32" src="assets/vlajky/de.svg" width="32"/></a></li></ul>
</div></div></header>
```

### Boční menu

Panel s menu, který na telefonu vyjede zprava. Třídy: `panel`, `panel__x`, `panel__nav`, `flags`, `panel__legal`.

```html
<div aria-hidden="true" class="panel" id="panel">
<button aria-label="Zavřít menu" class="panel__x" type="button"><span aria-hidden="true" class="burger__lines"><span></span><span></span><span></span></span></button>
<nav aria-label="Menu" class="panel__nav">
<ul>
<li><a href="#">Výhody</a></li>
<li><a href="#">Jak to funguje</a></li>
<li><a href="#">Ceník</a></li>
<li><a href="#">Časté dotazy</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">+420 608 463 563</a></li>
</ul>
<ul class="flags"><li><a href="#" hreflang="cs" lang="cs"><img alt="Čeština" height="32" src="assets/vlajky/cs.svg" width="32"/></a></li><li><a href="#" hreflang="en" lang="en"><img alt="English" height="32" src="assets/vlajky/en.svg" width="32"/></a></li><li><a href="#" hreflang="pl" lang="pl"><img alt="Polski" height="32" src="assets/vlajky/pl.svg" width="32"/></a></li><li><a href="#" hreflang="de" lang="de"><img alt="Deutsch" height="32" src="assets/vlajky/de.svg" width="32"/></a></li></ul>
</nav>
<ul class="panel__legal">
<li><a href="#">Osobní údaje</a></li>
<li><a href="#">Provozní řád</a></li>
</ul>
</div>
```

### Patička

Patička s logem, kontaktem, menu a drobným textem. Třídy: `ftr`, `ftr__cols`, `ftr__kontakt`, `ftr__menu`, `ftr__bottom`, `ftr__info`.

```html
<footer class="ftr">
<div class="wrap ftr__cols">
<p class="ftr__logo"><a href="#"><img alt="Parkoviště Mikulov" height="61" src="assets/logo.svg" width="250"/></a></p>
<div class="ftr__kontakt">
<h2><a href="#">+420 608 463 563</a></h2>
<p><a href="#">info@parkovistemikulov.cz</a><br/><a href="#" rel="noopener" target="_blank">Purkyňova 316/14</a><br/>(vjezd z ul. Komenského)</p>
</div>
<ul class="ftr__menu">
<li><a href="#">Výhody</a></li>
<li><a href="#">Jak to funguje</a></li>
<li><a href="#">Ceník</a></li>
<li><a href="#">Časté dotazy</a></li>
<li><a href="#">Provozní řád</a></li>
<li><a href="#">Osobní údaje</a></li>
</ul>
</div>
<div class="wrap ftr__bottom">
<p class="ftr__info">Parkoviště se nachází v městské zóně, proto je nutné dodržovat NOČNÍ KLID mezi 22-6 hod. Při hrubém porušení budete vyzváni k okamžitému opuštění parkoviště bez náhrady za parkovné a nutnému uhrazení pokuty vyměřené příslušným správním orgánem! Při nezaplacení parkovného bude přivolána Policie ČR a neoprávněně zaparkovaná vozidla budou na náklady jejich majitelů odtažena!</p>
<p class="ftr__copy"><span data-rok="">2026</span> © VINOCO s.r.o., IČO: 22063927, <span class="ftr__credit">design <a href="#" rel="noopener" target="_blank">KACER STUDIO</a></span></p>
</div>
</footer>
```

## Komponenty: Úvod

### Úvod s fotkou

Úvod stránky s nadpisem, adresou, tlačítkem, odrážkami a fotkou. Třídy: `hero`, `hero__in`, `hero__adr`, `hero__btn`, `checks`.

```html
<main id="obsah"><section class="hero">
<div class="wrap hero__in">
<div class="hero__text">
<h1>Pohodlné parkování v centru Mikulova</h1>
<p class="hero__adr"><a href="#" rel="noopener" target="_blank"><strong>Purkyňova 316/14</strong></a> (vjezd z ul. Komenského)</p>
<p class="hero__btn"><a class="btn" href="#">Ceník parkovného</a></p>
<ul class="checks">
<li><strong>Monitorované parkoviště</strong> – <strong>otevřené 24/7</strong>, vhodné pro krátkodobé i běžné denní parkování</li>
<li><strong>Sektor 2 – monitorované parkoviště ideální pro dlouhodobé parkování</strong> s vyšším zabezpečením a možností uzamčení sektoru po telefonické dohodě.</li>
<li>Jen 3 minuty chůze od náměstí v Mikulově</li>
</ul>
</div>
<img alt="Pohodlné parkování v centru Mikulova" class="hero__img" fetchpriority="high" height="509" src="assets/foto/parkoviste-mikulov-foto-01.webp" width="777"/>
</div>
</section></main>
```

## Komponenty: Prvky

### Tlačítka

Plné modré a bílé tlačítko pro modrý podklad. Třídy: `btn`, `btn--bila`. Odkaz v textu `lnk`.

```html
<div style="display:flex;flex-wrap:wrap;gap:20px;align-items:center;padding:24px"><a class="btn" href="#">Ceník parkovného</a><span style="background:#0000ff;padding:24px;display:inline-block"><a class="btn btn--bila" href="#">Zobrazit na mapě</a></span><a class="lnk" href="#">info@parkovistemikulov.cz</a></div>
```

## Komponenty: Sekce

### Výhody s ikonami

Šest výhod s ikonou a krátkým popisem, vycentrované. Třídy: `perks`, `perks__list`.

```html
<main id="obsah"><section class="perks" id="vyhody">
<div class="wrap">
<h2>Proč zaparkovat u nás</h2>
<ul class="perks__list">
<li><img alt="Parkoviště nonstop v Mikulově" height="70" src="assets/ikony/ikona-nonstop-1.svg" width="70"/><p><strong>Otevřeno</strong><br/>24/7</p></li>
<li><img alt="Bezpečné parkování v Mikulově" height="70" src="assets/ikony/ikona-kamera-1.svg" width="70"/><p><strong>Monitorováno</strong><br/>kamerami</p></li>
<li><img alt="Wi-Fi na parkovišti v Mikulově" height="70" src="assets/ikony/ikona-wifi.svg" width="70"/><p><strong>Wi-Fi</strong><br/>zdarma</p></li>
<li><img alt="Toalety na parkovišti v Mikulově" height="70" src="assets/ikony/ikona-toalety.svg" width="70"/><p><strong>WC</strong><br/>pro návštěvníky</p></li>
<li><img alt="Elektrická přípojka na parkovišti v Mikulově" height="70" src="assets/ikony/ikona-elektrina.svg" width="70"/><p><strong>El. přípojka</strong><br/>po dohodě</p></li>
<li><img alt="LPG / CNG v Mikulově" height="70" src="assets/ikony/ikona-lpg-cng-1.svg" width="70"/><p><strong>LPG/CNG</strong><br/>povoleny</p></li>
</ul>
</div>
</section></main>
```

### Foto s textem na světlém

Dva sloupce, fotka a text, na ledově světlém podkladu. Třídy: `okoli`, `okoli__in`, `okoli__text`.

```html
<main id="obsah"><section class="okoli">
<div class="wrap okoli__in">
<img alt="Pohodlné parkování v centru Mikulova" height="576" src="assets/foto/parkoviste-mikulov-foto-02.webp" width="806"/>
<div class="okoli__text">
<h2>Zaparkujte v centru Mikulova a objevujte krásy okolí</h2>
<p>Přijeďte na kolo nebo za pěší turistikou, památkami a nádhernou přírodou Mikulovska a Pálavy. <strong>Užijte si dovolenou, kterou také můžete spojit s příjemným posezením a degustací vína.</strong></p>
</div>
</div>
</section></main>
```

### Jak to funguje

Tři kroky s velkou ilustrací, číslovaný seznam. Třídy: `steps`, `steps__list`.

```html
<main id="obsah"><section class="steps" id="jaktofunguje">
<div class="wrap">
<h2>Jak to funguje</h2>
<ol class="steps__list">
<li><img alt="Jak funguje Parkoviště Mikulov" height="180" src="assets/ikony/jak-to-funguje-01.svg" width="180"/><h3>Přijeď do Mikulova</h3><p>Vjezd na parkoviště je z hlavní <a href="#" rel="noopener" target="_blank">ulice Komenského</a>.</p></li>
<li><img alt="Jak funguje Parkoviště Mikulov" height="201" src="assets/ikony/jak-to-funguje-02.svg" width="180"/><h3>Pohodlně zaplať</h3><p>Zaplatit můžete pomocí QR kódu, bankovním převodem nebo po tel. domluvě v hotovosti (CZK/EUR).</p></li>
<li><img alt="Jak funguje Parkoviště Mikulov" height="180" src="assets/ikony/jak-to-funguje-03.svg" width="180"/><h3>Parkuj bez starostí</h3><p>Vaše auto, motocykl nebo obytný vůz u nás můžete parkovat i dlouhodobě.</p></li>
</ol>
</div>
</section></main>
```

### Časté dotazy

Fotka a rozbalovací otázky s modrým plusem. Třídy: `faq`, `faq__in`, `faq__list`, `toggles`, `toggle__in`.

```html
<main id="obsah"><section class="faq" id="dotazy">
<div class="wrap">
<h2>Časté dotazy</h2>
<div class="faq__in">
<img alt="Časté dotazy parkování v centru Mikulova" height="541" src="assets/foto/parkoviste-mikulov-foto-03.webp" width="809"/>
<div class="faq__list toggles">
<details><summary><h3>Jak mohu zaplatit a musím si parkování předem rezervovat?</h3></summary><div class="toggle__in"><p>Platbu za parkování lze provést pohodlně <strong>pomocí QR kódů uvedených v ceníku na místě, bankovním převodem na uvedené číslo účtu, případně aplikací Revolut nebo po telefonické domluvě přijímáme i platbu v hotovosti (CZK/EUR).</strong> Předchozí rezervace parkovacího místa není nutná.</p></div></details>
<details><summary><h3>Jaká je maximální povolená délka a výška vozidla?</h3></summary><div class="toggle__in"><p><strong>Maximální povolená délka vozidla je 5 metrů.</strong> Po předchozí domluvě je možné zaparkovat i delší vozidlo. <strong>Výška vozidla není omezena</strong>, protože se jedná o venkovní parkoviště. <strong>Přívěsy a karavany zde parkovat nelze.</strong> Výjimkou jsou dodávky a obytné vozy.</p></div></details>
<details><summary><h3>Jakou máte otevírací dobu?</h3></summary><div class="toggle__in"><p><strong>Parkoviště je v provozu nepřetržitě</strong>, 24 hodin denně, 7 dní v týdnu včetně víkendů a státních svátků.</p></div></details>
<details><summary><h3>Jak se k vám dostanu?</h3></summary><div class="toggle__in"><p><strong>Parkoviště se nachází v centru Mikulova na adrese <a href="#" rel="noopener" target="_blank">Purkyňova 316/14</a> (vjezd z ul. Komenského), Mikulov.</strong> Příjezdové trasy jsou označeny dopravním značením „Parking Mikulov“.</p></div></details>
<details><summary><h3>Jsou zaparkovaná vozidla střežena?</h3></summary><div class="toggle__in"><p><strong>Parkoviště není střežené ani hlídané.</strong> Vozidla jsou zde parkována na vlastní odpovědnost řidiče. <strong>Parkoviště je však monitorováno kamerovým systémem se záznamem</strong> pro účely ochrany majetku provozovatele a bezpečnosti provozu a osob na parkovišti.</p></div></details>
<details><summary><h3>Mohou u vás parkovat vozidla LPG nebo CNG?</h3></summary><div class="toggle__in"><p>Ano, na našem parkovišti <strong>mohou parkovat i vozidla poháněná LPG nebo CNG</strong>.</p></div></details>
</div>
</div>
</div>
</section></main>
```

### Závěrečná výzva

Modrý pás s bílým nadpisem a bílým tlačítkem. Třídy: `cta`, `btn--bila`.

```html
<main id="obsah"><section class="cta" id="kontakt">
<div class="wrap">
<h2>Parkujte pohodlně a bezpečně v centru Mikulova</h2>
<a class="btn btn--bila" href="#" rel="noopener" target="_blank">Zobrazit na mapě</a>
</div>
</section></main>
```

## Komponenty: Ceník

### Ceník

Tři karty s fotkou, číslem v kuželu a cenami po dobách, na světlém podkladu. Třídy: `cenik`, `cenik__cards`, `karta`, `karta__cislo`, `karta__ceny`.

```html
<main id="obsah"><section class="cenik" id="cenik"><div class="wrap"><div class="cenik__cards">
<article class="karta">
<span class="karta__cislo">1</span>
<img alt="Motocykl" height="348" src="assets/foto/cenik-motocykl.webp" width="600"/>
<h3>Motocykl</h3>
<dl class="karta__ceny">
<dt>2 hod.</dt><dd>80 Kč</dd>
<dt>4 hod.</dt><dd>160 Kč</dd>
<dt>8 hod.</dt><dd>300 Kč</dd>
<dt>24 hod.</dt><dd>400 Kč</dd>
<dt>24+ hod.</dt><dd><a href="#"><img alt="Telefon / WhatsApp" height="22" src="assets/ikony/ikona-whatsapp.svg" width="22"/></a></dd>
</dl>
</article>
<article class="karta">
<span class="karta__cislo">2</span>
<img alt="Osobní automobil" height="348" src="assets/foto/cenik-automobil.webp" width="600"/>
<h3>Osobní automobil</h3>
<dl class="karta__ceny">
<dt>2 hod.</dt><dd>80 Kč</dd>
<dt>4 hod.</dt><dd>160 Kč</dd>
<dt>8 hod.</dt><dd>300 Kč</dd>
<dt>24 hod.</dt><dd>400 Kč</dd>
<dt>24+ hod.</dt><dd><a href="#"><img alt="Telefon / WhatsApp" height="22" src="assets/ikony/ikona-whatsapp.svg" width="22"/></a></dd>
</dl>
</article>
<article class="karta">
<span class="karta__cislo">3</span>
<img alt="Dodávka / Obytný vůz" height="348" src="assets/foto/cenik-obytny-vuz.webp" width="600"/>
<h3>Dodávka / Obytný vůz</h3>
<dl class="karta__ceny">
<dt>2 hod.</dt><dd>130 Kč</dd>
<dt>4 hod.</dt><dd>250 Kč</dd>
<dt>8 hod.</dt><dd>450 Kč</dd>
<dt>24 hod.</dt><dd>590 Kč</dd>
<dt>24+ hod.</dt><dd><a href="#"><img alt="Telefon / WhatsApp" height="22" src="assets/ikony/ikona-whatsapp.svg" width="22"/></a></dd>
</dl>
</article>
</div></div></section></main>
```

### Dlouhodobé parkování

Vycentrovaný blok s přípojkou, ikonou, telefonem a poznámkou. Třídy: `cenik__dlouhodobe`, `cenik__pripojka`, `dlouhodobe`, `cenik__tel`, `cenik__pozn`.

```html
<main id="obsah"><section class="cenik" id="cenik"><div class="wrap cenik__dlouhodobe">
<p class="cenik__pripojka h4">Přípojka elektrické energie (po telefonické domluvě) – 300 Kč / 24 hod.</p>
<div class="dlouhodobe" id="dlouhodobe-parkovani">
<img alt="Dlouhodobé parkování v Mikulově" height="60" src="assets/ikony/ikona-dlouhodobe-parkovani.svg" width="60"/>
<h3 class="h4">DLOUHODOBÉ PARKOVÁNÍ</h3>
<p>V případě vašeho zájmu o dlouhodobé parkování nás kontaktujte telefonicky nebo přes WhatsApp.</p>
<p class="cenik__tel h1"><a href="#"><span>+420 608</span> <span>463 563</span></a></p>
<p class="cenik__kontakt"><a href="#">info@parkovistemikulov.cz</a><br/><a href="#" rel="noopener" target="_blank">Purkyňova 316/14</a><br/>(vjezd z ul. Komenského)</p>
<p class="cenik__pozn">Uvedené ceny jsou platné od 16. května 2025.<br/>Nejsme plátci DPH.</p>
</div>
</div></section></main>
```

## Komponenty: Obsah

### Dokument s číslováním

Dlouhý právní text s číslovanými body v modrých kruzích. Třídy: `doc`, `cisla`.

```html
<main id="obsah"><section class="doc">
<div class="wrap">
<h1>Provozní řád Parkoviště Mikulov</h1>
<ol class="cisla">
<li>Tento provozní řád upravuje vzájemné vztahy mezi <strong>provozovatelem Parkoviště (dále jen „pronajímatel“)</strong> a <strong>mezi majiteli nebo uživateli (řidiči) silničních motorových vozidel</strong>, kteří se rozhodnou využít Parkoviště pro zaparkování vozidla (dále jen „nájemci“).</li>
<li>Provozovatelem parkoviště, tj. pronajímatelem, je společnost <strong>VINOCO s.r.o.</strong>, se sídlem Purkyňova 12, Mikulov 692 01, IČO: 22063927.</li>
<li>Parkování vozidel na parkovišti je povoleno jen na základě nájemního vztahu, resp. nájemní smlouvy uzavřené mezi pronajímatelem a nájemcem. Nájemní vztah vzniká viz bod č. 5.</li>
<li>Nájemce má po ukončení zaplacené parkovací doby možnost do 10 min. od ukončení opustit Parkoviště bezplatně. Pokud tak neučiní, musí si prodloužit parkovací dobu o další časový interval a neprodleně ho uhradit. Pokud tak neučiní a bude neoprávněně užívat prostor nájmu bez řádného uhrazení parkovací doby, může být jeho vozidlu omezen výjezd z Parkoviště anebo bude zavolána odtahová služba, kterou musí uhradit na své náklady a bude obeznámena Policie ČR, neboť bude neoprávněně užívat cizí majetek a pro umožnění výjezdu vozidla z Parkoviště se bude muset prokázat, že je řádným majitelem anebo provozovatelem tohoto vozidla.</li>
<li>Dokladem o uzavření nájemní smlouvy je zaplacení parkovací doby přes uvedený QR kód na tabuli s ceníkem nebo z parkovacího lístku vydaného automatem anebo převodem na uvedené číslo účtu Pronajímatele s vložením SPZ vozidla v účelu platby. Pokud nebude mít automat technickou poruchu a vydá parkovací lístek, je nájemce povinen jej umístit viditelně na palubní desce vozidla anebo na jiném místě, ale tak, aby byl parkovací lístek identifikovatelný. Pokud dojde k technické poruše automatu, je nájemce ve svém zájmu povinen tuto poruchu neprodleně telefonicky oznámit Pronajímateli na uvedené telefonní číslo na tabuli s ceníkem. Potom mu postačí zaslání kopie platby na uvedené telefonní číslo Pronajímatele buď zasláním MMS nebo přes WhatsApp.</li>
<li>Při ztrátě parkovacího lístku je nájemce povinen zaplatit jednorázovou částku ve výši 500 Kč.</li>
<li>Majitel motorového vozidla, který neprokáže úhradu parkovného a nadále ponechá své vozidlo na parkovišti, se dopouští neoprávněného užívání cizí věci a majetku. V takovém případě bude vyzván k úhradě peněžní pokuty ve výši 2 000 Kč. Pokud nebude pokuta uhrazena, bude přivolána Policie České republiky a o přestupku bude sepsán protokol, který může být dále řešen soudní cestou.</li>
<li>Parkoviště slouží pouze pro parkování osobních motorových vozidel o hmotnosti do 3,5 t. Motorová vozidla o hmotnosti nad 3,5 t zde mohou zaparkovat pouze po předchozí telefonické dohodě s pronajímatelem Parkoviště.</li>
<li>Parkoviště slouží i pro dlouhodobé parkování vozidel. Při delší době než 8 dní je nutný souhlas pronajímatele.</li>
<li>Parkující vozidla nejsou hlídaná a v souvislosti s nájmem parkovací plochy na parkovišti tedy pronajímatel neposkytuje nájemci žádnou ostrahu vozidla ani věcí v něm umístěných.</li>
<li>Pronajímatel nezodpovídá nájemcům za poškození motorových vozidel na parkovišti způsobené třetími osobami anebo za jejich odcizení, stejně tak pronajímatel nenese odpovědnost za poškození nebo odcizení příslušenství, vybavení nebo jiných součástí vozidla, anebo jiných věcí v předmětném vozidle uložených. Pronajímatel má pro tyto případy rozmístěné na parkovišti kamerové systémy a pokud to bude možné, poskytne uložené záběry z kamerového systému majiteli poškozeného vozidla.</li>
<li>Nájemci a jiné osoby pohybující se v prostorách Parkoviště jsou povinni:
        <ol class="cisla">
<li>Dbát zvýšené opatrnosti při jízdě a při průchodu Parkovištěm a chovat se ohleduplně.</li>
<li>K ostatním uživatelům Parkoviště, zejména neblokovat ani nepoškozovat svým vozidlem žádná zaparkovaná vozidla ostatních nájemců apod.</li>
<li>Řídit se značením na parkovišti a dodržovat maximální povolenou rychlost jízdy na parkovišti 10 km/hod.</li>
<li>Parkovat vozidlo na parkovišti vždy pouze tak, aby v případě zaparkování vozidla.</li>
<li>Na konkrétní parkovací místo z obou stran byl dostatek prostoru pro otevření dveří.</li>
<li>Na vedlejších parkovacích místech.</li>
<li>Před opuštěním vozidlo řádně zajistit proti pohybu a uzamknout vozidlo.</li>
<li>Dodržovat přísný zákaz manipulace s otevřeným ohněm, pohonnými hmotami a jinými hořlavými látkami na parkovišti.</li>
<li>Nepoužívat na parkovišti alkoholické a jiné omamné látky.</li>
<li>Oznámit pronajímateli vznik škody na vozidle nájemce či jiného parkujícího nebo vznik škody na majetku pronajímatele.</li>
<li>Dodržovat zákaz oprav, údržby a mytí vozidel v prostorách Parkoviště.</li>
<li>Udržovat na Parkovišti čistotu a pořádek.</li>
<li>Dodržovat zákaz vjezdu a parkování přívěsných vozíků, karavanů a reklamních vozidel.</li>
<li>Na Parkovišti. Výjimky jsou možné po předchozím schválení pronajímatelem Parkoviště.</li>
<li>Dodržovat zákaz vstupu na Parkoviště podnapilým či jinak intoxikovaným osobám.</li>
<li>Přísné dodržování nočního klidu od 22 hod. do 6 hod. ranní. Hrubé porušení může vést k okamžitému vypovězení z Parkoviště bez náhrady na již uhrazenou dobu parkování.</li>
</ol>
</li>
</ol>
</div>
</section></main>
```

### Chyba 404

Stránka bez hlavičky s ilustrací, textem a odkazy. Třídy: `e404`, `e404__in`, `e404__text`, `e404__links`.

```html
<main id="obsah"><section class="e404">
<div class="wrap e404__in">
<div class="e404__text">
<h1>Vypadá to, že to, co jste hledali, už jsme stáhli z nabídky</h1>
<p>Ale můžete zkusit některý z odkazů:</p>
<div class="e404__links">
<ul>
<li><a href="#">Výhody</a></li>
<li><a href="#">Jak to funguje</a></li>
<li><a href="#">Ceník</a></li>
<li><a href="#">Časté dotazy</a></li>
<li><a href="#">Kontakt</a></li>
</ul>
<ul>
<li><a href="#">Osobní údaje</a></li>
<li><a href="#">Provozní řád</a></li>
</ul>
</div>
</div>
<img alt="" height="400" src="assets/ikony/404.svg" width="400"/>
</div>
</section></main>
```

## Stránky

- Úvod: https://www.parkovistemikulov.cz/
- Provozní řád: https://www.parkovistemikulov.cz/provozni-rad
- Osobní údaje: https://www.parkovistemikulov.cz/osobni-udaje
- English: https://www.parkovistemikulov.cz/en/
- Polski: https://www.parkovistemikulov.cz/pl/
- Deutsch: https://www.parkovistemikulov.cz/de/
