WebForDog - Rozcestník

Vyberte si projekt

Homepage

Hlavní stránka webu

HTML: pages/homepage/homepage.html
CSS: pages/homepage/homepage.css

Zobrazit

Vyhledat stanici

Stránka s vyhledáváním stanic - maticový výpis s filtry

HTML: pages/vyhledat-stanici/vyhledat-stanici.html
CSS: pages/vyhledat-stanici/vyhledat-stanici.css

Zobrazit

Štěňata

Stránka s vyhledáváním štěňat - maticový výpis s filtry

HTML: pages/stenata/stenata.html
CSS: pages/stenata/stenata.css

Zobrazit

Chovní jedinci

Stránka s vyhledáváním chovných psů a fen - maticový výpis s filtry

HTML: pages/chovni-jedinci/chovni-jedinci.html
CSS: pages/chovni-jedinci/chovni-jedinci.css

Zobrazit

Plánované vrhy

Stránka s přehledem plánovaných vrhů - maticový výpis s filtry

HTML: pages/planovane-vrhy/planovane-vrhy.html
CSS: pages/planovane-vrhy/planovane-vrhy.css

Zobrazit

Přihlášení

Přihlašovací stránka pro uživatele

HTML: pages/prihlaseni/prihlaseni.html
CSS: pages/prihlaseni/prihlaseni.css

Zobrazit

Články

Stránka s výpisem článků - horizontální karty s filtry

HTML: pages/clanky/clanky.html
CSS: pages/clanky/clanky.css

Zobrazit

Detail stanice

Podstránky profilu chovatelské stanice

O nás

Stránka detailu chovatelské stanice

HTML: pages/detail-stanice/detail-stanice.html
CSS: pages/detail-stanice/detail-stanice.css

Zobrazit

Naši chovní psi

Přehled chovných psů a fen podle plemen

HTML: pages/chovni-psi/chovni-psi.html
CSS: pages/chovni-psi/chovni-psi.css

Zobrazit

Detail psa/feny

Kompletní detail konkrétního chovného psa nebo feny

PHP: detail-pes.php
HTML: pages/detail-stanice/detail-pes.html
CSS: pages/detail-stanice/detail-pes.css

Zobrazit

Odchovy

Přehled odchovů - aktuální, plánované vrhy a historie

PHP: pages/odchovy/odchovy.php
CSS: pages/odchovy/odchovy.css

Zobrazit

Detail vrhu

Kompletní detail konkrétního vrhu - štěňata, rodiče, info

PHP: detail-vrhu.php
HTML: pages/detail-vrhu/detail-vrhu.html
CSS: pages/detail-vrhu/detail-vrhu.css

Zobrazit

Recenze

Stránka s recenzemi chovatelské stanice

HTML: pages/recenze/recenze.html
CSS: pages/recenze/recenze.css

Zobrazit

Galerie

Fotogalerie chovatelské stanice s filtry a lightboxem

PHP: pages/galerie/galerie.php
CSS: pages/galerie/galerie.css

Zobrazit

Novinky

Novinky a aktuality chovatelské stanice - vrhy, výstavy, zdraví

PHP: pages/novinky/novinky.php
CSS: pages/novinky/novinky.css

Zobrazit

Pracovní podklady

Texty, výhody a další obsahové podklady pro projekt

26 výhod pro chovatele

Kompletní seznam výhod "Proč si vybrat naši stanici" - chovatel vybírá 3-6 z nich

PHP: vyhody-chovatele.php

Zobrazit

Můj účet / Dashboard

Uživatelská zóna pro zájemce a chovatele

Můj účet - Zájemce

Dashboard pro zájemce - přehled, zprávy, oblíbené, recenze, nastavení

PHP: muj-ucet.php
CSS: pages/muj-ucet/muj-ucet.css

Zobrazit

Zprávy - Messenger

Interní komunikace mezi zájemci a chovateli - seznam konverzací, chat

PHP: muj-ucet-zpravy.php
CSS: pages/muj-ucet/muj-ucet-zpravy.css

Zobrazit

Účet chovatele - Dashboard

Profi dashboard pro chovatele - nástěnka, evidence psů, vrhy, inzerce, statistiky

PHP: ucet-chovatele.php
CSS: pages/ucet-chovatele/ucet-chovatele.css

Zobrazit

Formuláře

Registrace, přihlášení a další formuláře

Registrace / Přihlášení (Popup)

Jednotná vstupní brána - Apple, Google, Facebook, e-mail + výběr role

HTML: pages/registrace/auth-popup.html
CSS: pages/registrace/auth-popup.css

Zobrazit

Registrace stanice (Wizard) - STARÁ VERZE

Vícekrokový wizard pro registraci chovatelské stanice - základní info, o nás, plemena, výhody, kontakt

HTML: pages/registrace-stanice/registrace-stanice.html
CSS: pages/registrace-stanice/registrace-stanice.css

Zobrazit

Registrace stanice V2 (3 kroky) - NOVÁ

Zjednodušený 3-krokový wizard: Stanice → Plemena → Výhody. Mobile-first, rychlá registrace.

HTML: pages/registrace-stanice/registrace-stanice-v2.html
CSS: pages/registrace-stanice/registrace-stanice-v2.css

Zobrazit

Komponenty

Znovupoužitelné UI komponenty napříč webem

Confirm Dialog

Potvrzovací dialog pro mazání, odhlášení apod. Mobile-first, animovaný.

CSS: components/confirm-dialog/confirm-dialog.css
JS: components/confirm-dialog/confirm-dialog.js
Dokumentace: components/confirm-dialog/confirm-dialog.html
Použití: confirmRemoveFavorite(), confirmDelete(), confirmLogout()

Ukázka

Toast Notifikace

Status hláška - úspěch, chyba, info, varování, neutrální. Automaticky zmizí po 4s, lze zavřít křížkem.

CSS: components/toast/toast.css
JS: components/toast/toast.js
Dokumentace: components/toast/toast.html
Použití: Toast.success(), Toast.error(), Toast.info(), Toast.warning(), Toast.neutral()

Ukázka

Design System

Dokumentace a mustry pro konzistentní design

Mustr Badges (Štítky)

Přehled všech barev štítků v projektu + návrh jednotného systému

HTML: pages/detail-vrhu/badge-mustr.html

Zobrazit

Šablony

Zdrojové šablony pro nové stránky

Kontejner

Demo: Zdravotní testy - Sticky tabulka

Ukázka tabulky se sticky prvním sloupcem (mobil+tablet), bez sticky na PC

Zobrazit