Build your compelling hero section — the first part of your portfolio site's homepage that your clients will feast their eyes upon. This lesson covers structuring and styling the hero section, including the Body (all pages), text elements and hero image.
00:00 - Introduction 01:17 - Structure of the hero section (using the Navigator) 01:52 - Place text elements and write copy to welcome your visitors 03:09 - Configure the Body (all pages) tag to set across your entire portfolio 05:17 - Style the hero image
Get early access, plus downloadable assets and cloneable project for every lesson: https://wfl.io/2021-portfolio
#21dayportfolio
Note: We’re transitioning to a new UI, and are in the process of updating our Webflow University content.
Homepage: hero section is part of the Freelancer's Journey site build series. It covers building the hero — the first section visitors see when they land on the page — for the Freelancer course portfolio site.
Topics covered include laying out the hero content (headline, subheadline, call-to-action button), choosing a background treatment (color, image, or video), and making sure the hero reads well and creates the right first impression at full width and across breakpoints.