<!-- Start Header Area -->
<header class="header-area black-background mob-black-background" >
<!-- main header start -->
<div class="main-header d-none d-lg-block">
<!-- header middle area start -->
<div class="header-main-area">
<div class="container">
<div class="row align-items-center ptb-10" style="margin-left: 10px;">
<!-- header social area start -->
<!-- <div class="col-lg-3">
<div class="header-social-link">
<a href="https://www.facebook.com/thisal.rathnayake" target="blank"><i class=""></i><img src="assets/img/icon/fb.png" class="header-icon"></a>
<a href="https://youtube.com/user/lararath77" target="blank"><i class=""></i><img src="assets/img/icon/youtube2.png" class="header-icon"></a>
<a href="https://www.instagram.com/pramudi_gemsandjewellery" target="blank"><i class=""></i><img src="assets/img/icon/instagram (2).png" class="header-icon"></a>
<a href="https://api.whatsapp.com/send?phone=94716351651" target="blank"><i class=""></i><img src="assets/img/icon/whatsapp3.png" class="header-icon"></a>
<a href="https://www.skype.com/Thisal2011" target="blank"><i class=""></i><img src="assets/img/icon/skype3.png" class="header-icon"></a>
<a href="https://line.me/thisal88" target="blank"><i class=""></i><img src="assets/img/icon/line1.png" class="header-icon" style="border-radius: 5px;"></a>
<link href="//albrechtjewellery.com/cdn/shop/t/14/assets/pe-icon-7-stroke.css?v=24091449498833941701697104455" rel="stylesheet" type="text/css" media="all" />
<link href="//albrechtjewellery.com/cdn/shop/t/14/assets/icofont.css?v=58952346055626990881697104411" rel="stylesheet" type="text/css" media="all" />
</div>
</div> -->
<div class="col-lg-4" style="margin-top: 20px;">
<div class="Offcanvas_footer">
<ul>
<li class="facebook"><a href="https://www.facebook.com/thisal.rathnayake"><i class="fa fa-facebook"></i></a></li>
<li class="youtube"><a href="https://youtube.com/user/lararath77"><i class="fa fa-youtube-play"></i></a></li>
<li class="instagram"><a href="https://www.instagram.com/pramudi_gemsandjewellery"><i class="fa fa-instagram"></i></a></li>
<li class="google-plus"><a href="https://api.whatsapp.com/send?phone=94716351651"><i class="fa fa-phone"></i></a></li>
<li class="linkedin"><a href="https://www.skype.com/Thisal2011"><i class="fa fa-skype"></i></a></li>
</ul>
</div>
</div>
<!-- header social area end -->
<!-- start logo area -->
<div class="col-lg-3">
<div class="logo text-center">
<a href="./">
<img src="assets/img/logo/logo.png" alt="Brand Logo" class="logo-res" style="width: 70%;">
</a>
</div>
</div>
<!-- start logo area -->
<!-- mini cart area start -->
<!-- <div class="col-lg-5">
<div class="header-right d-flex align-items-center justify-content-end">
<div class="header-configure-area">
<ul class="nav justify-content-end">
<li class="header-search-container mr-0">
<a href="mailto:[email protected]" class="f-18">
<i class="">
<img src="assets/img/icon/mail.png" class="header-icon">
</i> [email protected]
</a>
</li>
<li class="header-search-container mr-0">
<a href="tel:+94716351651" class="f-18">
<i class="">
<img src="assets/img/icon/call.png" class="header-icon">
</i> (+94)71 635 1651
</a>
</li>
</ul>
</div>
</div>
</div> -->
<div class="col-lg-5">
<div class="home_contact">
<div class="contact_box">
<label font-weight: 600; style="color: #a4a4a4;">Email</label>
<a href="mailto:[email protected]" style="color: #000;">
<p>[email protected] </a></p>
</div>
<div class="contact_box">
<label font-weight: 600; style="color: #a4a4a4;">Call Us</label>
<p><a href="tel:+94716351651" style="color: #000;">0716351651</a></p>
</div>
</div>
</div>
<!--
<div class="col-lg-5">
<div class="home_contact">
<div class="contact_box">
<label font-weight: 600; style="color: #a4a4a4;">Email</label>
<a href="mailto:[email protected]" class="f-18" style="color: #000;">
<i class="">
<img src="" class="">
</i> [email protected]
</a>
</div>
<div class="">
<label font-weight: 600; style="color: #a4a4a4;">Call Us</label>
<a href="tel:+94716351651" class="f-18" style="color: #000;">
<i class="">
<img src="" class="">
</i>0716351651
</a>
</div>
</div>
</div> -->
<!-- mini cart area end -->
</div>
<div class="row">
<!-- main menu area start -->
<div class="col-12" style="margin-top: -5px;margin-bottom: -18px; margin-left: 20px;padding: 0 18px;">
<div class="main-menu-area sticky black-background">
<div class="main-menu">
<!-- main menu navbar start -->
<nav class="desktop-menu">
<ul class="justify-content-center header-style-4">
<li class="active">
<a href="./">Home </a>
</li>
<li class="position-static"><a href="about.php">About Us</a></li>
<li><a href="services.php">Services</a>
</li>
<li><a href="product-categories.php">Products <i class="fa fa-angle-down"></i></a>
<ul class="dropdown">
<?php
$PRODUCT_CATEGORY = new ProductCategory(NULL);
foreach ($PRODUCT_CATEGORY->all() as $key => $product_category) {
?>
<li>
<a href="product.php?id=<?php echo $product_category['id']; ?>">
<?php echo $product_category['name']; ?>
</a>
</li>
<?php
}
?>
</ul>
</li>
<li><a href="contact.php">Contact us</a></li>
<!-- <div class="inline-block">
<div class="othertopicons header_book">
<a href="/search?q=" title="Search"><i class="ti-search"></i></a>
<a href="/account/login" title="Login"><i class="ti-lock"></i></a>
<a href="/account/register" title="Register"><i class="ti-user"></i></a>
<a href="/pages/wishlist" title="wishlist"><i class="ti-heart"></i></a>
</div>
<div class="header-cart-2 header_book">
-->
<li><a href="cart.php"><i class="fa fa-shopping-bag"></i> Cart</a></li>
<?php
if (isset($_SESSION['id'])) {
?>
<li><a href="member/"><i class="fa fa-user"></i> My Account</a></li>
<?php
} else {
?>
<li><a href="signin.php"><i class="fa fa-sign-in"></i> Sign In</a></li>
<?php
}
?>
</ul>
</nav>
<!-- main menu navbar end -->
</div>
</div>
</div>
<!-- main menu area end -->
</div>
</div>
</div>
<!-- header middle area end -->
</div>
<!-- main header start -->
<!-- mobile header start -->
<!-- mobile header start -->
<div class="mobile-header d-lg-none d-md-block sticky">
<!--mobile header top start -->
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-12">
<div class="mobile-main-header">
<div class="mobile-logo">
<a href="./">
<img src="assets/img/logo/logo.png" alt="Brand Logo">
</a>
</div>
<div class="mobile-menu-toggler">
<button class="mobile-menu-btn">
<span></span>
<span></span>
<span></span>
</button>
</div>
</div>
</div>
</div>
</div>
<!-- mobile header top start -->
</div>
<!-- mobile header end -->
<!-- mobile header end -->
<!-- offcanvas mobile menu start -->
<!-- off-canvas menu start -->
<aside class="off-canvas-wrapper">
<div class="off-canvas-overlay"></div>
<div class="off-canvas-inner-content">
<div class="btn-close-off-canvas">
<i class="pe-7s-close"></i>
</div>
<div class="off-canvas-inner">
<!-- mobile menu start -->
<div class="mobile-navigation">
<!-- mobile menu navigation start -->
<nav>
<ul class="mobile-menu">
<li class="menu-item-has-children"><a href="./">Home</a>
</li>
<li class="menu-item-has-children"><a href="about.php">About Us</a></li>
<li class="menu-item-has-children "><a href="services.php">Services</a></li>
<li class="menu-item-has-children "><a href="product-categories.php">Products</a>
<ul class="dropdown">
<?php
$MOBILE_PRODUCT_CATEGORY = new ProductCategory(NULL);
foreach ($MOBILE_PRODUCT_CATEGORY->all() as $key => $mobile_product_category) {
?>
<li>
<a href="product.php?id=<?php echo $mobile_product_category['id']; ?>">
<?php echo $mobile_product_category['name']; ?>
</a>
</li>
<?php
}
?>
</ul>
</li>
<li><a href="contact.php">Contact us</a></li>
<li><a href="cart.php"><i class="fa fa-shopping-cart"></i> : Cart</a></li>
<?php
if (isset($_SESSION['id'])) {
?>
<li><a href="member/"><i class="fa fa-user"></i> : My Account</a></li>
<?php
} else {
?>
<li><a href="signin.php"><i class="fa fa-sign-in"></i> : Sign In</a></li>
<?php
}
?>
</ul>
</nav>
<!-- mobile menu navigation end -->
</div>
<!-- mobile menu end -->
<!-- offcanvas widget area start -->
<div class="offcanvas-widget-area">
<div class="off-canvas-contact-widget">
<ul>
<li><i class=""><img src="assets/img/icon/call.png" class="header-icon"></i>
<a href="tel:">(+94)11 345 6789</a>
</li>
<li><i class=""><img src="assets/img/icon/mail.png" class="header-icon"></i>
<a href="mailto:[email protected]">[email protected]</a>
</li>
</ul>
</div>
<div class="off-canvas-social-widget">
<a href="#"><i class=""></i><img src="assets/img/icon/facebook-02.png" class="footer-icon"></a>
<a href="#"><i class=""></i><img src="assets/img/icon/youtube.png" class="footer-icon"></a>
<a href="#"><i class=""></i><img src="assets/img/icon/instagram.png" class="footer-icon"></a>
<a href="#"><i class=""></i><img src="assets/img/icon/whatsapp.png" class="footer-icon"></a>
</div>
</div>
<!-- offcanvas widget area end -->
</div>
</div>
</aside>
<!-- off-canvas menu end -->
<!-- offcanvas mobile menu end -->
</header>
<!-- end Header Area --> |