Learn How To Make A Website Header Using HTML And CSS Step By Step | Web Design In HTML & CSS Tutorial
❤️ SUBSCRIBE: https://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
👉 https://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: https://drive.google.com/file/d/1ZbDTohhYCavmSS8aJXyhU43xPrbT6zm0/view?usp=sharing
————————————-
Recommended Videos:
Complete HTML and CSS course for beginners
► https://www.youtube.com/watch?v=GAZVvpjxYQY
Create Login and Registration form using HTML CSS
► https://www.youtube.com/watch?v=L5WWrGMsnpw
Make Contact us page in HTML and CSS
► https://www.youtube.com/watch?v=orBQesFBkXg
Create Range Selector Input filed using HTML & CSS
► https://www.youtube.com/watch?v=Ow0QjqmaRtQ
Make Full Website With HTML and CSS
► https://www.youtube.com/watch?v=zmun7JzWGPE
————————————-
My recommended tools and tutorials
👉 https://easytutorialspro.com/
————————————
Image Credit:
http://pexels.com/
https://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:
► https://www.youtube.com/channel/UCkjoHfkLEy7ZT4bA2myJ8xA/join
————————————-
Like – Follow & Subscribe us:
◼️ YouTube: https://goo.gl/tTFmPb
◼️ Facebook: https://goo.gl/qv7tEQ
◼️ Twitter: https://twitter.com/ItsAvinashKr
source
Thank you man : how to link thoses pictures to a google for exemple ?
my 1-3 cards and 2-4 cards are not in same level.there is no margin add i do exactly what you do .
why are my cards overlapping? can anyone tell some solution
Can we copy this code
The only problem i face is targeting different classes and ids in css. Sometime for complete whole website its gets exhausting.
bro the background image isnt getting detected even though the path is coreect! help me to solve it
BRO! Thank you!
But it's not for responding in mobile view.. How to convert for it
Brother what we do to shift the card toward right but have some distance with right border
thanks a lot, man! helps beginners.
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!
thankyou Mate!
Good day! How do you fix the first card, because I also use the card coding on the CSS, and the first card wasn't showing the result, unlike the second, third, and fourth card, they showed beautifully, while the first card remained out of nowhere, and not fixed? What should I do about it? Can you please reply to this, I am making my project and it is nearly deadline. Thank you!
what editor did you use
Thank
7:51 somehow everytime I try, the third box always tends to go below the web page. Any help?
how do you make the cards to buttons
thank you!
Please I don't know if it's because am using a different HTML editor but the pictures are not showing from the background that's the beginning 9f this video
that was cool!
Thanks :)))
Absolutely good video
HOW DO I ADD A FOOTER TO IT? IM UNABLE TO DO IT…HELP
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
Text editor software link wanted brother
What extension are you using for brackets? Like you using " .container " and it creates div automatically
I like this tutorial
Only i have one issue
The hader , <p> and cards not in one column.
Hey How can I put a link to the cards? and to the Button?
Thank you
good vid
Thank you! Really helpful 🙂
For some reason my <p> element created a white space and is below the background image. Any tips?
Edit: Nevermind I didn't place the row <div> inside the container <div>. Whoops!
How to make this website responsive??
how to add img in that card
On four pics some text will be add I need that please tell me
The only problem I had was that I couldnt make the 4 boxes images to be 2 on top and 2 on the bottom. I ended up having 3 on top and 1 in the bottom. I cant make it be 2 rows of 2. Some one with some help?
Is it possible to make links on this cards? Thank you for your answer.
i have a problem, i already wrote
background-image: linear-gradient(rgba(0,0,0,0,7),rgba(0,0,0,0,7)), url(images/backgroundk.png);
but not working, the background in chrome stay white. can you help me?
Please kindly share your html css code..
I can not appreciate you. very well