View file File name : header.php Content :<header class="header-v1" data-uk-sticky="{top: -500, animation: 'uk-animation-slide-top'}" style="" > <div id="justify_mega" class="header"> <div class="top-bar hidden-mobile"> <div class="uk-container uk-container-center uk-clearfix"> <div class="uk-grid"> <div class="uk-width-medium-4-10 uk-width-small-1-1 uk-width-1-1 set-width-3-10"> <div class="logo brick-flex-box"> <a href="index.php"><img src="images/logo-small.png" alt=""></a> </div> </div> <div class="uk-width-medium-6-10 uk-width-small-1-1 uk-width-1-1 hidden-mobile set-width-7-10"> <div class="uk-grid"> <div class="uk-width-medium-3-10 uk-width-small-1-1 uk-width-1-1"> <div class="brick-flex-box"> <div class="box brick-hover-full-color-yellow"> <div class="box-icon"> <span class="fa fa-envelope"></span> </div> <div class="box-text"> <h5>EMAIL</h5> <a href="mailto:info@faithlinkint.com"><p>info@faithlinkint.com</p></a> </div> </div> </div> </div> <div class="uk-width-medium-3-10 uk-width-small-1-1 uk-width-1-1"> <div class="brick-flex-box"> <div class="box brick-hover-full-color-yellow"> <div class="box-icon"> <span class="fa fa-phone"></span> </div> <div class="box-text"> <h5>CALL US</h5> <p><a href="tel:+94 11 484 8367" style="color:#4e5453;">+94 11 484 8367 </a></p> </div> </div> </div> </div> <div class="uk-width-medium-4-10 uk-width-small-1-1 uk-width-1-1"> <div class="brick-flex-box"> <div class="box brick-hover-full-color-yellow"> <div class="box-icon"> <span class="fa fa-map-marker"></span> </div> <div class="box-text"> <h5>WE ARE HERE</h5> <p>No. 76/G/2 Pahalakaragahamuna, Ragama Road, Kadawatha | Sri Lanka.</p> </div> </div> </div> </div> </div> </div> </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="uk-parent brick-hover-child-color-yellow" data-uk-dropdown="{remaintime:'0'}"> <a href="index.php">HOME</a> </li> <li class="uk-parent brick-hover-child-color-yellow" data-uk-dropdown="{remaintime:'0'}"> <a href="about-us.php">ABOUT US</a> </li> <li class="uk-parent brick-hover-child-color-yellow" data-uk-dropdown="{remaintime:'0'}"> <a href="#">PRODUCT</a> <div class="uk-dropdown uk-dropdown-navbar uk-dropdown-bottom"> <ul class="uk-nav uk-nav-navbar"> <?php $PRODUCT_TYPE = new ProductType(NULL); foreach ($PRODUCT_TYPE->all() as $product) { ?> <li class = "brick-hover-child-color-yellow"><a href = "product.php?id=<?php echo $product["id"]; ?>"><?php echo $product["name"]; ?><i class = "fa fa-hand-o-right brick-color-yellow"></i></a></li> <?php } ?> </ul> </div> </li> <li class="uk-parent brick-hover-child-color-yellow" data-uk-dropdown="{remaintime:'0'}"> <a href="services.php">SERVICES</a> </li> <li class="uk-parent brick-hover-child-color-yellow" data-uk-dropdown="{remaintime:'0'}"> <a href="portfolio.php">PORTFOLIO</a> </li> <li class="uk-parent brick-hover-child-color-yellow" data-uk-dropdown="{remaintime:'0'}"> <a href="contact-us.php">CONTACT-US</a> </li> </ul> <!-- <ul class="uk-navbar-nav uk-flex uk-flex-center main-menu pull-right" > <li class="brick-hover-child-color-yellow pull-right" style="margin-right: 324px;"><a href="#"><span class=""></span></a></li> <li class="brick-hover-child-color-yellow"><a href="#"><span class="fa fa-facebook"></span></a></li> <li class="brick-hover-child-color-yellow"><a href="#"><span class="fa fa-twitter"></span></a></li> <li class="brick-hover-child-color-yellow"><a href="#"><span class="fa fa-instagram"></span></a></li> <li class="brick-hover-child-color-yellow"><a href="#"><span class="fa fa-google"></span></a></li> </ul>--> </nav> <div class="mobile-logo"> <a href="index.php"><img src="images/logo-small.png" alt=""></a> </div> <div class="search" data-uk-dropdown="{mode:'click', pos:'bottom-right'}"> <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="brick-hover-child-color-yellow"> <a href="index.php">HOME</a> </li> <li class="brick-hover-child-color-yellow"> <a href="about-us.php">ABOUT-US</a> </li> <li class="has-submenu brick-hover-child-color-darkgreen"> <a href="#">PRODUCT</a> <ul class="submenu"> <?php $PRODUCT_TYPE = new ProductType(NULL); foreach ($PRODUCT_TYPE->all() as $product) { ?> <li class="brick-hover-child-color-darkgreen"><a href="product.php?id=<?php echo $product["id"]; ?>"><?php echo $product["name"]; ?></a></li> <?php } ?> </ul> </li> <li class="brick-hover-child-color-yellow"> <a href="services.php">SERVICES</a> </li> <li class="brick-hover-child-color-yellow"> <a href="contact-us.php">CONTACT-US</a> </li> </ul> </nav> </div> </header>