Projekt · HTML, CSS a trocha JavaScriptu
Neon Noc.
Web vymyšleného hudebního festivalu od prázdného souboru po hotovou stránku. Hero se zářícím nápisem, line-up, program, otázky a formulář na vstupenky. Na telefonu i na desktopu.
01
Jak na to
S učitelem, krok za krokem →
31 kroků v 11 kapitolách: kostra, vzhled, hlavička, hero, line-up, program, formulář, pohyb, responzivita, JavaScript a rozdělení do souborů.
Samostatně, podle zadání ↓
Stáhněte startovní soubory (prázdné
index.html, style.css, script.js a obrázky) a postavte web podle zadání níže. Postup si otevřete, až když se zaseknete.
02
Zadání
Stránka je hotová, když splňuje všechno z tohohle seznamu.
- hlavička s logem a menu, které vede na jednotlivé sekce
- hero přes celou výšku okna: datum, název festivalu, jedna věta, odpočet a tlačítko
- line-up: aspoň 6 karet s obrázkem, jménem a žánrem v gridu
- program v tabulce, která na telefonu jde posouvat do strany
- aspoň 4 rozbalovací otázky
- formulář na vstupenky: jméno, e-mail a typ vstupenky
- barvy v CSS proměnných, žádná barva napsaná dvakrát
- hover efekt na kartách a tlačítku
- funguje na telefonu i na desktopu (mobile first)
- bonus: odpočet dní a poděkování po odeslání formuláře v JavaScriptu
03
Co využijete
Lekce, ke kterým se vyplatí vrátit.