Simple Responsive Footer Design using HTML and CSS

In this video we are going to learn how to create character and words counter using HTML CSS and JavaScript.
Don't forget to Like, Share, Comment and Subscribe to my channel for more JavaScript projects.
Source Code : gum.co/iDGOv
Timestamps :
00:00 Intro
00:45 Project Setup
01:43 Adding HTML
04:03 Adding CSS
11:41 Final Demo
Previous Videos :
➔ Digital Clock using JavaScript
• Create a Digital Clock...
➔ Temperature Converter
• How to Build Temperatu...
➔ Dark / Light Mode Theme Toggle
• Dark / Light Mode Them...
➔ Drag & Drop or Browse to Upload File
• Drag & Drop or Browse ...
➔ Responsive Netflix Clone
• How to Build Responsiv...
You can find me on:
📸 Instagram: / somanath_goudar
🌎 Website: somanath-goudar.github.io/por...
📝 LinkedIn: / somanath-goudar-063aa21ba
📂 GitHub: github.com/somanath-goudar

[@lolhello2259]

As someone who completely forgot how to style the css, you have helped me a lot .. thank you

[@FutureCoders]

Glad to hear that! Thank You

[@parranoic]

Thank you, this is the best tutorial I've seen so far after 3 hours of searching how to do this for a footer with 3 icons for delivery companies like uber.

[@FutureCoders]

Glad it helped!

[@albanogonzalez2001]

Never been explained this well
Thanks!

[@FutureCoders]

Happy to help!

[@pagewarriorplus7958]

You have helped heaps mate. Thanks for the tutorial. I have subscribed 👍!

[@FutureCoders]

Awesome, thank you!

[@tatemartin3882]

what a great video! i love how you explain each step for someone new to html and css!

[@FutureCoders]

Thank You

[@nazarenoarana9798]

Very helpful. Thank you very much!

[@FutureCoders]

Glad it was helpful!

[@kvnagendra5354]

One of the best video on utube

[@FutureCoders]

Thank You

[@astuces.tech2.0]

Thank you for this video !

[@FutureCoders]

Glad it was helpful!

[@nav7682]

Great video, thank you so much!

[@FutureCoders]

Glad you enjoyed it!

[@Belinda-no3vx]

Thank Yooou sooooo much! you helped me a lot

[@FutureCoders]

You are welcome!

[@Etza-js4vh]

I'm new to programming and your video is great, but I would like to know how to make the footer always down ?

[@FutureCoders]

Thank you! Happy to hear that! If you add more content at the top or above the footer, The footer will always be down.
Watch this video : czcams.com/video/YYslBFPrFoU/video.html

[@silverscreenfilmeducation4091]

Knowledgeable video

[@FutureCoders]

Thank You!

[@hugocangi6214]

hola amigo muy bueno el video lo aplique en una pagina web
te agradezco

[@divyaranidasari6925]

Thank you very much for your video 😊

[@abdelrahmansaad4061]

That was helpful
Thanks bro

[@FutureCoders]

Welcome!

[@ayodhyadivyanjaleeranasing2147]

Very helpful.thank you.

[@FutureCoders]

You're welcome!

[@lambo-ca]

Thanks man.

[@FutureCoders]

Happy to help

[@edwinmaina4real]

Bro, thanks alot it has helped.

[@FutureCoders]

Glad to hear that

[@Nova-df8jl]

Where can I find ikon names i want one for email but I don’t know the name

[@FutureCoders]

I have used icons from font awesome. You can import the required icons by searching here : fontawesome.com/v5.15/icons?d=gallery&p=2

[@PetPoojari]

Thanks a lot ☺️

[@FutureCoders]

You're welcome 😊

[@tauqeerahmed4715]

Nice

[@FutureCoders]

Thank You!

[@Felipecalvobeheran]

Why a section and no a footer?

[@danycompservisracunara2717]

Nice. But 4 novice user (even this a lection) footer place at bottom of page. All good.

[@hurtekk]

can I use this for my webpage?

[@FutureCoders]

Yes! Sure

[@D.Mario03]

Thanks ! But now how can I add links to those social media icons ?

[@FutureCoders]

Add your link inside the href attribute

[@D.Mario03]

@@FutureCodersThanks😎

[@asgart66]

No entendí nada, pero me sirvió :D

[@barkela9528]

thanks :)

[@FutureCoders]

Welcome!

[@Paul-McKeon]

How can i make this footer go to the bottom ? without adding any content to push it down ?

[@FutureCoders]

you can add a position: fixed, bottom: 0 to make it always stick to bottom.

[@skylarjones3040]

@@FutureCoders I also found the same issue. Where would you add the position?

[@xcr6436]

Thanku bro

[@FutureCoders]

Welcome!

[@mnnw148]

nice

[@FutureCoders]

Thanks

[@monaratuoscar3825]

I have permission to copy for my assignment, thank you. sorry i'm late permission

[@FutureCoders]

Yes!

[@ammarsiddiqui6486]

how to apply fb,ints logo type code but it's not work

[@FutureCoders]

you can download a png of fb logo

[@luanagelatti]

Sorry bro, its good video, but please I need in the bottom of the page not on top, how can I drop down the footer?

[@FutureCoders]

Add content on top of the footer section

[@tbokingsland3088]

I tried to follow it up but dint work. Any suggestions?

[@FutureCoders]

What happened?

[@valdo4902]

how is this a footer if is not at the bottom ???

[@FutureCoders]

once you add more content at the top of footer section. It will always be down

[@sundarapandim1104]

Kindly post simple shopping cart website with payment API INTEGRATION and COD (Cash on delivery option) at checkout page. Once placed order will receive email both side.

[@FutureCoders]

Noted

[@rekan_98]

the source code is not working

[@FutureCoders]

Hi! Which code is not working?

[@rekan_98]

@@FutureCoders is said the item is not available in your country and must be paid

[@S-Lomar]

😍😍🤩🤩🥰🥰🥰🤩🤩🤩🤩😍🤩🤩🤩🤩🥰🥰🥰🥰😍😍🤩🤩🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🤩🤩🥰🥰

[@danycompservisracunara2717]

This R HEADEEEEEERRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRR.............................. footer R on oposite side-DOWN of main screan!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!?????????????????????????????????????????????????

[@FutureCoders]

Once you start adding content above the footer... Footer will always be down

[@acreeperr4338]

🤌🤌🤌 You cooked something beautiful

[@FutureCoders]

Thank you 😋

[@thijsachterberg6237]

Thanks! This is really helpfull.

[@FutureCoders]

You're welcome!

[@Rez12121]

Very helpful, thank you.

[@FutureCoders]

Glad it was helpful!