Hero Header #1

This hero-header is left aligned with your headline and subtitle centred in the block. With a call to action button and social media to round things off.

Buy Now

Hero Header #1 Version 1.0.1* HTML CSS

What you see above is a basic but very sought after hero-header section. The features of this section are detailed below. There may be related hero-headers available so look for an area below called related sections.

Feature Available Change Colour Change Text Font Size Number Alignment
Background Image
Socia Media 1x, 2x, 3x, 4x, 5x 3+

Editing a section is very easy. Yes, you'll have to get your hands dirty using the Liquid/HTML block but don't worry, the code is well documented so it's easy to understand, change and revert.

Social Media Icons

We use the icons from Font Awesome which means they are totally free to use and very, very easy to implement into your section. They are also native to Teachable's system which means Teachable loads them automatically.

Each of these icons can be used in different sizes from x1 right up to x5.

Full instructions are inside the 'course' but each of the sizes can be changed by simply adding a new class, 'fa-lg', 'fa-2x', 'fa-3x', 'fa-4x' or 'fa-5x'.

Course Curriculum

Available in days
days after you enroll
  Using Your New Section
Available in days
days after you enroll
Available in days
days after you enroll
Available in days
days after you enroll

Get started now!

* At Purple Hippo Web Studios, our Sections and Themes use a system based on semantic versioning.
Production sections or themes will normally start with a 1.x.x. Any versions that are 0.x.x are still being developed but may be available for purchase.
All versions are available as a free upgrade once purchased. Just login to copy the new code. Upgrade instructions will be available inside if there is an upgrade published.