Learning Webflow

Introduction

• A new kind of content management system

1. Setting Up the Webflow Project

• Creating a project and choosing a template
• Tour of the Webflow interface
• Outlining the home page with elements and layouts
• Dropping in the content

2. Styling the Site's Content

• Configuring global colors and fonts
• Styling the opening hero section and button
• Styling the newsletter section with a background image
• Challenge: Styling the recent work section
• Solution: Styling the recent work section

3. Styling the Navbar and Footer

• Adding the logo and modifying the navbar layout
• Creating a button in the navbar
• Styling the mobile navbar
• Configuring the footer layout
• Integrating Font Awesome into Webflow
• Adding Font Awesome social media icons to the footer
• Creating symbols from the header and footer

4. Building the About Page

• Adding a new page and adding symbols
• Challenge: Finishing the About page
• Solution: Finishing the About page
• Linking the navbar to existing pages

5. Launching and Maintaining Your Site

• Exploring the dashboard and adding a favicon
• Publish your Webflow site
• Collaborating on page design and editing
• Controlling collaborator access to editing

Conclusion

• Learn more about no-code