<!-- Start Navbar Area -->
<div class="navbar-area">
<div class="drodo-responsive-nav">
<div class="container">
<div class="drodo-responsive-menu">
<div class="logo">
<a href="<?php echo base_url(); ?>">
<img src="<?php echo base_url(); ?>assets/img/logo-s.png" alt="logo">
</a>
</div>
</div>
</div>
</div>
<div class="drodo-nav">
<div class="container">
<nav class="navbar navbar-expand-md navbar-light">
<a class="navbar-brand" href="<?php echo base_url(); ?>">
<img src="<?php echo base_url(); ?>assets/img/logo-s.png" alt="logo">
</a>
<div class="collapse navbar-collapse mean-menu">
<ul class="navbar-nav">
<li class="nav-item"><a href="<?php echo base_url(); ?>" class="nav-link active">Home </a>
<!-- <ul class="dropdown-menu">
<li class="nav-item"><a href="index.html" class="nav-link active">Home Demo - 1</a></li>
<li class="nav-item"><a href="index-2.html" class="nav-link">Home Demo - 2</a></li>
<li class="nav-item"><a href="index-3.html" class="nav-link">Home Demo - 3</a></li>
<li class="nav-item"><a href="index-4.html" class="nav-link">Home Demo - 4</a></li>
</ul> -->
</li>
<li class="nav-item"><a href="<?php echo base_url(); ?>about" class="nav-link">About Us</a></li>
<li class="nav-item megamenu"><a href="<?php echo base_url(); ?>categories" class="nav-link">Products <i class='bx bx-chevron-down'></i></a>
<ul class="dropdown-menu">
<li class="nav-item">
<div class="container">
<div class="row">
<?php
$categories = get_active_categories();
if ($categories) :
// $count = count($categories);
$submenues = array_chunk($categories, 4, TRUE);
$subcount = count($submenues);
for ($i = 0; $i < $subcount; $i++) { ?>
<div class="col">
<?php foreach ($submenues[$i] as $category) : ?>
<ul class="megamenu-submenu">
<li><a href="<?php echo base_url(); ?>category/<?php echo $category['id']; ?>/<?php echo $category['category_slug']; ?>"><?php echo $category['category_name']; ?></a></li>
</ul>
<?php
endforeach; ?>
</div>
<?php }
endif; ?>
</div>
</div>
</li>
</ul>
</li>
<li class="nav-item"><a href="<?php echo base_url(); ?>certificate" class="nav-link">Certification</a></li>
<!-- <li class="nav-item megamenu"><a href="#" class="nav-link">Shop <i class='bx bx-chevron-down'></i></a>
<ul class="dropdown-menu">
<li class="nav-item">
<div class="container">
<div class="row">
<div class="col">
<h6 class="submenu-title">Shop Styles</h6>
<ul class="megamenu-submenu">
<li><a href="products-left-sidebar.html">Left Sidebar</a></li>
<li><a href="products-left-sidebar-with-categories.html">Left Sidebar With Categories</a></li>
<li><a href="products-right-sidebar.html">Right Sidebar</a></li>
<li><a href="products-right-sidebar-with-categories.html">Right Sidebar With Categories</a></li>
<li><a href="products-without-sidebar.html">Without Sidebar</a></li>
<li><a href="products-left-sidebar-fullwidth.html">With Left Sidebar Fullwidth</a></li>
<li><a href="products-right-sidebar-fullwidth.html">With Right Sidebar Fullwidth</a></li>
</ul>
</div>
<div class="col">
<h6 class="submenu-title">Shop Styles 2</h6>
<ul class="megamenu-submenu">
<li><a href="products-left-sidebar.html">Left Sidebar</a></li>
<li><a href="products-left-sidebar-with-categories.html">Left Sidebar With Categories</a></li>
<li><a href="products-right-sidebar.html">Right Sidebar</a></li>
<li><a href="products-right-sidebar-with-categories.html">Right Sidebar With Categories</a></li>
<li><a href="products-without-sidebar.html">Without Sidebar</a></li>
<li><a href="products-left-sidebar-fullwidth.html">With Left Sidebar Fullwidth</a></li>
<li><a href="products-right-sidebar-fullwidth.html">With Right Sidebar Fullwidth</a></li>
</ul>
</div>
<div class="col">
<h6 class="submenu-title">Shop Styles 3</h6>
<ul class="megamenu-submenu">
<li><a href="products-left-sidebar.html">Left Sidebar</a></li>
<li><a href="products-left-sidebar-with-categories.html">Left Sidebar With Categories</a></li>
<li><a href="products-right-sidebar.html">Right Sidebar</a></li>
<li><a href="products-right-sidebar-with-categories.html">Right Sidebar With Categories</a></li>
<li><a href="products-without-sidebar.html">Without Sidebar</a></li>
<li><a href="products-left-sidebar-fullwidth.html">With Left Sidebar Fullwidth</a></li>
<li><a href="products-right-sidebar-fullwidth.html">With Right Sidebar Fullwidth</a></li>
</ul>
</div>
<div class="col">
<h6 class="submenu-title">Product Pages</h6>
<ul class="megamenu-submenu">
<li><a href="single-products-1.html">Default Style</a></li>
<li><a href="single-products-2.html">Thumbs List</a></li>
<li><a href="single-products-3.html">Grid Style</a></li>
<li><a href="single-products-4.html">Sticky Details</a></li>
<li><a href="single-products-5.html">Slider Image</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
</ul>
</div>
</div>
</div>
</li>
</ul>
</li> -->
<!-- <li class="nav-item megamenu"><a href="#" class="nav-link">Pages <i class='bx bx-chevron-down'></i></a>
<ul class="dropdown-menu" >
<li class="nav-item">
<div class="container">
<div class="row">
<div class="col">
<h6 class="submenu-title">Pages I</h6>
<ul class="megamenu-submenu">
<li><a href="about.html">About Us</a></li>
<li><a href="history.html">History</a></li>
<li><a href="profile-authentication.html">Login</a></li>
<li><a href="faq.html">FAQ's</a></li>
<li><a href="error-404.html">404 Error</a></li>
<li><a href="coming-soon.html">Coming Soon</a></li>
<li><a href="track-order.html">Tracking Order</a></li>
</ul>
</div>
<div class="col">
<h6 class="submenu-title">Pages II</h6>
<ul class="megamenu-submenu">
<li><a href="categories.html">Categories</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="customer-service.html">Customer Service</a></li>
<li><a href="purchase-guide.html">Purchase Guide</a></li>
<li><a href="privacy-policy.html">Privacy Policy</a></li>
<li><a href="terms-of-service.html">Terms of Service</a></li>
<li><a href="profile-authentication.html">Signup</a></li>
</ul>
</div>
<div class="col">
<h6 class="submenu-title">Shop Styles</h6>
<ul class="megamenu-submenu">
<li><a href="products-left-sidebar.html">Left Sidebar</a></li>
<li><a href="products-left-sidebar-with-categories.html">Left Sidebar With Categories</a></li>
<li><a href="products-right-sidebar.html">Right Sidebar</a></li>
<li><a href="products-right-sidebar-with-categories.html">Right Sidebar With Categories</a></li>
<li><a href="products-without-sidebar.html">Without Sidebar</a></li>
<li><a href="products-left-sidebar-fullwidth.html">With Left Sidebar Fullwidth</a></li>
<li><a href="products-right-sidebar-fullwidth.html">With Right Sidebar Fullwidth</a></li>
</ul>
</div>
<div class="col">
<h6 class="submenu-title">Product Pages</h6>
<ul class="megamenu-submenu">
<li><a href="single-products-1.html">Default Style</a></li>
<li><a href="single-products-2.html">Thumbs List</a></li>
<li><a href="single-products-3.html">Grid Style</a></li>
<li><a href="single-products-4.html">Sticky Details</a></li>
<li><a href="single-products-5.html">Slider Image</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
</ul>
</div>
</div>
</div>
</li>
</ul>
</li>
<li class="nav-item megamenu"><a href="#" class="nav-link">Collection <i class='bx bx-chevron-down'></i></a>
<ul class="dropdown-menu">
<li class="nav-item">
<div class="container">
<div class="row">
<div class="col">
<h6 class="submenu-title">Shop Styles</h6>
<ul class="megamenu-submenu">
<li><a href="products-left-sidebar.html">Left Sidebar</a></li>
<li><a href="products-left-sidebar-with-categories.html">Left Sidebar With Categories</a></li>
<li><a href="products-right-sidebar.html">Right Sidebar</a></li>
<li><a href="products-right-sidebar-with-categories.html">Right Sidebar With Categories</a></li>
<li><a href="products-without-sidebar.html">Without Sidebar</a></li>
<li><a href="products-left-sidebar-fullwidth.html">With Left Sidebar Fullwidth</a></li>
<li><a href="products-right-sidebar-fullwidth.html">With Right Sidebar Fullwidth</a></li>
</ul>
</div>
<div class="col">
<h6 class="submenu-title">Product Pages</h6>
<ul class="megamenu-submenu">
<li><a href="single-products-1.html">Default Style</a></li>
<li><a href="single-products-2.html">Thumbs List</a></li>
<li><a href="single-products-3.html">Grid Style</a></li>
<li><a href="single-products-4.html">Sticky Details</a></li>
<li><a href="single-products-5.html">Slider Image</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
</ul>
</div>
<div class="col">
<h6 class="submenu-title">Pages I</h6>
<ul class="megamenu-submenu">
<li><a href="about.html">About Us</a></li>
<li><a href="history.html">History</a></li>
<li><a href="profile-authentication.html">Login</a></li>
<li><a href="faq.html">FAQ's</a></li>
<li><a href="error-404.html">404 Error</a></li>
<li><a href="coming-soon.html">Coming Soon</a></li>
<li><a href="track-order.html">Tracking Order</a></li>
</ul>
</div>
<div class="col">
<ul class="megamenu-submenu">
<li>
<div class="aside-trending-products">
<img src="<?php echo base_url(); ?>assets/img/navbar/navbar-img1.jpg" alt="image">
<div class="category">
<h4>Top Trending</h4>
</div>
<a href="#" class="link-btn"></a>
</div>
<div class="aside-trending-products">
<img src="<?php echo base_url(); ?>assets/img/navbar/navbar-img2.jpg" alt="image">
<div class="category">
<h4>Popular Products</h4>
</div>
<a href="#" class="link-btn"></a>
</div>
</li>
</ul>
</div>
</div>
</div>
</li>
</ul>
</li>
<li class="nav-item"><a href="#" class="nav-link">Blog <i class='bx bx-chevron-down'></i></a>
<ul class="dropdown-menu">
<li class="nav-item"><a href="blog-1.html" class="nav-link">Grid (2 in Row)</a></li>
<li class="nav-item"><a href="blog-2.html" class="nav-link">Grid (3 in Row)</a></li>
<li class="nav-item"><a href="blog-3.html" class="nav-link">Right Sidebar</a></li>
<li class="nav-item"><a href="blog-4.html" class="nav-link">Left Sidebar</a></li>
<li class="nav-item"><a href="#" class="nav-link">Single Post <i class='bx bx-chevron-right'></i></a>
<ul class="dropdown-menu">
<li class="nav-item"><a href="single-blog-1.html" class="nav-link">Default</a></li>
<li class="nav-item"><a href="single-blog-2.html" class="nav-link">With Video</a></li>
<li class="nav-item"><a href="single-blog-3.html" class="nav-link">With Image Slider</a></li>
</ul>
</li>
</ul>
</li> -->
<li class="nav-item"><a href="<?php echo base_url(); ?>blog" class="nav-link">Blogs</a></li>
<li class="nav-item"><a href="<?php echo base_url(); ?>contact" class="nav-link">Contact</a></li>
</ul>
<div class="others-option">
<!-- <div class="option-item">
<div class="wishlist-btn">
<a href="#" data-toggle="modal" data-target="#shoppingWishlistModal"><i class='bx bx-heart'></i></a>
</div>
</div>
<div class="option-item">
<div class="cart-btn">
<a href="#" data-toggle="modal" data-target="#shoppingCartModal"><i class='bx bx-shopping-bag'></i><span>3</span></a>
</div>
</div> -->
<div class="option-item">
<!-- <i class="search-btn bx bxl-whatsapp"style="font-size:25px"></i> -->
<a href="https://wa.me/919911199258?text=Hello"><i class="search-btn bx bxl-whatsapp" style="font-size:25px" aria-hidden="true"></i></a>
</div>
<div class="option-item">
<a href="tel:+919911199258"><i class='bx bx-phone' style="font-size:25px"></i></a>
</div>
<div class="option-item">
<div class="search-btn-box">
<i class="search-btn bx bx-search-alt " style="font-size:25px"></i>
</div>
</div>
</div>
</div>
</nav>
</div>
</div>
</div>
<!-- End Navbar Area -->
<!-- Start Search Overlay -->
<div class="search-overlay">
<div class="d-table">
<div class="d-table-cell">
<div class="search-overlay-layer"></div>
<div class="search-overlay-layer"></div>
<div class="search-overlay-layer"></div>
<div class="search-overlay-close">
<span class="search-overlay-close-line"></span>
<span class="search-overlay-close-line"></span>
</div>
<div class="search-overlay-form">
<form method="post" action="<?php echo base_url(); ?>search">
<input type="text" name="search_keyword" class="input-search" placeholder="Search here...">
<button type="submit"><i class='bx bx-search-alt'></i></button>
</form>
</div>
</div>
</div>
</div>
<!-- End Search Overlay -->
<div class="row">
<div class="col-md-5 mx-auto text-center">
<?php if ($this->session->flashdata('message')) { ?>
<div class="alert alert-success alert-dismissible fade show lc_message_box mt-2" role="alert">
<?php echo $this->session->flashdata('message'); ?>
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<?php }
if ($this->session->flashdata('error') || $this->session->flashdata('validation_errors')) { ?>
<div class="alert alert-danger alert-dismissible fade show lc_error_box mt-2" role="alert">
<?php echo $this->session->flashdata('error'); ?>
<?php echo $this->session->flashdata('validation_errors'); ?>
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<?php } ?>
</div>
</div>