Hero Component Demo

Title Only

Headline

Youtube Video

This is the Headline This is the intro text. I'm going to add more words here so it's not so short, resulting in a longer piece of intro text. Custom "Read More" Text Custom "Read More" Text

MP4 Video

This is the Headline This is the intro text. I'm going to add more words here so it's not so short, resulting in a longer piece of intro text. Custom "Read More" Text Custom "Read More" Text

Side Image

This is the Headline This is the intro text. I'm going to add more words here so it's not so short, resulting in a longer piece of intro text. Custom "Read More" Text Custom "Read More" Text

Side Image: Left Aligned with Video

This is the Headline This is the intro text. I'm going to add more words here so it's not so short, resulting in a longer piece of intro text. This is the intro text. I'm going to add more words here so it's not so short, resulting in a longer piece of intro text. This is the intro text. Custom "Read More" Text

Side Image: Left Aligned with Image only

This is the Headline This is the intro text. I'm going to add more words here so it's not so short, resulting in a longer piece of intro text. This is the intro text. I'm going to add more words here so it's not so short, resulting in a longer piece of intro text. This is the intro text. Custom "Read More" Text

Transparent Overlay

This is the Headline This is the intro text. I'm going to add more words here so it's not so short, resulting in a longer piece of intro text. Custom "Read More" Text Custom "Read More" Text

Transparent Overlay (Right Aligned)

This is the Headline This is the intro text. I'm going to add more words here so it's not so short, resulting in a longer piece of intro text. Custom "Read More" Text Custom "Read More" Text Custom "Read More" Text

Full Screen with Light Image

This is the Headline This is the intro text. I'm going to add more words here so it's not so short, resulting in a longer piece of intro text. Custom "Read More" Text Custom "Read More" Text

Full Screen with Light Image

This is the Headline This is the intro text. I'm going to add more words here so it's not so short, resulting in a longer piece of intro text. Custom "Read More" Text Custom "Read More" Text Custom "Read More" Text

Full Screen Dark Image

This is the Headline This is the intro text. I'm going to add more words here so it's not so short, resulting in a longer piece of intro text. Custom "Read More" Text Custom "Read More" Text
You'll need to put your hero banner outside the page-content div if you want it to go to the edge of the page.