Mimo że w dzisiejszych czasach królują szablony do WordPressa, to zwykłe motywy stworzone w HTML5 i CSS3 również cieszą się powodzeniem.

Nie każdy przecież używa tego CMSa. Część osób potrzebuje po prostu zwykłej strony „wizytówki” lub będzie chciała wybrać któryś z darmowych szablonów i podpiąć pod swoje skrypty.

Poniżej przedstawiam listę motywów, które moim zdaniem wyróżniają się na tle ogromnej ilości darmowych plików.

Są podzielone na kilka kategorii, więc każdy powinien znaleźć coś dla siebie.

20+ Darmowych szablonów stron - HTML5 i CSS3 1

​Chcesz ​nauczyć ​się ​czegoś ​nowego?​

​Zapisz się na jeden z moich kursów wideo, gdzie nauczysz się wielu rzeczy związanych z tworzeniem stron i aplikacji ​- kursy dla początkujących i zaawansowanych

Szablony dla firm i uniwersalne

Wyróżniają się tym, że w prosty sposób można zamieścić informacje o firmie, dane kontaktowe czy opinie klientów. Jest też sporo elementów call to action, by zachęcić klientów do dodatkowych działań.

 

Triangle

Kreatywnie stworzony szablon oparty o Bootstrapa 3. Zawiera wiele sekcji typu: o nas, tabelki cenowe, sekcję z blogiem, portfolio czy shortcodes.

Pod względem designu spokojnie mógłby kwalifikować się do kategorii premium, ale dostępny jest zupełnie bezpłatnie.

20+ Darmowych szablonów stron - HTML5 i CSS3 2

Pobierz szablon Zobacz demo

Drifolio

Szablon pełen animacji stworzony dla grafików.

20+ Darmowych szablonów stron - HTML5 i CSS3 3

Pobierz szablon Zobacz demo

 

Mountain King

Motyw, który mógłby prezentować prace fotografia czy innego artysty. Oparty o Bootstrapa.

20+ Darmowych szablonów stron - HTML5 i CSS3 4

Pobierz szablon Zobacz demo

 

Spectral

20+ Darmowych szablonów stron - HTML5 i CSS3 5

Pobierz szablon Zobacz demo

 

Sima

20+ Darmowych szablonów stron - HTML5 i CSS3 6

Pobierz szablon Zobacz demo

 

Space Agency

20+ Darmowych szablonów stron - HTML5 i CSS3 7

Pobierz szablon Zobacz demo

 

Mobirise

20+ Darmowych szablonów stron - HTML5 i CSS3 8

Pobierz szablon Zobacz demo

 

Timber

20+ Darmowych szablonów stron - HTML5 i CSS3 9

Pobierz szablon Zobacz demo

 

20+ Darmowych szablonów stron - HTML5 i CSS3 1

​Chcesz ​nauczyć ​się ​czegoś ​nowego?​

​Zapisz się na jeden z moich kursów wideo, gdzie nauczysz się wielu rzeczy związanych z tworzeniem stron i aplikacji ​- kursy dla początkujących i zaawansowanych

Szablony do sklepów internetowych – e-commerce

Szablony skupione na e-handlu. Ich zadanie, to w odpowiedni sposób zaprezentować dostępne produkty.

Część osób szuka od razu szablonów do PrestaShop czy WooCommerce, jednak niektórzy mają własne skrypty i w takim przypadku zwykłe szablony stron mogą być idealne.

 

Nava

20+ Darmowych szablonów stron - HTML5 i CSS3 11

Pobierz szablon Zobacz demo

 

La Casa

20+ Darmowych szablonów stron - HTML5 i CSS3 12

Pobierz szablon Zobacz demo

 

E-shopper

20+ Darmowych szablonów stron - HTML5 i CSS3 13

Pobierz szablon Zobacz demo

 

Watches Flat

20+ Darmowych szablonów stron - HTML5 i CSS3 14

Pobierz szablon Zobacz demo

 

Luxury Watches

20+ Darmowych szablonów stron - HTML5 i CSS3 15

Pobierz szablon Zobacz demo

 

Buy Shop

20+ Darmowych szablonów stron - HTML5 i CSS3 16

Pobierz szablon Zobacz demo

 

Gretong

20+ Darmowych szablonów stron - HTML5 i CSS3 17

Pobierz szablon Zobacz demo

 

Szablony do portfolio i dla fotografów

Motywy, które mają upraszczać zamieszczanie galerii zdjęć na stronie (jeżeli jesteś fotografem). W przypadku autorów, designerów (itd.) – chodzi o zaprezentowanie listy produktów czy zrealizowanych zleceń w formie przejrzystego portfolio.

 

Lens

20+ Darmowych szablonów stron - HTML5 i CSS3 18

Pobierz szablon Zobacz demo

 

Box

20+ Darmowych szablonów stron - HTML5 i CSS3 19

Pobierz szablon Zobacz demo

 

Brushed

20+ Darmowych szablonów stron - HTML5 i CSS3 20

Pobierz szablon Zobacz demo

 

Calm

20+ Darmowych szablonów stron - HTML5 i CSS3 21

Pobierz szablon Zobacz demo

 

Jak widzisz darmowe nie zawsze oznacza gorsze.

W wielu bezpłatnych szablonach jest jeszcze długa droga do jakości, jaką możesz spotkać na ThemeForest, ale zauważam, że z roku na rok jest coraz lepiej.

Strony typu ThemeForest to gwarancja jakości – bo płacimy za konkretny produkt – ale w wielu przypadkach darmowy szablon HTML będzie wystarczający.

Jeśli znasz jeszcze jakieś perełki w kategorii zwykłych szablonów, podziel się nimi w komentarzu.

20+ Darmowych szablonów stron - HTML5 i CSS3 1

​Chcesz ​nauczyć ​się ​czegoś ​nowego?​

​Zapisz się na jeden z moich kursów wideo, gdzie nauczysz się wielu rzeczy związanych z tworzeniem stron i aplikacji ​- kursy dla początkujących i zaawansowanych

Jakub Jurkian

Pracuję jako Front End Developer w Londynie. Od ponad 11 lat jestem programistą-pasjonatem, a strony (i wszystko co z nimi związane) tworzę od 6 lat. Jestem też autorem kursów wideo - od 2013 roku prowadzę kanał na YouTube i tego bloga. Zaczynałem od pisania artykułów dla jednego z czołowych polskich portali IT - benchmark.pl. Prywatnie od 10 lat jestem związany z kulturą hip-hop (głównie taniec breakdance).

  • A jak obrabiać taki szablon Triangle.
    Np. w pewnym miejscy chciałbym wstawić okienko z filmem.
    I jak to zrobić?

  • Czemu gdy chce pobrac szablon ot pomimo ze mam dropbox zainstalowana aplikacje na komputerze wyskakuje blad 404 i nie widzi aplikacji?

  • >