How to Create a Responsive Website Footer in Framer | Framer Desktop, Tablet, Mobile Tutorial
Framer is a web based design tool that makes it easy to create websites without knowing how to code. In this tutorial, I walk through how to create a responsive footer. You can learn more about Framer here: https://www.framer.com/
Music for this video is by Cordio. You can learn more about their music here:
https://www.cortes.us/music
0:00 - Intro
0:20 - Building the Desktop Footer Structure
1:33 - Building the Top Se0:00 - Intro
0:20 - Building the Desktop Footer Structure
1:33 - Building the Top Section
2:42 - Designing the Email Collection Section
4:38 - Creating the Links Sections
6:21 - Finishing the Top Footer Section
7:12 - Building the Bottom Section
8:35 - Finishing the Desktop Footer
10:08 - Building the Tablet Footer
11:20 - Building the Mobile Footer
14:17 - Viewing the footer on a live website
14:55 - Swapping out links
15:28 - Wrapping Upction
2:42 - Designing the Email Collection Section
4:38 - Creating the Links Sections
6:21 - Finishing the Top Footer Section
7:12 - Building the Bottom Section
8:35 - Finishing the Desktop Footer
10:08 - Building the Tablet Footer
11:20 - Building the Mobile Footer
14:17 - Viewing the footer on a live website
14:55 - Swapping out links
15:28 - Wrapping Up
⁙ social media:
Twitter : / soren_iverson
Dribbble: https://dribbble.com/soreniverson
Gumroad: https://soreniverson.gumroad.com/
Website : https://soreniverson.com/
#framer #websitedesign #footer