Builder - Section Content Hero

Back to Builder

ID Section

Container

Container Small Normal Large

Text Align Item Align Left Item Align Center Item Align Right Item Align Left (Center on Small Screen) Item Align Right (Center on Small Screen)

Background

Text Color

Image Background

Content

Title

Title

Button

Button Text

Target Link

Button Style Solid Outline

Border Box Style Rounded Small Rounded Rounded Large Rounded X Large

Color Swatch Color Swatch A Color Swatch B Color Swatch C Color Swatch D Setting your color swatch in blogger theme Designer

Get Code

<!--========== CONTENT HERO ==========--> <section id="{{specialID}}" style="background: url({{HeroBg}}) no-repeat center center;background-size: cover;color: {{HeroTxtColor}};padding: 0;"> <div class="{{dfltContainer}}"> <div class="column twelve {{HeroAlign}} reveal"> <div class="content"> <h1>{{HeroTitle}}</h1> <h2>{{HeroSub}}</h2> <a href="{{linktarget}}" class="{{btnStyle}} {{HerobtnSwatch}} {{boxRounded}}">{{HeroBtn}}</a> </div> </div> </div> </section> <!--========== CONTENT HERO END ==========-->

{{HeroTitle}}

{{HeroSub}}

{{HeroBtn}}