From the course: CSS: Frameworks & Grids
Unlock the full course today
Join today to access over 22,700 courses taught by industry experts or purchase this course individually.
Add a custom footer - CSS Tutorial
From the course: CSS: Frameworks & Grids
Add a custom footer
- [Narrator] So I showed you how using one of Foundation's building blocks we swapped out our top navigation here. I want to do something similar, but in this case I need to add a site footer. So going back to the library of building blocks I'm going to filter results by footer. And that'll show me just the building blocks that have to do with the footer. I like this first result, Footer Social Contact, so I'm gonna go ahead and click on that. So this is a three column footer with social icons and contact information. Here we've got the HTML, the CSS, and there is no JavaScript need for this footer. Now one thing I wanna point out when we were adding in the new header navigation we talked about this Foundation icon's style sheet and you'll notice here that it's needed again for this footer, probably to get these social icons. Now just be careful if you're using a combination of building blocks that you don't end up duplicating code. So for instance, if we'd already added this icon…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.