Design a hero section – Build a portfolio site in Webflow, Day 1

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

#21dayportfolio

Note: We’re transitioning to a new UI, and are in the process of updating our Webflow University content.

----------

[Webflow]

We’re transitioning to a new UI, and are in the process of updating our Webflow University content.

[kc]

I'm probably the millionth person to say it - this guy has the perfect voice for the tutorials. I thought he was just a voice hired for the tutorials, not someone who is a part of Webflow!

[sqsp]

I love how there's a sense of humor brought to (virtually) every video Webflow delivers. It's something digital designers, developers, and marketers could use more of.

[daredevil]

When's Webflow coming on Netflix? It's turning into my favourite show

[huckwalton]

Guys. I might switch to Webflow, just from the content you guys make… from a creative director… 5 stars. Truly amazing work whoever is spearheading this channel. You deserve all the Webby’s!!

[yajie]

damn, every time watch webflow tutorial feels like watching a movie. webflow just proved what a really good product is. every effort put into this will definitely pay off >3

[chaosm]

I just started creating my portfolio site with Webflow. When I first opened up Webflow and I saw all the tools, I was wondering if I should just switch to another web builder. However, I found these tutorials and I am glad to say that these videos are amazing! I'm glad that I can be entertained and taught at the same time and that these aren't boring tutorials.

[azpidi]

I gave up on Webflow because I thought it was too hard for me but I'm giving it a go again by following all the tutorials step by step. Wish me luck. Also a big fan of the Webflow team. You guys are awesome.

[leoantonoff]

I love all the people involved in these tutorials. Not only it is easy to understand, but it is also sometimes more fun than my fav Netflix series. Huge thanks @webflow team!

[jarrodbischoff]

These productions rock. My events business is dormant and these videos have literally given me a new career! Thanks dudes!

[luigivolpe]

I LOVE WEBFLOW!
the way they teach is just so clear and fun!
the humor is perfect! and really contributes to learning new skills!
GREAT JOB!

[sectionel]

I have webflow notification on, I've watched every tutorial made. these are better then any tv show out there, any movie. You learn something while being entertained

[JAdam]

Your ad of the 2021 time machine with the outro is JUST PURE GENIUS!! I LOVE IT. Even though I am not considering to enrol in this course, I had to express this to your wonderful marketing team, copywriting and pun jokes!!

[obaloluwaanis]

Lool, am I the only one that feels there is a subtle chemistry between McGuire and Sara??
love to see ittt sha

[geeksy]

Love it. This is the funniest way of learning new stuff ever!

[enochflourish]

i can see the assets to download anywhere? please can we get a link for that, this is will us follow along

[huckwalton]

This guy is great. I’d watch this just for plane entertainment.

[growthhackenginecom]

Your learning library of videos is clear easy to follow and fun. Bravo!

[AchHadda]

So I made a decision ! You are y favorite company when it comes to marketing and high ended e-learning experience :D

[staticmotion]

LOL omg I love webflow not just because you made a incredible platform but also your staff and creators are so good at what they do thank you WEBFLOW.. The c-stand in the air at the end classic lol