University
Home
Dashboard
Try Webflow — it's free
Learn
Courses
Docs
Interactive Learning
Glossary
Certifications
Engage
Support
Community
Events
Forum
Accessibility
Switch to Light mode
Switch to Dark mode
High contrast
All courses21-day design portfolio course
Homepage: navigation

Homepage: navigation

Add a styled navigation bar to your homepage and turn it into a Symbol for easy and consistent reuse throughout your project.

1

Getting started

Getting started

1

Introduction
3:51

2

Homepage

2

Recent updates to the Webflow Designer
01:49

2

Homepage: hero section
7:55

2

Homepage: navigation
7:21

2

Homepage: client projects
17:08

2

Homepage: contact form
8:39

2

Homepage: footer
7:08

2

Homepage: responsiveness
13:41

3

Project pages

3

Project pages: main page
27:38

3

Project pages: responsiveness
10:09

4

Contact page

4

Contact page: main page
5:22

4

Contact page: responsiveness & reCAPTCHA
9:49

5

Site enhancements

5

SEO & Open graph settings
6:16

5

Dark to light redesign
13:32

5

Custom 2D & 3D interactions
27:55

5

Custom 404 page
14:39

5

3D parallax password page
16:52

5

Accessibility audit
25:13

6

Launch & manage

6

Design review
24:10

6

Publish and launch
6:21

6

Verify your site and track analytics
6:46

6

Advanced CMS filtering
13:13

6

Final thoughts & portfolio showcase
9:40

7

Additional layout learning

Additional layout learning

7

Quick Stack
5:32

7

V Flex and H Flex
0:36

Course progress

0%

Up next

Homepage: client projects

Showcase a consistent layout of your client projects with the help of a CMS Collection.
Next lesson
→