आपको कौन सा पोर्टफोलियो टेम्पलेट पसंद है? पोर्टफोलियो के साथ एचटीएमएल 5 एचटीएमएल स्टूडियो टेम्पलेट में शानदार पोर्टफोलियो

सबसे पहले, चलो एक नया HTML5 दस्तावेज़ चिह्नित करें। शीर्ष लेख अनुभाग में, पृष्ठ शैली को सक्षम करें। JQuery पुस्तकालय, Quicksand प्लगइन और हमारी फ़ाइल script.js समापन बॉडी टैग से पहले शामिल किया जाएगा:

index.html

मेरा संविभाग

एचटीएमएल 5 हेडर तत्व में हमारा एच 1 हेडर होता है (जिसे लोगो की तरह स्टाइल किया जाता है)। अनुभाग तत्व में पोर्टफोलियो आइटमों की एक अनियंत्रित सूची है (अन्य सूचियों को jQuery कोड द्वारा जोड़ा जाता है) / नौसेना तत्व, जिसे हरे रंग की पट्टी के रूप में स्टाइल किया जाता है, एक सामग्री फ़िल्टर के रूप में कार्य करता है।

अनियंत्रित सूची # स्टेज में हमारे पोर्टफोलियो आइटम शामिल हैं। प्रत्येक आइटम में एक डेटा विशेषता होती है जो अल्पविराम से अलग किए गए लेबल की एक श्रृंखला को परिभाषित करती है। बाद में jQuery कोड में, हम सूची के माध्यम से लूप करते हैं, लेबल लिखते हैं, और ऐसी श्रेणियां बनाते हैं जिन्हें ग्रीन मेनू बार पर चुना जा सकता है।

आप अन्य कार्यों को आइटम की सूची में रख सकते हैं और विभिन्न लेबल का उपयोग कर सकते हैं।

jQuery

Quicksand प्लगइन दो unordered सूचियों की तुलना करता है, उनमें एक ही ली पाता है, और ऑर्डर करने की प्रक्रिया को एनिमेट करता है। ट्यूटोरियल के इस भाग के लिए jQuery स्क्रिप्ट #stage सूची में पोर्टफोलियो आइटम के माध्यम से लूप करती है और प्रत्येक टैग के लिए नई (छिपी हुई) अनऑर्डर की गई सूचियों को बनाती है। इन सूचियों का उपयोग तब Quicksand प्लगइन चलाने के लिए किया जाएगा।

पेज लोड करने के बाद, हम लेबल्स का पता लगाने के लिए एक लूप चलाते हैं।

script.js - भाग 1

$ (दस्तावेज़)। पहले से ही (फ़ंक्शन) () (var आइटम \u003d $ ("# स्टेज ली"), itemsByT \u003d \u003d (); // सभी ली आइटम के माध्यम से लूप करें: items.each (function (i) (var elem \u003d $ () यह), टैग्स \u003d elem.data ("टैग्स")। स्प्लिट (","); // डेटा-आईडी विशेषता जोड़ें। क्विकसैंड प्लगइन द्वारा आवश्यक: एलएमएटआर ("डेटा-आईडी", i); $ .each टैग, फ़ंक्शन (कुंजी, मूल्य) (// अतिरिक्त रिक्त स्थान निकालें: मान \u003d $ .trim (मान); यदि ((आइटम्स में आइटमटैग्स)) (// आइटम के लिए एक खाली सरणी बनाएँ: आइटमबायटैग्स \u003d;) प्रत्येक आइटम लेबल द्वारा एक सरणी में जोड़ा गया: आइटम्सबिजट.स्पश (हाथी);));));

प्रत्येक लेबल को एक सरणी के रूप में आइटम्सबीटैग्स ऑब्जेक्ट में जोड़ा जाता है। इसलिए आइटमबाइट्स ["वेब डिज़ाइन"] में उन सभी मदों की एक सरणी होगी, जिन्हें "वेब डिज़ाइन" लेबल किया जाता है। हम इस ऑब्जेक्ट का उपयोग क्विकसैंड प्लगइन के लिए पेज पर छिपी अनियंत्रित सूची बनाने के लिए करते हैं।

आइए सहायक कार्य बनाएं

script.js - भाग 2

फंक्शन क्रिएटलिस्ट (टेक्स्ट, आइटम) (// हेल्पर फंक्शन जो मेन्यू बटन का टेक्स्ट और // आइटम्स की एक सरणी ली जाती है // एक खाली अनियंत्रित सूची बनाएं var ul \u003d $ ("

", (html: पाठ, href:" # ", डेटा: (सूची: उल)))। परिशिष्ट (" # फ़िल्टर ");)

यह फ़ंक्शन पैरामीटर के रूप में एक समूह का नाम और ली वस्तुओं की एक सरणी लेता है। यह दी गई वस्तुओं को एक नए उल में क्लोन करता है और हरे रंग की पट्टी के लिए एक लिंक जोड़ता है।

अब हम सभी समूहों के माध्यम से लूप करते हैं और सहायक फ़ंक्शन को कॉल करते हैं और मेनू आइटम के लिए क्लिक इवेंट हैंडलिंग जोड़ते हैं।

script.js - भाग 3

// मेनू में "ऑल" विकल्प बनाएं: createList ("ऑल", आइटम); // आइटम्स में सरणियों के माध्यम से लूपबाइट्स: $ .each (आइटम्सबीटैग्स, फंक्शन (के, वी) (क्रिएलिस्ट (के, वी);)); $ ("# फ़िल्टर a")। लाइव ("क्लिक", फ़ंक्शन (e) (var लिंक \u003d $ (यह लिंक); link.addClass ("सक्रिय")। भाई-बहन) ()। RemoveClass ("सक्रिय"); // Quicksand प्लगइन का उपयोग ली हुई वस्तुओं को चेतन करने के लिए करें। // यह हमारे createList फ़ंक्शन द्वारा परिभाषित डेटा ("सूची") का उपयोग करता है: $ ("# स्टेज")। Quicksand (link.data ("सूची")। Find ("li"); e.preventDefault ();)); $ ("# फ़िल्टर a: पहला")। क्लिक करें ();

सीएसएस

CSS स्टाइलिंग का सबसे दिलचस्प हिस्सा हरे रंग का #filter बार है। यह पट्टी के किनारों पर आकर्षक कोनों को बनाने के लिए छद्म तत्वों के बाद /: का उपयोग करता है। चूंकि वे बिल्कुल तैनात हैं, जब आप पट्टी का आकार बदलते हैं, तो वे वहां दिखाई देंगे जहां आप चाहते हैं।

styles.css

#filter (पृष्ठभूमि: url ("../ img / bar.png") दोहराने-एक्स 0 -94px; प्रदर्शन: ब्लॉक; ऊंचाई: 39px; मार्जिन: 55px ऑटो; स्थिति: रिश्तेदार; चौड़ाई: 600px; पाठ-संरेखित करें केंद्र; -मोज़-बॉक्स-छाया: 0 4px 4px # 000; -webkit-box-shadow: 0 4px 4px # 000; बॉक्स-छाया: 0 4px 4px # 000;) #filter: इससे पहले, # बटन: (पृष्ठभूमि) : url ("../ img / bar.png") नो-रिपीट; ऊँचाई: 43px; स्थिति: निरपेक्ष; शीर्ष: 0; चौड़ाई: 78px; सामग्री: ""; -मोज़-बॉक्स-छाया: 0 2px 0 rbba; (0,0,0,0.4); -webkit-box-shadow: 0 2px 0 rgba (0,0,0.4); बॉक्स-छाया: 0 2px 0 rgba (0,0,0,0.4);) #filter: इससे पहले (बैकग्राउंड-पोज़िशन: 0 -47px; लेफ्ट: -78px;) # फ़ील्टर: ऑफ्टर (बैकग्राउंड-पोज़िशन: 0 0; राईट -78px;) # फ़िल्टर a (color: #FFFFFF; डिस्प्ले: इनलाइन- ब्लॉक; ऊँचाई: 39px; पंक्ति-ऊँचाई: 37px; गद्दी: 0 15px; पाठ-छाया: 1px 1px 1px # 315218;) #filter a: हॉवर (पाठ-सजावट: कोई नहीं;) #filter a.active (पृष्ठभूमि: url ("../img/bar.png") दोहराएँ-x 0 -138px; बॉक्स-छाया: 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) इनसेट, -1px 0 1px rgba (0,0,0,0.2) इनसेट; )

किया हुआ!

आप अपनी परियोजनाओं के लिए टेम्पलेट का उपयोग कर सकते हैं। पोर्टफोलियो की सामग्री को बदलना आसान है। यदि उपयोगकर्ता के पास जावास्क्रिप्ट अक्षम है, तो वह अभी भी काम को देखेगा, जिसका साइट के एसईओ पर लाभकारी प्रभाव पड़ता है।

आपकी साइट के सभी प्रस्तुत किए गए टेम्पलेट HTML5 और CSS3 के आधुनिक संस्करणों पर बनाए गए हैं। इसके अलावा, लेखक फ्लैट डिज़ाइन, उत्तरदायी डिज़ाइन, उत्तरदायी लेआउट, jQuery स्लाइडर्स, CSS3 एनीमेशन आदि जैसे ट्रेंडी फीचर्स का उपयोग करते हैं, अर्थात यदि आप मोबाइल साइट टेम्पलेट की तलाश कर रहे हैं, तो आप प्रस्तुत में से कोई भी चुन सकते हैं। सुंदर html5 टेम्पलेट्स 2017, हालांकि, मुफ्त, एक प्रीमियम की तरह दिखता है।

यहां आपको HTML5 और CSS3 में 50 से अधिक उच्च गुणवत्ता वाले उत्तरदायी वेबसाइट टेम्प्लेट मिलेंगे, जिनका उपयोग नई साइटों के साथ-साथ मौजूदा श्रमिकों के लिए भी किया जा सकता है। स्टाइलिश HTML5 वेबसाइट टेम्पलेट - यह वही चीज़ है जिसकी आपको आवश्यकता है!

अपडेट किया गया 03.12.2019: चूंकि लेख 2 साल पहले लिखा गया था, कई लिंक टूट गए हैं। या तो टेम्प्लेट के मालिकों का विलय हो गया, या फ्री में सशुल्क से टेम्प्लेट की स्थिति बदल गई, या एलियंस ने सब कुछ खो दिया। आपसे अनुरोध है, प्रिय पाठकों, अगर आपको ऐसा कोई लिंक मिल जाए, तो इसे टिप्पणियों में पोस्ट करें, मैं इसे सही करूंगा।

1. स्नो - एचटीएमएल 5 और सीएसएस 3 में एक निशुल्क लैंडिंग पेज टेम्पलेट

स्नो लैंडिंग पृष्ठ html5 css3 टेम्पलेट बूटस्ट्रैप फ्रेमवर्क पर बनाया गया है। टेम्पलेट बहुत स्टाइलिश और शांत है! एक निश्चित पृष्ठभूमि और एक विशाल जुंबोट्रॉन वह चीज है जो साइट की मुख्य सामग्री को दिखाती है। लैंडिंग पृष्ठ पर सबसे महत्वपूर्ण बात क्या है? यह सही है, कार्रवाई के लिए एक कॉल। स्वाभाविक रूप से, टेम्पलेट पूरी तरह से मोबाइल के अनुकूल है। आप इसे अपने स्वयं के टेम्प्लेट के आधार के रूप में भी उपयोग कर सकते हैं।

2. सिमा - ठाठ वाणिज्यिक वेबसाइट टेम्पलेट

यह html5 css3 टेम्पलेट भी बूटस्ट्रैप फ्रेमवर्क पर बनाया गया है। इस टेम्प्लेट के साथ, आप एक पोर्टफोलियो, अपनी टीम, कीमतों, समीक्षाओं के साथ एक अद्वितीय वेबसाइट बना सकते हैं, और आपको जो कुछ भी ज़रूरत है। उदाहरण के लिए, यह टेम्पलेट एक सफाई सेवा वेबसाइट के लिए एकदम सही है। स्वच्छ और पठनीय फोंट के साथ इस टेम्पलेट में एनीमेशन तरल और प्रभावी है। एकदम सही टेम्पलेट!

3. सफ़ेद एक महान एक-पृष्ठ टेम्पलेट है!

व्हाइट साइट टेम्पलेट की एक विशिष्ट विशेषता शीर्ष पर दो पृष्ठभूमि विकल्प हैं। आप चित्रों के साथ एक स्लाइडर या वीडियो पृष्ठभूमि चुन सकते हैं। साइट के लिए बहुत ही उच्च गुणवत्ता और प्रभावी टेम्पलेट!

4. प्लाट्ज - मुफ्त एचटीएमएल 5 ग्रिड-आधारित वेबसाइट टेम्पलेट

एचटीएमएल 5 ग्रिड आधारित वेबसाइट टेम्पलेट (ग्रिड के बारे में और अधिक पढ़ें) एक आधुनिक, नेत्रहीन अपील। सुंदर और उत्तरदायी ब्लॉग या वेबसाइट टेम्पलेट डिज़ाइन।

5. मार्ट ईकामर्स - सुंदर एचटीएमएल 5 और CSS3 ईकॉमर्स वेबसाइट टेम्पलेट

एक ताजा और स्टाइलिश वेबसाइट टेम्पलेट डिज़ाइन जूते, कपड़े, घड़ियां, सहायक उपकरण, स्पोर्ट्स वगैरह बेचने वाली सभी प्रकार की फैशन वेबसाइटों के लिए सबसे उपयुक्त है। इसमें एक PSD फ़ाइल शामिल है, जिसे आप अपनी आवश्यकताओं के अनुसार अनुकूलित कर सकते हैं।

6. Nava - रचनात्मक वेबसाइटों के लिए प्रभावी HTML5 और CSS3 टेम्पलेट

Nava एक आधुनिक HTML5 वेबसाइट टेम्प्लेट है जो मुख्य रूप से रचनात्मक पेशेवरों के लिए उपयोग किया जाता है जो अपने काम को अपनी महिमा में दिखाना चाहते हैं। टेम्पलेट सेटिंग्स में बहुत सारी विविधताएं आपको अपनी साइट को अद्वितीय बनाने की अनुमति देती हैं। हल्के, सुंदर और उत्तरदायी वेबसाइट टेम्पलेट।

7. बॉक्स पोर्टफोलियो - एचटीएमएल 5 और सीएसएस 3 में एक अद्वितीय रचनात्मक वेबसाइट टेम्पलेट

बॉक्स पोर्टफोलियो वेबसाइट टेम्पलेट में एक साफ और आधुनिक न्यूनतम डिजाइन है। उन पेशेवरों के लिए बिल्कुल सही, जो प्रभावी रूप से अपने काम को ऑनलाइन दिखाना चाहते हैं। जैसा कि नाम से पता चलता है, पोर्टफोलियो के लिए साइट टेम्पलेट पूरी तरह से अनुरूप है।

8. माउंटेन किंग - लोकप्रिय और कार्यात्मक HTML5 और CSS3 वेबसाइट टेम्पलेट

वेबसाइट डिजाइन में पहाड़ी विषय हाल ही में बहुत लोकप्रिय रहा है। माउंटेन किंग वेबसाइट टेम्पलेट कोई अपवाद नहीं है। Typicons से 336 वेक्टर आइकन शामिल हैं। इसके अलावा महान CSS3 एनिमेशन। टेम्पलेट यात्रा और पोर्टफोलियो वेबसाइटों के लिए एकदम सही है।

9. ब्यूटी स्पा - कूल HTML5 और CSS3 स्पा वेबसाइट टेम्पलेट

ब्यूटी स्पा एक उत्तरदायी वेबसाइट टेम्पलेट है जो स्पा, वेलनेस या फिटनेस सेंटर, योग साइटों या यहां तक \u200b\u200bकि हेयरड्रेसिंग साइटों के लिए कई विशेषताओं से परिपूर्ण है। उत्कृष्ट फ़ॉन्ट पठनीयता और विनीत न्यूनतावाद।

10. बेंट - HTML5 और CSS3 में वेबसाइटों के लिए स्टाइलिश और प्रभावी लैंडिंग पृष्ठ

बेंट एक महान मुफ्त एचटीएमएल 5 और सीएसएस 3 वेबसाइट टेम्पलेट है। उत्तरदायी डिजाइन, CSS3 एनिमेशन, लंबन स्क्रॉल, अनुकूलन नेविगेशन, और बहुत कुछ। यह उन साइटों के लिए एक साफ डिज़ाइन टेम्पलेट है, जो यह सुनिश्चित करने के लिए एक संतुलित डिज़ाइन का उपयोग करना चाहते हैं कि आगंतुक मुख्य सामग्री को स्पष्ट रूप से देखते हुए भी साइट की उपस्थिति का आनंद लें।

11. त्रिभुज HTML5 और CSS3 में एक मुक्त उत्तरदायी बहुउद्देशीय टेम्पलेट है

त्रिभुज एक विशेष रचनात्मक HTML5 और CSS3 वेबसाइट टेम्पलेट है जो विशेष रूप से उन लोगों के लिए है जो अपने शांत डिजाइन को प्राप्त करना चाहते हैं और इसे खराब किए बिना चल रहे हैं। टेम्पलेट में 40 से अधिक पूर्व-डिज़ाइन किए गए पृष्ठ हैं जो आपको अपनी साइट को अनुकूलित करने की अनुमति देते हैं, जो आपको पसंद हैं।

12. भविष्य का प्रभाव - रचनात्मक लोगों के लिए एक शानदार वेबसाइट टेम्पलेट!

लेखकों, लेखकों, कॉपीराइटरों और अन्य कलमों और कागजी श्रमिकों के लिए एकदम सही इस वेबसाइट टेम्पलेट के साथ आनंद की वास्तविक भावना का अनुभव करें। टेम्पलेट का उपयोग व्यक्तिगत ब्लॉग, यात्रा ब्लॉग, रचनात्मकता के बारे में आदि के लिए भी किया जा सकता है। टेम्पलेट का रचनात्मक डिज़ाइन और उत्तरदायी लेआउट कई लोगों से अपील करेगा।

13. व्यक्तिगत वेबसाइट के लिए बोडो एक शानदार टेम्पलेट है

बोडो एक सुंदर HTML5 और CSS3 वेबसाइट टेम्पलेट है जो एक निजी वेबसाइट के लिए एकदम सही है। खासकर पोर्टफोलियो संगठन के लिए। स्वच्छ और कुरकुरा टाइपोग्राफी, हिंडोला स्लाइडर, अपनी कलाकृतियों को दिखाने के लिए पॉप-अप, और बहुत कुछ।

14. लेंस - फोटोग्राफर्स के लिए परफेक्ट HTML5 वेबसाइट टेम्पलेट

फोटोग्राफर हमेशा अपनी वेबसाइट के लिए अपने सभी शानदार, शानदार और सबसे महत्वपूर्ण रूप में अपने काम को दिखाने के लिए सही टेम्पलेट की तलाश कर रहे हैं! एक दुर्लभ साइट टेम्पलेट इन आवश्यकताओं को पूरा करता है। लेंस एक ऐसी फोटोग्राफी वेबसाइट टेम्पलेट है।

15. स्पेक्ट्रल - एचटीएमएल 5 और सीएसएस 3 में अद्वितीय हस्तनिर्मित वेबसाइट टेम्पलेट

अगर आप ढूंढ रहे हैं मुफ्त ऑटो साइट टेम्पलेट्सतब स्पेक्ट्रल सही समाधान होगा। यहां पूरी तरह से अद्वितीय हस्तनिर्मित एक पृष्ठ वेबसाइट टेम्पलेट डिज़ाइन है। डिजाइन को अपने विवेक से बदला जा सकता है। इस टेम्पलेट का उपयोग किसी भी विषय पर एक आश्चर्यजनक वेबसाइट बनाने के लिए किया जा सकता है, यह एक प्रभावशाली यात्रा ब्लॉग या फोटो गैलरी, एक मोटर वाहन वेबसाइट या एक होस्टिंग प्रदाता हो सकता है।

16. ऑक्सीजन - एक पेज HTML5 और CSS3 वेबसाइट टेम्पलेट

ऑक्सीजन एक व्यावसायिक वेबसाइट के लिए एक सुविधाजनक और अनूठा टेम्पलेट है। आधुनिक फ्लैट डिजाइन, उत्तरदायी लेआउट। उदाहरण के लिए, यह टेम्पलेट मोबाइल एप्लिकेशन या मोबाइल तकनीक के बारे में एक वेबसाइट के लिए एकदम सही है।

17. Mobirise बूटस्ट्रैप - अंतिम मुफ्त एचटीएमएल 5 और CSS3 वेबसाइट टेम्पलेट

यदि आप एक मुफ्त वेबसाइट टेम्पलेट की तलाश कर रहे हैं, तो Mobirise Bootstrap आरंभ करने के लिए सही जगह है। यह एक बहुक्रियाशील टेम्पलेट है जिसमें कई प्रकार के ऐड-ऑन शामिल हैं। तीन पूर्व-निर्मित होमपेज और ब्लॉग लेआउट आपको इसमें मदद करेंगे। Mobirise बूटस्ट्रैप भी किसी भी स्क्रीन आकार के लिए 100% एसईओ अनुकूलित और उत्तरदायी है।

18. ला कासा - एक रियल एस्टेट वेबसाइट के लिए सुंदर और मुफ्त एचटीएमएल 5 टेम्पलेट

ब्रांडी टेम्पलेट एक वाणिज्यिक अचल संपत्ति वेबसाइट के आयोजन के लिए एकदम सही है। उत्तरदायी और बहुत सुंदर डिजाइन न केवल साइट के मालिक को, बल्कि आगंतुकों को भी अपील करेगा।

19. Drifolio - स्टाइलिश एचटीएमएल 5 पोर्टफोलियो वेबसाइट टेम्पलेट

स्टाइलिश और एनिमेटेड HTML5 और CSS3 पोर्टफोलियो वेबसाइट टेम्पलेट। स्वच्छ डिजाइन, शानदार टाइपोग्राफी, सुंदर आइकन, और बहुत कुछ।

20. प्लूटन - एक पृष्ठ की वेबसाइट के लिए उज्ज्वल और स्टाइलिश टेम्पलेट

प्लूटन एक उज्ज्वल और प्रभावी बूटस्ट्रैप वेबसाइट टेम्पलेट है। एक आधुनिक वेबसाइट टेम्पलेट, अपने अद्वितीय एक-पृष्ठ लेआउट और उत्तरदायी डिजाइन के साथ, जो स्टूडियो, फोटोग्राफरों और रचनात्मक डिजाइनरों के लिए बहुत अच्छा है।

21. स्क्वाडफ्री - पेशेवर एचटीएमएल 5 एक पेज वेबसाइट टेम्पलेट

स्क्वाडफ़्री टेम्प्लेट एक वाणिज्यिक एक-पृष्ठ वेबसाइट बनाने के लिए एकदम सही है। टेम्पलेट न केवल पेशेवर दिखता है, बल्कि सभी प्रकार की स्क्रीन के लिए अनुकूलित है। टेम्पलेट बूटस्ट्रैप के आधार पर बनाया गया है।

22. उदात्त - HTML5 और CSS3 वेबसाइट टेम्पलेट को मंत्रमुग्ध करना

उदात्तता स्टार्टअप, रचनात्मक एजेंसी, या पोर्टफोलियो साइट के लिए एकदम साफ और आश्चर्यजनक सुंदर HTML5 और CSS3 वेबसाइट टेम्पलेट है। उत्तरदायी डिजाइन और चुनने के लिए दो पृष्ठ विकल्प।

23. इमारती लकड़ी - असामान्य और सुंदर HTML5 और CSS3 वेबसाइट टेम्पलेट

टिम्बर एक ताजा, स्टाइलिश और असामान्य एक पेज वेबसाइट टेम्पलेट थीम है। विकर्ण इस टेम्पलेट की मुख्य डिज़ाइन विशेषता है। टेम्पलेट किसी व्यावसायिक वेबसाइट या पोर्टफोलियो के लिए एकदम सही है। एक अंतर्निहित गैलरी, मानचित्र और संपर्क जानकारी है जिसे आप आसानी से अपने लिए अनुकूलित कर सकते हैं।

24. ई-शॉपर - सर्वश्रेष्ठ ईकॉमर्स वेबसाइट टेम्पलेट

ई-शॉपर्स ई-कॉमर्स वेबसाइट टेम्पलेट के लिए एक बढ़िया विकल्प है। एक पूर्ण और प्रभावी ऑनलाइन स्टोर के लिए अद्भुत फीचर सेट के साथ बूटस्ट्रैप पर निर्मित।

25. चुंबकीय - मुफ्त एचटीएमएल 5 और CSS3 फोटो वेबसाइट टेम्पलेट

एक डिजाइनर, इलस्ट्रेटर या कलाकार के लिए एक फोटो साइट या पोर्टफोलियो बनाने के लिए एक बिल्कुल आश्चर्यजनक HTML5 और CSS3 टेम्पलेट। यह टेम्पलेट पेशेवर टेम्पलेट के लिए अगले स्तर तक बार उठाता है! उत्तरदायी डिजाइन, सभी प्रकार के प्रदर्शन उपकरणों के लिए उत्कृष्ट समर्थन, आसान और सुविधाजनक नेविगेशन, और बहुत कुछ।

26. माबुर पोर्टफोलियो - एचटीएमएल 5 और सीएसएस 3 में सुंदर न्यूनतम वेबसाइट टेम्पलेट

पोर्टफोलियो बनाने के लिए इस न्यूनतम वेबसाइट टेम्पलेट का सपाट डिज़ाइन एकदम सही है। टेम्पलेट में, सभी विवरण पूरी तरह से सत्यापित हैं!

27. आधुनिक बूटस्ट्रैप एचटीएमएल 5 - मुफ्त एक पेज वेबसाइट टेम्पलेट

यह नि: शुल्क एक पृष्ठ बूटस्ट्रैप ढांचा कॉर्पोरेट वेबसाइटों के लिए एकदम सही है, दोनों छोटी कंपनियों और बड़े लोगों के लिए। फ्लैट डिजाइन, उत्तरदायी लेआउट, सभी उच्च गुणवत्ता वाले डिजाइन तत्व। टेम्पलेट 4 अलग-अलग रंगों में उपलब्ध है।

28. आसव - HTML5 और CSS3 में स्टाइलिश एक पृष्ठ वेबसाइट टेम्पलेट

जलसेक HTML5 और CSS3 वेबसाइट टेम्पलेट का एक शानदार उदाहरण है जो विशेष रूप से एक व्यापार पोर्टफोलियो के निर्माण के लिए डिज़ाइन किया गया है। इस टेम्पलेट की समृद्ध कार्यक्षमता आपको ग्राहकों के साथ प्रभावी ढंग से काम करने और नए लोगों को आकर्षित करने की अनुमति देती है।

29. येबो - एचटीएमएल 5 और सीएसएस 3 में कॉर्पोरेट वेबसाइट टेम्पलेट

यह उच्च गुणवत्ता, फ्लैट शैली वेबसाइट टेम्पलेट किसी भी कॉर्पोरेट वेबसाइट के लिए एकदम सही है। उत्तरदायी डिजाइन, अनुकूलन और संपादन के बहुत सारे विकल्प।

30. बीस - शानदार HTML5 और CSS3 लंबन वेबसाइट टेम्पलेट

यह अद्वितीय और बहुत सुंदर लंबन वेबसाइट टेम्पलेट किसी को भी उदासीन नहीं छोड़ेगा। एक पृष्ठ टेम्पलेट को शुद्ध HTML5 और CSS3 के साथ संवेदनशील लेआउट, प्रभावशाली पृष्ठभूमि, सोशल मीडिया समर्थन और बहुत कुछ के साथ बनाया गया है।

31. शहरी - महान HTML5 और CSS3 बूटस्ट्रैप वेबसाइट टेम्पलेट

शहरीकरण एक ताज़ा और ठंडा HTML5 और CSS3 वेबसाइट टेम्पलेट बूटस्ट्रैप इंजन पर बनाया गया है। बहुत परेशानी के बिना सीधे अपनी वेबसाइट का निर्माण शुरू करने के लिए बिल्कुल सही। टेम्पलेट किसी भी स्क्रीन आकार के लिए पूरी तरह से अनुकूलित है।

32. डिज़ाइन शोकेस - एचटीएमएल 5 पोर्टफोलियो वेबसाइट टेम्पलेट

अपने पोर्टफोलियो को व्यवस्थित करने के लिए एक नेत्रहीन सामंजस्यपूर्ण और प्रभावी HTML5 वेबसाइट टेम्पलेट। टेम्पलेट मोबाइल उपकरणों के लिए पूरी तरह से अनुकूलित है, जो इस प्रारूप की साइटों के लिए बहुत मुश्किल है।

33. माम्बा वन - एचटीएमएल 5 और सीएसएस 3 में सरल और स्टाइलिश वेबसाइट टेम्पलेट

Mamba One एक सरल लेकिन स्टाइलिश वन-पेज वेबसाइट टेम्पलेट का एक उदाहरण है। सभी आधुनिक ब्राउज़रों के साथ संगत और हर जगह पर्याप्त रूप से प्रदर्शित किया जाएगा।

34. KreativePixel - फ़ोटोग्राफ़रों के लिए मुफ़्त वेबसाइट टेम्पलेट

फोटोग्राफरों के लिए एक और शानदार वेबसाइट टेम्पलेट। उत्तरदायी डिजाइन और विभागों और दीर्घाओं में फोटो की बहुत सुविधाजनक छँटाई कई फोटोग्राफी प्रेमियों के लिए अपील करेंगे। टेम्पलेट एक लंबन प्रभाव का भी उपयोग करता है, जो फ़ोटो देखते समय दर्शकों को भी प्रभावित करता है।

35. रेटिना रेडी रिस्पॉन्सिव ऐप - निशुल्क एचटीएमएल 5 और सीएसएस 3 लैंडिंग पेज टेम्पलेट

जैसा कि नाम से पता चलता है, यह भयानक साइट टेम्पलेट न केवल लैंडिंग पृष्ठों के लिए पूरी तरह से अनुरूप है, बल्कि नए मोबाइल रुझानों पर भी प्रतिक्रिया करता है, खासकर रेटिना डिस्प्ले वाले उपकरणों पर प्रदर्शन स्पष्टता के संदर्भ में।

36. ब्रश किया गया - बूटस्ट्रैप द्वारा संचालित उत्तरदायी HTML5 और CSS3 वेबसाइट टेम्पलेट

ब्रश बूटस्ट्रैप द्वारा संचालित एक उत्तरदायी, मुफ्त HTML5 और CSS3 वेबसाइट टेम्पलेट है। रेटिना डिस्प्ले (iPhone, iPad, iPod Touch and MacBook Pro Retina) के लिए भी अनुकूलित है।

37.बिग चित्र एचटीएमएल 5 और सीएसएस 3 वेबसाइट टेम्पलेट

बिग पिक्चर में आपका स्वागत है! यह उत्तरदायी HTML5 वेबसाइट टेम्पलेट उन सभी रचनात्मक लोगों के लिए एकदम सही है जिनके पास अपनी वेबसाइट पर इसे बड़ा और प्रभावशाली दिखाने के लिए कुछ है। इसके अलावा, टेम्पलेट में महान एनीमेशन है।

38. Tesselatte - मुफ्त उत्तरदायी HTML5 और CSS3 टेम्पलेट

एक सरल एक-पृष्ठ टेम्पलेट जो एक सफल वेबसाइट निर्माण के लिए सभी आवश्यक उपकरणों को ध्यान में रखता है। एक लेखक, कॉपीराइटर और मुद्रित शब्द के सिर्फ एक प्रेमी के निजी ब्लॉग के लिए आदर्श।

39. अतिप्रवाह - HTML5 और CSS3 में अद्वितीय वेबसाइट टेम्पलेट

शुद्ध HTML5 और CSS3 में यह अद्वितीय वेबसाइट टेम्पलेट किसी भी रचनात्मक व्यक्ति के लिए एकदम सही है। यह पूरी तरह से संवेदनशील और पूरी तरह से स्वतंत्र है।

40. रनकीपर - उत्तरदायी और बहुत सुंदर वेबसाइट टेम्पलेट

रनकीपर एक स्वतंत्र, उत्तरदायी और बहुत सुंदर वेबसाइट टेम्पलेट है। इसका उपयोग किसी भी साइट के लिए किया जा सकता है। शानदार शैली और कुरकुरा फोंट, उत्तरदायी डिजाइन और प्रभावशाली टेम्पलेट विवरण। आपके लिए सब कुछ काम करता है!

41. पिनबॉल उत्तरदायी ग्रिड शैली - महान ग्रिड आधारित वेबसाइट टेम्पलेट

यह अद्भुत पेशेवर ग्रिड-आधारित वेबसाइट टेम्पलेट एक कॉर्पोरेट वेबसाइट के लिए एकदम सही है। आधुनिक फ्लैट डिजाइन और टेम्पलेट की उत्तरदायी संरचना पूरी तरह से बड़े मॉनिटर और मोबाइल स्क्रीन दोनों पर प्रदर्शित होती है।

42. प्रस्तावना - स्वच्छ HTML5 और CSS3 एक पृष्ठ वेबसाइट टेम्पलेट

लैंडिंग पृष्ठ बनाने के लिए यह साफ, सरल और कुरकुरा HTML5 और CSS3 वेबसाइट टेम्पलेट एकदम सही है। न्यूनतावादी डिजाइन मुख्य चीज से विचलित नहीं करता है। एक आंख को पकड़ने स्क्रॉल योग्य साइडबार नेविगेशन और कुरकुरा पेज लाइनों सही संयोजन कर रहे हैं!

43. हेलिओस - शुद्ध एचटीएमएल 5 और सीएसएस 3 में आधुनिक वेबसाइट टेम्पलेट

अतिसूक्ष्मवाद और स्वच्छ रूपों की शैली में एक और वेबसाइट टेम्पलेट। विशेष रूप से बड़े डिस्प्ले स्क्रीन का लाभ लेने के लिए डिज़ाइन किया गया है, लेकिन मोबाइल उपकरणों के छोटे स्क्रीन के लिए पूरी तरह से अनुकूलित है।

44. टेलीफैसिक - मुफ्त और उत्तरदायी एचटीएमएल 5 वेबसाइट टेम्पलेट

इस आधुनिक, उत्तरदायी और पूरी तरह से मुक्त वेबसाइट टेम्पलेट का एक बड़ा फायदा है - यह सरल और संक्षिप्त है, लेकिन वास्तव में यही कमी है।

45. दृढ़ता से टाइप किया हुआ - बहुत अच्छा अर्ध-रेट्रो वेबसाइट टेम्पलेट

एक न्यूनतम अर्ध-रेट्रो शैली के साथ नई वेबसाइट टेम्पलेट। यह सिर्फ इतना है कि रेट्रो अब प्रचलन में नहीं है, लेकिन इसका थोड़ा सा संकेत बहुत मददगार है। यह वेबसाइट टेम्पलेट पूरी तरह से उत्तरदायी है, जिसे शुद्ध एचटीएमएल 5 और सीएसएस 3 के साथ बनाया गया है और इसमें आपके लिए आवश्यक सभी आवश्यक पृष्ठ तत्व शामिल हैं। स्ट्रांगली टाइप्ड रचनात्मक वेबसाइटों के लिए एकदम सही है। उदाहरण के लिए, होम डेकोर वेबसाइट के लिए।

46. \u200b\u200bधारीदार - स्वच्छ, सुंदर और कार्यात्मक HTML5 और CSS3 वेबसाइट टेम्पलेट

HTML5 और CSS3 में ताजा और स्वच्छ, सुंदर और कार्यात्मक, नई वेबसाइट टेम्पलेट। इसके शस्त्रागार में डिज़ाइन किए गए उद्धरण, तालिकाओं और सूचियों सहित सभी आवश्यक पृष्ठ तत्व हैं, साथ ही एक अनुकूलित साइडबार (दाईं ओर या बाईं ओर - जैसा आप चाहते हैं)।

47. समानांतरवाद - एचटीएमएल 5 और सीएसएस 3 में असामान्य और स्टाइलिश वेबसाइट टेम्पलेट

समानांतरवाद पोर्टफ़ोलियो या फ़ोटो के आयोजन के लिए एक स्टाइलिश वेबसाइट टेम्पलेट है। इसकी ख़ासियत यह है कि यहां स्क्रॉलिंग ऊर्ध्वाधर नहीं है, हमेशा की तरह, लेकिन क्षैतिज है। यह साइट को एक विशेष ठाठ और यादगार देता है।

48. मिनिपोर्ट - मिनिमलिस्ट स्टाइल में पूरी तरह उत्तरदायी एचटीएमएल 5 वेबसाइट टेम्पलेट

महान न्यूनतम HTML5 वेबसाइट टेम्पलेट। एक व्यक्तिगत वेबसाइट / ब्लॉग के लिए, साथ ही एक छोटी कॉर्पोरेट वन-पेज वेबसाइट या व्यवसाय कार्ड वेबसाइट के लिए बिल्कुल सही।

49. वर्टि - विशाल और मुफ्त उत्तरदायी एचटीएमएल 5 वेबसाइट टेम्पलेट

इस वेबसाइट टेम्पलेट का स्वच्छ और विशाल डिज़ाइन छोटी कॉर्पोरेट वेबसाइटों या वाणिज्यिक परियोजनाओं के लिए एकदम सही है। लेखक और उपयोगकर्ताओं दोनों के लिए उत्तरदायी और उपयोगकर्ता के अनुकूल।

50. ZeroFour - प्रभावशाली और स्टाइलिश HTML5 और CSS3 वेबसाइट टेम्पलेट

और सूची में अंतिम, लेकिन गुणवत्ता और बाहरी दिखावे के मामले में अंतिम नहीं है, ZeroFour वेबसाइट टेम्पलेट है। स्टाइलिश डिजाइन, बहुत सुंदर मेनू, पूरी तरह से समायोजित रूप और बटन, सुंदर आइकन और बहुत कुछ। और यह सब पूरी तरह से स्वतंत्र है!

मुझे आशा है कि आपने इन महान HTML5 और CSS3 वेबसाइट टेम्पलेट्स के बीच अपने लिए कुछ पाया है। सौभाग्य!

बाद में त्वरित खोज के लिए बुकमार्क करें।

पुनश्च: यदि आप एक विकल्प नहीं बना सकते हैं, तो लेख पढ़ें "मुझे नहीं पता कि मुझे क्या चाहिए।" यह मददगार होगा।

यह आधुनिक युग महान विरोधाभासों और समय और भाग्य के मोड़ से भरा है। जैसे-जैसे दुनिया अधिक जुड़ी हुई है और वैश्वीकरण बढ़ रहा है, असमानताएं बढ़ने लगती हैं, फिर भी इस उज्ज्वल नए युग में इसके विपरीत अवसर पैदा होते हैं, जो मानव जाति के लिए इंटरनेट द्वारा उपलब्ध कराए गए कुल संचार से शुरू होता है। और जब दुनिया के सबसे बड़े देश और अर्थव्यवस्था अंतहीन चक्रों में उठते और गिरते हैं, तो व्यापार प्रेमी, उद्यमी और पृथ्वी के गो-रक्षक संभावनाओं से भरी दुनिया में संपन्न होते हैं, जहां आपकी प्रतिभा और कड़ी मेहनत, अगर बिना पहचान या अप्रसन्न है। आप अपने आप को जिस भी संदर्भ में पाते हैं, बस उतनी ही आसानी से आपका निर्वाह हो सकता है-या यहां तक \u200b\u200bकि, इस ग्रह पर आपकी महान सफलता-कहीं और।

इंटरनेट आपको चमकने के लिए अपनी जगह खोजने में मदद करने के लिए सिर्फ एक उपकरण है, लेकिन आप एक सुंदर, आधुनिक और आकर्षक पोर्टफोलियो वेबसाइट के बिना कहीं नहीं मिलेंगे, जो कि एक कॉलिंग कार्ड और आपके कौशल, जो भी आपके व्यापार या शिल्प का विस्तार हो सकता है। कलाकारों और फोटोग्राफरों से लेकर डिजाइनरों और वास्तुकारों तक, इंजीनियरों और सज्जाकारों से लेकर निर्माणकर्ताओं और लैंडस्केपर्स तक, एक पोर्टफोलियो शुरू करने के लिए एक जगह है। और स्टाइल और ग्रेस में शुरू करने के लिए, कुछ भी नहीं है जो सीएसएस 3 स्टाइलशीट के साथ एक ठोस एचटीएमएल 5 फ्रेमवर्क की वेब तकनीक कॉम्बो के शीर्ष पर है। वेबसाइट टेम्प्लेट का निम्न संग्रह बाजार पर सबसे अच्छा और चमकदार HTML5 / CSS3 पोर्टफोलियो वेबसाइट टेम्प्लेट प्रदर्शित करता है। वे निराश नहीं हुए।

4,700+ पोर्टफोलियो वेबसाइट टेम्पलेट्स सहित 2.5 मिलियन डिजिटल एसेट्स का अन्वेषण करें

HTML5 टेम्प्लेट्स, थीम्स और डिज़ाइन एसेट्स के लिए दुनिया के सबसे बड़े बाज़ार से 2M + आइटम। चाहे आप को कुछ भी चाहिए, या आप कुछ स्टॉक फोटोज के बाद - यह सब Envato Market में यहां पाया जा सकता है।

अभी डाउनलोड करें

Divi

जब आपको दिवी के अलावा सबसे उल्लेखनीय पोर्टफोलियो वेबसाइट बनाने की बात आती है, तो आपको कुछ और नहीं चाहिए। यह सभी प्रकार की वेबसाइटों को विकसित करने के लिए सिर्फ एक उपकरण नहीं है। यह आपको एक प्रो-डिज़ाइन और डेवलपर के रूप में एक पल में बदल देता है और भले ही आप अभी तक उनमें से एक नहीं हैं। तथ्य की बात के रूप में, भले ही आप अभी भी एक पूर्ण शुरुआत हैं, आप अपनी सेवाओं और प्रतिभा को आगे बढ़ाने के लिए अपने ऑनलाइन प्रोजेक्ट के लिए Divi और एक कस्टम पृष्ठ का उपयोग कर सकते हैं।

जबकि Divi काफी मात्रा में पूर्वनिर्धारित सामग्री के साथ आता है, आप हमेशा चीजों को अपने तरीके से कर सकते हैं। सुधार करें और संपादित करें जो आपके निपटान में है या पूरी तरह से कस्टम लेआउट बनाएं जो आपकी मांगों को अंतिम विवरण तक फिट करते हैं। दिवि के साथ, आपके पास जो भी विकल्प हैं, वे अनंत हैं।

Webify

यदि आप एक या स्थापित करना चाहते हैं, तो आप सही जगह पर आए। Webify एक शानदार पोर्टफोलियो वेबसाइट टेम्प्लेट है जो आपको बिना किसी समय के पास के हल कर देगा। ध्यान रखें कि काम का प्रमुख हिस्सा पहले से ही आपके लिए है। तकनीकी से लेकर वेब डिज़ाइन तक, आपकी सुविधा के लिए, इसे सभी के लिए तैयार करते हैं। पूर्वनिर्धारित डेमो के साथ, आपके पास एक कार्यात्मक ऑनलाइन पोर्टफोलियो हो सकता है, जो आपकी भयानक सामग्री से भरा हुआ है, जो बाद के बजाय जल्द ही लॉन्च के लिए तैयार है।

बीस अलग-अलग नमूनों के पैकेज में, आपको चार अनन्य मिलेंगे जो आधुनिक ऑनलाइन पोर्टफोलियो को क्राफ्ट करने के लिए एकदम सही हैं। आपको और भी सहज महसूस कराने के लिए, वेब डेवलपमेंट के करीब पहुँचकर, आपको वेब के साथ काम करने का मौका देने के लिए तकनीक-प्रेमी होने की आवश्यकता नहीं है। कोई भी इसे कर सकता है, शुरुआती कोडर और जो लोग अपना पहला पृष्ठ बनाने वाले हैं, वे भी।

Jevelin

जेवेलिन एक उत्तरदायी वर्डप्रेस थीम है जिसे किसी भी चीज़ के लिए पिछले ज्ञान की आवश्यकता नहीं है। यह आलसी, गैर-प्रोग्रामर, या बस व्यस्त लोगों के लिए एकदम सही है। यह पेज तत्वों के लिए डेमो और पूर्व-निर्मित विकल्पों के टन के साथ आता है। जेवेलिन को अच्छी तरह से प्रलेखित किया गया है और यहां तक \u200b\u200bकि आपके माध्यम से सभी तरह से मार्गदर्शन करने के लिए वीडियो ट्यूटोरियल भी प्रदान करता है। यह एक ड्रैग एंड ड्रॉप पेज बिल्डर और एक मेगामेनू का उपयोग करता है जो कई पैनल कार्यों को सरल करता है। +40 अद्भुत लघुकोड भी रचनात्मक और चालाक पाने के लिए शामिल किए गए हैं! इसके अतिरिक्त, जेवेलिन अनिवार्य रूप से बहुउद्देशीय है और ब्राउज़रों या उपकरणों के लिए अनुकूल है। यह कई संभावित कार्यों के साथ बनाया गया है, लेकिन केवल एक वास्तविक लक्ष्य: गुणवत्ता पृष्ठ निर्माण। इसके अलावा, विशेष ऐड-ऑन जो इसे महान बनाते हैं, उनमें अनुवाद और Google मैप्स के लिए WPML शामिल हैं। इसके अलावा, आप अपने पोस्ट और नए बेटे को सोशल मीडिया बटन के साथ साझा करना चाहते हैं।

जेवेलिन भी एसईओ के साथ नेविगेशन के लिए तेज और अनुकूलित है। यह +10 पोर्टफोलियो लेआउट और 6 ब्लॉग पेजों के साथ आता है। संभावित ग्राहकों के लिए वाणिज्यिक लेनदेन और फॉर्म बनाने के लिए यह सब तैयार हो जाओ। इसके अलावा, यह भयानक WooCommerce और संपर्क फ़ॉर्म 7 प्लगइन्स के साथ एकीकृत किया गया है। अंत में, यह आपको एक बाल विषय और मुफ्त निरंतर अपडेट प्रदान करेगा! जल्दी देखो, और तुम पीछे नहीं हटोगे! जेवलिन के लिए जाओ!

मारी

Marée एक रोमांचक, प्रयोग करने में आसान और इलस्ट्रेटर और डिजाइनरों के लिए स्पार्किंग पोर्टफोलियो वेबसाइट टेम्पलेट है। हालांकि, अगर आप वेब डिज़ाइन को अपने साथ प्रतिध्वनित पाते हैं, तो कोई भी मारी की अद्भुतता का उपयोग कर सकता है। सभी रचनात्मक, मूल और अभिनव से चुनने के लिए कई अलग-अलग डेमो हैं। पहली नज़र में सरल, Marée एक शानदार और अविस्मरणीय अनुभव सुनिश्चित करता है। कई पूर्वनिर्धारित घरों के साथ, मारी में आपकी सुविधा के लिए आंतरिक पृष्ठों का भार भी शामिल है।

अपने रचनात्मक स्पर्श के साथ उपलब्ध मिश्रण को मिलाएं और अपने स्वाद के अनुसार मारी को निजीकृत करें। Marie भी WPBakery ड्रैग एंड ड्रॉप पेज बिल्डर, रेवोल्यूशन स्लाइडर, अनलिमिटेड कलर्स, ऑनलाइन स्टोर सेक्शन, तीन पेजिंग्स और कई कस्टम-मेड शॉर्टकोड के साथ आता है। आप जल्दी से जिस सटीक ऑनलाइन पोर्टफोलियो को मार्इ के साथ चाहते हैं, उसे जल्दी से स्थापित कर सकते हैं। उस ने कहा, अब कार्रवाई करो और अपनी परियोजना को नई ऊंचाइयों पर ले आओ।