How to Design A Responsive Navigation Bar Using HTML And CSS (Navigation Bar -01)

दोस्तों जैसा की मैंने पहले भी बताया है की इस वेबसाइट को बनाने का हमारा उद्देश्य है की आपको सभी प्रकार के Online Tools के साथ साथ कंप्यूटर से जुडी ढेर सारी जानकारी उपलब्ध कराना, तो आज के इस आर्टिकल में मैंने आपको बताया है की HTML और CSS का उपयोग करके आप एक Responsive Bar कैसे बनाते है और साथ में यह भी जानकारी दूंगा की Responsive Navigation Bar का Source Code कैसे Download करते है. 

Introduction of Responsive Navigation Bar ?

दोस्तों सबसे पहले मैं आपको यह बताता हूँ की Responsive Navigation Bar क्या होता है, उसके बाद मैं आपको step by step बताऊंगा की आप Responsive Navigation Bar कैसे बना सकते है, तो सबसे पहले समझते है की Navigation Bar क्या होता है, Navigation Bar एक Website Design का महत्वपूर्ण हिस्सा है, इसके माध्यम से हम अपने Website के अलग-अलग Page पर जाते है और Navigation Bar को हर डिवाइस में अच्छे तरह से देखने के लिए Navigation Bar को Responsive बनाया जाता है, Responsive Navigation Bar का सबसे बड़ा फायदा यह होता है की यह Device के अनुसार Automatic Adjust होता है. 

How to Design Responsive Navigation Bar ?

यदि आपको Basic HTML और CSS आता है तो आप बहुत ही आसानी तरीके से हमारे द्वारा दी गयी जानकारी को पढ़ कर Responsive Navigation Bar बना सकते है, यदि आपको HTML और CSS का बेसिक भी नहीं आता तो भी कोई प्रॉब्लम नहीं है मैंने यहाँ पर बिल्कुल Start से वताया है की आप एक Responsive Navigation Bar कैसे डिजाईन कर सकते है, सबसे पहले आपको अपने Computer में एक Navigation Bar का फोल्डर Create करना होगा, उसके बाद उस फोल्डर में index.html और style.css का Page बनाना होता और index.html के Page में Emmed (Ctrl + ! ) के माध्यम से HTML का Basic Structure बनान होता है, उसके बाद आप Navigation bar का कोड लिखना स्टार्ट करते है, navigation bar में जो भी आपको