Header Page

Header

Header Hidden

Hidden

Header

Header 1 - Leftside Logo & Rightside Menus

You can choose the headers while creating your Pages. Default Header with a Background while turns Stickey after a little scrolling &,you can make header without stickey effect for this just remove the .fixed from the header tag. Simply follow the structure below to create the header:

											
												<!-- Start Header -->
												<header>
												<div class="header_sec">
												<div id="header_1">
												<div class="header_upper">
												...
												</div>

												<div class="header_main sticky" id="header_main">
												<div class="container">
												<div class="header_logo">
												...
												</div>
												<div class="navegation_menubar">
												...
												</div>
												</div>
												</div>

												</div>
												</div>
												</header>
												<!-- End Header -->  
											
										

Header 2 - Leftside Logo , Center Menus & Rightside Contact

You can choose the headers while creating your Pages. Default Header with a Background while turns Stickey after a little scrolling &,you can make header without stickey effect for this just remove the .fixed from the header tag. Simply follow the structure below to create the header:

											
												<!-- Start Header -->
												<header>
												<div class="header_sec">
												<div id="header_2">
												<div class="header_upper">
												...
												</div>

												<div class="header_main sticky" id="header_main">
												<div class="container">
												<div class="header_logo">
												...
												</div>
												
												<div class="navegation_menubar">
												...
												</div>

												<div class="header_call_btn">
												...
												</div>
												</div>
												</div>

												</div>
												</div>
												</header>
												<!-- End Header -->  
											
										

Header 3 - Full Width

You can choose the headers while creating your Pages. Default Header with a Background while turns Stickey after a little scrolling &,you can make header without stickey effect for this just remove the .fixed from the header tag. Simply follow the structure below to create the header:

											
												<!-- Start Header -->
												<header>
												<div class="header_sec">
												<div id="header_3">
												<div class="header_upper">
												...
												</div>

												<div class="header_main sticky" id="header_main">
												<div class="container">
												<div class="header_logo">
												...
												</div>												
												<div class="navegation_menubar">
												...
												</div>

												<div class="header_call_btn">
												...
												</div>
												<div class="header_request_btn">
												...
												</div>
												</div>
												</div>

												</div>
												</div>
												</header>
												<!-- End Header -->  
											
										

Header 4 - Sidebar

You can choose the headers while creating your Pages. Default Header with a Background while turns Stickey after a little scrolling &,you can make header without stickey effect for this just remove the .fixed from the header tag. Simply follow the structure below to create the header:

											
												<!-- Start Header -->
												<header>
												<div class="header_sec">
												<div id="header_5">
												<div class="header_main sticky" id="header_main">
												<div class="hader_content_area">
												<div class="header_logo">
												...
												</div>

												<div class="navsec">
												...
												</div>
												
												<div class="header_email_sec">
												...
												</div>
												</div>
												</div>
												</div>
												</div>
												</header>
												<!-- End Header -->  
											
										

Topics

Topics
Tools

Modes

light

light

dark

dark

Sidebar

Backgrounds

default

Default

bg-1

Bg-1

bg-2

Bg-2

bg-3

Bg-3

bg-4

Bg-4

bg-5

Bg-5

Box Design

default

Default

box-1

Box-1

box-2

Box-2

box-3

Box-3