No video

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

  Рет қаралды 1,009,667

GreatStack

GreatStack

Күн бұрын

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
👉 easytutorialsp...
-------------------------------------
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.c...
-------------------------------------
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
👉 easytutorialsp...
------------------------------------
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:
◼️ KZfaq: goo.gl/tTFmPb
◼️ Facebook: goo.gl/qv7tEQ
◼️ Twitter: / itsavinashkr

Пікірлер: 581
@How_About_This428
@How_About_This428 3 жыл бұрын
Indians are the best for real, thank you for this amazing tutorials
@GreatStackDev
@GreatStackDev 3 жыл бұрын
Thank you so much 😀
@GamingTSH
@GamingTSH 3 жыл бұрын
Programming By TSH -- This channel is so good too
@zaeltrus
@zaeltrus 2 жыл бұрын
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.
@0001-exe
@0001-exe 3 жыл бұрын
I FOUND THE ONE. THIS CHANNEL HAS FREAKING EVERYTHING I NEED TO KNOW ABOUT CSS LIKE WHAT AAAAAAA THANK YOU SO MUCH
@ShahadatHossain-gz2cw
@ShahadatHossain-gz2cw 3 жыл бұрын
Asia and a433
@alevelslk
@alevelslk 3 жыл бұрын
That’s correct
@righteousblessed
@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.
@abhaytiwari6411
@abhaytiwari6411 4 жыл бұрын
Hey Easy Man please Make video on Backend . If You Have FirstHand Experience in That field
@thaido1750
@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
@OwolDestiny
@OwolDestiny 4 жыл бұрын
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
@GamingTSH 3 жыл бұрын
Programming By TSH -- This channel is so good too
@Adrien0000
@Adrien0000 2 жыл бұрын
Thank you. Really great tutorial! It feels good to be able to learn and build at the same time
@isroxy33
@isroxy33 2 жыл бұрын
Me to i feel good thank you tutoria
@ram-cy3gi
@ram-cy3gi Жыл бұрын
thank you so much i was about to fail my html class and u helped me god bless you and ur family i love you so much. if u are looking for a wife i can be yours
@wendypamella3515
@wendypamella3515 3 жыл бұрын
Since I found your channel... Web design has been so much fun and I'm always looking forward to your new videos
@GreatStackDev
@GreatStackDev 3 жыл бұрын
Happy to hear that!
@workertyping9880
@workertyping9880 2 жыл бұрын
@@GreatStackDev which screen recorder do you use...
@ram-cy3gi
@ram-cy3gi Жыл бұрын
hey man, sorry about the harsh words. i came back to thank you for this wonderful video
@rohitrajak2260
@rohitrajak2260 3 жыл бұрын
Very inspired by your tutorials! Keep the good work going on
@robertodepasamonte3434
@robertodepasamonte3434 4 жыл бұрын
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.
@drstrange6571
@drstrange6571 Жыл бұрын
Well explained!! Gained good knowledge in HTML and CSS after watching this video..
@abdisakebe6846
@abdisakebe6846 3 жыл бұрын
I think I was wasting my time scrolling on other channels.now i got the one i was looking for
@NimeshFernando-vq9dl
@NimeshFernando-vq9dl Жыл бұрын
Thanks bro this video help me to do my course work as my wish all the best do more contents
@jasonbrody8957
@jasonbrody8957 2 жыл бұрын
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!
@Nway257
@Nway257 3 жыл бұрын
Sahara morocan 😊😊😊 is good bro 💙 From Morocco 🇲🇦
@GreatStackDev
@GreatStackDev 3 жыл бұрын
Thank you so much
@fraidebdl3292
@fraidebdl3292 Жыл бұрын
I'm always satisfied with your tutorial it's help me a lot for learning html and css
@GreatStackDev
@GreatStackDev Жыл бұрын
Glad you enjoy it!
@mouradrassa6105
@mouradrassa6105 3 жыл бұрын
You are a STAR -- Thank You so much
@Gamer_Guy2.0
@Gamer_Guy2.0 Жыл бұрын
Great Tutorial, I really Understood Everything
@dhammilankathilaka5862
@dhammilankathilaka5862 2 жыл бұрын
Thank you so much. It is really helpful
@abbas123
@abbas123 Жыл бұрын
Unfortunately, the transformation hover is not working. instead when I hover it, it moves to the left not to the top, any solution?
@markedisontubal3299
@markedisontubal3299 3 жыл бұрын
Thank for the tutorial Eminem (Rap God)
@zzsssddd
@zzsssddd 3 жыл бұрын
ahahahahhahaha lol...and I thought I speak fast!!
@sajaltabib2049
@sajaltabib2049 4 жыл бұрын
Man You are a genius🔥🔥🔥
@muaidmohamed5787
@muaidmohamed5787 2 жыл бұрын
I like this tutorial Only i have one issue The hader , and cards not in one column.
@muaidmohamed5787
@muaidmohamed5787 2 жыл бұрын
Help me with this
@bl7937
@bl7937 2 жыл бұрын
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
@abdultaqui6361 Жыл бұрын
Wh compiler to use?
@ekanshpandit3713
@ekanshpandit3713 3 жыл бұрын
Another great tutorial . 😍🤩🤩😍. will it be responsive for phone resolution?
@GreatStackDev
@GreatStackDev 3 жыл бұрын
no it's not responsive will make another part for this. for now you can check this video to make any website responsive: kzfaq.info/get/bejne/fq6kgLCEmZjHh6c.html
@patrickdjivo3862
@patrickdjivo3862 Жыл бұрын
All your videos are perfect! Thank you so much
@alikhanuana1025
@alikhanuana1025 3 жыл бұрын
Really I love this video i learned a lot from such amazing video thank you so much
@GreatStackDev
@GreatStackDev 3 жыл бұрын
My pleasure 😊
@ajaykumarbag6320
@ajaykumarbag6320 2 жыл бұрын
You are a great developer..... Love you sir......
@kunzjulija3201
@kunzjulija3201 Жыл бұрын
thank you, great job!
@sihemtoutsimplement6616
@sihemtoutsimplement6616 3 жыл бұрын
Perfect ! Thank you ❤️
@JashandeepKumar
@JashandeepKumar 3 жыл бұрын
This is Amazing
@GreatStackDev
@GreatStackDev 3 жыл бұрын
h1{ comment: thank-you; }
@ravirajop1842
@ravirajop1842 3 жыл бұрын
@@GreatStackDev😃😃
@margretmauno1285
@margretmauno1285 Жыл бұрын
Youre such a blessing... OMG!
@laboptyka3706
@laboptyka3706 3 жыл бұрын
It's Soooo Beautiful ❤️!!! Thank You Sir 👍👍
@JahangirHussain-be1cx
@JahangirHussain-be1cx Ай бұрын
Sir ap logo !Interior ka konse software se download karte ho please ask me sir
@naitikkathiriya
@naitikkathiriya 3 жыл бұрын
Really helps so easy coding method.. thnx
@GreatStackDev
@GreatStackDev 3 жыл бұрын
You are welcome
@gaurav7367
@gaurav7367 3 жыл бұрын
Excellent work! can you show how to anchor some other html page in the buttons,menu etc? It will be really helpful to me
@legendaryesports6809
@legendaryesports6809 3 жыл бұрын
yes
@manasdas9461
@manasdas9461 2 жыл бұрын
Did you figure it out? I need it
@kj5215
@kj5215 3 жыл бұрын
Awesome man! Loved it.
@_Lalunal_
@_Lalunal_ Жыл бұрын
Amazing!!! Thanks for the tutorial!!
@sharukhsrk4883
@sharukhsrk4883 3 жыл бұрын
After a long time searching in KZfaq, I find a correct channel to learn web developer, your explaining each and every point very clearly thank you sir👍👍
@atheel5678
@atheel5678 3 жыл бұрын
Amazing explanation 😍😍
@francisehemba9482
@francisehemba9482 3 жыл бұрын
Thank you sir. I learn a lot with your channel!
@codewithatharv
@codewithatharv 2 жыл бұрын
Thank you so much =, you saved me from being grounded coz my parents said "OK THEN! DO SOME CODING AND SHOW US TO PROVE U CAN REALLY CODE!" lol!
@aditideshpande3799
@aditideshpande3799 2 жыл бұрын
thanks a lot, man! helps beginners.
@shantanupatil6064
@shantanupatil6064 Жыл бұрын
very nice boss
@andsoon5575
@andsoon5575 3 жыл бұрын
Really. It's a very helpful tutorial. Thanks
@AkashRaj-vj6br
@AkashRaj-vj6br 11 ай бұрын
Thank you so much for such a great explanation
@brilliantacademy5227
@brilliantacademy5227 3 жыл бұрын
very nice explained and made my first website by seeing your video thanks for making video
@GreatStackDev
@GreatStackDev 3 жыл бұрын
Glad it helped
@habibikushal9738
@habibikushal9738 3 жыл бұрын
Hiii thank, you for speaking and explaining in videos, it's very helpful
@raymondmichael4987
@raymondmichael4987 4 жыл бұрын
I admire your courage brother. Keeep it up, can I suggest a video tutorial for you to create!? Greetings from Tanzania 🇹🇿
@victorhollands6289
@victorhollands6289 6 ай бұрын
When I hear this voice automatically I know I can't fail its an A plus
@bs5a
@bs5a 5 ай бұрын
Lol
@waseemrahman8795
@waseemrahman8795 4 жыл бұрын
Good sir i really appreciate you work keep it up.😍😍😍
@Zackaito01
@Zackaito01 22 күн бұрын
Thank youu broo
@SBDVlogs
@SBDVlogs Жыл бұрын
very very lots of thank you brother.. will be thankful to you always
@whitewlf4873
@whitewlf4873 4 жыл бұрын
I love your web page its awesome
@muhammadgaza8150
@muhammadgaza8150 2 жыл бұрын
Thank you sir, success and always healthy
@muaidmohamed5787
@muaidmohamed5787 2 жыл бұрын
Can u send me cod plz
@anangyoga1381
@anangyoga1381 3 жыл бұрын
thank you good sir! you give me another point of view how to use the CSS
@19khushalnaik17
@19khushalnaik17 Жыл бұрын
thank you so much really help full
@GreatStackDev
@GreatStackDev Жыл бұрын
You are welcome Khushal
@abdirahmanabdirashid9084
@abdirahmanabdirashid9084 4 жыл бұрын
Good job please my bro don't stop this lessons🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏
@thiagovenek1744
@thiagovenek1744 3 жыл бұрын
Nossa que massa! Você faz isso em 10minutos kkk ! Muito Bom fiz Certinho.
@GamingTSH
@GamingTSH 3 жыл бұрын
Programming By TSH -- This channel is so good too
@carolcarvalho7753
@carolcarvalho7753 2 жыл бұрын
Né kkkk esses indianos são demais
@jkiidev
@jkiidev Жыл бұрын
hhh I mean I can 1 hours, but he's only 10 minutes bruh
@NawarZarif
@NawarZarif 3 жыл бұрын
Excellent tutorial.many thanks .Zakir
@samantha6670
@samantha6670 2 жыл бұрын
Great tuto. Thanks !
@SvenStadt
@SvenStadt Жыл бұрын
Whoa! less caffeine today fella!
@GamerboyAnubhav
@GamerboyAnubhav Жыл бұрын
After adding background image , nd running on life server . The black image is not showing
@sk3424
@sk3424 3 жыл бұрын
thank you so much it was really helpful
@muhammadsubhaan2734
@muhammadsubhaan2734 Жыл бұрын
very easy and helpful
@GreatStackDev
@GreatStackDev Жыл бұрын
thank you subhaan
@hart-coded
@hart-coded 4 жыл бұрын
really enjoy, so simple to follow, great design, please responsive much appreciated
@Arckon02
@Arckon02 3 жыл бұрын
so was it able to be responsive?
@terezaviznerova2561
@terezaviznerova2561 2 жыл бұрын
Thank you! Really helpful :)
@tanaykumar1043
@tanaykumar1043 3 жыл бұрын
Indian guy on youtube is legend
@alexargueta9322
@alexargueta9322 2 жыл бұрын
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
@BroMiyuki
@BroMiyuki Жыл бұрын
A great video. Pretty easy to follow along👏🏼👏🏼
@suraiyanahreen6530
@suraiyanahreen6530 2 ай бұрын
could you please tell from which websites do you take icons, logos and wallpapers/photos?
@shohidjonolimjonov8167
@shohidjonolimjonov8167 2 жыл бұрын
This was more of showing off than a tutorial. I wouldn't use 'margin-left ' to make space between menu items in the nav , I would rather use flex then justify-content ="space-between' .. so I make sure the menu items and the space between them is responsive.I also hope you used the semantic sectioning element instead of but think the inner had no more semantic alternative. I liked when you used 'flex:1' on the I know you meant 'flex-grow:1' while the other two items (imgs) are default to flex-grow : 0 . Hope you the best.
@dokja_king
@dokja_king Жыл бұрын
thank you sir i really appriciate your works sir thanks a lot
@kennethmuchui4660
@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
@ThuRainKyawZawl
@ThuRainKyawZawl 4 ай бұрын
Thanks for this tutorials
@pr2182
@pr2182 4 жыл бұрын
This is a great. From Bangladesh.
@tariqjamil7109
@tariqjamil7109 4 жыл бұрын
Same too,
@003charles
@003charles 11 ай бұрын
Thank you! This is a great video. Very concise. What size are the pictures? I used my own and I did not get the images in a set like yours.
@GreatStackDev
@GreatStackDev 11 ай бұрын
Glad you liked this tutorial. You can check the image size by downloading my images from link given in the description
@suraj5451
@suraj5451 3 жыл бұрын
Thank you soo much sir. I am your big fan.
@GreatStackDev
@GreatStackDev 3 жыл бұрын
Thank you suraj brother
@khadijaabid9647
@khadijaabid9647 3 жыл бұрын
Great work, thankyou veryyy very much ;-)
@scorpion32
@scorpion32 3 жыл бұрын
Great project , I'm going to add some javascript to make it more interactive
@halaldose4594
@halaldose4594 3 жыл бұрын
Can you make a video of javascript i want to learn it please bro with hindi voiceover
@scorpion32
@scorpion32 3 жыл бұрын
@@halaldose4594 sorry bro, I don't speak Hindi. I'll post the code though, all I wanted to do was just add an event listener to change background image after you hover over each image
@halaldose4594
@halaldose4594 3 жыл бұрын
@@scorpion32 ok bro please give me the source code of it
@scorpion32
@scorpion32 3 жыл бұрын
@@halaldose4594 As soon I build it I'll put it on GitHub. What's your email?
@pelosmeusolhos938
@pelosmeusolhos938 3 жыл бұрын
thank you for sharing this with us!!
@NeelPatel-gn8id
@NeelPatel-gn8id 2 ай бұрын
very useful need more project
@GreatStackDev
@GreatStackDev 2 ай бұрын
Thank You.. Will do it.
@anukashyap4817
@anukashyap4817 4 жыл бұрын
Super sir 🌹🙏 thank you so much sir 🙏🙏🙏
@ankitshukla4573
@ankitshukla4573 3 жыл бұрын
Thanks Bro 😊
@Tadabaru_AlQuran
@Tadabaru_AlQuran 3 жыл бұрын
Fantastic ThankU!!
@kieran2347
@kieran2347 4 жыл бұрын
Loved the video. You made it appear so simple lol
@codaacademy5888
@codaacademy5888 3 жыл бұрын
thanks for your tutorial
@movietime4512
@movietime4512 3 жыл бұрын
kzfaq.info/get/bejne/it14pM-pndjalIk.html
@mieleinstein7530
@mieleinstein7530 3 жыл бұрын
thank you very much you helped me a lot! keep up
@GreatStackDev
@GreatStackDev 3 жыл бұрын
Glad it helped!
@cncmachinistaartist2160
@cncmachinistaartist2160 Жыл бұрын
hoping to see your tutorial webdesign sir your good ...
@ismailvedia17
@ismailvedia17 4 жыл бұрын
Thank you for this effort and please use the media query in the next videos
@user-rt4ej3rw3r
@user-rt4ej3rw3r 10 ай бұрын
Great helping video
@ragulu9267
@ragulu9267 4 жыл бұрын
Good Work bro... Learned a lot... Thanks And I want to know How do you create these videos?
@kiranparashar7906
@kiranparashar7906 3 жыл бұрын
Thank u sir 👍, it's really helpful
@GreatStackDev
@GreatStackDev 3 жыл бұрын
Thanks Kiran
@chathuskamahanama7606
@chathuskamahanama7606 Жыл бұрын
Superb ❤️✨️💪
@tech_channel110
@tech_channel110 2 жыл бұрын
Absolutely good video
@AbdullahHuseynli_q9m
@AbdullahHuseynli_q9m Жыл бұрын
Hi i loved this tutorial but i have a question i wrote that transistion:transform 0.5s; and i added card:hover but it doesn't work can you please help?
@somrender
@somrender 4 жыл бұрын
Brother i have a question, If me wannt to publish for example this website that you make what do i have to do? *i'm new at website, code etc .
@OwolDestiny
@OwolDestiny 4 жыл бұрын
You can push you code to github and then use Netlify as a server to publish your site, its free.
@somrender
@somrender 4 жыл бұрын
@@OwolDestiny Thank you!
@somrender
@somrender 4 жыл бұрын
@@ghcoder5477 Thanks
@yakuznecov
@yakuznecov 3 жыл бұрын
Спасибо автор, ты лучший
@technic_and_programming
@technic_and_programming 3 жыл бұрын
Ага)
Мы сделали гигантские сухарики!  #большаяеда
00:44
小丑把天使丢游泳池里#short #angel #clown
00:15
Super Beauty team
Рет қаралды 44 МЛН
ROLLING DOWN
00:20
Natan por Aí
Рет қаралды 10 МЛН
How To Create A Website using HTML & CSS | Step-by-Step Tutorial
27:19
How To Make A Website Using HTML & CSS
25:41
Codehal
Рет қаралды 115 М.
CSS Card Hover Effects | Html CSS
12:16
Web dev
Рет қаралды 172 М.
Creating Responsive CSS Cards | Card Design HTM & CSS
4:30
Learn Web
Рет қаралды 126 М.
Мы сделали гигантские сухарики!  #большаяеда
00:44