University
Log in
Search
⌘E
My learning
Try Webflow — it's free
Learn
Courses
Learning Paths
Videos
Docs
Interactive Learning
Glossary
Certifications
The Webflow Way
Engage
Support
Community
Accessibility
Switch to Light mode
Switch to Dark mode
High contrast
All courses
21-day design portfolio course
This content is no longer maintained.
Webflow has evolved past what's covered here. Treat it as a reference, not a reliable how-to.
Login with your Webflow account to track your progress

21-day design portfolio course

Build and visually design a full portfolio website within the span of 21 days.

Build and visually design a full portfolio website within the span of 21 days. Covering everything from the basics of grid and flexbox to advanced interactions and accessibility work, this course takes us through each and every step of building and launching a site in Webflow.

Table of contents

1

Getting started

Getting started
Getting started
Coming soon

1

Introduction
3:51
Introduction
Coming soon

2

Homepage

Coming soon

2

Recent updates to the Webflow Designer
01:49
Recent updates to the Webflow Designer
Coming soon

2

Homepage: hero section
7:55
Homepage: hero section
Coming soon

2

Homepage: navigation
7:21
Homepage: navigation
Coming soon

2

Homepage: client projects
17:08
Homepage: client projects
Coming soon

2

Homepage: contact form
8:39
Homepage: contact form
Coming soon

2

Homepage: footer
7:08
Homepage: footer
Coming soon

2

Homepage: responsiveness
13:41
Homepage: responsiveness
Coming soon

3

Project pages

Coming soon

3

Project pages: main page
27:38
Project pages: main page
Coming soon

3

Project pages: responsiveness
10:09
Project pages: responsiveness
Coming soon

4

Contact page

Coming soon

4

Contact page: main page
5:22
Contact page: main page
Coming soon

4

Contact page: responsiveness & reCAPTCHA
9:49
Contact page: responsiveness & reCAPTCHA
Coming soon

5

Site enhancements

Coming soon

5

SEO & Open graph settings
6:16
SEO & Open graph settings
Coming soon

5

Dark to light redesign
13:32
Dark to light redesign
Coming soon

5

Custom 2D & 3D interactions
27:55
Custom 2D & 3D interactions
Coming soon

5

Custom 404 page
14:39
Custom 404 page
Coming soon

5

3D parallax password page
16:52
3D parallax password page
Coming soon

5

Accessibility audit
25:13
Accessibility audit
Coming soon

6

Launch & manage

Coming soon

6

Design review
24:10
Design review
Coming soon

6

Publish and launch
6:21
Publish and launch
Coming soon

6

Verify your site and track analytics
6:46
Verify your site and track analytics
Coming soon

6

Advanced CMS filtering
13:13
Advanced CMS filtering
Coming soon

6

Final thoughts & portfolio showcase
9:40
Final thoughts & portfolio showcase
Coming soon

7

Additional layout learning

Additional layout learning
Additional layout learning
Coming soon

7

Quick Stack
5:32
Quick Stack
Coming soon

7

V Flex and H Flex
0:36
V Flex and H Flex
Coming soon

Progress

0%

Details

Beginner
4h 51m
25
Lessons

Assets & links

Assessment

Test your knowledge
Enroll Now
→

Continue Learning

Design & manage CMS content in Webflow

Learn how to create, manage, and style dynamic content and collections on your site using Webflow’s CMS.

Webflow 101

Introducing Webflow 101, the ultimate course to learn the fundamentals of web design and development.
Comment cursor hovering over a text box

Webflow for Reviewers

Learn how to review and give feedback with confidence in Webflow.
Publishing rocket icon flying through glass

Webflow for Marketers

Learn how to build, edit, and publish with confidence in Webflow.

Webflow for Content editors

Learn how to edit and publish content confidently, without changing your site’s design.

Collaborate with your team

Learn how to set up roles, permissions, and workflows in Webflow so your entire team can work together safely, confidently, and efficiently.