HTML5 and CSS3 beginner tutorial 30 - Creating a simple website layout

I show you how to make a website header with navigation. We move on to the content in the next video.

Don't forget to tell them I sent you.

Follow me on social media:

Become a Patron:

Patrons can download the code here:

Subscribe to my Vlog channel:

Subscribe to this channel:

Please note:
I do not offer web development services, private tutoring, or "assistance" on school or university projects. I am not an online support service, and I'm not interested in setting up a "start up" business with viewers.

[RealKapela]

It's 2024 and i'm watching your vid and practice bro. Ty bro!

[iMaxos]

Wonderful explanations. I watched between 5 and 10 different tutorials about html/css and I binge watched your series at 1.5x speed last night and this morning. It cleared out all remaining confusion and I thank you for that. 😁

[sreerajponath]

When i started watching your tutorials i dont even know whats HTML is, now i can create a web layout my self, thank you sooo much <3

[action]

Thanks a lot for dedicating your time to teaching! You go straight to the point and make the experience rather fun, instead of mundane..

[bluffer]

I've been focusing the last few months on web development as much as I can and just visited your channel for a PHP tutorial when I saw this video, this is exactly what I was looking for maybe a month ago, such a shame I missed it.

Cheers for the great content, definitely got a sub from me and I will even bookmark your channel in my browser so I can easily get back.

[jdr.paradigmabiblico]

I can't believe anyone would give a thumb down to this tutorial! I thank you, Quentin.

[muhammadhassan]

Thank you alot Quentin, you got best tutorial videos on Youtube. Helped me alot.

[ahmedabdi]

i floated my nav and (tm-nav ul li a) instead of floating the image and it saved me alot of headache

[practicerepeat]

if you are using notepad++, you might want to type:

<img src="images/logo.png" alt="logo" width="120" height="60" />

[JelleRuben]

Thanks for this video. I am follow you, and build so my website.

[jakubnam]

thank you for that material! You translate in a easy way

[pl]

will chrome work differently than firefox? I'm using chrome and some of the syntax doesn't work

[AbhinavMalhotra]

what if you simply float nav class to the right quentin? please reply to this comment. i floated navigation to right and added little margin to bring it to centre and was able to avoid the complex formula given in this video.

[professionaltutorials]

Why one should use classes to select a header or a nav tag and not the tag name itself?

[SuperFireEagle]

Yo Quentin your videos have been so much help in learning HTML
..just one question...when I try to execute the display:inline-block it does not go into effect for some reason..I've made sure that I pull the css from the right folder and everything..any idea what could be wrong?

[suyashmehra]

How did the header disappeared after applying the float property to nav and logo?

[devendrahande]

Is it okay if I am able to make the exact same page by entirely using different approach...?
I mean just different ways of dividing things up?

[milevojmatijas]

Awesome channel. Keep up the great work

[ravichandrachintam]

What if we use tm-container class to the header??

[vlknlvnt]

Has that video been taken at night time? :)