Builder - Header Style 3

Back to Builder

Container

Container Small Normal Large

Vertical Align Top Center Bottom

Height Small Medium Large

Scrolling Effect No Effect Parallax

Background

Bg Color

Text Color

Image Background

Opacity

Content

Image Content

Size

Title

Subtitle

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

<!--========== HEADER 3 ==========--> <header class="{{headerHeight}}" style="background: {{bgHeadColor}};background-size: cover;color: {{txtHeadColor}};position: relative;overflow: hidden;"> <style>h3.post-title {display: none;}</style> <div class="{{Parallax}}" style="background: url({{ParallaxBg}}) center center / cover no-repeat;opacity: {{DefHeaderBGOpacity}};"></div> <div class="{{dfltContainer}}"> <div class="row {{ValginCenter}}"> <div class="column six-res reveal MeDes-to-bottom"> <div class="content text-center"> <img src="{{ImageHeader}}" style="width: {{ImageHeaderSize}}px;"> </div> </div> <div class="column six-res text-center-res reveal MeDes-to-top"> <div class="content"> <h1>{{title3}}</h1> <h2>{{subtitle3}}</h2> <a href="{{linktarget}}"><button class="{{btnStyle}} {{btnSwatch}} {{boxRounded}}">{{btntext}}</button></a> </div> </div> </div> </div> </header> <!--========== HEADER 3 END ==========-->

NAVBAR MENU AREA