Banner image/Hero Image Tutorial with HTML and CSS

*Read the Description! *

This video is about how to create hero image with html and css

-- -- --

Online tools used in this tutorial:

---- ------ ------ ------ ------ ------

- Code Editor: Brackets
- Recorded with : NVIDIA Shadowplay

----- -------- ------- -------- -------- ------- -------

• Music Info:

Title: BACK IN SUMMER
Artist: Nicolai Heidlas
Genre: Pop
Mood: Bright

–––

• Licence:

Creative Commons — Attribution 3.0 Unported— CC BY 3.0

------ -------- --------- --------- -------- ---------

Video Created By: R.Y Baskara

[MrAmycasey]

Just the video i have been looking for!

[fdsfkdj]

Thanks for the video! By the way it would be better if you showed the website more frequently, to let us see the change :)

[sutho]

You’re the best at explaining code quickly. Keep going! Awesome 😎

[henryadugba]

You always have exactly what I'm looking for, thanks for making such great videos!

[ThomasDG]

Didn't work. Only the image shows up. Any help?

[nichisan]

Awesome! Great tutorial. Thank you for this video :)

[angeliesioson]

thank you so much for this simplified version of text overlay

[kalMHe]

Apparently you are here to show off your skills !

[danieltsfira]

hi i am using sublime text and the only thing that is different with mine from yours is the 'hover' and 'active' after the 'btn' in the css isnt changing colour and it just isnt working, when i refresh the page i see the button flash on but then it goes? do you have any idea what is wrong?

[meloensap]

when i put my image in its only really small in the right corner

[kevinamrulloh]

i thought this channel is great.. keep making video..
i like this video.. thank's

[laurazhu]

Why is it cut off on Chrome? I need to reduce the zoom to get what you did.

[rebeccasm]

Hey, I am trying to use this for the header of my website. I would like the nav to go over the image i am using as well. I typed in the code, but the asterick selector in the css is making the height 100% for every section on the page. When I try to adjust the height manually and take away the asterick, it gets rid of the image. Please help!

[tiagooliveira]

hello, what theme of brackets is this?

[zimmer-jdbx]

does this work? bc I dont want to waste time I only have a little time left

[kolokasi]

can someone help me on how to add a "logo" on like top left ?

[youmovies]

awesome video!, can you use any size of picture to do this my picture keeps showing only the corner

[regifiz]

how do i resize it the banner without making it scroll

[arturoibarra]

An explanation would have been better than the music.

[jennapeters]

I followed this exactly and noting happened, I don't understand why