Ky funksion merr një emër të grupit dhe një varg sendesh li si parametra. Pastaj klonon artikujt e dhënë në një ulje të re dhe shton një lidhje në shiritin e gjelbër.

Tani ne shikojmë nëpër të gjitha grupet dhe thërrasim funksionin ndihmës dhe shtojmë trajtimin e ngjarjes së klikimit për artikujt e menusë.

script.js - Pjesa 3

// Krijoni opsionin "Të gjithë" në menunë: createList ("Të gjithë", artikuj); // Shikoni vargjet në itemsByTags: $ .each (itemsByTags, funksioni (k, v) (krijoniList (k, v);)); $ ("# filtroni një"). jetoni ("klikoni", funksioni (e) (var lidhja \u003d $ (kjo); link.addClass ("aktiv"). vëllezërit e motrat (). removeClass ("aktiv"); // Përdorni shtojcën Quicksand për të gjallëruar artikujt e li. // Përdor të dhënat ("lista") të përcaktuara nga funksioni ynë createList: $ ("# stage"). Quicksand (link.data ("lista"). Find ("li")); e.preventDefault ();)); $ ("# filtroni a: së pari"). klikoni ();

CSS

Pjesa më interesante e stilit të CSS është shiriti i gjelbër # filtër. Përdor: para /: pas pseudo-elementeve për të krijuar kënde tërheqëse në anët e shiritit. Meqenëse janë pozicionuar absolutisht, kur të ndryshoni përmasat e shiritit, ato do të shfaqen aty ku dëshironi.

stilet.css

# filtri (sfondi: url ("../ img / bar.png") repeat-x 0 -94px; shfaqja: bllok; lartësia: 39px; margjina: 55px automatikisht; pozicioni: relativ; gjerësia: 600px; rreshtimi i tekstit: qendra; -moz-kuti-hije: 0 4px 4px # 000; -webkit-kuti-hije: 0 4px 4px # 000; kuti-hije: 0 4px 4px # 000;) # filtri: para, # filtri: pas (sfond : url ("../ img / bar.png") pa përsëritje; lartësia: 43px; pozicioni: absolut; maja: 0; gjerësia: 78px; përmbajtja: ""; -moz-box-hije: 0 2px 0 rgba (0,0,0,0,4,4); -ebbit-kuti-hije: 0 2px 0 rgba (0,0,0,0.4); kuti-hije: 0 2px 0 rgba (0,0,0,0.4);) # filtri: para (pozicioni i sfondit: 0 -47px; majtas: -78px;) # filtri: pas (pozicioni i sfondit: 0 0; djathtas: -78px;) # filtri a (ngjyra: #FFFFFF; shfaqja: inline- bllok; lartësia: 39px; lartësia e linjës: 37px; mbushja: 0 15px; teksti-hije: 1px 1px 1px # 315218;) # filtri a: rri pezull (dekorimi i tekstit: asnjë;) # filtri a.aktiv (sfondi: url ("../img/bar.png") repeat-x 0 -138px; box-shadow: 1px 0 0 rgba (255, 255, 255, 0.2), -1px 0 0 rgba (255, 255, 25 5, 0.2), 1px 0 1px rgba (0,0,0,0,2.2), -1px 0 1px rgba (0,0,0,0,2,2) e futur; )

Bërë!

Ju mund ta përdorni modelin për projektet tuaja. Ndryshimi i përmbajtjes së portofolit tuaj është i lehtë. Nëse përdoruesi ka JavaScript me aftësi të kufizuara, ai përsëri do të shohë punën, e cila ka një efekt të dobishëm në SEO të faqes.

Të gjithë modelet e paraqitura për faqen tuaj janë ndërtuar në versione moderne të HTML5 dhe CSS3. Përveç kësaj, autorët përdorin karakteristika të tilla të modës si dizajni i sheshtë, dizajni i përgjegjshëm, faqosja e përgjegjshme, rrëshqitësit e jQuery, animacioni CSS3, etj. Kjo do të thotë, nëse jeni duke kërkuar për një model të faqes mobile, ju mund të zgjidhni secilën nga ato të paraqitura. Shabllone të bukura html5 2017, edhe pse falas, duket si një premium.

Këtu do të gjeni mbi 50 shabllone të uebfaqeve të përgjegjshme me cilësi të lartë falas në HTML5 dhe CSS3, të cilat mund të përdoren për faqe të reja ose për të ridizajnuar ato ekzistuese. Shabllone me stil html5 të faqes në internet - Kjo është ajo që ju nevojitet!

Përditësuar më 03.12.2019: Që kur artikulli u shkrua 2 vjet më parë, shumë lidhje janë prishur. Ose pronarët e modeleve u bashkuan, ose ndryshuan statusin e modeleve nga falas në të paguar, ose alienët humbën gjithçka. Kërkoni për ju, lexues të dashur, nëse gjeni një lidhje të tillë, postojeni në komente, unë do ta korrigjoj.

1. Dëbora - një shabllon falas i faqes në HTML5 dhe CSS3

Shablloni i faqes së zbritjes së borës html5 css3 është ndërtuar në kornizën Bootstrap. Shablloni është shumë elegant dhe i lezetshëm! Një sfond fiks dhe një Jumbotron i madh është gjëja që tregon përmbajtjen kryesore të faqes. Cila është gjëja më e rëndësishme në faqen e uljes? Rightshtë e drejtë, një thirrje për veprim. Natyrisht, modeli është plotësisht miqësor për celularin. Ju madje mund ta përdorni atë si bazë për modelet tuaja.

2. Sima - shabllon elegant i faqes komerciale

Ky shabllon html5 css3 është ndërtuar gjithashtu në kornizën Bootstrap. Me këtë model, ju mund të krijoni një faqe unike interneti me një portofol, ekipin tuaj, çmimet, vlerësimet dhe gjithçka tjetër që ju nevojitet. Për shembull, ky model është i përsosur për një faqe në internet të shërbimit të pastrimit. Animacioni në këtë model është i rrjedhshëm dhe efektiv, me gërma të pastra dhe të lexueshme. Thjesht shablloni perfekt!

3. E bardha është një model i shkëlqyeshëm me një faqe!

Një tipar dallues i modelit të faqes në internet Bardhë janë dy opsione sfondi në krye. Mund të zgjidhni një rrëshqitës me fotografi ose një sfond video. Model shumë cilësor dhe efektiv për sitin!

4. Platz - Model HTML5 i Rrjetit Falas

Një model modern, vizualisht tërheqës, i bazuar në rrjet, HTML5, i bazuar në rrjet (lexoni më shumë rreth rrjetit). Dizajn i bukur dhe i përgjegjshëm i blogut ose modelit të faqes në internet.

5. Mart eCommerce - Model i bukur i faqes në internet Ecommerce HTML5 & CSS3

Një model i freskët dhe elegant i modelit të faqes në internet është më i përshtatshmi për të gjitha llojet e faqeve të internetit të modës që shesin këpucë, rroba, orë, pajisje, veshje sportive dhe më shumë. Përfshin një skedar PSD që mund ta rregulloni për t'iu përshtatur nevojave tuaja.

6. Nava - model efektiv HTML5 dhe CSS3 për faqet e internetit krijuese

Nava është një model modern i faqes në internet HTML5 që përdoret kryesisht për profesionistë krijues që duan të tregojnë punën e tyre në të gjithë lavdinë e saj. Shumë variacione të cilësimeve të shablloneve ju lejojnë ta bëni faqen tuaj unike. Shabllon i lehtë, i bukur dhe i përgjegjshëm i faqes në internet.

7. Portofoli i Kutisë - një model unik krijues i faqes në internet në HTML5 dhe CSS3

Modeli i faqes në internet Box Portfolio ka një dizajn minimal të pastër dhe modern. E përsosur për profesionistët që duan të shfaqin në mënyrë efektive punën e tyre në internet. Siç sugjeron emri, modeli i faqes në internet është i përshtatur në mënyrë të përsosur për portofolin.

8. Mountain King - model i njohur dhe funksional i faqes në internet HTML5 dhe CSS3

Tema e malit në krijimin e faqeve të internetit ka qenë shumë e famshme kohët e fundit. Modeli i faqes në internet Mountain King nuk bën përjashtim. Përfshin 336 ikona vektoriale nga Tipicons. Plus animacione të shkëlqyera CSS3. Modeli është perfekt për faqet e internetit të udhëtimit dhe portofolit.

9. Beauty Spa - Model i ftohtë HTML5 & CSS3 i faqes në internet

Beauty Spa është një model i përgjegjshëm i faqes në internet, i mbushur me shumë karakteristika të përsosura për vendet e banjës, shëndetit ose palestrës, faqet e yogas apo edhe faqet e flokëve. Lexueshmëri e shkëlqyeshme e shkronjave dhe minimalizëm modest.

10. Bent - Faqja zbarkuese me stil dhe efektive për faqet në HTML5 dhe CSS3

Bent është një model i shkëlqyeshëm falas i faqes në internet html5 dhe css3. Dizajn i përgjegjshëm, animacione CSS3, lëvizje paralaksike, lundrim i personalizueshëm etj. Ky është një model i pastër i dizajnit për faqet që duan të përdorin një dizajn të ekuilibruar për të siguruar që vizitorët të shijojnë pamjen e faqes ndërsa e shohin qartë përmbajtjen kryesore.

11. Trekëndëshi është një shabllon i përgjegjshëm për shumë qëllime falas në HTML5 dhe CSS3

Trekëndëshi është një model ekskluziv krijues i faqes në internet HTML5 dhe CSS3 posaçërisht për ata që duan të marrin në funksion dizajnin e tyre interesant pa e bërë më keq. Shablloni ka mbi 40 faqe të para-dizajnuara që ju lejojnë të personalizoni faqen tuaj sido që ju pëlqen.

12. Future Imperfect - një model i shkëlqyeshëm i faqes në internet për njerëzit krijues!

Përjetoni një ndjenjë të mirëfilltë argëtimi me këtë model uebfaqe të përsosur për shkrimtarët, autorët, shkruesit e reklamave dhe punëtorë të tjerë të stilolapsit dhe letrës. Modeli mund të përdoret gjithashtu për blog personal, blog udhëtimi, rreth krijimtarisë, etj. Dizajni kreativ dhe paraqitja e përgjegjshme e modelit do t'u pëlqejë shumë njerëzve.

13. Bodo është një model i shkëlqyeshëm për një faqe në internet

Bodo është një model i bukur HTML5 dhe CSS3 i faqes në internet që është i përsosur për një faqe personale personale. Sidomos për organizimin e portofolit. Tipografi e pastër dhe e freskët, rrëshqitës i karuselit, dritare që shfaqen për të treguar veprat tuaja artistike etj.

14. Lente - Modeli i përsosur i faqes HTML5 për fotografët

Fotografi janë gjithmonë në kërkim të modelit perfekt për faqen e tyre të internetit për të treguar punën e tyre në të gjithë lavdinë e saj, në mënyrë spektakolare dhe më e rëndësishmja - e madhe! Një model i rrallë i faqes plotëson këto kërkesa. Lente është një model i tillë i faqes në internet të fotografisë.

15. Spektral - shabllon unik i faqes së internetit të punuar me dorë në HTML5 dhe CSS3

Nëse jeni duke kërkuar modele falas të faqeve automatikeatëherë Spectral do të ishte zgjidhja perfekte. Këtu është një dizajn krejtësisht unik i hartuar i një faqe në internet me dorë. Dizajni mund të ndryshohet sipas gjykimit tuaj. Ky model mund të përdoret për të krijuar një faqe në internet mahnitëse me absolutisht çdo temë, qoftë një blog mbresëlënës udhëtimesh ose galeri fotografish, një faqe interneti automobilistike ose një ofrues pritjeje.

16. Oksigjeni - Një faqe HTML5 & CSS3 Model i faqes në internet

Oksigjeni është një model i përshtatshëm dhe unik për një faqe në internet biznesi. Dizajn modern i sheshtë, paraqitje e përgjegjshme. Për shembull, ky model është i përsosur për një faqe në internet në lidhje me aplikacionet mobile ose teknologjinë mobile.

17. Mobirise Bootstrap - Modeli Ultimate Pa pagesë HTML5 & CSS3 i Uebfaqes

Nëse po kërkoni një model falas të faqes në internet, atëherë Mobirise Bootstrap është vendi i përsosur për të filluar. Ky është një model shumëfunksional me shumë shtesa të përfshira. Tre faqet e parapërgatitura të faqeve kryesore dhe faqeve të blogut do t'ju ndihmojnë në këtë. Mobirise Bootstrap është gjithashtu 100% SEO e optimizuar dhe e përgjegjshme për çdo madhësi të ekranit.

18. La Casa - shabllon i bukur dhe falas HTML5 për një faqe në internet të pasurive të patundshme

Modeli i rakisë është perfekt për organizimin e një faqe në internet të pasurive të patundshme komerciale. Dizajni i përgjegjshëm dhe shumë i bukur do të tërheqë jo vetëm pronarin e faqes, por edhe vizitorët.

19. Drifolio - Modeli elegant i faqes në internet të Portofolit HTML5

Shabllon elegant dhe i animuar i faqes në internet të portofolit HTML5 dhe CSS3. Dizajne të pastra, tipografi e shkëlqyeshme, ikona të bukura dhe më shumë.

20. Pluton - shabllon i ndritshëm dhe elegant për një faqe në internet me një faqe

Pluton është një model i ndritshëm dhe efektiv i faqes në internet të Bootstrap. Një model modern i faqes në internet, me paraqitjen unike në një faqe dhe modelin e përgjegjshëm, i cili është i shkëlqyeshëm për studiot, fotografët dhe dizajnerët krijues.

21. SquadFree - Modeli profesional HTML5 me një faqe në uebfaqe

Modeli SquadFree është perfekt për ndërtimin e një faqe interneti komerciale me një faqe. Shablloni duket jo vetëm profesional, por edhe i përshtatur për të gjitha llojet e ekraneve. Shablloni është ndërtuar bazuar në Bootstrap.

22. Sublime - një shabllon magjepsës i faqes në internet HTML5 dhe CSS3

Sublime është një model i pastër dhe mahnitës i bukur i faqes në internet HTML5 dhe CSS3 i përkryer për një faqe fillestare, agjencie krijuese ose portofoli. Dizajni i përgjegjshëm dhe opsionet me dy faqe për të zgjedhur.

23. Lëndë drusore - shabllon i pazakontë dhe i bukur HTML5 dhe CSS3 i faqes në internet

Lënda drusore është një temë e freskët, me stil dhe e pazakontë e një faqe në internet. Diagonali është tipari kryesor i dizajnit të këtij shablloni. Modeli është perfekt për një faqe në internet ose portofol. Ekziston një galeri e integruar, hartë dhe informacion kontakti që mund ta përshtatni lehtësisht për veten tuaj.

24. E-Shopper - Modeli më i mirë i faqes në internet të tregtisë elektronike

E-Shopper është një mundësi e shkëlqyeshme për një model të faqes në internet eCommerce. Ndërtuar në bootstrap me një set karakteristikash të mahnitshme për një dyqan të plotë dhe efikas në internet.

25. Magnetike - Falas Model HTML5 dhe CSS3 Uebfaqe Foto

Një model absolutisht mahnitës HTML5 dhe CSS3 për krijimin e një faqeje fotografike ose portofoli për një projektues, ilustrues ose artist. Ky shabllon ngre shkallën për modelet profesionale në nivelin tjetër! Dizajn i përgjegjshëm, mbështetje e shkëlqyeshme për të gjitha llojet e pajisjeve të shfaqjes, lundrim i lehtë dhe i përshtatshëm dhe shumë më tepër.

26. Portofoli Mabur - shabllon i bukur minimalist i faqes në HTML5 dhe CSS3

Dizajni i sheshtë i këtij modeli minimalist të faqes në internet është perfekt për krijimin e një portofoli. Të gjitha detajet në model janë perfekte!

27. HTML Bootstrap Moderne - Modeli i Uebfaqes Një Faqe Falas

Kjo kornizë falas Bootstrap me një faqe është perfekte për faqet e internetit të korporatave, të vogla dhe të mëdha. Dizajn i sheshtë, paraqitje e përgjegjshme, të gjithë elementët e dizajnit me cilësi të lartë. Modeli është në dispozicion në 4 ngjyra të ndryshme.

28. Infuzion - model elegant i faqes në një faqe në HTML5 dhe CSS3

Infuzion është një shembull i shkëlqyeshëm i një shablloni të faqes HTML5 dhe CSS3 të krijuar posaçërisht për ndërtimin e një portofoli biznesi. Funksionaliteti i pasur i këtij modeli ju lejon të punoni në mënyrë efektive me klientët dhe të tërheqni të rinj.

29. Yebo - shabllon i faqes në internet të korporatave në HTML5 dhe CSS3

Ky model i faqes në internet me stil të sheshtë është i përsosur për çdo faqe interneti të korporatave. Dizajn i përgjegjshëm, shumë mundësi personalizimi dhe redaktimi.

30. Njëzet - Model spektakolar HTML5 & CSS3 Paralaks i Uebfaqes

Ky shabllon unik dhe shumë i bukur në internet i paralaks nuk do të lërë askënd indiferent. Shablloni me një faqe është ndërtuar me HTML5 dhe CSS3 të pastër me paraqitje të përgjegjshme, sfonde mbresëlënëse, mbështetje të mediave sociale dhe më shumë.

31. Urbanik - Model i shkëlqyeshëm i faqes në internet Bootstrap HTML5 & CSS3

Urbanic është një model i freskët dhe i freskët në internet HTML5 dhe CSS3 i ndërtuar në motorin Bootstrap. E përsosur për të filluar ndërtimin e faqes suaj të internetit menjëherë pa shumë telashe. Shablloni është përshtatur në mënyrë të përsosur për çdo madhësi të ekranit.

32. Showcase Design - Modeli i Uebfaqes së Portofolit HTML5

Një shabllon vizualisht harmonik dhe efektiv i faqes në internet HTML5 për të organizuar portofolin tuaj. Shablloni është përshtatur në mënyrë të përsosur për pajisjet mobile, gjë që është shumë e vështirë për faqet e këtij formati.

33. Mamba One - shabllon i thjeshtë dhe elegant i faqes në internet në HTML5 dhe CSS3

Mamba One është një shembull i një modeli të thjeshtë, por elegant, me një faqe në uebfaqe. Në përputhje me të gjithë shfletuesit modernë dhe do të shfaqet në mënyrë adekuate kudo.

34. KreativePixel - Modeli falas i faqes në internet për fotografët

Një tjetër model i shkëlqyeshëm i faqes në internet për fotografët. Dizajni i përgjegjshëm dhe klasifikimi shumë i përshtatshëm i fotove në portofole dhe galeri do t'u pëlqejë shumë dashamirëve të fotografisë. Shablloni gjithashtu përdor një efekt paralaks, i cili gjithashtu bën përshtypje për shikuesit kur shikojnë fotot.

35. Aplikim i Përgjegjshëm i Gati për Retinë - Falas Temë për HTML5 & CSS3 i Faqes së Uljes

Siç sugjeron emri, ky model i mrekullueshëm i faqes jo vetëm që është përshtatur në mënyrë të përkryer për faqet e uljes, por gjithashtu i përgjigjet trendeve të reja të celularëve, veçanërisht për sa i përket qartësisë së shfaqjes në pajisjet me shfaqje Retina.

36. Brushed - HTML5 & CSS3 Model i Përgjegjshëm i Uebfaqes i mundësuar nga Bootstrap

Brushed është një model i përgjegjshëm, falas HTML5 dhe CSS3 i faqes në internet i mundësuar nga Bootstrap. Optimizuar gjithashtu për shfaqjet Retina (iPhone, iPad, iPod Touch dhe MacBook Pro Retina).

37. Model i Uebfaqes me Foto të Mëdha HTML5 & CSS3

Mirësevini në Big Picture! Ky model i përgjegjshëm i faqes në internet HTML5 është i përsosur për të gjithë njerëzit krijues që kanë diçka për të treguar dhe për ta treguar atë të madh dhe mbresëlënës në faqen e tyre të internetit. Përveç kësaj, shablloni ka një animacion të shkëlqyeshëm.

38. Tesselatte - Modeli i Lirë Përgjegjës HTML5 & CSS3

Një model i thjeshtë me një faqe që merr parasysh të gjitha mjetet e nevojshme për një krijim të suksesshëm të faqes në internet. Ideale për blogun personal të një shkrimtari, shkruesi dhe thjesht një dashamirës i fjalës së shtypur.

39. Mbingarkesa - shabllon unik i faqes në HTML5 dhe CSS3

Ky model unik i faqes në HTML5 dhe CSS3 të pastër është perfekt për çdo person krijues. Completelyshtë plotësisht i përgjegjshëm dhe plotësisht falas.

40. Runkeeper - model i përgjegjshëm dhe shumë i bukur i faqes në internet

Runkeeper është një model falas, i përgjegjshëm dhe shumë i bukur i faqes në internet. Mund të përdoret për çdo sit. Stili i shkëlqyeshëm dhe shkronjat e freskëta, dizajni i përgjegjshëm dhe detajet mbresëlënëse të shabllonit. Gjithçka funksionon për ju!

41. Stili i Rrjetit të Përgjegjshëm të Pinballit - Modeli i Madh i Uebfaqes i Bazuar në Rrjet

Ky shabllon i mrekullueshëm profesional i faqes në internet i bazuar në rrjet është perfekt për një faqe në internet të korporatave. Dizajni modern i sheshtë dhe struktura e përgjegjshme e shabllonit shfaqet në mënyrë të përsosur në të dy monitorët e mëdhenj dhe ekranet e lëvizshme.

42. Prologue - HTML5 i pastër dhe CSS3 Një faqe në internet Model

Ky model i pastër, i thjeshtë dhe i freskët i faqes në internet HTML5 dhe CSS3 është i përsosur për ndërtimin e faqes tuaj të uljes. Dizajni minimalist nuk heq vëmendjen nga gjëja kryesore. Një lundrim i mrekullueshëm i shiritave anësorë dhe linjave të freskëta të faqeve janë kombinimi perfekt!

43. Helios - model modern i faqes në HTML5 dhe CSS3 të pastër

Një tjetër model i faqes në internet në stilin e minimalizmit dhe formave të pastra. Projektuar posaçërisht për të përfituar nga ekranet e mëdha të ekranit, por gjithashtu janë përshtatur në mënyrë të përkryer në ekranet e vogla të pajisjeve mobile.

44. Telefazik - Modeli i Uebfaqes HTML5 Falas dhe i Përgjegjshëm

Ky model modern, i përgjegjshëm dhe plotësisht falas i faqes në internet ka një avantazh të madh - është i thjeshtë dhe konciz, por kjo është pikërisht ajo që shumë u mungon.

45. Shtypur fort - shabllon shumë i bukur gjysmë-retro i faqes në internet

Modeli i ri i faqes në internet me një stil gjysëm retro minimalist. Thjesht retro nuk është më në modë, por një aluzion i lehtë për të është shumë i dobishëm. Ky model i faqes në internet është plotësisht i përgjegjshëm, i ndërtuar me HTML5 dhe CSS3 të pastër dhe përfshin të gjithë elementët thelbësorë të faqes që ju nevojiten. Strongly Typed është perfekte për faqet e internetit krijuese. Për shembull, për një faqe interneti për dekor shtëpie.

46. \u200b\u200bMe shirita - shabllon i pastër, i bukur dhe funksional HTML5 dhe CSS3 i faqes në internet

I freskët dhe i pastër, i bukur dhe funksional, model i ri i faqes në HTML5 dhe CSS3. Ai ka në arsenalin e tij të gjithë elementët e nevojshëm të faqes, përfshirë citimet, tabelat dhe listat e dizajnuara, si dhe një shirit anësor të përshtatur (në të djathtë ose në të majtë - siç dëshironi).

47. Paralelizmi - shabllon i pazakontë dhe elegant i faqes në internet në HTML5 dhe CSS3

Paralelizmi është një model elegant i faqes në internet për organizimin e portofoleve ose fotove. Veçori e saj është se lëvizja këtu nuk është vertikale, si zakonisht, por horizontale. Kjo i jep faqes një elegancë të veçantë dhe të paharrueshme.

48. Miniport - Model i plotë i përgjegjshëm i faqes HTML5 në stilin minimalist

Shabllon i shkëlqyeshëm i internetit i HTML5 minimalist. E përsosur për një faqe në internet / blog personal, si dhe për një faqe në internet me një faqe të vogël të korporatave ose si një faqe e kartave të biznesit.

49. Verti - shabllon i gjerë dhe pa përgjigje i faqes HTML5

Dizajni i pastër dhe i gjerë i këtij shablloni të faqes në internet është perfekt për faqet e internetit të vogla të korporatave ose projekte tregtare. Të përgjegjshëm dhe miqësor ndaj përdoruesit si për autorin ashtu edhe për përdoruesit.

50. ZeroFour - Modeli i Uebfaqes HTML5 & CSS3 Mbresëlënëse & Stylish

Dhe i fundit në listë, por jo i fundit për nga cilësia dhe shfaqja e jashtme, është modeli i faqes në internet ZeroFour. Dizajn elegant, menu shumë e bukur, forma dhe butona të rregulluara në mënyrë perfekte, ikona të bukura dhe shumë më tepër. Dhe të gjitha janë plotësisht falas!

Shpresoj se keni gjetur diçka të përshtatshme për veten tuaj në mes të këtyre modeleve të shkëlqyera të faqeve HTML5 dhe CSS3. Paç fat!

Shënoni për gjetjen e shpejtë më vonë.

PS: Nëse nuk mund të bëni një zgjedhje, lexoni artikullin "Unë nuk e di se çfarë dua". Do të jetë e dobishme.

Kjo epokë moderne është e mbushur me paradokse të mëdha dhe kthesa të kohës dhe fatit. Ndërsa bota bëhet më e lidhur dhe e globalizuar, pabarazitë duket se rriten, megjithatë anasjelltas mundësitë janë me bollëk në këtë epokë të re të ndritshme, nisur nga komunikimi total që interneti ka siguruar për njerëzimin. Dhe ndërsa kombet dhe ekonomitë më të mëdha në botë ngrihen dhe bien në cikle të pafundme, biznesi i zgjuar, sipërmarrësit dhe pronarët e Tokës po lulëzojnë në një botë plot mundësi, ku talenti dhe puna juaj e palodhur, nëse nuk njihen ose nuk vlerësohen në çfarëdo konteksti në të cilin gjendeni, mund të jetë po aq lehtë ushqimi juaj - apo edhe suksesi juaj i madh - diku tjetër në këtë planet.

Interneti është vetëm mjeti për t'ju ndihmuar të gjeni vendin tuaj për të ndriçuar, por nuk do të arrini askund pa një uebfaqe të bukur, moderne dhe tërheqëse të portofolit, që vepron si një kartë thirrjeje dhe një ekspozitë e aftësive tuaja, pavarësisht nga tregtia ose artizanati juaj. be-nga artistë dhe fotografë deri te dizajnerë dhe arkitektë, nga inxhinierë dhe dekorues te ndërtues dhe peizazhe, një portofol është një vend për të filluar. Dhe për ta nisur me stil dhe hijeshi, asgjë nuk e mposht majën e kombinimit të teknologjisë së linjës së një kornize solide HTML5 me fletë stilesh të qetë CSS3. Koleksioni i mëposhtëm i shablloneve të faqeve të internetit tregon modelet më të mira dhe të ndritshme të HTML5 / CSS3 të Uebfaqeve të Portofolit në treg. Ata nuk do të zhgënjejnë.

Eksploroni 2.5 Milionë Asete Dixhitale duke përfshirë 4,700+ Modele të Uebfaqeve të Portofolit

Artikuj 2M + nga tregu më i madh në botë për templates HTML5, Temat dhe Asetet e Dizajnit. Nëse kjo është ajo që ju nevojitet, ose ju jeni vetëm pas disa Fotove të Aksioneve - të gjitha ato mund të gjenden këtu në Envato Market.

SHKARKO TANI

Divi

Nuk ka asgjë tjetër që ju nevojitet në jetë kur bëhet fjalë për ndërtimin e faqes më të shquar të portofolit përveç Divi. Ky nuk është vetëm një mjet për zhvillimin e faqeve të internetit të të gjitha llojeve. Ju shndërron në një pro dhe zhvillues pro në çast dhe madje edhe nëse nuk jeni akoma nga ata. Në fakt, edhe nëse jeni ende një fillestar i plotë, mund të përdorni Divi dhe të krijoni një faqe të personalizuar për projektin tuaj në internet për të nxitur shërbimet dhe talentin tuaj.

Ndërsa Divi vjen me një sasi mjaft të konsiderueshme të materialit të paracaktuar, ju gjithmonë mund t'i bëni gjërat në mënyrën tuaj. Përmirësoni dhe ndryshoni ato që keni në dispozicion ose krijoni skema krejtësisht të personalizuara që i përshtaten kërkesave tuaja deri në detajet e fundit. Me Divi, gjithçka është e mundur pasi opsionet që keni janë të pafundme.

Webifiko

Nëse jeni duke kërkuar të krijoni një ose, keni ardhur në vendin e duhur. Webify është një model spektakolar i faqes në internet të portofolit që do t'ju bëjë të zgjidheni në një kohë të shkurtër. Kini parasysh që pjesa më e madhe e punës është bërë tashmë për ju. Nga teknikat deri te dizenjimi i uebit, Webify i bën të gjitha për lehtësinë tuaj. Me demonstrimet e paracaktuara, ju mund të keni një portofol funksional në internet, të mbushur me përmbajtjen tuaj të mrekullueshme, të gatshëm për fillimin më shpejt sesa më vonë.

Në paketën e njëzet mostrave të ndryshme, do të gjeni katër ekskluzive të cilat janë perfekte për krijimin e portofoleve moderne në internet. Për t'ju bërë të ndiheni edhe më rehat, duke iu afruar zhvillimit të faqes në internet, nuk keni nevojë të jeni me teknologji të zgjuar që të keni një shans për të punuar me Webify. Çdokush mund ta bëjë këtë, edhe koduesit fillestarë dhe ata që do të bëjnë edhe faqen e tyre të parë.

Xhevelin

Jevelin është një temë e përgjegjshme WordPress që nuk kërkon njohuri të mëparshme për asgjë. Isshtë e përkryer për njerëzit dembelë, jo-programues, ose thjesht të zënë. Ajo vjen me mijëra demonstrata dhe zgjedhje të para-ndërtuara për elementët e faqes. Jevelin është e dokumentuar mirë dhe madje ofron mësime video për t'ju drejtuar gjatë gjithë rrugës. Ai përdor një ndërtues faqesh Drag & Drop dhe një MegaMenu që thjeshtojnë shumë detyra të panelit. Janë përfshirë gjithashtu 40 kode të shkurtra të mahnitshme për t'u bërë krijues dhe dinak! Për më tepër, Jevelin është në thelb për shumë qëllime dhe i adaptueshëm për shfletuesit ose pajisjet. Isshtë bërë me shumë veprime të mundshme, por vetëm një qëllim të vërtetë: ndërtimi cilësor i faqeve. Gjithashtu, shtesa të veçanta që e bëjnë atë të shkëlqyeshme përfshijnë WPML për përkthim dhe Google Maps. Për më tepër, ju mund të ndani postimet tuaja dhe djalin e ri gjithçka që dëshironi me butonat e mediave sociale.

Jevelin është gjithashtu i shpejtë dhe i optimizuar për lundrim me SEO. Ajo vjen me +10 paraqitje të portofolit dhe 6 faqe blog gjithashtu. Bëni të gjitha gati për të bërë transaksione tregtare dhe formularë për klientët e mundshëm. Për më tepër, ajo është integruar me shtojca të mrekullueshme WooCommerce dhe Forma e Kontaktit 7. Së fundmi, do t'ju ofrojë një temë për fëmijë dhe azhurnime falas të vazhdueshme! Shikoni shpejt dhe nuk do të ktheheni prapa! Shkoni për Jevelin!

Marie

Marée është një model i faqes në internet të portofolit emocionues, të lehtë për t’u përdorur dhe që shkakton interes për ilustruesit dhe dizajnerët. Sidoqoftë, çdokush mund të shfrytëzojë mahnitjen e Marée nëse e shihni se dizenjimi i uebit po bën jehonë me ju. Ka disa demonstrata të ndryshme për të zgjedhur, të gjitha krijuese, origjinale dhe inovative. Ndërsa është e thjeshtë në shikim të parë, Marée siguron një përvojë fantastike dhe të paharrueshme. Së bashku me disa shtëpi të paracaktuara, Marée gjithashtu përfshin shumë faqe të brendshme për lehtësinë tuaj.

Përzieni dhe përputhni ato që janë në dispozicion me prekjen tuaj krijuese dhe personalizoni Marée sipas shijes tuaj. Marée gjithashtu vjen me ndërtuesin e faqeve të tërheqjes dhe lëshimit të WPBakery, Revolution Slider, ngjyra të pakufizuara, seksioni i dyqanit në internet, tre paginacione dhe disa kode të shkurtra të bëra me porosi. Ju mund të krijoni shpejt portofolin e saktë në internet që dëshironi me Marée. Thënë kjo, ndërmarr masa tani dhe nxirre projektin tënd në lartësi të reja.

Molli

Molli është një tjetër zgjidhje madhështore për agjencitë dhe profesionistët e pavarur. Nëse keni nevojë për të zgjidhur një faqe interneti tërheqëse të vëmendjes sa më shpejt të jetë e mundur, Molli është bastja juaj më e mirë. Në vend që të filloni nga e para, tani mund të shkoni gjithçka me Molli dhe të përjetoni rezultate të shpejta dhe spektakolare. Pasi të shihni se e gjithë puna është bërë tashmë për ju, do të filloni të krijoni faqen e dëshiruar me besim dhe rehati. Ki parasysh, me Mollin, nuk ke nevojë të dish të kodosh, falë teknikës së ndërtimit të faqes drag and drop.

Indeksi mahnitës dhe faqosjet e faqeve të brendshme presin çdo përdorues të Molli të dalë nga kutia. Mos ngurroni t'i përdorni ato saktësisht ashtu siç janë ose të rritni gjërat pak duke prezantuar origjinalitetin tuaj tek ata. Siç u përmend më herët, çdo redaktim dhe përmirësim ndodh pa pasur nevojë të dini se si të bëni ndonjë nga programet. Me Molli, ju krijoni një faqe si një profesionist edhe nëse jeni akoma një fillestar i plotë. Molli është gjithashtu i optimizuar për dhe SEO, i përgjegjshëm dhe i pajtueshëm me shfletuesin. Bëni gjërat duke shkuar me Mollin dhe shkëlqeni në internet.

Forzo

Forzo ka një prekje të veçantë ndaj saj, gjë që ju largon lehtësisht nga konkurrenca. Nëse kjo është diçka që ndez kureshtjen tuaj, më mirë shikoni pamjen paraprake të Forzo. Jini të përgatitur si mahnitja dhe pamja inovative me siguri që do t'ju largojnë. Ju filloni të punoni me Forzo duke zgjedhur një nga katër demonstrimet e paracaktuara të faqes në shtëpi. Cilindo që zgjidhni, mund të prisni një rezultat goditjeje që do të bëjë përshtypje për këdo që i bën një vizitë portofolit tuaj online. Forzo është goditës, me të vërtetë.

Forzo ka një pamje minimale me vëmendje të fortë ndaj detajeve. Ka një plan urbanistik të lëngshëm, i cili përshtatet pa mundim në të gjitha pajisjet, nga dora në kompjuter. Retshtë gati në retinë ,. Për më tepër, Forzo përfshin dy menu, blog, shtojcë ACF Pro, widget dhe UI të detajuar. Ju gjithashtu mund të përktheni Forzo në çdo gjuhë që dëshironi.

Mono

Gjithçka që ju nevojitet për të ndërtuar një faqe interneti perfekte është në dispozicion në modelin e faqes në internet të portofolit Mono. Thisshtë ky mjet krijues me të gjitha tiparet dhe elementet që ju nevojiten për të krijuar faqen tuaj te internetit. Në pako, Mono ka një sasi të madhe prej 38 faqesh në shtëpi që ju të mund ta gjeni lehtë atë ideal. Për më tepër, Mono gjithashtu vjen me disa skema të ndryshme navigimi për një përvojë të përgjithshme vrasëse në sit.

Mono është ndërtuar me Bootstrap 4 dhe paraqitja vjen plotësisht e përgjegjshme dhe e lehtë. Punimet tuaja do të duken gjithmonë të mahnitshme, pa marrë parasysh pajisjen që ata përdorin për ta shfletuar. Preloaders me shumë faqe, mbi pesëdhjetë stile butonash, rregullime të ndryshme të portofolit dhe madje faqet e paracaktuara, Mono është këtu për të ofruar. Kur më në fund është koha për të marrë faqen që dëshironi gjithmonë, gjithçka që ju nevojitet është Mono.

Quadra

Quadra është një model me shumë qëllime, i fuqishëm dhe me performancë të lartë me individë dhe agjenci krijuese në mendje. Thënë kjo, ju gjithashtu mund të quani Quadra një model të faqes në internet të portofolit plot me asete dhe karakteristika të shkëlqyera. Isshtë një nga ato lëkurat e faqeve që përshtaten shpejt me të gjitha nevojat dhe kërkesat tuaja. Me fjalë të tjera, është modeli i saktë që gjithmonë keni dashur të përshpejtoni krijimin e portofolit tuaj.

Ky mjet praktikon të gjitha teknologjitë më të fundit dhe më të mëdha për të siguruar stabilitet dhe përvojë të qetë për të gjithë vizitorët tuaj. Pavarësisht se çfarë duhet të tregoni, kjo paketë është gati për retinë, kështu që gjithmonë do të duket e mahnitshme. Me mbi shtatëqind shabllone unike, nuk do të duhet të shqetësoheni më kurrë për krijimin e faqes suaj në internet. E gjitha është bërë për ju dhe është vetëm duke pritur që ju të hidheni brenda dhe ta përdorni atë. Lëreni Quadra të largojë nga ju sherrin e krijimit të faqeve.

Cvio

Si profesionist i pavarur ose profesionist, do të dëshironit të zgjeronit arritjet tuaja në një mënyrë ose në një tjetër. Një zgjidhje fantastike për të arritur klientë të rinj është duke bërë një faqe që shtyn aftësitë dhe talentet tuaja përtej dhe më gjerë. Për fatin tuaj, tani mund t'i bëni gjërat të shkojnë përpara menjëherë me Cvio. Ky model i faqes në internet të portofolit është i mbushur me ushqime të dobishme që mund t'i vini në lojë dhe të shkëlqeni në internet. Tani mund të filloni gjërat si profesionist menjëherë dhe të krijoni një faqe në internet që do t'ju ndihmojë të shkallëzoni biznesin tuaj drejt sukseseve të reja.

E para dhe më e rëndësishmja, me Cvio, ju mund të ndërtoni një faqe në internet me një ose me shumë faqe. Për më tepër, ju gjithashtu do të përfitoni nga gjashtë skema të ndryshme të indeksit dhe faqeve të tjera të brendshme. Përzieni dhe përputhni ato që janë në dispozicion, prezantoni stilin tuaj të nënshkrimit dhe keni një faqe të vendosur të gjitha më shpejt sesa më vonë.

Ryan

Ryan është një model i gjithanshëm dhe i gjithanshëm i faqes në internet të portofolit për çdo profesionist që kërkon të çojë projektin e tij ose të saj në një shkallë të re. Projektuesit, programuesit, zhvilluesit e aplikacioneve, profesionistët e pavarur dhe pothuajse kushdo tjetër që është i interesuar të ndërtojë një faqe personale personale ose një portofol në internet mund të përfitojë shumë nga Ryan spektakolar. Në vend që të bëni vetë ngritjen e rëndë, kurseni kohë dhe energji duke përdorur Ryan të fuqishëm dhe praktik.

Në paketën masive të karakteristikave, ju do të gjeni të gjitha llojet e të mirave, si gjashtë lëkurat e paravendosur me ngjyra, kalimet e faqeve, pesë paraqitjet, modalitetin e errët dhe të dritës. Ndërtoni besim me dëshmitë, filloni një blog dhe i lini të vijnë në kontakt me ju përmes formës së integruar të kontaktit. Do të gjeni edhe Google Maps!

Sigurisht, Ryan është gjithashtu 100% i gatshëm për celularë dhe i pajtueshëm me shfletuesin, duke siguruar një performancë vrasëse në çdo kohë.

Glitche

Glitche është një moderne, me një pamje mahnitëse dhe minimale. Ka shumë veçori dhe funksione të mrekullueshme që do t'ju ndihmojnë të krijoni një prani të mrekullueshme në internet. Ka katër demo për të zgjedhur, por mund të prisni që edhe më shumë të bien me azhurnimet e ardhshme. Gjithashtu, Glitche vazhdon të shtojë rregullisht pajisje të reja për t'ju mbajtur të mbushur me mirësi për vitet që vijnë.

Për më tepër, me krijimin e faqes jashtë kutisë, ju mund të vendosni shpejt faqen e dëshiruar dhe të shkëlqeni në internet si një kampion. Sigurisht, ju gjithashtu mund të kryeni ndryshime shtesë të personalizimit dhe ta bëni Glitche tuajin.

Të mirat e tjera përfshijnë modalitetin e errët dhe të dritës, paraqitjet me një dhe me shumë faqe, ngjyra të pakufizuara, gjashtë opsione sfondi, Formulari i Kontaktit 7 dhe faqet e blogut. Krijoni një prani të plotë në internet me Glitche dhe çojeni projektin tuaj në lartësi të reja.

Maclaren

MacLaren është një shabllon mahnitës i faqes në internet të portofolit me një pamje të mrekullueshme të errët. Nëse dëshironi të krijoni një përshtypje të fortë të parë, bëni gjëra me MacLaren dhe shkëlqeni në internet. Shtë një mjet që mund ta shfrytëzoni jashtë kutisë ose të përmirësoni më tej. MacLaren gjithashtu ndjek të gjitha tendencat dhe rregulloret moderne, duke u siguruar që rezultati të funksionojë pa pengesa në të gjitha pajisjet dhe platformat. Me fjalë të tjera, MacLaren është 100% i përgjegjshëm dhe fleksibël, i pajtueshëm me shfletuesin dhe në përputhje me ekranet e retinës. Mjeti ngarkohet jashtëzakonisht shpejt për të siguruar një performancë të gradës A.

Shkronjat e Google, ikonat Font Awesome, animacionet, Google Maps, Bootstrap Framework dhe optimizimi i SEO janë vetëm disa nga të mirat e tjera që merrni me MacLaren. Për më tepër, MacLaren vjen me dokumentacion të thelluar që ju të keni një fllad duke e përdorur atë. Kjo është ajo, krijoni një prezantim në internet që do të ndikojë tek të gjithë dhe do të rrisë potencialin tuaj për të fituar koncerte të reja.

Magjistar

Ju mund të prisni që gjëra magjike të ndodhin kur të keni qasje në modelin e faqes së internetit të portofolit Wizzard. Nëse jo magjike, se magjistar me siguri. Sidoqoftë, Wizzard është një qasje mahnitëse dhe origjinale ndaj kanavacave të portofolit për agjencitë dhe individët profesionistë. Bëni përshtypje nga modeli unik i një faqe në shtëpi dhe tërhiqni vëmendjen e të gjithëve që vizitojnë faqen tuaj.

Me Wizzard, ju shfaqni punimet dhe projektet tuaja në një mënyrë të veçantë, të rralla që shihen diku tjetër. Kuptimi, përdorni atë, shkoni kundër normës dhe dilni nga turma. Rrjeti origjinal shfaqet mrekullueshëm në çdo ekran për shkak të paraqitjes së gatshme të Wizzard për celularë. Për më tepër, Wizzard gjithashtu vjen me një formë kontakti aktiv, një menu të mbivendosur në ekran të plotë dhe një shtesë të lëvizjes së butë. Asnjë pyetje nuk është bërë, rezultati përfundimtar me siguri do të jetë ai që duhet mbajtur mend.

Rastësisht

Pavarësisht se cili është talenti juaj dhe çfarë lloji të punës dëshironi të shfaqni, është modeli i faqes së portofolit Casely që do të jetë gjithmonë mënyra më e mirë për ta bërë atë. Me pak fjalë, Casely është një dizajn kreativ dhe modern që gjithmonë duket shkëlqyeshëm. Kjo tha, Casely është në përputhje me të gjitha pajisjet e teknologjisë së lartë dhe shfletuesit modernë të internetit që e bën atë të funksionojë pa gabime në çdo kohë.

Casely vjen e mbushur me animacione të mahnitshme për të kënaqur të gjithë vizitorët tuaj sa më shpejt që të arrijnë në faqen kryesore. Ekzistojnë mbi dymbëdhjetë forma model për të parë përpara se të vendosni për modelin tuaj përfundimtar. Vendosur së bashku me fillestarët në mendje, Casely është i lehtë për t'u përdorur dhe për të punuar me të, i ndërtuar me HTML5 dhe CSS3 të vlefshëm. Casely sigurohet që shfletimi dhe hetimi i përmbajtjes dhe punës suaj është gjithmonë një përvojë argëtuese.

Arlo

Arlo është një model i konceptuar shkëlqyeshëm, duke ndjekur nocionin e bartjes së shërbimit fantastik për klientët e saj. Ky model i faqes në internet të portofolit zgjon krijimtarinë tuaj duke i mbajtur gjërat pa stres. Sidoqoftë, ai gjithashtu e merr seriozisht biznesin. Me skema të ndryshme të personalizuara në dyqan, ju mund ta dizajnoni faqen tuaj si një rezyme në internet, një portofol ose një platformë interaktive për markën tuaj. Shkurtimisht, me Arlo, ju mund të krijoni faqen e duhur për të çuar biznesin tuaj në një shkallë të re.

Ky model i plasaritjes ka një plan urbanistik fleksibël dhe të përgjegjshëm, i cili ju mundëson të paraqisni produktet dhe shërbimet tuaja në të gjitha pajisjet pa probleme. Karakteristikat kryesore përfshijnë pesë shtëpi, animacione mbresëlënëse dhe tërheqëse të vëmendjes, SEO, integrim shoqëror, mbështetje miqësore dhe më shumë. Ju gjithashtu mund të filloni të shkruani një blog dhe t'i lini klientët e mundshëm të kontaktojnë me ju përmes formës së kontaktit të integruar dhe funksional.

Sateliti

Vetëm nga emri, ju mund të supozoni se Sateliti ka të bëjë me krijimin e një mundësie të fortë me perspektivat tuaja. Në fakt, ky model i faqes në internet të portofolit është i mbushur me karakteristika të favorshme që kthehen thjeshtë në fitimprurëse. Të gjitha modelet që Satelite ka në dispozicion për ju janë të përgjegjshme, gjë që e bën shikimin pa sherr dhe tërheqës. Sateliti është një nga ato modelet që do t'ju dallojnë lehtësisht nga masat dhe do të vendosin të drejtën tuaj sipër.

Disa nga shumë karakteristikat e Satelitit janë kodet e shkurtra intuitive, lëvizja e butë, kalimet e jashtëzakonshme të faqes dhe menyja e mbivendosjes në ekran të plotë. Uebfaqja juaj gjithashtu do të ngarkohet shumë shpejt dhe do të japë një përvojë plasaritjeje për çdo vizitor të faqes. Ajo që është gjithashtu mjaft interesante për Satelitin është fakti që ai ofron një garanci kthimi parash prej 14 ditësh e cila nuk është aq e zakonshme në hapësirën e modelit.

Malena

Një artist vlerëson më së shumti portofolin e tij ose të saj. Nëse jeni në të njëjtën varkë, modeli i faqes në internet të portofolit Malena ofron shërbimet e tij të cilat mund t’i shfrytëzoni në avantazhin tuaj të plotë. Nëse jeni kurioz, ja si funksionon. Krijimi i një faqe në internet me Malena është kaq e lehtë, ju mund të zgjidhni demo dhe gjëra të tjera ose të kodoni rrugën tuaj për të dalë prej saj. Zgjidhni nga gjashtë faqosje në dispozicion dhe shkoni nga atje. Përzieni dhe përputhni përbërësit e arritshëm me punët dhe shërbimet tuaja dhe përfundoni procesin e krijimit të portofolit tuaj në internet më shpejt sesa imagjinoni.

Portofol & CV

Nëse jeni duke kërkuar për një qasje të shquar për praninë tuaj në internet, është mënyra për të shkuar. Kjo kanavacë e azhurnuar e faqes nuk do të dalë kurrë nga moda dhe gjithmonë do të trajtojë ju dhe vizitorët tuaj si duhet. Ka edhe një version të lehtë dhe të errët për të zgjedhur, kështu që nuk ndiheni kurrë sikur të jeni jashtë opsioneve. Merrni parasysh, modeli i faqes në internet të portofolit është gjithashtu rregullim i gatshëm që ju ta rregulloni atë sipas nevojave tuaja, megjithatë dëshironi.

Së bashku me të gjitha seksionet e tjera të shkëlqyera, portofoli i përfshirë është gjithmonë mënyra më e mirë për të shfaqur punimet tuaja. Ai i mban të gjitha pamjet të freskëta dhe të pastra. Përveç kësaj, shablloni është i përgjegjshëm dhe i pajtueshëm me shfletuesin ndërkombëtar për t'u përshtatur pa marrë parasysh pajisjen ose platformën që përdorin vizitorët tuaj.

I shokuar

Funky ju ofron mbi dyqind blloqe ndërfaqeje dhe dy mijë ikona premium për t'ju dhënë modelin më të mirë të faqes në internet të portofolit në treg. Mund të kontrolloni mbi njëqind faqe demo për të gjetur modelin që funksionon më mirë për ju. Nga faqet e indeksit në të gjitha pjesët e tjera të brendshme, me Funky, ju i kurseni vetes shumë kohë. Funky është një model Bootstrap 4 për t'ju ofruar gjithmonë juve dhe përdoruesve tuaj një përvojë të qëndrueshme dhe të përsosur.

Në kompletin Funky, do të gjeni koncepte me një dhe shumë faqe që hap dyert për një spektër të ri mundësish për ju. Pavarësisht nga talenti juaj, Funky është këtu për t'ju ndihmuar ta shtyni atë në botën e jashtme. Të gjithë elementët që gjeni janë të ripërdorshme që ju të krijoni hapësirën e saktë që meriton me të vërtetë puna juaj më e mirë.

Emily

Për çdo fotograf atje që ka nevojë për të shfaqur punën e tij ose të saj, Emily është modeli i faqes në internet të portofolit të fotografisë që ju nevojitet. Responsshtë i përgjegjshëm, i gatshëm për retinë dhe praktikon të gjitha teknologjitë moderne. Do të thotë, Emily performon jashtëzakonisht mirë në të gjitha platformat dhe pajisjet. Thënë kjo, zgjeroni potencialin tuaj dhe tërhiqni klientë të rinj të mundshëm të interesuar të punojnë me ju.

Kodi i Emily është i pastër dhe i organizuar për fillestarët dhe profesionistët për të përfituar sa më shumë prej tij. Efekti paralaks, rrëshqitësi i imazhit, tranzicioni i faqes së animuar dhe ikonat e mediave sociale, të gjitha këto dhe ngarkesa më shumë janë tiparet interesante të Emily. Ju gjithashtu merrni një formë funksionale të kontaktit AJAX dhe nuk duhet të shqetësoheni për optimizimin e motorëve të kërkimit. Zgjero shtrirjen tuaj, shkoni në internet dhe shtyjeni projektin tuaj fotografik në kufij.

Gullu.ly

Jo vetëm që dizenjimi në internet i këtij shablloni tjetër me siguri do të ngjall interesin tuaj, por është emri që do të bëjë të njëjtën gjë, gjithashtu. Takohu, Gullu.ly. Shtë një model krijues i faqes në internet për agjencitë e gatshme të shtyjnë portofolin dhe shërbimet e tyre. Ndërsa Gullu.ly është kryesisht për bizneset e vogla, shumë profesionistë të pavarur do ta konsiderojnë atë një përshtatje të shkëlqyeshme edhe për projektet e tyre. Mbi të gjitha, Gullu.ly është një model shumë-funksional, i lehtë për tu redaktuar dhe i thjeshtë për tu mirëmbajtur.

Gullu.ly vjen me katër variacione në shtëpi, është i gatshëm për retinë, kodim perfekt i pikseleve sportive dhe pajtueshmëri ndërmjet shfletuesve. Formulari i punës, dokumentacioni dhe mbështetja e shpejtë dhe e besueshme janë gjithashtu në dispozicion për të gjithë ata që shkarkojnë modelin. Bëni një provë provuese duke kontrolluar pamjen paraprake të Gullu.ly të demonstrimeve, katër paraqitjeve të portofolit dhe të mira të tjera.

Inshot

Për fleksibilitetin më të madh me galeritë, shikoni modelin e faqes në internet të portofolit Inshot sot. Isshtë një model bashkëkohor dhe i përgjegjshëm i faqes në internet për fotografët, si dhe dizajnerët dhe cilindo tjetër që ka nevojë për një mënyrë të shpejtë për të shfaqur punën e tyre. Inshot do të tregojë kryeveprat tuaja në dritën më të mirë të mundshme. Ajo vjen me shtatë faqe të ndryshme unike indeksi dhe gjashtë variacione të ndryshme të portofolit për të zgjedhur.

Për shkak të gatishmërisë së saj për celularë, Inshot funksionon mjaft mirë me të dy minjtë në një desktop dhe prekjen dhe rrëshqitjen në një tabletë ose pajisje të lëvizshme. Mund të konfiguroni gjithashtu një burim të Twitter-it për t'u siguruar që përdoruesit tuaj të qëndrojnë gjithmonë në azhurnim me gjithçka që aktualisht jeni në rregull. Përveç kësaj, Inshot është gjithashtu i pajtueshëm me formularin e pajtimit në MailChimp që ju të filloni të kapni email-et e vizitorëve tuaj menjëherë.

Alfa

Nëse me të vërtetë dëshironi të keni fuqinë e krijimit të faqes në duart tuaja, atëherë, pa dyshim, keni nevojë për modelin e faqes në internet të portofolit Alpha në anën tuaj. Në pako, do të gjeni gjithçka që kërkoni për të krijuar një hapësirë \u200b\u200bfrikësuese në ueb. Alpha është e shkëlqyeshme për rinisjet, CV-të, kartat vC, si dhe për ata që duan të shfaqen ndryshe. Pavarësisht nëse jeni një punëkërkues ose një profesionist i pavarur, të paturit e një paraqitje të qëndrueshme në internet do t'ju bëjë shumë mirë.

Alpha vjen me 38 faqe HTML nga të cilat trembëdhjetë janë faqe shtëpiake, nëntë janë paraqitje të portofolit dhe dy të gatshme për tabela të çmimeve. Përfshihen detajet e blogut dhe blogut! Alpha vjen me katër lloje të ndryshme navigimi dhe menysh që mund t'i kaloni së pari para se të vendoseni në atë që ju pëlqen vërtet. Çfarëdo që keni në mendje, ju jeni në gjendje ta krijoni atë me Alpha. Hidhuni me të dyja këmbët dhe zhvilloni një faqe plasaritjeje për krijimet tuaja.

Sepia

Ky koleksion i shablloneve më të mira të faqeve të internetit të portofolit është një burim i shkëlqyeshëm për çdo mendje krijuese atje, përfshirë fotografët. Duke folur për të cilën, Sepia është një model ekskluziv i faqes në internet me më shumë se 78 faqe të paracaktuara, të përparme dhe të brendshme. Sa për të parën, Sepia ka tetë në dispozicionin tuaj dhe më shumë që vijnë në rrugën tuaj me azhurnimet e ardhshme. Shtatë stilet kryesore të albumeve dhe katër galeritë janë gjithashtu në dispozicion për ju për të nxitur punimet tuaja.

Sepia vjen me Google Maps, Fonts Google, ikona Font Aweomse, karusel me përmbajtje dhe një koleksion të gjerë të gjërave të tjera. Ndërtimi dhe përshtatja e një faqeje për nevojat tuaja me Sepia është një mundësi e fortë për të marrë aventurën tuaj për të arritur qëllimet që i keni vendosur vetes. Nuk ka më kohë për të humbur më, filloni procesin e rafinimit të faqes tuaj të internetit sot me Sepia.

Canna

Ju nuk do të keni nevojë të shikoni më tej se Canna kur jeni në kërkim të një modeli të faqes në internet të portofolit që funksionon si duhet për ju. Canna bazohet në Bootstrap për lakueshmërinë e faqes që nuk duhet të shmangni në epokën e parë të lëvizshme që jetojmë. Ju merrni dymbëdhjetë demo mahnitëse të faqes në shtëpi të cilat mund t'i përdorni jashtë kutisë ose t'i përshtatni ato me kërkesat tuaja. Kur bëhet fjalë për ngjyrat, Canna vjen me gjashtë skema ngjyrash që ju të gjeni shpejt atë që i përshtatet më shumë markës suaj. Por prezantimi i ngjyrave të tjera është gjithashtu i mundur.

Më shumë gjëra të mira të Canna vijnë në formën e Revolution Slider, sfondi i videos Hero, seksione paralaksi dhe animacione CSS. Ai gjithashtu rendit procesin e klientëve që vijnë në kontakt me ju me një formë të integruar dhe funksionuese. Sigurisht, ju gjithashtu merrni dokumentacion shterues, kështu që kurrë nuk hasni telashe.

Stash

Stash është një temë WordPress dinamike dhe e gjithanshme. I përshtatet çdo personi në çdo moment të caktuar për sa kohë që ata kanë një projekt në mendje. Ka potencial për të përfituar ata me anën artistike dhe të gjithë profesionistët. Stash bazohet në një ndërtues blloku Visual Composer, +260 blloqe dhe +85 për të luajtur. Stash është gjithashtu plotësisht i përgjegjshëm dhe ka shumë përshtatje për të bërë. Ai përshtatet me lehtësi në ekranet dhe pajisjet! Përveç kësaj, menutë zbritëse ju ndihmojnë shumë me këtë. Numri i pagave numëron me mijëra demonstrata të specializuara dhe opsionet e ndërtuara paraprakisht për t'u bërë dinak. Shtë më e mira në shfaqjen dhe tërheqjen e imazhit. Ju do të merrni Slider Revolution të integruar për galeritë dhe dhe 7 portofole të integruar. Vendosni paraqitje të hollësishme mahnitëse me shumë koka, ngjyra të pakufizuara dhe bloge.

Stash do t'ju lejojë të zbukuroni sfondet gjithashtu me animacione CSS3 dhe Parallax. Tërhiqni klientë me karakteristika mahnitëse dhe bëni që ata të vlerësojnë atë që ju ofroni! Stash është i pajtueshëm, për t'ju bërë përshtypje edhe më shumë, me WooCommerce. Vendosni dyqane të mrekullueshme për ta bërë faqen tuaj të gatshme për të bërë biznes. WPML për përkthime dhe Formularët Minimalë janë gjithashtu në dispozicion. Në përgjithësi, ky është një mjet i shpejtë dhe i përmirësuar në SEO që thjesht do t'ju bëjë të ndiheni të qetë dhe të dëgjuar! Mos hezitoni! Merrni Stash!

Masiv

Massive është një shabllon i vërtetë, shumë i shtrirë, thellësisht i shkathët, i pasur me funksione dhe i dendur nga funksioni, i lëmuar grafikisht dhe vizualisht mahnitës, pafundësisht fleksibël dhe lehtësisht i përshtatshëm, me ngarkim të shpejtë dhe një model i shkëlqyeshëm HTML5 dhe CSS3 i faqes në internet me shumë qëllime, një shabllon i vërtetë i faqes në internet që është bashkuar me kujdesin dhe hollësinë më të madhe. Rezultati përfundimtar është 260 faqet unike HTML5 të ndryshme, plotësisht të para-konfiguruara, unike për të gjitha llojet e qëllimeve dhe aplikacioneve të ndryshme.

Midis tyre, 85 faqe krejtësisht unike, kreative dhe të jashtëzakonshme të modelit të portofolit e bëjnë Massive një model të mrekullueshëm të faqes në internet për të gjitha llojet e webmasterave që kërkojnë të krijojnë faqet e tyre të internetit të portofolit me një sërë mjetesh që janë gjithëpërfshirëse, të menduara dhe të lëmuara, si dhe të afta të kesh një uebfaqe portofoli plotësisht funksionale, të rregulluar, të konfiguruar dhe funksionuar brenda disa minutash, për shkak të sasisë së madhe të shablloneve fleksibël, të gatshëm për përdorim, të përfshirë me Massive. Mbi 15 rrëshqitës të para-konfiguruar mund të gjallërojnë çdo faqe në internet, ndërsa 6 opsione të ndryshme në fund të faqes i mbajnë gjërat të ndryshme dhe 20 stile të ndryshme të menusë lejojnë përdoruesit tuaj të eksplorojnë përmbajtjen tuaj ashtu si dëshironi. Atë që nuk mund ta gjeni të gatshme plotësisht brenda Massive, mund ta ndërtoni vetë, me një tepricë prej 150 kodesh të shkurtra të ndërtuara me porosi të gatshme për t'u vendosur në çdo faqe që ju duket e përshtatshme. Masiv - me të vërtetë është modeli i pafund.

Haswell

Haswell është një shabllon i realizuar në mënyrë vizuale dhe minimalisht estetikisht, me shije dhe modë, i lëmuar estetikisht dhe funksionalisht me shumë faqe. Alsoshtë gjithashtu shumë i personalizueshëm dhe jashtëzakonisht i lehtë për t'u përdorur, me funksion të dendur dhe të pasur me shtojca, model HTML5 dhe CSS3 i përgjegjshëm për shumë qëllime. Zhvilluesit ndërtuan këtë model jashtëzakonisht të fuqishëm të faqes në internet me forcë të papërpunuar dhe prirje të dukshme. Ai i jep vetes një spektër të gjerë përdorimesh dhe aplikimesh të ndryshme. Ata gjithashtu i përshtateshin Haswell-it në mënyrë unike për vendosjen midis faqeve të internetit të portofolit të të gjitha llojeve dhe natyrave.

Zhvilluesit ndërtuan në mënyrë unike Haswell për të shtuar një shtresë përsosjeje me shije në thelb çdo përmbajtje që trajton. Për më tepër, një mori faqesh të ndryshme të shabllonit të portofolit të përfshira jashtë kutisë e bëjnë goditjen në tokë duke bërë një çështje sigurisht me Haswell. Ju do të keni një faqe interneti të plotë të portofolit brenda pak minutash, të zbukuruar me një larmi të header-eve të personalizueshëm, menusë, burimeve të mediave sociale, maskave të specializuara të videove dhe imazheve, kontejnerë dhe shtojca, dhe shumë më tepër do ta bëjë kokën tuaj të rrotullohet, të gjitha të mbushura në një paketë elegant të bazuar në kornizën e fuqishme HTML5, dinamike dhe bazën e kodit modular Bootstrap modulisht të përgjegjshëm dhe lehtësisht të modifikueshëm, që e bën portofolin tuaj Haswell natyrisht të ndër-përputhshëm në të gjitha pajisjet dhe platformat. Çfarë tjetër mund të kërkoni?

Jango

Jango është një model i uebfaqes me shumë qëllime HTML5 dhe CSS3 i përgjegjshëm modern, i besueshëm dhe i besueshëm, me një funksion shumë të dobishëm dhe të fuqishëm, krijuar qëllimisht si një zgjidhje gjithëpërfshirëse e faqes në internet për një gamë të madhe të aplikacioneve të ndryshme të faqeve të internetit, por që është posaçërisht e pajisur mirë për trajtimin e nevojave të faqeve të internetit të portofolit moderne, të përgjegjshëm dhe fleksibël të të gjitha llojeve.

Dhënia e informacioneve shpjeguese: Kjo faqe përmban lidhje të jashtme partnere që mund të rezultojnë në marrjen e një komisioni nëse vendosni të blini produktin e përmendur. Opinionet në këtë faqe janë tonat dhe ne nuk marrim bonus shtesë për vlerësime pozitive.

Përbërë me kompetencë dhe i dizajnuar vizualisht, në rastin tonë, kjo është një faqe e veçantë, është një element i rëndësishëm i një faqeje personale ose blogu, të çdo specialisti që ka arritur një nivel të caktuar aftësie në veprimtarinë e tij profesionale.
Një faqe e portofolit është një lloj raporti, ose një përmbledhje vizuale, me ndihmën e të cilit ju mund të demonstroni vizualisht tek lexuesit dhe vizitorët e faqes / blogut një sërë punimesh më të suksesshme të përfunduara, qofshin ato fotografi, artikuj, botime, elemente të dizajnit, etj.
Unë nuk kam një faqe të tillë dhe, nga ana ime, ky është një lëshim i bezdisshëm që duhet të korrigjohet sa më shpejt të jetë e mundur, mbi të cilin aktualisht po punoj për momentin.
Në hapësirën e gjerë të rrjetit global, ju mund të gjeni një numër të madh të shablloneve të gatshme të faqeve për organizimin e një portofoli, dhe shumëllojshmëria e faqeve të tilla është me të vërtetë mbresëlënëse. Pra, ata që janë në skrap për të hulumtuar në të gjitha ndërlikimet e krijimit dhe zhvillimit të faqes në internet do të jenë gjithmonë në gjendje të gjejnë një mundësi të përshtatshme për veten e tyre. Epo, për ata që kanë nevojë për njohuri në ndërtimin e faqes, unë propozoj të analizoj një shembull të një paraqitjeje adaptive, një faqe të thjeshtë të portofolit, me filtrimin e punës së përfunduar sipas kategorisë, të bërë në, të holluar me një efekt tërheqës tranzicioni, me elemente të animacionit.

Paraqitja e faqes, javascript i ekzekutueshëm dhe disa elementë të dizajnit, u dhanë nga krijuesi dhe zhvilluesi i mrekullueshëm i faqeve në internet Kevin Liew (queness.com). Kur zgjodha zgjidhjen optimale, ishte e rëndësishme për mua që thjeshtësia e ekzekutimit, funksionaliteti i shtojcës jQuery, funksionimi korrekt në të gjithë shfletuesit modernë, dhe duke pasur parasysh popullaritetin gjithnjë e në rritje të përdorimit të pajisjeve të ndryshme mobile për surfing në internet, përshtatshmëria e dizajnit të faqes së ardhshme. Asnjë zile dhe bilbila të zbukuruar, stilistë ose shtojca të peshave të rënda.

Paraqitja themelore përbëhet nga dy elementë kryesorë të ndërfaqes së përdoruesit që duhet të ndërtojmë, këto janë navigimi i skedave për të filtruar kategoritë e punëve të paraqitura dhe vetë rrjeti i tablove me një efekt të titullit pop-up në rri pezull.
Së pari, që gjithçka të funksionojë në fund, do t'ju duhet jQuery të paktën versioni 1.7.0. Nëse nuk e keni lidhur akoma, atëherë shtoni rreshtin vijues para etiketës :

Ekzekutoni shtojcën MixItUp për të punuar, ngjisni këtë kod pas skedarëve të mësipërm:

Nuk ka kuptim të merren parasysh të gjitha opsionet e shtojcave veç e veç, parazgjedhja është mjaft optimale. Epo, nëse vërtet doni që dikush të eksperimentojë me parametrat, ju lutem, gjithçka është në fuqinë tuaj.

Për të formuar paraqitjen e faqes dhe pamjen e elementeve, lidhni disa skedarë me dokumentin . , një për stilet bazë, le ta quajmë atë për shembull: layout.css dhe një tjetër skedar i vogël CSS normalize.css, për qëndrueshmëri më të mirë midis shfletuesve në paraqitjen standarde të elementeve:

Tani le të zgjidhim gjithçka në rregull, nëse është e mundur pa ujë të panevojshëm, të arritshëm dhe të kuptueshëm, në gjuhën tonë amtare, të shumëvuajtur.

• Të gjitha
• Aplikimet
• Kartat e biznesit
• Ikona
• Logoja
• Dizajnimi i faqes në internet

Në shiritin e navigimit, vendosni të gjithë listën e punimeve, të ndarë në kategori. Ne duhet të shoqërojmë secilën kategori të portofolit përmes atributit data-cat me një ose një artikull tjetër në shiritin e navigimit në përputhje me vlerën në atributin e filtrit të të dhënave. Duke përputhur vlerat e filtrit të të dhënave me kategorinë e të dhënave, artikujt e portofolit do të filtrohen sipas kategorisë.
Përveç kësaj, ne do të shtojmë në tablonë e fshehur, për momentin, një panel të vogël me emrin e veprës dhe titullin e kategorisë, i cili shfaqet vetëm kur vendosni pezull mbi foto. Dhe për ta bërë më të lehtë formësimin e pamjes së tërë kësaj strukture në CSS, ne do të shkruajmë klasat përkatëse për elementet: