View file File name : header2.php Content : <header class="header-v4" data-uk-sticky="{top: -500, animation: 'uk-animation-slide-top'}"> <div id="justify_mega" class="header"> <div class="top-bar hidden-mobile"> <div class="uk-container uk-container-center"> <div class="logo brick-flex-box"> <a href="index.html"><img src="images/header/logo-yellow.png" alt=""></a> </div> </div> </div> <div class="uk-container uk-container-center"> <nav class="menu-primary uk-clearfix"> <ul class="uk-navbar-nav uk-flex uk-flex-center main-menu"> <li class="active uk-parent brick-hover-child-color-yellow" data-uk-dropdown="{remaintime:'0'}"> <a href="index.html">HOME</a> <div class="uk-dropdown uk-dropdown-navbar uk-dropdown-bottom"> <ul class="uk-nav uk-nav-navbar"> <li class="brick-hover-child-color-yellow"><a href="index-2.html">HOME TWO<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li> <li class="brick-hover-child-color-yellow"><a href="index-3.html">HOME THREE<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li> <li class="brick-hover-child-color-yellow"><a href="index-4.html">HOME FOUR<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li> <li class="brick-hover-child-color-yellow"><a href="index-5.html">HOME FIVE<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li> <li class="brick-hover-child-color-yellow"><a href="index-6.html">HOME SIX<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li> </ul> </div> </li> <li class="uk-parent brick-hover-child-color-yellow" data-uk-dropdown="{remaintime:'0'}"> <a href="portfolio-1.html">PORTFOLIO</a> <div class="uk-dropdown uk-dropdown-navbar uk-dropdown-bottom"> <ul class="uk-nav uk-nav-navbar"> <li class="brick-hover-child-color-yellow"><a href="portfolio-2.html">PORTFOLIO TWO<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li> <li class="brick-hover-child-color-yellow"><a href="portfolio-detail.html">PORTFOLIO DETAIL<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li> </ul> </div> </li> <li class="brick-hover-child-color-yellow"><a href="contact.html">CONTACT</a></li> <li class="uk-parent brick-hover-child-color-yellow" data-uk-dropdown="{remaintime:'0'}"> <a href="blog-1.html">BLOG</a> <div class="uk-dropdown uk-dropdown-navbar uk-dropdown-bottom"> <ul class="uk-nav uk-nav-navbar"> <li class="brick-hover-child-color-yellow"><a href="blog-2.html">BLOG TWO<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li> <li class="brick-hover-child-color-yellow"><a href="blog-3.html">BLOG THREE<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li> <li class="brick-hover-child-color-yellow"><a href="blog-detail.html">BLOG DETAILS<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li> </ul> </div> </li> <li class="uk-parent brick-hover-child-color-yellow" data-uk-dropdown="{remaintime:'0'}"> <a href="shop.html">SHOP</a> <div class="uk-dropdown uk-dropdown-navbar uk-dropdown-bottom"> <ul class="uk-nav uk-nav-navbar"> <li class="brick-hover-child-color-yellow"><a href="product-detail.html">PRODUCT DETAIL<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li> </ul> </div> </li> <li class="uk-parent brick-hover-child-color-yellow" data-uk-dropdown="{remaintime:'0'}"> <a>PAGES</a> <div class="uk-dropdown uk-dropdown-navbar uk-dropdown-bottom"> <ul class="uk-nav uk-nav-navbar"> <li class="brick-hover-child-color-yellow"><a href="about.html">ABOUT US<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li> <li class="brick-hover-child-color-yellow"><a href="our-team.html">OUR TEAM<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li> <li class="brick-hover-child-color-yellow"><a href="clients-say.html">CLIENTS SAY<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li> <li class="brick-hover-child-color-yellow"><a href="faq.html">FAQ's<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li> <li class="brick-hover-child-color-yellow"><a href="coming-soon.html">COMING SOON<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li> <li class="brick-hover-child-color-yellow"><a href="maintenance.html">MAINTENANCE PAGE<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li> </ul> </div> </li> <li class="mega-menu uk-parent brick-hover-child-color-yellow" data-uk-dropdown="{remaintime:'0', justify:'#justify_mega'}"> <a href="#">MEGA</a> <div class="uk-dropdown"> <div class="uk-container uk-container-center"> <div class="uk-grid"> <div class="uk-width-medium-1-4 uk-width-small-1-1 uk-width-1-1"> <div class="submenu"> <div class="submenu-title"> <h5>SUB MENU 01</h5> </div> <ul> <li class="brick-hover-child-color-yellow"><a href="#">Sub menu 01-01<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li> <li class="brick-hover-child-color-yellow"><a href="#">Sub menu 01-02<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li> </ul> </div> </div> <div class="uk-width-medium-1-4 uk-width-small-1-1 uk-width-1-1"> <div class="submenu"> <div class="submenu-title"> <h5>SUB MENU 02</h5> <div class="omb-line omb-line-orange"></div> </div> <ul> <li class="brick-hover-child-color-yellow"><a href="#">Sub menu 02-01<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li> <li class="brick-hover-child-color-yellow"><a href="#">Sub menu 02-02<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li> </ul> </div> </div> <div class="uk-width-medium-1-4 uk-width-small-1-1 uk-width-1-1"> <div class="submenu"> <div class="submenu-title"> <h5>SUB MENU 03</h5> <div class="omb-line omb-line-orange"></div> </div> <ul> <li class="brick-hover-child-color-yellow"><a href="#">Sub menu 03-01<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li> <li class="brick-hover-child-color-yellow"><a href="#">Sub menu 03-02<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li> </ul> </div> </div> <div class="uk-width-medium-1-4 uk-width-small-1-1 uk-width-1-1"> <div class="submenu"> <div class="submenu-title"> <h5>SUB MENU 04</h5> <div class="omb-line omb-line-orange"></div> </div> <ul> <li class="brick-hover-child-color-yellow"><a href="#">Sub menu 04-01<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li> <li class="brick-hover-child-color-yellow"><a href="#">Sub menu 04-02<i class="fa fa-hand-o-right brick-color-yellow"></i></a></li> </ul> </div> </div> </div> </div> </div> </li> <li class="cart brick-hover-child-color-yellow"> <a href="shop.html"> <span class="fa fa-shopping-cart"></span> </a> </li> </ul> </nav> <div class="mobile-logo"> <a href="index.html"><img src="images/header/logo-yellow.png" alt=""></a> </div> <div class="search" data-uk-dropdown="{mode:'click', pos:'bottom-right'}"> <a href="shop.html" class="cart brick-hover-color-yellow"><span class="fa fa-shopping-cart"></span></a> <div class="toggle-icon"> <a href="#" class="brick-hover-color-yellow"><span class="fa fa-bars"></span></a> </div> </div> </div> </div> <div class="mobile-menu"> <nav class="nav-holder"> <ul> <li class="has-submenu brick-hover-child-color-yellow"> <a href="index.html">HOME</a> <ul class="submenu"> <li class="brick-hover-child-color-yellow"><a href="index-2.html">Home two</a></li> <li class="brick-hover-child-color-yellow"><a href="index-3.html">Home three</a></li> <li class="brick-hover-child-color-yellow"><a href="index-4.html">Home four</a></li> <li class="brick-hover-child-color-yellow"><a href="index-5.html">Home five</a></li> <li class="brick-hover-child-color-yellow"><a href="index-6.html">Home six</a></li> </ul> </li> <li class="has-submenu brick-hover-child-color-yellow"> <a href="portfolio-1.html">PORTFOLIO</a> <ul class="submenu"> <li class="brick-hover-child-color-yellow"><a href="portfolio-2.html">Portfolio two</a></li> <li class="brick-hover-child-color-yellow"><a href="portfolio-detail.html">Portfolio detail </a></li> </ul> </li> <li class="brick-hover-child-color-yellow"><a href="contact.html">CONTACT</a></li> <li class="has-submenu brick-hover-child-color-yellow"> <a href="blog-1.html">BLOG</a> <ul class="submenu"> <li class="brick-hover-child-color-yellow"><a href="blog-2.html">Blog two</a></li> <li class="brick-hover-child-color-yellow"><a href="blog-3.html">Blog three</a></li> <li class="brick-hover-child-color-yellow"><a href="blog-detail.html">Blog detail</a></li> </ul> </li> <li class="has-submenu brick-hover-child-color-yellow"> <a href="shop.html">SHOP</a> <ul class="submenu"> <li class="brick-hover-child-color-yellow"><a href="product-detail.html">Product detail</a></li> </ul> </li> <li class="has-submenu brick-hover-child-color-yellow"> <a>PAGES</a> <ul class="submenu"> <li class="brick-hover-child-color-yellow"><a href="about.html">About us</a></li> <li class="brick-hover-child-color-yellow"><a href="our-team.html">Our team</a></li> <li class="brick-hover-child-color-yellow"><a href="clients-say.html">Clients say</a></li> <li class="brick-hover-child-color-yellow"><a href="faq.html">FAQ's</a></li> <li class="brick-hover-child-color-yellow"><a href="coming-soon.html">Coming soon</a></li> <li class="brick-hover-child-color-yellow"><a href="maintenance.html">Maintenance page</a></li> </ul> </li> </ul> </nav> </div> </header>