Všechny prezentované šablony pro jejich stránky jsou postaveny na moderních verzích HTML5 a CSS3. Autoři navíc využívají takové trendy funkce, jako je plochý design, responzivní design, adaptivní rozvržení, posuvníky jQuery, animace CSS3 atd. To znamená, že pokud hledáte šablonu mobilního webu, můžete si vybrat kteroukoli z prezentovaných. Krásné html5 šablony 2017, sice zdarma, ale podívejte se na prémiovou úroveň.

Zde najdete přes 50 bezplatných vysoce kvalitních šablon responzivních webových stránek HTML5 a CSS3, které lze použít jak pro nové webové stránky, tak pro redesigny stávajících. Stylové šablony webových stránek html5- to je to, co potřebujete!

Aktualizováno 3. 12. 2019: Od doby, kdy byl článek napsán před 2 lety, bylo mnoho odkazů přerušeno. Buď se majitelé šablon sloučili, nebo se změnil stav šablon z bezplatných na placené, nebo vše podělali mimozemšťané. Prosba na vás, milí čtenáři, pokud takový odkaz najdete, hoďte ho do komentářů, opravím.

1. Snow – bezplatná šablona vstupní stránky HTML5 a CSS3

Šablona vstupní stránky Snow html5 css3 je postavena na frameworku Bootstrap. Šablona je velmi stylová a cool! Pevné pozadí a obrovský Jumbotron je věc, která ukazuje hlavní obsah webu. A co je na vstupní stránce nejdůležitější? Přesně tak, výzva k akci. Šablona je samozřejmě plně přizpůsobena pro mobilní zařízení. Můžete jej dokonce použít jako základ pro své vlastní šablony.

2. Sima - elegantní šablona komerčních webových stránek

Tato šablona html5 css3 je také postavena na frameworku Bootstrap. Pomocí této šablony si můžete vytvořit unikátní web s portfoliem, svým týmem, cenami, recenzemi a vším, co bude potřeba. Tato šablona je například ideální pro webové stránky úklidových služeb. Animace v této šabloně je plynulá a efektní, fonty jsou čisté a snadno čitelné. Prostě dokonalá šablona!

3. Bílá je skvělá šablona na jednu stránku!

Charakteristickým rysem šablony White website jsou dvě možnosti pozadí nahoře. Můžete si vybrat buď posuvník obrázku nebo pozadí videa. Velmi kvalitní a velkolepá šablona pro web!

4. Platz – Bezplatná šablona webu HTML5 Grid

Moderní, vizuálně přitažlivá šablona webu HTML5 navržená kolem mřížky (přečtěte si více o mřížce). Krásný a responzivní design šablony pro blog nebo web.

5. Mart eCommerce – Krásná šablona webových stránek elektronického obchodu HTML5 a CSS3

Svěží a stylový design šablony webu je nejlepší pro všechny druhy módních webů prodávající boty, oblečení, hodinky, doplňky, sportovní oblečení atd. Dodává se se souborem PSD, který si můžete upravit podle svých potřeb.

6. Nava – velkolepá HTML5 a CSS3 šablona pro kreativní weby

Nava je moderní šablona webových stránek HTML5, kterou primárně používají kreativní profesionálové, kteří chtějí předvést svou práci v celé její kráse. Mnoho variací nastavení šablony vám umožní vytvořit jedinečný web. Lehká, krásná a responzivní šablona webu.

7. Box Portfolio – Unikátní šablona webových stránek kreativní HTML5 a CSS3

Šablona webu Box Portfolio má čistý a moderní minimalistický design. Ideální pro profesionály, kteří chtějí efektivně ukázat svou práci online. Jak název napovídá, šablona webu je ideálně přizpůsobena pro portfolia.

8. Mountain King – Populární a funkční šablona webových stránek HTML5 a CSS3

Téma hor v designu webových stránek je v poslední době velmi populární. Šablona webu Mountain King není výjimkou. Obsahuje 336 vektorových ikon z Typicons. Navíc skvělá CSS3 animace. Šablona je ideální pro cestovatelské a portfoliové weby.

9. Beauty Spa – skvělá šablona webových stránek HTML5 a CSS3 pro lázeňské salony

Beauty Spa je citlivá webová šablona s mnoha funkcemi, ideální pro lázně, zdravotní nebo fitness centra, webové stránky zaměřené na jógu nebo dokonce kadeřnické salony. Výborná čitelnost písma a nevtíravý minimalismus.

10. Bent – ​​Stylová a efektivní vstupní stránka pro webové stránky HTML5 a CSS3

Bent je skvělá bezplatná šablona webových stránek html5 a css3. Responzivní design, CSS3 animace, paralaxní rolování, přizpůsobitelná navigace a další vychytávky. Jedná se o čistý návrh šablony pro weby, které chtějí používat vyvážený design, aby zajistili, že si návštěvníci užijí vzhled a dojem z webu a přitom stále jasně uvidí hlavní obsah.

11. Trojúhelník – bezplatná responzivní víceúčelová šablona HTML5 a CSS3

Triangle je exkluzivní kreativní šablona webu HTML5 a CSS3 speciálně pro ty, kteří chtějí nakopnout svůj skvělý design, aniž by to zhoršili. Šablona má více než 40 předem navržených stránek, které vám umožní přizpůsobit si web podle vašich představ.

12. Future Imperfect – skvělá šablona webu pro kreativní lidi!

Zažijte skutečný pocit potěšení s touto webovou šablonou, ideální pro spisovatele, autory, copywritery a další pracovníky s perem a papírem. Šablonu lze použít i pro osobní blog, blog o cestování, kreativitě atd. Kreativní design a adaptivní rozvržení šablony osloví mnohé.

13. Bodo je skvělá šablona osobních webových stránek

Bodo je krásná šablona webu HTML5 a CSS3, která je ideální pro osobní web. Zejména pro organizaci portfolia. Čistá a ostrá typografie, posuvný posuvník, vyskakovací okna pro předvedení vaší práce a další.

14. Lens je perfektní HTML5 šablona webových stránek pro fotografy

Fotografové vždy hledají dokonalou šablonu pro své stránky, aby předvedli svou práci v celé své kráse, velkolepě a hlavně – ve velkém! Šablona vzácných stránek tyto požadavky splňuje. Lens je jednou z takových šablon webových stránek fotografů.

15. Spectral – Unikátní ručně vytvořená šablona webových stránek HTML5 a CSS3

Pokud hledáte bezplatné šablony webových stránek pro auto, pak by byl Spectral ideálním řešením. Zde je zcela unikátní ručně vytvořený návrh šablony jednostránkového webu. Design lze libovolně měnit. S touto šablonou můžete vytvořit ohromující web na absolutně jakékoli téma, ať už je to působivý cestovatelský blog nebo fotogalerie, automobilový web nebo poskytovatel hostingu.

16. Kyslík – šablona webových stránek HTML5 a CSS3 s jednou stránkou

Oxygen je pohodlná a jedinečná šablona obchodního webu. Moderní plochý design, responzivní rozložení. Tato šablona je například ideální pro web o mobilní aplikace nebo mobilní technologie.

17. Mobirise Bootstrap – dokonalá bezplatná šablona webových stránek HTML5 a CSS3

Pokud hledáte bezplatnou šablonu webových stránek, pak je Mobirise Bootstrap ideálním místem, kde začít. Jedná se o multifunkční šablonu se spoustou doplňků. Pomohou vám s tím tři předpřipravené rozvržení domovské stránky a blogu. Mobirise Bootstrap je také 100% optimalizován pro SEO a reaguje na všechny velikosti obrazovky.

18. La Casa – Krásná a bezplatná šablona webu HTML5 Real Estate

Šablona Brandy je ideální pro uspořádání webu komerčních nemovitostí. Responzivní a velmi krásný design osloví nejen majitele stránek, ale i návštěvníky.

19. Drifolio – Stylová šablona webových stránek portfolia HTML5

Stylová a animovaná šablona webových stránek portfolia HTML5 a CSS3. Čistý design, skvělá typografie, krásné ikony a další.

20. Pluton - jasná a stylová šablona jednostránkového webu

Pluton je jasná a poutavá šablona webu Bootstrap. Moderní šablona webu s jedinečným rozložením jedné stránky a responzivním designem, která je skvělá pro studia, fotografy a kreativní designéry.

21. SquadFree – Profesionální šablona jednostránkového webu HTML5

Šablona SquadFree je ideální pro vytvoření komerčního jednostránkového webu. Šablona vypadá nejen profesionálně, ale také přizpůsobená všem typům obrazovek. Šablona je založena na Bootstrapu.

22. Sublime - hypnotizující šablona webu HTML5 a CSS3

Sublime je čistá a úžasně krásná šablona webových stránek HTML5 a CSS3, která je ideální pro startup, kreativní agenturu nebo web s portfoliem. Responzivní design a dvě možnosti stránky na výběr.

23. Timber - neobvyklá a krásná šablona webu HTML5 a CSS3

Timber je svěží, stylové a neobvyklé téma šablony jednostránkového webu. Úhlopříčka je hlavním designovým prvkem této šablony. Šablona je ideální pro firemní web nebo portfolio. K dispozici je vestavěná galerie, mapa a kontaktní informace, které si můžete snadno přizpůsobit.

24. E-Shopper – nejlepší šablona webových stránek elektronického obchodu

E-Shopper je skvělá šablona webu pro elektronický obchod. Postaveno na vrcholu bootstrapu s úžasnou sadou funkcí pro kompletní a efektivní internetový obchod.

25. Magnetic – bezplatná šablona webových stránek s fotografiemi HTML5 a CSS3

Naprosto ohromující HTML5 a CSS3 šablona pro vytvoření fotografického webu nebo portfolia pro designéra, ilustrátora nebo umělce. Tato šablona posouvá laťku profesionálních šablon na další úroveň! Responzivní design, vynikající podpora pro všechny druhy zobrazovacích zařízení, snadná a pohodlná navigace a mnoho dalšího.

26. Mabur Portfolio – Krásná minimalistická šablona webových stránek HTML5 a CSS3

Plochý design této minimalistické webové šablony je ideální pro vytváření portfolia. V šabloně jsou všechny detaily dokonale ověřeny!

27. Moderní Bootstrap HTML5 – Bezplatná šablona jednostránkového webu

Tento bezplatný one-pager založený na Bootstrapu je ideální pro firemní weby, a to jak pro malé, tak i velké společnosti. Plochý design, responzivní uspořádání, všechny vysoce kvalitní designové prvky. Šablona je dodávána ve 4 různých barvách.

28. Infusion – Stylová šablona jednostránkového webu v HTML5 a CSS3

Infusion je skvělým příkladem šablony webu HTML5 a CSS3, která je speciálně navržena pro vytváření obchodního portfolia. Bohatá funkčnost této šablony umožňuje efektivně pracovat se zákazníky a přitahovat nové.

29. Yebo - šablona firemního webu v HTML5 a CSS3

Tato vysoce kvalitní šablona webových stránek v plochém stylu je ideální pro jakýkoli firemní web. Responzivní design, spousta nastavení a možností úprav.

30. Twenty – Velkolepá šablona webových stránek Parallax HTML5 a CSS3

Tato jedinečná a velmi krásná šablona webových stránek s efektem paralaxy nenechá nikoho lhostejným. Jednostránková šablona je postavena na čistém HTML5 a CSS3 s responzivním rozložením, působivým pozadím, podporou sociálních sítí a dalšími.

31. Urbanic – Skvělá šablona webu pro bootstrap HTML5 a CSS3

Urbanic je svěží a skvělá šablona webových stránek HTML5 a CSS3 postavená na enginu Bootstrap. Perfektní pro okamžité zahájení vytváření vašich stránek bez velkých problémů. Šablona se dokonale přizpůsobí jakékoli velikosti obrazovky.

32. Design Showcase – HTML5 Portfolio Website Template

Vizuálně harmonická a efektivní šablona webu HTML5 pro uspořádání vašeho portfolia. Šablona je dokonale přizpůsobena pro mobilní zařízení, což je u stránek tohoto formátu velmi obtížné.

33. Mamba One - jednoduchá a stylová HTML5 a CSS3 šablona webu

Mamba One je příkladem jednoduché, ale stylové šablony jednostránkového webu. Kompatibilní se všemi moderními prohlížeči a bude se všude adekvátně zobrazovat.

34. KreativePixel – bezplatná šablona webových stránek pro fotografy

Další skvělá šablona webu pro fotografy. Responzivní design a velmi pohodlné třídění fotografií v portfoliích a galeriích osloví nejednoho milovníka fotografie. Šablona také využívá efekt paralaxy, který na diváky zapůsobí i při prohlížení fotografií.

35. Retina Ready Responsive App – bezplatná šablona vstupní stránky HTML5 a CSS3

Jak název napovídá, tato úžasná šablona webu je nejen perfektní pro vstupní stránky, ale také splňuje nové mobilní trendy, zejména pokud jde o přehlednost na zařízeních Retina.

36. Kartáčovaný – Responzivní šablona webových stránek HTML5 a CSS3 poháněná Bootstrapem

Brushed je responzivní bezplatná šablona webových stránek HTML5 a CSS3 založená na enginu Bootstrap. Optimalizováno také pro displeje Retina (iPhone, iPad, iPod touch a Macbook Pro sítnice).

37. Šablona webových stránek Big Picture HTML5 a CSS3

Vítejte v Big Picture! Tato responzivní HTML5 šablona webu je ideální pro všechny kreativní lidi, kteří mají co ukázat a ukázat to na svém webu ve velkém a velkolepém. Šablona navíc používala skvělou animaci.

38. Tesselatte – bezplatná HTML5 & CSS3 responzivní šablona

Jednoduchá jednostránková šablona, ​​která zohledňuje všechny potřebné nástroje k úspěšnému vytvoření webu. Ideální pro osobní blog spisovatele, copywritera a prostě milovníka tištěného slova.

39. Overflow – unikátní HTML5 a CSS3 šablona webu

Tato jedinečná šablona webu s čistým HTML5 a CSS3 je ideální pro každého kreativního člověka. Je plně responzivní a zcela zdarma.

40. Runkeeper - responzivní a velmi krásná šablona webu

Runkeeper je bezplatná, responzivní a velmi krásná šablona webových stránek. Může být použit pro jakýkoli web. Brilantní styl a ostré fonty, responzivní design a působivé detaily šablony. Všechno funguje pro vás!

41. Styl responzivní mřížky Pinball – šablona webových stránek založená na skvělé mřížce

Tato úžasná profesionální šablona webu založená na mřížce je ideální pro firemní web. Moderní plochý design a responzivní struktura šablony se perfektně zobrazí na obrazovkách velkých monitorů a mobilních zařízení.

42. Prologue – Pure HTML5 & CSS3 Single Page Website Template

Tato čistá, jednoduchá a ostrá šablona webu HTML5 a CSS3 je ideální pro vytvoření vstupní stránky. Minimalistický design neodvádí pozornost od toho hlavního. Velkolepý posouvací boční navigační panel a čisté linie stránky jsou prostě dokonalá kombinace!

43. Helios - Moderní šablona webových stránek s čistým HTML5 a CSS3

Další šablona webu ve stylu minimalismu a čistých forem. Speciálně navržený pro využití velkých obrazovek, ale je také dokonale přizpůsoben malým obrazovkám mobilních zařízení.

44. Telephasic – bezplatná a responzivní šablona webových stránek HTML5

Tato moderní, responzivní a zcela bezplatná šablona webu má jednu velkou výhodu – je jednoduchá a výstižná, ale právě to mnohým chybí.

45. Strongly Typeed - velmi krásná semi-retro šablona webu

Nová šablona webu v minimalistickém semi-retro stylu. Prostě retro už není v módě, ale jeho lehký náznak je velmi vítaný. Tato šablona webu je plně responzivní, postavená na čistém HTML5 a CSS3 a obsahuje všechny potřebné základní prvky stránky. Šablona Strongly Typeed je ideální pro kreativní weby. Například pro web o bytových dekoracích.

46. ​​Pruhované – čistá, krásná a funkční šablona webových stránek HTML5 a CSS3

Svěží a čistá, krásná a funkční, nová šablona webu v HTML5 a CSS3. Ve svém arzenálu má všechny potřebné prvky stránky, včetně zdobených citátů, tabulek a seznamů, stejně jako přizpůsobený postranní panel (vpravo nebo vlevo - jak si přejete).

47. Paralelnost - neobvyklá a stylová šablona webu na HTML5 a CSS3

Parallelism je stylová šablona webových stránek pro uspořádání portfolií nebo fotografií. Jeho nezvyklostí je, že rolování zde není vertikální, jak je zvykem, ale horizontální. To dává webu zvláštní kouzlo a zapamatovatelnost.

48. Miniport – plně responzivní šablona minimalistického HTML5 webu

Skvělá minimalistická šablona webu HTML5. Ideální pro osobní stránky / blog, stejně jako pro malý firemní jednostránkový web nebo jako web vizitek.

49. Verti – Prostorná a zdarma responzivní šablona HTML5 webových stránek

Čistý a prostorný design této šablony webu je ideální pro malé firemní weby nebo komerční projekty. Responzivní a pohodlné pro autora i uživatele.

50. ZeroFour – působivá a stylová šablona webových stránek HTML5 a CSS3

A poslední v seznamu, ale ne poslední z hlediska kvality a vnější efektnosti, je šablona webu ZeroFour. Stylový design, velmi krásné menu, perfektně upravené formuláře a tlačítka, krásné ikony a mnoho dalšího. A to vše je zcela zdarma!

Doufám, že jste mezi těmito úžasnými šablonami webových stránek HTML5 a CSS3 našli něco vhodného. Hodně štěstí!

Uložte si ji do záložek, abyste ji později rychle našli.

PS: Pokud se nemůžete rozhodnout, přečtěte si článek „Nevím, co chci“. Bude to užitečné.

• Portfolio grafických designérů

  Cena: Zdarma

  Dobré pro

  návrháři, fotografové, portály, kreativní profesionálové.

  Popis

  Zajímavá a stylová šablona pro web s portfoliem. Předveďte všechny své projekty jednoduchým, ale chytlavým způsobem, který návštěvníkům pomůže plně se soustředit na vaši kreativitu. Navrženo s ohledem na použitelnost a podle trendů webdesignu, vše, co musíte udělat, je nahrát své fotografie, nastavit stránku pro spojení s návštěvníky a začít blogovat, abyste se propagovali online.

  Cena: Zdarma

• Životopis návrháře UX/UI

  Životopis návrháře UX/UI

  Cena: Zdarma

  

  Dobré pro

  UX designer, UI designer, webdesigner.

  Popis

  Šablona webové stránky portfolia pro kreativní profesionály. Nahrajte kvalitní ukázky své práce, předveďte své dovednosti a pomozte návštěvníkům rychle se s vámi spojit pomocí kontaktního formuláře. Šablona využívá animaci, pohodlné proužky s informacemi, profesionální galerii, kam můžete nahrávat fotografie, video soubory a přidávat textové plakáty. Jakýkoli prvek lze upravit kliknutím myši.

  Cena: Zdarma

• Portfolio interiérových designérů

  Cena: Zdarma

  

  Dobré pro

  návrháři interiérů, architekti, portály, kreativní profesionálové.

  Popis

  Čistý a jednoduchý design této bezplatné šablony webových stránek portfolia je skvělý pro předvedení vaší návrhářské práce. Nahrajte fotografie projektu, přidejte kontaktní informace, upravte všechny prvky podle svého vkusu a publikujte web jediným kliknutím.

  Cena: Zdarma

• Portfolio architekta

  Portfolio architekta

  Cena: Zdarma

  

  Dobré pro

  portfolio architektů, designérů a dalších profesionálů.

  Popis

  Použijte tuto minimalistickou bezplatnou webovou šablonu k vytvoření stylového online portfolia. Odešlete všechny své projekty na domovská stránka pomocí mřížkové galerie. Ke každému obrázku v galerii přidejte odkaz na interní stránku vašeho webu. Kliknutím na libovolný obrázek se návštěvník dostane na samostatnou stránku konkrétního projektu. Skryjte mnoho stránek z hlavní nabídky, aby byla navigace na webu snadná a pohodlná. Přidejte své informace, životopis a nezapomeňte si nastavit kontaktní formulář, aby vás bylo snadné kontaktovat.

  Cena: Zdarma

• Portfolio webových návrhářů

  Portfolio webových návrhářů

  Cena: Zdarma

  

  Dobré pro

  grafici, webdesignéři, fotografové, kreativní profesionálové a portály.

  Popis

  Vynikající šablona pro web s portfoliem návrhářů – pomůže odrážet vaši kreativní osobnost a prezentovat všechny projekty online vítězným způsobem. Stačí přidat své fotografie a textové popisy, upravit libovolné prvky tak, jak chcete, a publikovat svůj web jediným kliknutím. Nezapomeňte propojit své účty na sociálních sítích a nastavit kontaktní formulář pro spojení s klienty.

  Cena: Zdarma

• Grafik a webdesignér

  Grafik a webdesignér

  Cena: Zdarma

  

  Dobré pro

  webdesignér, grafik.

  Popis

  Pokud potřebujete vytvořit působivý životopis, použijte tuto šablonu webu. Skládá se ze dvou stránek: biografie a galerie portfolia, kde na každý obrázek lze kliknout a vede na stránku s podrobnějšími informacemi. Začněte upravovat a nahraďte ukázkové informace šablony svými vlastními daty a obrázky. Do galerie portfolia můžete přidat vysoce kvalitní fotografie, abyste svou práci předvedli tím nejlepším možným způsobem. Jakýkoli detail šablony je upraven podle vašeho přání.

  Cena: Zdarma

• Portfolio 3D návrhářů

  Portfolio 3D návrhářů

  Cena: Zdarma

  

  Dobré pro

  umělecký ředitel, návrhář pohybu.

  Popis

  Šablona pro vytvoření vlastního portfolia webu. Jakýkoli prvek je přizpůsobitelný, jak si přejete. Kotevní menu a galerie projektů na domovské stránce vám pomohou rychle upoutat pozornost a předvést vaši práci. Každý projekt se otevře na samostatné stránce s fotografiemi, videi a podrobnými informacemi. Neobvyklé menu se rozbalí na celou obrazovku a obsahuje tři sekce: projekty, kontakty a bio. Začněte upravovat a přidejte libovolný počet sekcí a stránek, abyste se mohli prezentovat klientům.

  Cena: Zdarma

• Ilustrátor

  Ilustrátor

  Cena: Zdarma

  

  Dobré pro

  ilustrátoři, výtvarníci, designéři.

  Popis

  Ilustrace, které vytvoříte, odrážejí váš charakter a osobnost. Váš web by měl dělat totéž. Tato čistá a jednoduchá šablona je ideální k tomu, aby se vaše publikum soustředilo na vaši práci, a aplikace Wix Art Store vám pomůže prodávat digitální soubory online.

  Cena: Zdarma

• Portfolio Illustrator

  Portfolio Illustrator

  Cena: Zdarma

  

  Dobré pro

  ilustrátoři, umělci, návrháři, fotografové, portály, kreativní profesionálové.

  Popis

  Elegantní design této šablony webových stránek portfolia umožňuje, aby vaše práce hovořila sama za sebe. Nic nebude odvádět pozornost vašich návštěvníků od toho nejdůležitějšího – galerie obrázků. Stačí nahrát své fotografie, upravit si kontaktní stránku a přidat o sobě zajímavé informace. Vaše stylové moderní webové stránky budou hotové během okamžiku!

  Cena: Zdarma

• obytná architektura

Tato moderní doba je plná velkých paradoxů a obratů času a osudu. Jak se svět stále více propojuje a globalizuje, zdá se, že rozdíly narůstají, ale příležitostí je naopak v této jasné nové éře, nastolené totální komunikací, kterou internet lidstvu poskytuje, mnoho. A zatímco největší světové národy a ekonomiky rostou a klesají v nekonečných cyklech, důvtipný podnikatel, podnikatelé a chytráci na Zemi prosperují ve světě plném možností, kde váš talent a tvrdá práce, pokud nejsou rozpoznány nebo oceňovány. v jakémkoli kontextu se ocitnete, může být stejně snadno vaší obživou – nebo dokonce vaším velkým úspěchem – jinde na této planetě.

Internet je jen nástroj, který vám pomůže najít místo, kde zazářit, ale nikam se nedostanete bez hezkého, moderního a přitažlivého portfolia webu, který funguje jako vizitka a expozice vašich dovedností, ať už je vaše řemeslo jakékoli. od umělců a fotografů po designéry a architekty, od inženýrů a dekoratérů po konstruktéry a krajináře, portfolio je místo, kde začít. A abychom mohli začít stylově a elegantně, nic nepřekoná špičkovou kombinaci webových technologií – solidní rámec HTML5 s hladkými šablonami stylů CSS3. Následující kolekce šablon webových stránek představuje nejlepší a nejjasnější šablony webových stránek portfolia HTML5/CSS3 na trhu. Nezklamou.

Prozkoumejte 2,5 milionu digitálních aktiv včetně více než 4 700 šablon portfoliových webových stránek

Více než 2 miliony položek z největšího tržiště pro HTML5 šablony, motivy a designové prvky. Ať už je to to, co potřebujete, nebo jen hledáte pár Stock Photos – vše najdete zde na Envato Market.

STÁHNOUT TEĎ

Divi

Není nic jiného, ​​co v životě potřebujete, pokud jde o budování nejpozoruhodnějších webových stránek s portfoliem, než Divi. Nejedná se pouze o nástroj pro vývoj webových stránek všeho druhu. Okamžitě z vás udělá profíka navrženého a vývojáře, a to i když mezi ně ještě nepatříte. Ve skutečnosti, i když jste stále úplný začátečník, můžete použít Divi a vytvořit vlastní stránku pro váš online projekt, abyste mohli prosadit své služby a talent.

Zatímco Divi přichází s poměrně značným množstvím předdefinovaného materiálu, vždy si můžete dělat věci po svém. Vylepšete a upravte, co máte k dispozici, nebo vytvořte zcela vlastní rozvržení, která do posledního detailu vyhoví vašim požadavkům. S Divi je možné cokoliv, protože možnosti, které máte, jsou nekonečné.

Webify

Pokud hledáte založit nebo , jste na správném místě. Webify je velkolepá šablona webových stránek portfolia, se kterou budete téměř okamžitě vytříděni. Mějte na paměti, že hlavní část práce je již hotová za vás. Od technických detailů po webový design, Webify to všechno pro vaše pohodlí zvládne. S předdefinovanými ukázkami můžete mít funkční online portfolio, nacpané vaším úžasným obsahem, připravené ke spuštění raději dříve než později.

V balíčku dvaceti různých vzorků najdete čtyři exkluzivní, které jsou ideální pro tvorbu moderních online portfolií. Abyste se při vývoji webu cítili ještě pohodlněji, nemusíte být technicky zdatní, abyste měli šanci pracovat s Webify. Zvládne to každý, začínající kodéři i ti, kteří se chystají vytvořit svou úplně první stránku.

Jevelin

Jevelin je responzivní téma WordPress, které nevyžaduje žádné předchozí znalosti. Je ideální pro líné, neprogramátory nebo jednoduše zaneprázdněné lidi. Dodává se s mnoha ukázkami a předem připravenými možnostmi pro prvky stránky. Jevelin je dobře zdokumentován a dokonce poskytuje video tutoriály, které vás provedou celou cestou. Používá nástroj pro tvorbu stránek Drag & Drop a MegaMenu, které zjednodušují mnoho úloh panelu. Součástí je také +40 úžasných krátkých kódů, abyste byli kreativní a lstiví! Jevelin je navíc v podstatě víceúčelový a přizpůsobitelný prohlížečům nebo zařízením. Vyrábí se s mnoha možnými akcemi, ale pouze s jedním skutečným cílem: kvalitní tvorba stránky. Mezi speciální doplňky, díky kterým je skvělý, patří také WPML pro překlad a Mapy Google. Navíc můžete sdílet své příspěvky a nového syna, cokoli chcete, pomocí tlačítek sociálních médií.

Jevelin je také rychlý a optimalizovaný pro navigaci pomocí SEO. Dodává se s +10 rozloženími portfolia a 6 blogovými stránkami. Připravte vše na obchodní transakce a formuláře pro potenciální zákazníky. Kromě toho byl integrován s úžasnými pluginy WooCommerce a Contact Form 7. Nakonec vám poskytne dětské téma a bezplatné neustálé aktualizace! Rychle se podívejte a už se nevrátíte! Jdi pro Jevelin!

Maree

Marée je vzrušující, snadno použitelná a zajímavá šablona portfolia pro ilustrátory a designéry. Každý však může využít úžasnost Marée, pokud zjistíte, že web design s vámi rezonuje. Na výběr je několik různých ukázek, všechny kreativní, originální a inovativní. I když je na první pohled jednoduché, Marée zajišťuje fantastický a nezapomenutelný zážitek. Spolu s několika předdefinovanými domovy obsahuje Marée také spoustu vnitřních stránek pro vaše pohodlí.

Kombinujte a spojujte dostupné s vaším kreativním dotekem a přizpůsobte si Marée podle svého vkusu. Maree také přichází s brzdou WPBakery a upustit tvůrce stránek, Revolution Slider, neomezené množství barev, sekce internetového obchodu, tři stránkování a několik zákaznických krátkých kódů. S Marée si můžete rychle vytvořit přesné online portfolio, jaké chcete. To znamená, že nyní podnikněte kroky a posuňte svůj projekt do nových výšin.

Více informací / Stáhnout demo

Molly

Molly je dalším skvělým řešením pro agentury a nezávislé pracovníky. Pokud potřebujete co nejrychleji vyřešit web, který přitahuje pozornost, Molly je vaše nejlepší sázka. Místo toho, abyste začínali od nuly, můžete nyní jít all-in s Molli a zažít rychlé a velkolepé výsledky. Jakmile uvidíte, že veškerá práce je již za vás hotová, pustíte se do vytváření požadované stránky s jistotou a pohodlím. Mějte na paměti, že s Molli nemusíte vědět, jak kódovat, díky technice vytváření stránek přetažením.

Ohromující index a vnitřní rozvržení stránek čekají na každého uživatele Molly hned po vybalení. Nebojte se je použít přesně tak, jak jsou, nebo je trochu vylepšit tím, že jim představíte svou originalitu. Jak již bylo zmíněno dříve, jakékoli úpravy a vylepšování probíhají bez nutnosti vědět, jak provádět jakoukoli programovací práci. S Molly vytvoříte stránku jako profík, i když jste stále úplný začátečník. Molli je také optimalizován pro SEO a je citlivý a kompatibilní s různými prohlížeči. Rozjeďte věci s Molly a zazáříte na internetu.

Více informací / Stáhnout demo

Forzo

Forzo má výrazný nádech, který vás snadno odliší od konkurence. Pokud je to něco, co podnítí vaši zvědavost, raději se podívejte na živý náhled Forza. Buďte připraveni, protože úžasný a inovativní vzhled vás jistě uchvátí. S Forzo začnete pracovat výběrem jednoho ze čtyř předdefinovaných ukázek domovské stránky. Ať už si vyberete cokoli, můžete očekávat bouřlivý výsledek, který zapůsobí na každého, kdo navštíví vaše online portfolio. Forzo je opravdu pozoruhodné.

Forzo má minimalistický vzhled s velkým důrazem na detaily. Má plynulé rozložení, které se snadno přizpůsobí všem zařízením, od kapesních po stolní. Sítnice je připravena. Forzo navíc obsahuje dvě nabídky, blog, plugin ACF Pro, widgety a podrobné uživatelské rozhraní. Forzo můžete také přeložit do libovolného jazyka, který chcete.

Více informací / Stáhnout demo

Mono

Vše, co potřebujete k vytvoření dokonalého webu, je k dispozici v šabloně webu Mono portfolio. Je to tento kreativní nástroj se všemi funkcemi a prvky, které potřebujete k vytvoření svého webu. Mono má v balíčku obrovské množství 38 domovských stránek, abyste snadno našli tu ideální. Kromě toho Mono také přichází s několika různými rozvrženími navigace pro vražedný celkový zážitek z webu.

Mono je postaveno s Bootstrap 4 a rozložení je plně citlivé a lehké. Vaše díla budou vždy vypadat úžasně, bez ohledu na zařízení, na kterém je prohlížíte. Vícenásobné přednačítání stránek, více než padesát stylů tlačítek, různá uspořádání portfolia a dokonce předdefinované zápatí – Mono je tu, aby vám to přineslo. Když je konečně čas získat stránku, kterou jste vždy chtěli, vše, co potřebujete, je Mono.

Více informací / Stáhnout demo

Quadra

Quadra je víceúčelová, výkonná a vysoce výkonná šablona s ohledem na kreativní jednotlivce a agentury. To znamená, že Quadra můžete také nazvat šablonou webových stránek portfolia plnou skvělých aktiv a vlastností. Je to jeden z těch vzhledů stránek, které se rychle přizpůsobí všem vašim potřebám a požadavkům. Jinými slovy, je to přesně ta šablona, ​​kterou jste vždy chtěli urychlit tvorbu svého portfolia.

Tento nástroj využívá všechny nejnovější a nejlepší technologie, aby zajistil stabilitu a hladký zážitek pro všechny vaše návštěvníky. Bez ohledu na to, čím se musíte pochlubit, toto balení je připraveno na sítnici, takže bude vždy vypadat úžasně. S více než sedmi stovkami unikátních šablon se už nikdy nebudete muset starat o svůj webdesign. Vše je hotovo za vás a čeká jen na to, až do toho skočíte a použijete to. Nechte Quadra, aby vás zbavovala starostí s webdesignem.

Více informací / Stáhnout demo

Cvio

Jako osoba na volné noze nebo profesionální osoba byste chtěli tak či onak rozšířit svůj dosah. Fantastickým řešením, jak oslovit nové klienty, je vytvořit stránku, která posouvá vaše dovednosti a talenty dál a dál. K vašemu štěstí nyní můžete s Cvio začít věci okamžitě. Tato šablona webových stránek portfolia je plná praktických lahůdek, které můžete zapojit do hry a zazářit online. Nyní můžete začít věci jako profíci hned a založit si web, který vám pomůže rozšířit vaše podnikání k novým úspěchům.

V první řadě si s Cvio můžete vytvořit jednostránkový nebo vícestránkový web. Kromě toho budete mít také prospěch ze šesti různých indexů a dalších vnitřních rozvržení stránky. Kombinujte dostupné, představte svůj podpisový styl a mějte stránku připravenou raději dříve než později.

Ryane

Ryan je všestranná a všestranná šablona webových stránek portfolia pro každého profesionála, který chce posunout svůj projekt na novou úroveň. Návrháři, programátoři, vývojáři aplikací, nezávislí pracovníci a v podstatě kdokoli jiný, kdo má zájem o vybudování osobních webových stránek nebo online portfolia, může velmi těžit z velkolepého Ryana. Namísto toho, abyste všechno zvedali sami, ušetřete čas a energii pomocí výkonného a praktického stroje Ryan.

V obrovském balíku funkcí najdete nejrůznější vychytávky, jako je šest přednastavených barevných skinů, přechody stránek, pět rozložení, tmavý a světlý režim, co si jen vzpomenete. Budujte důvěru pomocí doporučení, založte si blog a nechte je, aby vás kontaktovali prostřednictvím integrovaného kontaktního formuláře. Najdete zde také Mapy Google!

Ryan je samozřejmě také 100% připraven pro mobilní zařízení a kompatibilní s různými prohlížeči, což za všech okolností zajišťuje zabijácký výkon.

závada

Glitch je moderní, s ohromujícím a minimalistickým vzhledem. Má spoustu úžasných funkcí a funkcí, které vám pomohou vytvořit pozoruhodnou webovou prezentaci. Na výběr jsou čtyři ukázky, ale s nadcházejícími aktualizacemi můžete očekávat ještě více. Glitche také pravidelně přidává nové vybavení, abyste byli nacpaní dobrotou na další roky.

Navíc s předdefinovaným webovým designem můžete rychle nastavit požadovanou stránku a zazářit online jako šampión. Samozřejmě můžete také provést další úpravy přizpůsobení a upravit Glitche podle svého.

Mezi další vychytávky patří tmavý a světlý režim, jedno a vícestránkové rozvržení, neomezené barvy, šest možností pozadí, kontaktní formulář 7 a stránky blogu. Vytvořte plnohodnotnou online prezentaci pomocí Glitche a posuňte svůj projekt do nových výšin.

Více informací / Stáhnout demo

MacLaren

MacLaren je úžasná šablona webových stránek portfolia s nápadným tmavým vzhledem. Chcete-li vytvořit silný první dojem, udělejte věci s MacLarenem a zazáříte online. Je to nástroj, který můžete použít ihned po vybalení nebo jej dále vylepšit. MacLaren také dodržuje všechny moderní trendy a předpisy a zajišťuje, aby výsledek fungoval bez problémů na všech zařízeních a platformách. Jinými slovy, MacLaren je 100% citlivý a flexibilní, kompatibilní s různými prohlížeči a v souladu s obrazovkami sítnice. Nástroj se nabíjí výjimečně rychle, aby byl zajištěn výkon třídy A.

Písma Google, ikony Font Awesome, animace, Mapy Google, Bootstrap Framework a SEO optimalizace jsou jen některé z dalších vychytávek, které s MacLarenem získáte. MacLaren navíc přichází s hloubkovou dokumentací, abyste jej mohli snadno používat. To znamená, že vytvořte online prezentaci, která ovlivní každého a zvýší váš potenciál vyhrát nové koncerty.

Čaroděj

Když získáte přístup k šabloně webu portfolia Wizzard, můžete očekávat, že se stanou magické věci. Pokud ne magické, tak čarodějnictví určitě. Wizzard je každopádně úžasný a originální přístup k portfoliovým plátnám pro agentury a profesionální jednotlivce. Buďte ohromeni jedinečným designem domovské stránky a upoutejte pozornost každého, kdo vaši stránku navštíví.

S Wizzardem zobrazíte svá díla a projekty osobitým způsobem, který jinde nevidíte. To znamená, použít to, jít proti normě a vystoupit z davu. Původní mřížka se díky rozvržení Wizzardu připravenému pro mobilní zařízení zobrazuje nádherně na jakékoli obrazovce. Kromě toho Wizzard také přichází s aktivním kontaktním formulářem, celoobrazovkovou překryvnou nabídkou a pluginem pro plynulé rolování. Žádné otázky, konečný výsledek si jistě zapamatujete.

Více informací / Stáhnout demo

Casely

Bez ohledu na to, jaký je váš talent a jaký typ práce byste chtěli zobrazit, je to šablona webu Casely portfolio, která bude vždy tím nejlepším způsobem, jak toho dosáhnout. Casely je zkrátka kreativní a moderní design, který vždy vypadá skvěle. To znamená, že Casely je kompatibilní se všemi špičkovými zařízeními a moderními webovými prohlížeči, díky čemuž funguje za všech okolností bezchybně.

Casely přichází s úžasnými animacemi, které ohromí všechny vaše návštěvníky, jakmile se dostanou na domovskou stránku. Existuje více než dvanáct vzorových rozvržení, které si můžete prohlédnout, než se rozhodnete pro svůj konečný návrh. Když vezmeme v úvahu začátečníky, Casely se snadno používá a pracuje se s ním, je vytvořen s platnými HTML5 a CSS3. Casely zajišťuje, že procházení a zkoumání vašeho obsahu a práce je vždy zábavným zážitkem.

Více informací / Stáhnout demo

Arlo

Arlo je skvěle konceptualizovaná šablona, ​​která sleduje myšlenku zprostředkování fantastických služeb svým zákazníkům. Tato šablona webových stránek portfolia probudí vaši kreativitu tím, že udrží věci bez stresu. Bere však vážně i podnikání. Díky různým personalizovaným rozvržením v obchodě můžete svůj web navrhnout jako online životopis, portfolio nebo interaktivní platformu pro vaši značku. Stručně řečeno, s Arlo můžete vytvořit ten správný web, který posune vaše podnikání na nový stupeň.

Tato crackovací šablona má flexibilní a responzivní rozvržení, které vám umožní bezproblémově prezentovat vaše produkty a služby na všech zařízeních. Mezi základní funkce patří pět domácností, působivé a poutavé animace, SEO, sociální integrace, přátelská podpora a další. Můžete také začít psát blog a nechat potenciální zákazníky, aby se s vámi spojili prostřednictvím integrovaného a funkčního kontaktního formuláře.

Více informací / Stáhnout demo

Satelit

Už podle názvu byste mohli usuzovat, že Satelite je o vytvoření silného dosahu u vašich potenciálních zákazníků. Ve skutečnosti je tato šablona webových stránek portfolia nabitá výhodnými funkcemi, které se jednoduché promění v lukrativní. Všechny návrhy, které má Satelite k dispozici, jsou responzivní, díky čemuž je sledování bezproblémové a poutavé. Satelite je jednou z těch šablon, které vás snadno odliší od masy a dají vaše právo na vrchol.

Některé z mnoha funkcí Satelite jsou intuitivní krátké kódy, plynulé posouvání, vynikající přechody stránek a překryvná nabídka na celé obrazovce. Vaše webové stránky se také načtou velmi rychle a každému návštěvníkovi webu poskytne skvělý zážitek. Co je na Satelite také skvělé, je skutečnost, že nabízí 14denní záruku vrácení peněz, což není v prostoru šablon tak běžné.

Více informací / Stáhnout demo

Malena

Umělec si nejvíce cení svého portfolia. Pokud jste na stejné lodi, šablona webových stránek portfolia Malena nabízí své služby, které můžete plně využít. Pokud jste zvědaví, zde je návod, jak to funguje. Vytváření webových stránek s Malenou je tak snadné, že si můžete vybrat ukázky a další věci nebo se z toho dostat pomocí kódu. Vyberte si ze šesti dostupných rozvržení a pokračujte odtud. Kombinujte a spojujte dostupné komponenty s vašimi pracemi a službami a dokončete proces vytvoření vašeho online portfolia rychleji, než si možná dokážete představit.

Portfolio a životopis

Pokud hledáte pozoruhodný přístup k vaší webové prezentaci, je to správná cesta. Toto aktuální plátno stránky nikdy nevyjde z módy a vždy se k vám a vašim návštěvníkům chová správně. Na výběr je jak světlá, tak tmavá verze, takže nikdy nebudete mít pocit, že už nemáte žádné možnosti. Mějte na paměti, že šablona webových stránek portfolia je také připravena na úpravy, abyste si ji mohli vyladit podle svých potřeb, jakkoli chcete.

Spolu se všemi ostatními skvělými sekcemi je zahrnuté portfolio vždy tím nejlepším způsobem, jak předvést svá díla. Udržuje všechny vizuální prvky ostré a čisté. Kromě toho je šablona responzivní a kompatibilní s různými prohlížeči, aby se hladce přizpůsobila bez ohledu na zařízení nebo platformu, kterou vaši návštěvníci používají.

Více informací / Stáhnout demo

Zděšený

Funky vám nabízí přes dvě stě bloků rozhraní a dva tisíce prémiových ikon, abyste získali tu nejlepší šablonu webových stránek portfolia na trhu. Můžete zkontrolovat více než sto ukázkových stránek a najít design, který vám nejlépe vyhovuje. Od indexových stránek až po všechny ostatní vnitřní sekce, s Funky si ušetříte spoustu času. Funky je šablona Bootstrap 4, která vám a vašim uživatelům vždy poskytne stabilní a bezproblémový zážitek.

Ve stavebnici Funky najdete jedno- i vícestránkové koncepty, které vám otevírají dveře k novému spektru možností. Bez ohledu na to, jaký je váš talent, Funky je tu, aby vám pomohl vytlačit jej do vnějšího světa. Všechny prvky, které najdete, můžete znovu použít, abyste vytvořili přesně ten prostor, který si vaše nejlepší práce skutečně zaslouží.

Více informací / Stáhnout demo

Emily

Pro každého fotografa, který potřebuje předvést svou práci, je Emily šablonou webových stránek fotografického portfolia, kterou potřebujete. Je citlivý, připravený na sítnici a využívá všechny moderní technologie. To znamená, že Emily funguje mimořádně dobře na všech platformách a zařízeních. To znamená, že rozšiřte svůj potenciál a přilákejte potenciální nové klienty se zájmem o spolupráci s vámi.

Kód Emily je čistý a organizovaný pro začátečníky i profesionály, aby z něj vytěžili maximum. Paralaxní efekt, posuvník obrázků, animované přechody stránek a ikony sociálních sítí, to vše a mnoho dalšího jsou skvělé funkce Emily. Získáte také funkční kontaktní formulář AJAX a nemusíte se starat o optimalizaci pro vyhledávače. Rozšiřte svůj dosah, připojte se online a posuňte svůj fotografický projekt na hranice.

Více informací / Stáhnout demo

Gullu.ly

Nejde jen o to, že web design této další šablony vás jistě zaujme, ale totéž udělá i název. Seznamte se, Gullu.ly. Jedná se o kreativní webovou šablonu pro agentury, které chtějí prosadit své portfolio a služby. Zatímco Gullu.ly je primárně pro malé podniky, mnoho nezávislých pracovníků ji shledá také jako skvělé pro jejich projekty. Koneckonců, Gullu.ly je multifunkční šablona, ​​kterou lze snadno upravovat a snadno udržovat.

Gullu.ly přichází se čtyřmi domácími variacemi, je připraven na sítnici, sportovní pixel perfektní kódování a kompatibilita s různými prohlížeči. Funkční kontaktní formulář, dokumentace a rychlá a spolehlivá podpora jsou také k dispozici každému, kdo si šablonu stáhne. Vyzkoušejte si živý náhled ukázek Gullu.ly, čtyři rozvržení portfolia a další vychytávky.

Více informací / Stáhnout demo

Inshot

Pro maximální flexibilitu s galeriemi se ještě dnes podívejte na šablonu webu portfolia Inshot. Jedná se o moderní a citlivou webovou šablonu pro fotografy, designéry a kohokoli jiného, ​​kdo potřebuje rychlý způsob, jak vystavit svou práci. Inshot ukáže vaše mistrovská díla v tom nejlepším možném světle. Dodává se se sedmi různými jedinečnými indexovými stránkami a šesti různými variantami portfolia, ze kterých si můžete vybrat.

Díky své mobilní připravenosti funguje Inshot perfektně jak s myší na ploše, tak s dotykem a přejetím na tabletu nebo mobilním zařízení. Můžete také nastavit zdroj na Twitteru, abyste zajistili, že vaši uživatelé budou mít vždy aktuální informace o všem, co aktuálně máte. Kromě toho je Inshot také kompatibilní s předplatitelským formulářem MailChimp, abyste mohli okamžitě začít zaznamenávat e-maily svých návštěvníků.

Více informací / Stáhnout demo

Alfa

Pokud skutečně chcete mít sílu webového designu ve svých rukou, pak nepochybně potřebujete šablonu webových stránek portfolia Alpha na vaší straně. V balíčku najdete vše, co potřebujete k vytvoření úžasného prostoru na webu. Alpha je skvělá pro životopisy, životopisy, vCardy a také pro ty, kteří chtějí vypadat jinak. Ať už hledáte práci nebo jste na volné noze, solidní online vzhled vám pomůže skvěle.

Alpha přichází s 38 HTML stránkami, z nichž třináct jsou domovské stránky, devět rozložení portfolia a dvě připravené pro cenové tabulky. Blog a podrobnosti o blogu v ceně! Alpha přichází se čtyřmi různými typy navigace a nabídek, které si můžete nejprve projít, než se rozhodnete pro tu, která se vám skutečně líbí. Ať už máte na mysli cokoli, můžete to vytvořit pomocí Alpha. Skočte do toho oběma nohama a vytvořte krakací stránku pro své výtvory.

Více informací / Stáhnout demo

Sépie

Tato sbírka nejlepších šablon webových stránek portfolia je skvělým zdrojem pro každou kreativní mysl, včetně fotografů. Když už o tom mluvíme, Sepia je exkluzivní šablona webových stránek s fotografiemi s více než 78 předdefinovanými stránkami, přední a vnitřní. Pokud jde o první, Sepia jich má k dispozici osm a další vám přijdou do cesty s budoucími aktualizacemi. K dispozici je také sedm hlavních stylů alb a čtyři galerie, kde můžete svá díla prosadit.

Sepia přichází s Google Maps, Google Fonts, ikonami Font Aweomse, karuselem obsahu a širokou sbírkou dalších věcí. Vytvoření a přizpůsobení stránky vašim potřebám pomocí Sepia je solidní příležitostí, jak podniknout dobrodružství a dosáhnout cílů, které jste si stanovili. Už není čas ztrácet čas, začněte proces vylepšování svých webových stránek ještě dnes pomocí Sepia.

Více informací / Stáhnout demo

canna

Když budete hledat šablonu webových stránek portfolia, která vám vyhovuje, nebudete muset hledat nic jiného než Canna. Canna je založena na Bootstrapu pro poddajnost stránky, které se nesmíte vyhnout v éře, ve které žijeme především na mobilních zařízeních. Získáte dvanáct úžasných ukázek domovské stránky, které můžete použít ihned po vybalení nebo je upravit podle svých požadavků. Pokud jde o barvy, Canna přichází se šesti barevnými schématy, abyste rychle našli to, které nejlépe vyhovuje vaší značce. Ale je možné zavést i jiné barvy.

Další vychytávky Canna přicházejí v podobě Revolution Slider, pozadí videa Hero, paralaxových sekcí a CSS animací. Integrovaným a fungujícím formulářem také řeší proces, kdy se s vámi klienti dostanou do kontaktu. Samozřejmě také obdržíte vyčerpávající dokumentaci, takže se nikdy nedostanete do problémů.

Více informací / Stáhnout demo

Skrýš

Stash je dynamické a všestranné téma WordPress. Hodí se to každému člověku v daný okamžik, pokud má na mysli projekt. Má potenciál být přínosem pro ty s uměleckou stránkou a pro všechny profesionály. Stash je založen na staviteli bloků Visual Composer, +260 bloků a +85 na hraní. Stash je také plně citlivý a má spoustu přizpůsobení. Snadno se přizpůsobí obrazovkám a zařízením! Navíc vám s tím hodně pomohou rozbalovací nabídky. Stash počítá se spoustou specializovaných ukázek a předem připravených možností, jak se vychytat. Je to nejlepší z hlediska zobrazení obrazu a přitažlivosti. Získáte integrovanou Slider Revolution pro galerie a 7 vestavěných portfolií. Nastavte úžasné detailní rozvržení s více záhlavími, neomezeným počtem barev a blogů.

Stash vám také umožní zkrášlit pozadí pomocí CSS3 animací a paralaxy. Přilákejte zákazníky úžasnými funkcemi a přimějte je, aby ocenili to, co nabízíte! Stash je kompatibilní s WooCommerce, aby na vás udělal ještě větší dojem. Nastavte nádherné obchody, aby byl váš web připraven k podnikání. K dispozici je také WPML pro překlady a minimální formuláře. Celkově se jedná o rychlý a SEO vylepšený nástroj, který vás jednoduše uklidní a naslouchá! Neváhejte! Získejte Stash!

masivní

Massive je skutečně ohromná, nesmírně rozsáhlá, hluboce vynalézavá, funkčně bohatá, graficky vybroušená a vizuálně ohromující, nekonečně flexibilní a snadno přizpůsobitelná, rychle se načítající a skvěle moderní víceúčelová šablona webu reagující na HTML5 a CSS3, skutečně ohromující šablona webu. která byla sestavena s maximální pečlivostí a důkladností. Konečným výsledkem je ohromujících 260 různých, kompletně předkonfigurovaných unikátních webových stránek HTML5 pro nejrůznější účely a aplikace.

Mezi nimi 85 zcela jedinečných, kreativních a vynikajících stránek šablon portfolia dělá z Massive pozoruhodnou webovou šablonu pro všechny druhy webmasterů, kteří chtějí vytvořit své webové stránky s online portfoliem pomocí sady nástrojů, které jsou všeobjímající, promyšlené a vyleštěné a také schopné. Díky velkému množství flexibilních šablon připravených k použití, které jsou součástí Massive, můžete mít plně funkční a rozsáhlou webovou stránku portfolia nastavenou a provozovanou během několika minut. Více než 15 předkonfigurovaných posuvníků může oživit jakýkoli web, zatímco 6 různých možností zápatí udržuje věci rozmanité a 20 různých stylů nabídek umožňuje vašim uživatelům prozkoumat váš obsah přesně tak, jak chcete. To, co nemůžete najít hotové přímo v Massive, můžete snadno vytvořit sami, s více než 150 vlastními krátkými kódy připravenými k nasazení na jakoukoli stránku, kterou uznáte za vhodné. Masivní - je to opravdu nekonečná šablona.

Haswell

Haswell je vizuálně propracovaná a esteticky minimalistická, vkusná a módní, esteticky vybroušená a funkčně vynalézavá šablona vícestránkového webu. Je také vysoce přizpůsobitelná a extrémně snadno použitelná, víceúčelová šablona HTML5 a CSS3 s vysokou funkčností a bohatou na pluginy. Vývojáři vytvořili tuto mimořádně výkonnou webovou šablonu s hrubou silou a naprostou poddajností. Bez problémů se hodí pro širokou škálu různých použití a aplikací. Haswell také jedinečně vyhovovaly pro nasazení mezi portfoliovými weby všeho druhu a povahy.

Vývojáři jedinečně zkonstruovali Haswell tak, aby přidali vrstvu vkusného vylepšení v podstatě jakémukoli obsahu, který zpracovává. Navíc díky velkému množství různorodých stránek šablon portfolia, které jsou součástí balení, je s Haswellem běžet na zemi samozřejmostí. Během několika minut budete mít plně rozvinutou webovou stránku s portfoliem, doplněnou o různé přizpůsobitelné záhlaví, nabídky, zdroje sociálních médií, specializované masky pro videa a obrázky, kontejnery a pluginy a ještě mnohem více, až se vám z toho zatočí hlava, vše nabité. do stylového balíčku založeného na silném rámci HTML5, dynamickém a úžasně citlivém a snadno upravitelném modulární kódové základně Bootstrap, díky kterému je váš Haswell nativní portfolio vzájemně kompatibilní napříč všemi zařízeními a platformami. Co jiného si můžete přát?

Jango

Jango je zcela přizpůsobitelná, vizuálně rozsáhlá a vysoce graficky propracovaná, funkčně flexibilní a bohatá na funkce, inteligentní a chytře kódovaná, efektivní a rychlé načítání, moderní a spolehlivá responzivní šablona víceúčelového webu HTML5 a CSS3, neuvěřitelně šikovná a výkonná sada nástrojů, která byla záměrně vytvořeno jako komplexní webové řešení pro širokou škálu různých webových aplikací, které je však mimořádně dobře vybavené pro zvládnutí potřeb moderního, responzivního a flexibilního portfolia webových stránek všeho druhu.

Zveřejnění: Tato stránka obsahuje externí přidružené odkazy, které mohou vést k získání provize, pokud se rozhodnete zakoupit zmíněný produkt. Názory na této stránce jsou naše vlastní a za kladné hodnocení nedostáváme další bonus.

Kompetentně sestavená a vizuálně navržená, v našem případě se jedná o samostatnou stránku, je důležitým prvkem osobního webu nebo blogu každého specialisty, který dosáhl určité úrovně dovedností ve své profesní činnosti.
Stránka portfolia je druh zprávy nebo vizuálního shrnutí, pomocí kterého můžete čtenářům a návštěvníkům webu / blogu jasně ukázat soubor nejúspěšnějších dokončených prací, ať už jde o fotografie, články, publikace. , designové prvky atd.
Takovou stránku nemám a z mé strany je to nešťastné opomenutí, které je potřeba co nejdříve napravit, na čemž aktuálně pracuji.
V obrovských rozlohách celosvětové sítě jich najdete obrovské množství hotové šablony stránky pro organizaci portfolia a rozmanitost takových stránek je skutečně působivá. Takže, kdo se zajímá o všechny spletitosti webdesignu a vývoje, bude vždy schopen najít vhodnou volbu pro sebe. Pro ty, kteří trpí znalostmi v oblasti tvorby webových stránek, navrhuji analyzovat příklad adaptivní rozložení, jednoduchá stránka portfolia, s filtrováním dokončených prací podle kategorií, provedeno dne , zředěné atraktivním přechodovým efektem, s prvky animace.

Rozvržení stránky, spustitelný javascript a některé designové prvky daly „do hor“, skvělý webový designér a vývojář Kevin Liew (queness.com). Při výběru optimálního řešení pro mě bylo důležité, aby se jednalo o jednoduchost provedení, funkčnost pluginu jQuery, správné fungování ve všech moderních prohlížečích a vzhledem ke stále rostoucí oblibě používání různých mobilních zařízení pro surfování po internetu, přizpůsobivost návrhu budoucí stránky. Žádné náročné, designové zvonky a píšťalky a těžké plug-iny.

Základní dispozice se skládá ze dvou hlavních prvků uživatelské rozhraní Ty, které musíme vytvořit, jsou navigace s kartami pro filtrování kategorií odeslaných prací a samotná mřížka miniatur s efektem vyskakovacího titulku při najetí myší.
Pro začátek, aby vše nakonec fungovalo, bude potřeba jQuery alespoň verze 1.7.0. Pokud jste jej ještě nepřipojili, přidejte před značku následující řádek :

Spusťte plugin MixItUp, vložte tento kód za výše uvedené soubory:

< script type= "text/javascript" >$(function () ( var filterList = ( init: function () ( $("#portfoliolist" ) ) . mixitup(( targetSelector: ".portfolio" , filterSelector: ".filter" , effects: [ "fade" ] , easing : "snap" , // vyvolání efektu hover onMixEnd: filterList. hoverEffect() ) ; ), hoverEffect: function () ( $("#portfoliolist .portfolio" ) . hover( function () ( $(this) . find(".label" ) .stop() .animate(( dole: 0 ), 200 , "easeOutQuad" ) ; $(this) .find("img" ) .stop() .animate(( nahoře: - 30 ( this) .find("img" ) .stop() .animate(( top: 0 ) , 300 , "easeOutQuad" ) ; ) ) ; ) ); filterList.init() ; ) );

Nemá smysl zvažovat všechny možnosti pluginu samostatně, výchozí je docela nejlepší možnost. No, pokud někdo bude experimentovat s parametry, prosím, vše je ve vaší moci.

Chcete-li vytvořit rozvržení stránky a vzhled prvků, připojte k dokumentu několik souborů . , jeden pro základní styly, říkejme mu layout.css a další malý soubor CSS normalize.css , pro lepší konzistenci prohlížeče v standardní provedení Prvky:

< link rel= "stylesheet" href= "css/normalize.css" > < link rel= "stylesheet" href= "css/layout.css" >

Nyní vše rozebereme v pořádku, pokud možno bez zbytečné vody, přístupným a srozumitelným způsobem, v našem rodném, trpělivém jazyce.

< ul id= "filters" class = "clearfix" > < li>< span class = "filter active" data- filter= "app card icon logo web" >Všechno < li>< span class = "filter" data- filter= "app" >Aplikace < li>< span class = "filter" data- filter= "card" >vizitky < li>< span class = "filter" data- filter= "icon" >ikony < li>< span class = "filter" data- filter= "logo" >Logo < li>< span class = "filter" data- filter= "web" >webový design

• Všechno
• Aplikace
• vizitky
• ikony
• Logo
• webový design

Na navigační panel umístíme celý seznam děl rozdělený do kategorií. Potřebujeme propojit každou kategorii portfolia prostřednictvím atributu data-cat s jednou nebo jinou položkou navigační lišty v souladu s hodnotou v atributu data-filter. Porovnáním hodnot data-filtru s data-cat budou položky portfolia filtrovány podle kategorie.
K náhledu, prozatím skrytému, navíc přidáme malý panel s názvem díla a názvem kategorie, který vyskočí až po najetí na obrázek. A abychom si usnadnili vytvoření vzhledu celé této struktury v CSS, napíšeme do prvků odpovídající třídy:

< div id= "portfoliolist" > < div class = "portfolio logo" data- cat= "logo" > < div class = "portfolio-wrapper" > < img src= "img/portfolios/logo/5.jpg" alt= "" /> < div class = "label" > < div class = "label-text" > < a class = "text-title" >Hosting Beget. Ru < span class = "text-category" >Logo < div class = "label-bg" > .........

Vezměte prosím na vědomí, že můžete přidat odkazy na obrázek nebo přímo na podpis, aby uživatel viděl celou vaši práci v plném rozsahu.

css

Nyní, v tichosti, přejděme k nejzajímavější části, k vytvoření obecných stylů uživatelského rozhraní naší stránky portfolia a její adaptivní verze v CSS. V článku uvedu pouze základní (výchozí) hodnoty, tedy bez jakýchkoli obrázků na pozadí a připojených fontů, to vše, kdo potřebuje, může vidět v demu, případně najít ve zdrojovém archivu.

.kontejner ( pozice : relativní ; šířka : 960px ; okraj : 0 auto ; /* Při změně velikosti okna prohlížeče budete moci vidět navigační řetězec */-webkit-transition: všechny 1s snadné; -moz-transition: všechny 1s snadné; -o-přechod: všechny 1s snadné; přechod: všechny 1s snadné; ) #filtry ( margin : 1 % ; padding : 0 ; styl seznamu : žádný ; ) #filters li ( float : left ; ) #filters li span ( display : block ; padding : 5px 20px ; text-decoration : none ; color : #666 ; /* přidat do textu nějaký stín */ text-shadow : 1px 1px #FFFFFF ; kurzor : ukazatel ; ) /* změnit pozadí kategorie při najetí myší */#filtry li span: hover ( pozadí : #34B7CD ; stín textu : 0 0 2px #004B7D ; barva : #fff ; ) /* pozadí položky aktivní kategorie */#filters li span.active ( background : rgb (62 , 151 , 221 ); text-shadow : 0 0 2px #004B7D ; color : #fff ; ) #portfoliolist .portfolio ( -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; -o-box-sizing: border-box ; width : 23 % ; margin : 1 % ; display : none ; float : left ; overflow : hidden ; ) .portfolio-wrapper ( přetečení : skryté ;pozice : relativní !důležité;pozadí : #666 ; kurzor : ukazatel ; ) .portfolio img ( max. šířka : 100 % ; poloha : relativní ; ) /* titulky jsou ve výchozím nastavení skryté */.portfolio .label ( position : absolute ; width : 100 % ; height : 40px ; bottom : -40px ; ) % ; position : absolute ; top : 0 ; left : 0 ; ) .portfolio .label-text ( color : #fff ; position : relativní ; z-index : 500 ; padding : 5px 8px ; ) display : block ; font-size : 9px ; )

Kontejner ( pozice: relativní; šířka: 960px; okraj: 0 auto; /* Řetěz přechodů uvidíte, když se změní velikost okna prohlížeče */ -webkit-transition: all 1s easy; -moz-transition: all 1s snadnost; -o- přechod: všechny 1s snadné; přechod: všechny 1s snadné; ) #filtry ( margin:1%; padding:0; list-style:none; ) #filters li (plovoucí:left; ) #filtry li span ( display: block; padding:5px 20px; text-decoration:none; color:#666; /* přidat do textu nějaký stín */ text-shadow: 1px 1px #FFFFFF; kurzor: ukazatel; ) /* změnit pozadí kategorie při vznášení */ #filters li span:hover ( pozadí: #34B7CD; text-shadow: 0 0 2px #004B7D; color:#fff; ) /* pozadí položky aktivní kategorie */ #filters li span.active ( pozadí: rgb(62, 151, 221); text-shadow: 0 0 2px #004B7D; color:#fff; ) #portfoliolist .portfolio ( -webkit-box-sizing: border-box; -moz-box-sizing: border- box; -o-box- velikost: border-box; width:23%; margin:1%; display:none; float:left; overflow:hidden; ) .po rtfolio-wrapper ( overflow:hidden; poloha: relativní !důležité; pozadí: #666; kurzor:ukazatel; ) .portfolio img ( max-width:100%; position: relativní; ) /* štítky jsou ve výchozím nastavení skryté */ .portfolio .label (position: absolute; width: 100%; height:40px; bottom:-40px; ) . portfolio .label-bg ( pozadí: rgb(62, 151, 221); šířka: 100 %; výška: 100 %; pozice: absolutní; nahoře: 0; vlevo: 0; ) .portfolio .label-text ( barva: # fff; position: relativní; z-index:500; padding:5px 8px; ) .portfolio .text-category ( display:block; font-size:9px; )

V druhé části, přímo ve stejné šabloně stylů, pomocí několika mediálních dotazů vytvoříme alternativní CSS sekce. Aby se rozložení naší stránky správně zobrazovalo na obrazovkách různých mobilních zařízení, přidáme do těchto sekcí alternativní pravidla CSS pro různé obrazovky. Snadno tak přepíšeme jakákoli pravidla dříve nastavená v naší tabulce CSS pro běžné prohlížeče a dosáhneme velmi požadované přizpůsobivosti.

/* Tablet */ @media only obrazovka a (min-width: 768px ) a (max-width : 959px ) ( .container ( width : 768px ; ) ) /* Mobilní – Poznámka: Design pro šířku 320 pixelů*/@media only screen and (max-width: 767px) ( .container (šířka: 95%; ) #portfoliolist .portfolio (šířka: 48%; margin: 1%;)) /* Mobilní – Poznámka: Design pro šířku 480 pixelů */@media only screen a (min-width: 480px) a (max-width: 767px) (.container (šířka: 70%; ) )

/* Tablet */ @media only obrazovka a (min-width: 768px) a (max-width: 959px) ( .container ( width: 768px; ) ) /* Mobile – Poznámka: Design pro šířku 320px*/ @media only screen and (max-width: 767px) ( .container ( width: 95%; ) #portfoliolist .portfolio ( width:48%; margin:1%; ) ) /* Mobile – Poznámka: Určeno pro šířku 480px */ @media pouze obrazovka a (min. šířka: 480 pixelů) a (maximální šířka: 767 pixelů) ( .container ( šířka: 70 %; ) )

To je vše. Naše úžasná stránka pod velkorysým názvem "Portfolio" je připravena, zbývá ji pouze naplnit vašimi neméně úžasnými a vynikajícími díly a vystavit ji celému světu. Stále můžete být na sebe tiše, skromně hrdí. Hlavní věcí je nepřehánět to v této věci.
Podívejte se znovu na příklad a v případě potřeby vezměte zdrojový kód, ve svém volném čase, v klidném domácím prostředí, můžete toto dílo dovést k dokonalosti.

Při tvorbě lekce byl použit materiál: . Nachází se tam původní, nedotčená, jen z autorova pera, stránka portfolia.

Hodně štěstí všem a s prospěchem těla prožijte zbytek krátkého léta!