<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:[email protected]"><p>[email protected]</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> |