Vaření online Šablona HTML

Vycentrovaná kuchařská galerie připravená pro statické stránky

Nadpis „Naučte se vařit online“ dodává sekci jasné téma a doprovodný odstavec poskytuje úvodní kontext ještě před začátkem vizuálního obsahu. Pod ním jsou v jedné vodorovné řadě s úzkými rozestupy umístěny tři vysoké obrazové dlaždice, které vytvářejí kompaktní galerii schopnou předat kuchařské téma bez nutnosti dlouhého bloku textu. HTML poskytuje dva snímky karuselu se třemi obrázky na každém z nich, takže připravená sekce může prostřednictvím stávající navigace nabídnout více vizuálního materiálu.

Ovládací prvky zpět a vpřed určují způsob procházení skupin obrázků, zatímco chování lightboxu nabízí bližší pohled na jednotlivé snímky v galerii. Viditelný náhled a kód HTML sice zachycují odlišný aktivní obsah obrázků, ale oba zdroje podporují stejnou opakovaně použitelnou strukturu: kuchařskou galerii se třemi dlaždicemi a karuselovou interakcí. Tlačítko „Číst dál“ pod obrázky otevírá samostatnou cestu k dalším informacím, takže galerie slouží k vizuálnímu objevování, aniž by musela obsahovat veškeré podrobnosti.

Ve statické HTML stránce může tento blok fungovat jako hotová sekce kuchařské galerie umístěná mezi ostatními oblastmi obsahu. Zastřešující stránka může poskytnout širší navigaci i celkový kontext, zatímco tato sekce přináší vlastní nadpis, sekvenci obrázků, ovládací prvky, prohlížení v lightboxu i navazující akci. Díky svému definovanému uspořádání ji lze použít bez nutnosti vytvářet základní rozvržení galerie od začátku.