How To Make A Website Header Using HTML And CSS Step By Step | Web Design In HTML & CSS

Learn How To Make A Website Header Using HTML And CSS Step By Step | Web Design In HTML & CSS Tutorial
❤️ SUBSCRIBE: goo.gl/tTFmPb
❤️ Complete website Using HTML and CSS
✔️ 8 Complete website step by step
✔️ Source Code Download
✔️ 76 Lectures, 12 Hours Video
✔️ Course Completion certificate
👉 easytutorialspro.com/go/course/
-------------------------------------
Here in this video we will create a travel website header section using HTML and CSS. On this web page we will make a navigation bar with logo, some links and menu icon.
after that there will be 2 columns with some title, text and images. We will also learn to create hover effect on Image.
Download Images: drive.google.com/file/d/1ZbDT...
-------------------------------------
Recommended Videos:
Complete HTML and CSS course for beginners
► • Complete HTML & CSS Co...
Create Login and Registration form using HTML CSS
► • How To Make Login & Re...
Make Contact us page in HTML and CSS
► • How To Make A Contact ...
Create Range Selector Input filed using HTML & CSS
► • How To Make Range Slid...
Make Full Website With HTML and CSS
► • How To Make Complete W...
-------------------------------------
My recommended tools and tutorials
👉 easytutorialspro.com/
------------------------------------
Image Credit:
pexels.com/
freepik.com/
-------------------------------------
◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
Join Channel Membership:
► / @greatstackdev
-------------------------------------
Like - Follow & Subscribe us:
◼️ TH-cam: goo.gl/tTFmPb
◼️ Facebook: goo.gl/qv7tEQ
◼️ Twitter: / itsavinashkr

[@righteousblessed]

you are the best, its my first time that i create a website, i am glad that you are doing a great job. i cant tell you how happy i am, i follow your each and every step and got the same design. it took me 5 hours, it was bit hard for me in start, but i keep trying and now i have completed it, i dont know even a b c of html, but i did it. may you live long , lots of prayers for you.

[@How_About_This428]

Indians are the best for real, thank you for this amazing tutorials

[@GreatStackDev]

Thank you so much 😀

[@GamingTSH]

Programming By TSH -- This channel is so good too

[@zaeltrus]

So many people look down on them, but they are the ones who have brain paired with humility and creativity. Almost all guides I need are made by them and they are all great.

[@thaido1750]

INSTANT SUBSCRIBED, it has never been wrong when you need help in coding from an Indian guy, you guys are best, love from Vietnam

[@rohitrajak2260]

Very inspired by your tutorials! Keep the good work going on

[@Adrien0000]

Thank you. Really great tutorial! It feels good to be able to learn and build at the same time

[@isroxy33]

Me to i feel good thank you tutoria

[@abhaytiwari6411]

Hey Easy Man
please Make video on Backend .
If You Have FirstHand Experience in That field

[@OwolDestiny]

This is a really good frontent tutorial, being a developer I can see you have a really good eyes for design. I think you should try to explain some advanced tags so beginner's can understand better. Thou, your content is good, I wish to start using voice over for my videos as well.

[@GamingTSH]

Programming By TSH -- This channel is so good too

[@sihemtoutsimplement6616]

Perfect ! Thank you ❤️

[@mouradrassa6105]

You are a STAR -- Thank You so much

[@0001-exe]

I FOUND THE ONE. THIS CHANNEL HAS FREAKING EVERYTHING I NEED TO KNOW ABOUT CSS LIKE WHAT AAAAAAA THANK YOU SO MUCH

[@ShahadatHossain-gz2cw]

Asia and a433

[@lolloooollolololololololol]

That’s correct

[@drstrange6571]

Well explained!! Gained good knowledge in HTML and CSS after watching this video..

[@sajaltabib2049]

Man
You are a genius🔥🔥🔥

[@laboptyka3706]

It's Soooo Beautiful ❤️!!! Thank You Sir 👍👍

[@sharukhsrk4883]

After a long time searching in TH-cam, I find a correct channel to learn web developer, your explaining each and every point very clearly thank you sir👍👍

[@patrickdjivo3862]

All your videos are perfect! Thank you so much

[@margretmauno1285]

Youre such a blessing... OMG!

[@ajaykumarbag6320]

You are a great developer..... Love you sir......

[@dhammilankathilaka5862]

Thank you so much. It is really helpful

[@kj5215]

Awesome man! Loved it.

[@francisehemba9482]

Thank you sir. I learn a lot with your channel!

[@andsoon5575]

Really. It's a very helpful tutorial. Thanks

[@wendypamella3515]

Since I found your channel... Web design has been so much fun and I'm always looking forward to your new videos

[@GreatStackDev]

Happy to hear that!

[@workertyping9880]

@@GreatStackDev which screen recorder do you use...

[@atheel5678]

Amazing explanation 😍😍

[@Gamer_Guy2.0]

Great Tutorial, I really Understood Everything

[@anangyoga1381]

thank you good sir! you give me another point of view how to use the CSS

[@_Lalunal_]

Amazing!!! Thanks for the tutorial!!

[@NawarZarif]

Excellent tutorial.many thanks .Zakir

[@kunzjulija3201]

thank you, great job!

[@pelosmeusolhos938]

thank you for sharing this with us!!

[@whitewlf4873]

I love your web page its awesome

[@kieran2347]

Loved the video. You made it appear so simple lol

[@NimeshFernando-vq9dl]

Thanks bro this video help me to do my course work as my wish all the best do more contents

[@terezaviznerova2561]

Thank you! Really helpful :)

[@aditideshpande3799]

thanks a lot, man! helps beginners.

[@robertodepasamonte3434]

Very nice and well presented tutorial!!! BUT .... the design is only applicable to desktop. For tablet and mobile phone, the functionality is a total fail.
It's 2020, and website design must be fully responsive, otherwise it has no practical use. Would be very helpful if you create a follow-on tutorial to extend the design to tablet and mobile phone (perhaps using bootstrap or tailwind).
In any case, thank you for your effort.

[@habibikushal9738]

Hiii thank, you for speaking and explaining in videos, it's very helpful

[@samantha6670]

Great tuto. Thanks !

[@SBDVlogs]

very very lots of thank you brother.. will be thankful to you always

[@waseemrahman8795]

Good sir i really appreciate you work keep it up.😍😍😍

[@AkashRaj-vj6br]

Thank you so much for such a great explanation

[@sk3424]

thank you so much it was really helpful

[@anukashyap4817]

Super sir 🌹🙏 thank you so much sir 🙏🙏🙏

[@saidhteray4130]

Gracias, saludos desde México

[@NerdyX90]

BRO! Thank you!

[@ankitshukla4573]

Thanks Bro 😊

[@raymondmichael4987]

I admire your courage brother.
Keeep it up, can I suggest a video tutorial for you to create!?
Greetings from Tanzania 🇹🇿

[@ismailvedia17]

Thank you for this effort and please use the media query in the next videos

[@abdirahmanabdirashid9084]

Good job please my bro don't stop this lessons🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏

[@Tadabaru_AlQuran]

Fantastic ThankU!!

[@bl7937]

Thank you for sharing this tutorial. However, I'm a little confused as to why you didn't do anything with the hamburger menu / make the navigation responsive at smaller view port. I followed the whole tutorial but that part seems to be left out.

[@abdultaqui6361]

Wh compiler to use?

[@roswaaal]

A great video. Pretty easy to follow along👏🏼👏🏼

[@fraidebdl3292]

I'm always satisfied with your tutorial it's help me a lot for learning html and css

[@GreatStackDev]

Glad you enjoy it!

[@dokja_king]

thank you sir i really appriciate your works sir thanks a lot

[@jasonbrody8957]

For some reason my element created a white space and is below the background image. Any tips?
Edit: Nevermind I didn't place the row inside the container . Whoops!

[@senuraperera9339]

Thank you 💕

[@khadijaabid9647]

Great work, thankyou veryyy very much ;-)

[@alexward922]

good job, thank u

[@emirhanozturk237]

thank you very much :3

[@ThuRainKyawZawl]

Thanks for this tutorials

[@okaarwansyah6626]

thankyou Mate!

[@alikhanuana1025]

Really I love this video i learned a lot from such amazing video thank you so much

[@GreatStackDev]

My pleasure 😊

[@Raaj_11]

Thank you 😊

[@ItsPradhyumnn]

Thenkyou sooo muchhhhhhhhhhhh!!!!!!!

[@ram-cy3gi]

hey man, sorry about the harsh words. i came back to thank you for this wonderful video

[@tech_channel110]

Absolutely good video

[@kennethmuchui4660]

Hello am a very big fun of your content, am teaching am self web development and
I was asking if you could make a video explain the meaning of some of the CSS tags like for example justify content, translate -y etc and when to use them kindly. thank you

[@abdisakebe6846]

I think I was wasting my time scrolling on other channels.now i got the one i was looking for

[@khustar618]

Sir you are great

[@alirezajabbari1263]

thank you!

[@yakuznecov]

Спасибо автор, ты лучший

[@technic_and_programming]

Ага)

[@thebrotherltd9546]

Thank You Sir

[@shoaibraza5051]

thank you soo much

[@naitikkathiriya]

Really helps so easy coding method.. thnx

[@GreatStackDev]

You are welcome

[@cncmachinistaartist2160]

hoping to see your tutorial webdesign sir your good ...

[@its_ahmed]

Perfect⭐️

[@alexargueta9322]

A really good viedo, it helps me a lot! I just wanted to know if you can show us how to make it responsive! Ty

[@muhammadgaza8150]

Thank you sir, success and always healthy

[@muaidmohamed5787]

Can u send me cod plz

[@abanghengker2473]

thank youuuuuuu MASTER

[@brilliantacademy5227]

very nice explained and made my first website by seeing your video thanks for making video

[@GreatStackDev]

Glad it helped

[@hart-coded]

really enjoy, so simple to follow, great design, please responsive much appreciated

[@Arckon02]

so was it able to be responsive?

[@user-rt4ej3rw3r]

Great helping video

[@malikmahmud1986]

thanks so much

[@ibrahimhany7268]

Thanks ❤

[@ahmedreda3378]

from Egypt 🇪🇬💕

[@thiagovenek1744]

Nossa que massa! Você faz isso em 10minutos kkk ! Muito Bom fiz Certinho.

[@GamingTSH]

Programming By TSH -- This channel is so good too

[@carolcarvalho7753]

Né kkkk esses indianos são demais

[@jkiidev]

hhh I mean I can 1 hours, but he's only 10 minutes bruh

[@adee9580]

Thank you

[@sayyadmujjamil6781]

Very nice 👍🏻👍🏻👍🏻

[@kodeeshwarar3016]

Super bro...👍👍

[@zahravideos20]

Thanks

[@chathuskamahanama7606]

Superb ❤️✨️💪

[@johan12ab]

Great video, question: how is it that when you specifcy which image each card will show you need different class names to differentiate (card card 1, card card 2, etc.) but when you changed the font in CSS later you changed the color of the text without having to write multiple class names, around 99, you only wrote: ".card " and it worked on all of them, is it because the text is not connected to each image, and rather is an entity on its own?

[@Aderynn]

Think of card1 as a subclass or child of card. So "card card1" is like "parent child grandchild", where grandchild inherits from child, and both grandchild and child inherit from parent.
So any info you specify for the first one (card or parent) will apply to any of the subclasses of children (card1 or child) unless you override it. Compare earlier in the video he uses ".nav", ".nav ul li", and ".nav ul li a" to specify which of the subclasses the code applies to.
Hope this is (still) useful.

[@peterkabiru5144]

Thanks..also include the website responsiveness in your tutorials

[@mieleinstein7530]

thank you very much you helped me a lot! keep up

[@GreatStackDev]

Glad it helped!

[@jathurshanjohn8666]

Thanks you

[@Gszada]

Loved it. Learned tons.

[@kiranparashar7906]

Thank u sir 👍, it's really helpful

[@GreatStackDev]

Thanks Kiran

[@srinivasmanohar4872]

Super bro ❤️❤️🙏🙏

[@suraj5451]

Thank you soo much sir. I am your big fan.

[@GreatStackDev]

Thank you suraj brother

[@the_green_cloud]

thanks!

[@shantanupatil6064]

very nice boss