watermark logo

1 Views· 15/12/23· How to

Build a website hero section — Webflow 101 (Part 1 of 10)


TechInfo
Subscribers

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.

00:00 — Introduction
00:32 — Hello Sara
00:47 — Assets
01:00 — Content
01:44 — Flexbox
04:30 — Button
10:44 — App image
14:08 — Recap
14:34 — CTA: Share your hero section design using the #webflow101 on Twitter
----------

Go take the full course at Webflow University: https://wfl.io/101

Get started with Webflow: https://wfl.io/2r7cVUW
Join the Webflow Community: https://webflow.com/community

https://webflow.com
https://twitter.com/webflow
https://facebook.com/webflow

Show more


0 Comments