Join or log in to watch this lesson.

When you join Flowmingo you'll get access to every current & future course, lesson & project, for life.
Hero Content
Unlock this lessonLog in

Building Out The Hero Section

10:02
minute lesson
Next LessonTable of Contents

Now for one of the more complex sections on this site... The Hero.

I'll be breaking this up into multiple lessons to make things a little easier.

  1. In this lesson we'll layout the content & style the hero section
  2. Next, we'll build & animate the checklist line that draws your eye to the CTA button
  3. After that we'll make the section fully responsive
  4. And finally, we'll add those fun background icons and animate them to slowly move up & down and rotate.

Let's start building!

Assets & links

Styles Cheat Sheet