How To Add Footer in Html Website

How To Add Footer in HTML Website - Complete Guide
*Code*
github.com/fine-gap/Footer/tr...
🔥Python for Beginners - Learn Python in 1 Video • Python for Beginners -...
Donate me:
Paypal: paypal.me/finegap?country.x=A...
Binance Pay ID: 253333352
==============================
Follow us Links:
Instagram: / fine_gap
Facebook: / finegap
Whatsapp: [phone]
================================================
Disclaimer
Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research, Fair use is a use permitted by copyright statute that might otherwise be infringing, Non-profit, educational, or personal use tips the balance in favor of fair use.
Some photos in the video are free-to-use photos downloaded from pixabay.com. The picture used in this video is protected by the Fair Use Law, section 107 used for commentary, criticism, news reporting, or education for transformative use.
The video Has been made for available informational and educational purposes only, Everything in this video is based on information we learned from online resources, our own experience, and books we have read.
#footer #addfooter #websitefooter

[@alexandrporojniuc6542]

Thank you so much!!! Keep posting videos, I'll be glad to learn something more

[@finegap]

Glad you like it & don't forget to like subscribe.

[@elijahkabwe1614]

Nice video. Easy and straightforward 🔥

[@finegap]

Glad you like it, also don't forget to subscribe me.

[@palomarodrigues9456]

Thank u so much! You really helped me in my project. In your video I found the answers for my questions :)

[@finegap]

Glad It helps, & don't forget to subscribe me :)

[@hugocangi6214]

Hello friend, I wanted to tell you that I finished your footer video, very good, thank you and I follow you on CZcams, greetings

[@finegap]

Thank you very much

[@hugocangi6214]

@@finegap

[@hugocangi6214]

@@finegap saludos te sigo

[@froginacottage3374]

This was super helpful thank you so much!

[@finegap]

Glad it helps, kindly don't forget to subscribe me :)

[@newplayer9]

Thank You so much u have helped so much in my project because of this :)

[@finegap]

Glad it helped, & don't forget to subscribe me :)

[@newplayer9]

@@finegap i have already done

[@newplayer9]

can u teach me how to make scrolling animation

[@finegap]

@@newplayer9 you can learn from my channel I have showed in videos of HTML

[@secretr5024]

Absolutely Amazing! you earned 4 subs!

[@finegap]

Yay! Thank you!

[@marianoborgini9564]

nice a video thank you bro

[@finegap]

welcome and don't forget to subscribe me :)

[@chukwumaegbujor6720]

This was so helpful thank you

[@finegap]

Glad it helped & don't forget to subscribe me :)

[@carbon_is_life]

Perfect💯💯Just got a new subscriber

[@finegap]

Thanks 💯

[@marksavochkin9776]

3:16 author really did care about me not being able to type letter a)))

[@Crochetbyhappyrolake]

I really found this video useful, I just wish I could show you what I have done😊

[@finegap]

ah thanks & don't forget to subsribe me :)

[@HaseebKhan-Official]

JAZAK ALLAH SIR

[@finegap]

you are welcome & dont forget to subscribe me :)

[@aiswaryasinilal1235]

Finally I got it!!Thank you sooooo much🙏🙏🙏🙏🙏

[@finegap]

Welcome 😊& don't forget to subscribe me :)

[@tsvetomirdunev8841]

Great video!! Thank you so muchh!

[@finegap]

You are so welcome! & don't forget to subscribe me :)

[@olga8828]

thank you so much!

[@finegap]

You're welcome! & don't forget to subscribe me :)

[@divyaranidasari6925]

Thanks bro

[@finegap]

You are Welcome & don't forget to subscribe me :)

[@stuffing09]

For mine, I noticed the home about contact etc pages were not centered perfectly and fixed it with this code:
.footersites ul {
display: flex;
justify-content: center;
list-style: none;
padding: 0; /* Remove default padding */
}
.footersites ul li {
margin: 0; /* Remove default margin */
}
.footersites ul li a {
text-decoration: none;
color: white;
font-size: 1.3rem;
transition: 0.5s;
}
/* Add margin to create space between links */
.footersites ul li {
margin: 0 10px;
}
hope it helps someone else

[@finegap]

yes it will be helpful for others thanks

[@ahmedfathy2974]

So how I can make it stick to the bottom of the page?
I add it at the bottom of the body outside the main div the container that have all the page content yet the footer flies, i tried to give it position absolut but that doesn't work on all screens obly pc

[@finegap]

The footer has position: sticky; and bottom: 0; to stick it to the bottom of the page.

[@FanTube0001]

@@finegap bro when i put sticky and bottom 0 not working

[@osamafarhan-du7wy]

nice video

[@finegap]

Thank you & Don't forget to subscribe me :)

[@OROCKAJENA]

Hello can you please do @media (width) for socialicon too? thank you

[@finegap]

increase decrease size on media or use flex option

[@sumayyakadir4569]

my icons are white and i want to change their colour to purple like in the video how do i do that

[@finegap]

simple apply the color

[@arielakala7351]

10/10 vid

[@finegap]

thanks & don't forget to subscribe me :)

[@cryptoloop2693]

Super

[@finegap]

Welcome 👍 & don't forget to subscribe me :)

[@ishiqamalik3830]

Kamal❤ very informative and 100% correct code❤

[@finegap]

Thanks a ton & don't forget to subscribe me :)

[@RodneyMike-]

This is amazing

[@finegap]

Welcome 😊 & don't forget to subscribe me :)

[@leandrosazo2812]

gracias :)

[@finegap]

thanks & don't forget to subscribe me :)

[@colesniucalex8703]

how do i add a delimitation line in the middle of the icons

[@finegap]

try border left for each icon.

[@SweetTooth-pu1fc]

is it ok to use heading for footer styling

[@finegap]

yes it is

[@heiligekiip6866]

why doesn't the instagram icon have a perfect circle?

[@finegap]

maybe icon size

[@joezerbob8950]

Can you make another video? This was too fast
UN

[@finegap]

whats an issue from your end?

[@Pranav_Mantri20]

i want source of you're videos.

[@finegap]

you can write from the video. thanks

[@Michellesim4]

I love youuuuuu thaaanks

[@finegap]

welcome & don't forget to subscribe me :)

[@ivanzq21]

but the footer should be on the bottom, why it is on top?

[@finegap]

it is for learning purpose you can put on bottom

[@nwadilibefranklyn3377]

How can I bring down the footer to bottom

[@finegap]

just put you html code at the end.

[@mentalexwar]

when i put my html code at the bottom it goes to the right side of my screen?? help has this happened before

[@finegap]

make it first div display block;

[@mentalexwar]

@@finegap thank you for your response 🙏🏽 I’m going to try this and just subscribed

[@mentalexwar]

@@finegap still showing up the same, is there anyway I can reach out to you further?

[@finegap]

whatsapp, my number mentioned in description

[@Shawnitis]

Bhaiya plz aap bta skte hai iss website ko search engine se kse search kre

[@finegap]

font awesome cdn and fontawesome.com/

[@carlw]

What about the second page? I'll bet the header/footer disappears

[@finegap]

second page?

[@carlw]

@@finegap Sorry, neglected to elaborate.
Yes, so you have a page header.and a large table of data. Converting to pdf you'd potentially have several pages. But the header or the space taken up by the header doesn't persist on subsequent pages.

[@pablok13]

@@carlw You have to copy the same code and paste in all the other pages.

[@carlw]

@@pablok13 No, there's not other page to copy to. Any subsequent pages, even the first are all created on the fly. There's no pages yet, not even a first so this has to be done in codem

[@fatihrengi6187]

giving margin and padding break responsivity?

[@finegap]

but its bad approch, it might break website responsiveness some how

[@user-xj2zi6xk7l]

Is it going to be in the bottom of the website?

[@finegap]

if you put the footer code at the end then obvious.

[@christianworld2]

I followed stepel by step but my icons are not showing

[@finegap]

make sure icon library path and icon class

[@aswinxxm]

How to add this footer to our pages

[@finegap]

make a html file of the specific footer, and enqueue this file at the bottom.

[@duuh_its_adi]

But how can we place it at the bottom of our webpage 😢

[@finegap]

just enqueue the footer file at the bottom or add the code at bottom

[@devsCafe1980]

It more looks like a header not footer

[@finegap]

no problem

[@onlystudy952]

Where is your linkdin id I have to give you credit

[@finegap]

www.linkedin.com/in/nomanghaffar007/
Thanks

[@user-ct7sl3cm1v]

How do I position the footer at the bottom of the screen?

[@finegap]

just add the code at the bottom of the page. and if your page is short or empty then please give it some space.

[@DeepakSingh-hb3fx]

How to use it in WordPress

[@finegap]

make a shortcode in WP and add where you need it.

[@DeepakSingh-hb3fx]

@@finegap where to paste the pass code

[@paulusujeekandivi5965]

Can you please send the code

[@finegap]

you have to copy the code for now from video. thanks

[@SamuelChimaliro]

How can I put it down?

[@finegap]

just put footer code at the end.

[@yithwin2174]

My icons not showing whyyy

[@finegap]

make sure the library path is ok? and then icon class name.

[@sambhavkocheri3796]

plzz send the code

[@MUHAMMAD_SAMEER_MEMON]

kia faida code ka banda khud say likhay

[@sargaa8471]

in description

[@pedropereiradias5843]

The code it's in vidieo while his tiping ...

[@cyberninja212]

Source code

[@finegap]

you can get from video.

[@KingOflittel]

Bil kol odham

[@user-ng9yj9ex2o]

boleh minta codingnya kak

[@finegap]

yes

[@finegap]

you can get the code from video.

[@umusalmayakubu7358]

The code is difficult to be seen 😢

[@finegap]

please make sure video quality, thanks

[@sambhavkocheri3796]

bro i followed ypu step by step but my fb insta twitter icons are not visible
its just white circle

[@finegap]

share me error in Whatsapp (code screenshot)

[@meecar123]

source code?

[@finegap]

You can get from video by watching it thanks