Learning Webflow

Learn how to design, deliver, and maintain beautiful websites—without writing a single line of code—using Webflow, a leading hosted web design and development platform.

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
• Configure Webflow variables
• Configure font properties in the style guide
• Configure buttons in the style guide

2. Creating the Home Page

• Configuring the navbar
• Creating a navigation dropdown and a nav component
• Creating the opening hero section and background image
• Configuring the spa layout section
• Configuring the cards inside of the spa section
• Challenge: Creating the photo and text section and footer section
• Solution: Creating the photo and text section and footer section
• Adapting the design for mobile
• Adapting the navbar for mobile

3. Setting Up Content Pages

• Creating the spa package page and updating the navbar
• Modifying the spa package page and adding more spa cards
• Challenge: Creating the Detox detail page
• Solution: Creating the Detox detail page

4. Launching and Maintaining Your Site

• Exploring the dashboard and adding a favicon
• Publish your site

Conclusion

• Continue your Webflow journey