20 | HOW TO CREATE A FOOTER & HTML SITEMAP | 2023 | Learn HTML and CSS Full Course for Beginners

Today I will show you how we can create a footer and a HTML sitemap inside the footer. 🙂

➤ GET ACCESS TO MY LESSON MATERIAL HERE!

First of all, thank you for all the support you have given me!

I am really glad to have such an awesome community on my channel. It motivates me to continue creating and uploading content! So thank you!

I am now using Patreon and YouTube Memberships to share improved and updated lesson material, and for a small fee you can access all the material either from my memberships or Patreon, depending on your preference. I have worked hard, and done my best to help you understand what I teach.

I hope you will find it helpful :)

[JohnyHiter-xpby]

the videos are very awesome
you explain very well
you learn a lot
Thanks

[MadaswamyMurugan]

Wonderful and very clear explanations... Thanks Bro

[ndySingh]

Thank you very much brother .
May god bless you 🥰🥰

[badcatdesign]

WOW! THAT'S A LOT OF ALL CAPS DOWN THERE IN THAT FOOTER :) I LIKE IT.

[Stoney_Eagle]

Stoney Eagle - "Dani gave me the knowledge and confidence to make my own website, and inspired me to never loose fun"

<- Image is here 😁😜

[joscpe]

I did something a little different from the previous video, for the bar fills. I kind of abused the variable system you showed us previously. So I just set the skill-bar-fill width: var(--skill-percent). Then on the element itself, I just use the style attribute to alter it: style="--skill-percent: 95%" Seems to work well.

[Janiqz]

I'm about to start this course from the first episode so I'd just like to thank you in advance because I already know they're all going to be super useful to me!

[cruzinsweetsntreats]

I learned a shorthand method to combining items for like settings. the :is() class will still work without error if only 1 item is added. I'm also getting accustomed to using REM, as I can set sizing and positions more precisely over traditional pixels.

Example at 31:25

.footer-sitemap :is(ul:nth-child(1), ul:nth-child(2)){...}

-- versus --

.footer-sitemap ul:nth-child(1), .footer-sitemap ul:nth-child(2)){...} vs

[peaklegacy]

when you are adding a hover effect to something, why does it need the transition styled in the base element and not the base:hover element?

[amusedhermit]

Can i ask why do we use flex wrap instead of setting flex direction to column?

[rodsaunders]

Hi Danni and everyone. I joined the membership yesterday after spending a couple of weeks going through the course up to adding a footer section - thanks Danni, it looks great. Is there a community section to ask other members for advice? I'm stuck on adding new html pages to my links on the webpage I've constructed, following your example. I've used the header as a template, but all the CSS coding stops me from adding other info and images to the body of the new pages? Any advice would be greatly appreciated.

[iamacopy]

18:19 May I ask what's the name of that add on?

[gameclump]

Will you show us how to make this website responsive for mobile? Specially the header doesn't work well on mobile right now.
However ty for the videos!

[Visual_Empowerment]

Are you gonna start javascript after this course? 😊

[cruzinsweetsntreats]

8:25 a purfecy phonetic *testemoni* of "testimony" USA 😄😁 04-16-2023 2146 PT

[semihkiziltas]

I did not understand clear: both, I tried to make sense out of it but failed a little.

[rodsaunders]

Sorry Dani, mis-spelled your name...Duh.