Summary

Every website starts with content — so be sure to get familiar with the building blocks at your disposal before starting a new project. This course walks through all the elements available in Webflow, pointing out common examples and making suggestions to get the most out of each elements.

Use this version to clone the completed project
Blank pages without hitting page limits
Enroll for free

Lessons in this course

Element Hierarchy
3:57
Coming soon

Navigator panel
2:45
Coming soon

Section
4:14
Coming soon

Container
2:44
Coming soon

Columns
2:22
Coming soon

Div block
3:37
Coming soon

Advanced button styling
5:43
Coming soon

Link block
1:23
Coming soon

Text Link
1:16
Coming soon

Heading
2:02
Coming soon

Paragraph
4:42
Coming soon

Rich text element overview
3:52
Coming soon

Use text blocks in Webflow
0:56
Coming soon

Add a block quote to your page
0:42
Coming soon

List
2:31
Coming soon

Image
3:39
Coming soon

Image file types
2:22
Coming soon

Image resolution
3:28
Coming soon

Assets panel
3:08
Coming soon

Video
1:20
Coming soon

Add background video
3:15
Coming soon

Lightbox
3:44
Coming soon

Forms
4:55
Coming soon

Style Forms
2:55
Coming soon

Navbar
9:38
Coming soon

Navbar menu button
4:51
Coming soon

Dropdown
4:38
Coming soon

Slider
4:56
Coming soon

Tabs
4:38
Coming soon

Map
2:58
Coming soon

Social media
2:49
Coming soon

Custom code
1:24
Coming soon

Symbols
6:09
Coming soon

Web elements

35
Lessons

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon

Coming soon
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!

Advanced button styling

Download assets
Clone this project
Transcript
Learn more

Rich text element overview

Download assets
Clone this project
Transcript
Learn more

Use text blocks in Webflow

Download assets
Clone this project
Transcript
Learn more

Add a block quote to your page

Download assets
Clone this project
Transcript
Learn more

Add background video

Download assets
Clone this project
Transcript
Learn more

Requirements

  • Free (or paid) Webflow account — sign up
  • Chrome or Safari browser
Clone this project
Use this version to clone the completed project
Clone this project
Blank pages without hitting page limits
Download course assets

Directed by

McGuire Brannon

Director of Education

Produced by

McGuire Brannon

Director of Education

Written by

McGuire Brannon

Director of Education

https://twitter.com/mcguirebrannon

Article by

Anna Kelian

Learning & Development Coach

Edited by

McGuire Brannon

Director of Education

Designs by

-

Related courses

Be the first to get the newest lessons

We release 2 new lessons every week, always first on Webflow University.

Sign up to learn more about Webflow University releases, including lesson and course launches, certifications, sneak peaks, and Grímur's top secret tips for reversing time.

Shoot, something didn't work. Try again later, bud.