Builder - Simple Header Style 1

Back to Builder

Container

Height Small Medium Large

Scrolling Effect No Effect Parallax

Background

Overlay BgColor

Text Color

Image Background

Opacity

Content Title Automaticlly Following Page Title

Get Code

<!--========== SIMPLE HEADER ==========--> <header class="{{headerHeight}}" style="background: {{bgHeadColor}};background-size: cover;color: {{txtHeadColor}};position: relative;overflow: hidden;"> <div class="{{Parallax}}" style="background: url({{SimpleHeaderBG}}) center center / cover no-repeat; opacity: {{DefHeaderBGOpacity}};"></div> <div class="container"> <div class="content text-center reveal"><h1 class="replacetitle"></h1></div> </div> </header> <!--========== SIMPLE HEADER END ==========-->

NAVBAR MENU AREA

Simple Header