<!--
<header id="header" data-plugin-options="{'stickyEnabled': true, 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': true, 'stickyStartAt': 135, 'stickySetTop': '-135px', 'stickyChangeLogo': true}">
<div class="header-container container">
<div class="header-row py-2">
<div class="header-column w-100">
<div class="header-row justify-content-between">
<div class="header-logo z-index-2 col-lg-2 px-0">
<a href="index.html">
<img alt="Porto" width="200" height="200" src="img/logo.png" />
</a>
</div>
<div class="header-nav-features header-nav-features-no-border col-lg-5 col-xl-6 px-0 ml-0">
<h2 align="center"> Carrefour Online Shopping</h2><br>
</div>
<a href="shop-login.html">Login</a> | <a href="shop-register.html">Register</a> | <a href="shop-wishlist.html">Wishlist</a>
</div>
</div>
<div class="header-column justify-content-end">
<div class="header-row">
</div>
</div>
</div>
</div>
<div class="header-nav-bar header-nav-bar-top-border bg-light">
<div class="header-container container">
<div class="header-row">
<div class="header-column">
<div class="header-row justify-content-end">
<div class="header-nav header-nav-line header-nav-top-line header-nav-top-line-with-border justify-content-start" data-sticky-header-style="{'minResolution': 991}" data-sticky-header-style-active="{'margin-left': '105px'}" data-sticky-header-style-deactive="{'margin-left': '0'}">
<div class="header-nav-main header-nav-main-square header-nav-main-dropdown-no-borders header-nav-main-effect-3 header-nav-main-sub-effect-1 w-100">
<nav class="collapse w-100">
<ul class="nav nav-pills w-100" id="mainNav">
<li class="dropdown">
<a href="shop-home.php">
Home
</a>
</li>
<li class="dropdown dropdown-mega">
<a href="shop-category.php">
Category
</a>
</li>
<li class="dropdown">
<a href="shop-profile.php">
Profile
</a>
</li>
<li class="dropdown">
<a href="shop-aboutus.php">
About Us
</a>
</li>
<li class="dropdown">
<a href="shop-contactus.php">
Contact Us
</a>
</li>
<li class="dropdown">
<a href="shop-cart.php">
<img src="img/icons/icon-cart-big.svg" height="30" alt="" />
</a>
</li>
</ul>
</nav>
</div>
<button class="btn header-btn-collapse-nav" data-toggle="collapse" data-target=".header-nav-main nav">
<i class="fas fa-bars"></i>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
-->
