Úvod stránky s nadpisem, adresou, tlačítkem, odrážkami a fotkou. Třídy: hero, hero__in, hero__adr, hero__btn, checks.
HTML kód
<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>
Prvky
Tlačítka
Plné modré a bílé tlačítko pro modrý podklad. Třídy: btn, btn--bila. Odkaz v textu lnk.
Šest výhod s ikonou a krátkým popisem, vycentrované. Třídy: perks, perks__list.
HTML kód
<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 kód
<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 kód
<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>
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.
Vycentrovaný blok s přípojkou, ikonou, telefonem a poznámkou. Třídy: cenik__dlouhodobe, cenik__pripojka, dlouhodobe, cenik__tel, cenik__pozn.
HTML kód
<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>
Sekce
Časté dotazy
Fotka a rozbalovací otázky s modrým plusem. Třídy: faq, faq__in, faq__list, toggles, toggle__in.
HTML kód
<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 kód
<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>
Obsah
Dokument s číslováním
Dlouhý právní text s číslovanými body v modrých kruzích. Třídy: doc, cisla.
HTML kód
<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 kód
<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>
