Website Development #3: creating a Navbar & CSS reusable codes | Hindi
Channel: Thapa Technical
Date: 2022-03-23

Welcome Guys, to the Best Website Development Couse in Hindi. 

Today in this video we are going to create Navbar & CSS reusable codes.

In this video we have created a navbar, then we have applied CSS code to style the navbar.

What is a navbar?
A navigation bar needs standard HTML as a base. In our examples, we will build the navigation bar from a standard HTML list. Navigation Bar = List of Links

We then created CSS variables, so we could reuse the code. Next, we learned about tints and shades.

what are CSS variables?

Custom properties (sometimes referred to as CSS variables or cascading variables) are entities defined by CSS authors that contain specific values to be reused throughout a document.

what is font family?

A font family is a collection of fonts that share particular design features within a specific style of a typeface.

We have also learned about font family and how to use google fonts in CSS.

👉 Reference link for CSS snippets: https://youtu.be/IFpGTYsXGG4

😍 Check my Instagram to Connect with me:     https://www.instagram.com/thapatechnical

♥ Free Source Code & Discord Server Link: https://www.thapatechnical.com/2022/03/web-development-course-in-hindi-in-2022.html

👉 Complete Playlist Link: https://youtube.com/playlist?list=PLwGdqUZWnOp2jmYb2TQGYgBYp0xGwj9V1

-------------- Timeline  -------------------

00:00 Introduction 
00:12 What is navbar?
00:43 Adding logo 
02:21 listing menu
04:36 Adding css file 
05:29 Creating css variable 
09:26 What is tints and shade?
12:01 Font family 
14:30 Using font family 
16:00 Targeting (h1) tag
17:33 Targeting (h3) tag
18:13 Targeting (p) tag
19:00 Targeting anchor and list tag
19:32 What will we learn in next video?
19:48 Outro