Porovnejte příklady Šablona HTML

Dvě galerie projektů tvoří ucelenou statickou prezentaci

Návrh již obsahuje klíčové obsahové vazby potřebné pro samostatnou stránku portfolia. Modrý úvod přináší sdělení zaměřené na projekty a umisťuje tlačítko „Kontaktujte nás“ ještě předtím, než se návštěvníci dostanou k vizuálním ukázkám prací. První galerie následně nabízí devět obrázků projektů, což stránce okamžitě dodává dostatek reprezentativních příkladů, aniž by statické nasazení záviselo na pozdějším doplňování obsahu. Tři karty referencí v tmavé sekci přidávají další úroveň důvěryhodnosti podloženou zkušenostmi klientů.

Druhá galerie s šesti obrázky rozšiřuje přehlídku prací bez nutnosti vytvářet další stránku pro jejich vysvětlení. Vzhledem k tomu, že obě kolekce využívají sjednocené rozvržení snímků a vystředěné nadpisy, působí jako sladěné části téhož statického dokumentu. Kontaktní sekce pak shromažďuje představení organizace, e-mailovou adresu, telefonní číslo, odkazy na sociální sítě a portrétní fotografii do závěrečného informačního bloku. Hlavní i mobilní navigace rámují stránku již od záhlaví, zatímco zápatí obstarává finální zakončení. Výsledkem je víc než pouhý vizuální fragment: jde o kompletní uspořádání obsahu pro statickou HTML stránku portfolia, kde jsou úvod, ukázky, reference, kontaktní spojení i podpůrné prvky webu provázány v jediné přirozené návaznosti.