Designer
CMS
Ecommerce
Interactions
Memberships
Editor
Logic
SEO
Hosting
Security
Overview
Libraries
Apps
Hire a Certified Partner
Templates
Made in Webflow
Learn
Community
Ebooks
Forum
Blog
Support
LoginContact Sales
Get started — it's free
Made in Webflow

Webflow 101: Hero section

Webflow University's avatar
Webflow University
Clone in Webflow383
site profile thumbnail
Open in Webflow
Open live site
Now that you have a solid understanding of the box model, HTML, CSS, and the Webflow Designer, let’s start building! Here we’ll walk through a hero section build (typically the top section of a website homepage) and, along the way, we’ll explore flexbox, CSS styling, and how to add and style visual assets.
Open in Webflow
Open live site
webflow101
webflowuniversity
landingpage
businesslandingpage
landingpagedesign
webflowlandingpage
webflowtutorial

More sites by Webflow University

See profile
3DVC - Quick Stack Template
623
1.8k
Cloneable, custom horizontal scroll interaction
283
3.7k
Full Localization Site | Webflow University
219
2k

Similar sites

author avatar
10-minutes-landing-page
2
3
Ana Grijalba
author avatar
Webflow 101: Interactions
3
26
Webflow University
author avatar
Webflow 101: Footer
2
35
Webflow University
author avatar
Webflow 101: Form
4
25
Webflow University
author avatar
Webflow 101: Cards
7
48
Webflow University
author avatar
Webflow 101: Logos
1
26
Webflow University
Explore
  • Dashboard
  • Marketplace
  • Hire designers
Learn & get help
  • Support
  • University
  • Courses
  • Blog
  • Ebooks
  • Forum
  • Community
  • Developers
  • Wishlist
  • Status
Company
  • About
  • Careers
  • Sitemap
  • Become an Affiliate
Terms & policy
  • Terms of Service
  • Privacy policy
  • Cookie policy
  • Cookie preferences
Social
Social
Explore
  • Dashboard
  • Marketplace
  • Hire designers
Learn & get help
  • Support
  • University
  • Courses
  • Blog
  • Ebooks
  • Forum
  • Community
  • Developers
  • Wishlist
  • Status
Company
  • About
  • Careers
  • Sitemap
  • Become an Affiliate
Terms & policy
  • Terms of Service
  • Privacy policy
  • Cookie policy
  • Cookie preferences
Social
Social