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.
Overview
Syllabus
Introduction
- A new kind of content management system
- 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
- 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
- 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
- Exploring the dashboard and adding a favicon
- Publish your site
- Continue your Webflow journey
Taught by
Jen Kramer