<!DOCTYPE html>

<html lang="en">

<head>

<!-- Meta -->

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

<meta name="description" content="">

<meta name="author" content="">

<meta name="keywords" content="MediaCenter, Template, eCommerce">

<meta name="robots" content="all">

<title>Mercadomoz.com - Supermercado Online</title>



<!-- Bootstrap Core CSS -->

<link rel="stylesheet" href="assets/css/bootstrap.min.css">



<!-- Customizable CSS -->

<link rel="stylesheet" href="assets/css/main.css">

<link rel="stylesheet" href="assets/css/blue.css">

<link rel="stylesheet" href="assets/css/owl.carousel.css">

<link rel="stylesheet" href="assets/css/owl.transitions.css">

<link rel="stylesheet" href="assets/css/animate.min.css">

<link rel="stylesheet" href="assets/css/rateit.css">

<link rel="stylesheet" href="assets/css/bootstrap-select.min.css">



<!-- Icons/Glyphs -->

<link rel="stylesheet" href="assets/css/font-awesome.css">



<!-- Fonts -->

<link href='http://fonts.googleapis.com/css?family=Roboto:300,400,500,700' rel='stylesheet' type='text/css'>

<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,600italic,700,700italic,800' rel='stylesheet' type='text/css'>

<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>

</head>

<?php include'header.php';?>

<!-- ============================================== HEADER : END ============================================== -->

<div class="body-content outer-top-xs" id="top-banner-and-menu">

  

      <!-- ============================================== SIDEBAR ============================================== -->

      

      <!-- /.sidemenu-holder --> 

      <!-- ============================================== SIDEBAR : END ============================================== --> 

      

      <!-- ============================================== CONTENT ============================================== -->

      <div class="homebanner-holder"> 

        <!-- ========================================== SECTION – HERO ========================================= -->

        

        <div id="hero">

          <div id="owl-main" class="owl-carousel owl-inner-nav owl-ui-sm">

            <div class="item" style="background-image: url(assets/images/sliders/foods-&-beverages.jpg);">

              <!--<div class="container-fluid">

                <div class="caption bg-color vertical-center text-left">

                  <div class="slider-header fadeInDown-1">Top Brands</div>

                  <div class="big-text fadeInDown-1"> New Collections </div>

                  <div class="excerpt fadeInDown-2 hidden-xs"> <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span> </div>

                  <div class="button-holder fadeInDown-3"> <a href="index.php?page=single-product" class="btn-lg btn btn-uppercase btn-primary shop-now-button">Shop Now</a> </div>

                </div>

                

              </div>-->

              <!-- /.container-fluid --> 

            </div>

            <!-- /.item -->

            

            <div class="item" style="background-image: url(assets/images/sliders/home-furniture.jpg);">

              <!--<div class="container-fluid">

                <div class="caption bg-color vertical-center text-left">

                  <div class="slider-header fadeInDown-1">Spring 2016</div>

                  <div class="big-text fadeInDown-1"> Women <span class="highlight">Fashion</span> </div>

                  <div class="excerpt fadeInDown-2 hidden-xs"> <span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit</span> </div>

                  <div class="button-holder fadeInDown-3"> <a href="index.php?page=single-product" class="btn-lg btn btn-uppercase btn-primary shop-now-button">Shop Now</a> </div>

                </div>

               

              </div>-->

              <!-- /.container-fluid --> 

            </div>

            <!-- /.item --> 

            

          </div>

          <!-- /.owl-carousel --> 

        </div>

        

        <!-- ========================================= SECTION – HERO : END ========================================= --> 

        

        <!-- ============================================== INFO BOXES ============================================== -->

        <div class="info-boxes wow fadeInUp">

          <div class="info-boxes-inner">

            <div class="row">

              <div class="col-md-6 col-sm-4 col-lg-4">

                <div class="info-box">

                  <div class="row">

                    <div class="col-xs-12">

                      <h4 class="info-box-heading green">Free Replacement</h4>

                    </div>

                  </div>

                  <h6 class="text">7 Days Money Back Guarantee <br/>
				  (T&C Apply)
				  </h6>

                </div>

              </div>

              <!-- .col -->

              

              <div class="hidden-md col-sm-4 col-lg-4">

                <div class="info-box">

                  <div class="row">

                    <div class="col-xs-12">

                      <h4 class="info-box-heading green">Emphasise Free Delivery</h4>

                    </div>

                  </div>

                  <h6 class="text">Shipping on orders over MZN 1,000  <br/>
				  (T&C Apply)</h6>

                </div>

              </div>

              <!-- .col -->

              

              <div class="col-md-6 col-sm-4 col-lg-4">

                <div class="info-box">

                  <div class="row">

                    <div class="col-xs-12">

                      <h4 class="info-box-heading green">Promotion</h4>

                    </div>

                  </div>

                  <h6 class="text">Extra 5 off on Selected Items  <br/>
				  (T&C Apply)</h6>

                </div>

              </div>

              <!-- .col --> 

            </div>

            <!-- /.row --> 

          </div>

          <!-- /.info-boxes-inner --> 

          

        </div>

        <!-- /.info-boxes --> 

        <!-- ============================================== INFO BOXES : END ============================================== --> 

        <!-- ============================================== SCROLL TABS ============================================== -->

		</div>

		<div class="container">

    <div class="row"> 

        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">

        <div class="sidebar-widget hot-deals wow fadeInUp outer-bottom-xs animated" style="visibility: visible; animation-name: fadeInUp;">

	<h3 class="section-title">hot deals</h3>

	<div class="owl-carousel sidebar-carousel custom-carousel owl-theme outer-top-xs">

		

					<div class="item">

					<div class="products">

						<div class="hot-deal-wrapper">

							<div class="image">

								<img src="assets/images/products/bed.jpg" alt="">

							</div>

							<div class="sale-offer-tag"><span>35%<br>off</span></div>

							

						</div><!-- /.hot-deal-wrapper -->



						<div class="product-info text-left m-t-20">

							<h3 class="name"><a href="detail.html">Bed</a></h3>

							<div class="rating rateit-small"></div>



							<div class="product-price">	

								<span class="price">

									$450.00

								</span>

									

							    <span class="price-before-discount">$500.00</span>					

							

							</div><!-- /.product-price -->

							

						</div><!-- /.product-info -->



						<div class="cart clearfix animate-effect">

							<div class="action">

								

								<div class="add-cart-button btn-group">

									<button class="btn btn-primary icon" data-toggle="dropdown" type="button">

										<i class="fa fa-shopping-cart"></i>													

									</button>

									<button class="btn btn-primary cart-btn" type="button">Add to cart</button>

															

								</div>

								

							</div><!-- /.action -->

						</div><!-- /.cart -->

					</div>	

					</div>		        

													<div class="item">

					<div class="products">

						<div class="hot-deal-wrapper">

							<div class="image">

								<img src="assets/images/products/center-table.jpg" alt="">

							</div>

							<div class="sale-offer-tag"><span>35%<br>off</span></div>

							

						</div><!-- /.hot-deal-wrapper -->



						<div class="product-info text-left m-t-20">

							<h3 class="name"><a href="detail.html">Center Table</a></h3>

							<div class="rating rateit-small"></div>



							<div class="product-price">	

								<span class="price">

									$450.00

								</span>

									

							    <span class="price-before-discount">$500.00</span>					

							

							</div><!-- /.product-price -->

							

						</div><!-- /.product-info -->



						<div class="cart clearfix animate-effect">

							<div class="action">

								

								<div class="add-cart-button btn-group">

									<button class="btn btn-primary icon" data-toggle="dropdown" type="button">



										<i class="fa fa-shopping-cart"></i>													

									</button>

									<button class="btn btn-primary cart-btn" type="button">Add to cart</button>

															

								</div>

								

							</div><!-- /.action -->

						</div><!-- /.cart -->

					</div>	

					</div>		        

													<div class="item">

					<div class="products">

						<div class="hot-deal-wrapper">

							<div class="image">

								<img src="assets/images/products/crockery.jpg" alt="">

							</div>

							<div class="sale-offer-tag"><span>35%<br>off</span></div>

							

						</div><!-- /.hot-deal-wrapper -->



						<div class="product-info text-left m-t-20">

							<h3 class="name"><a href="detail.html">Crockery</a></h3>

							<div class="rating rateit-small"></div>



							<div class="product-price">	

								<span class="price">

									$450.00

								</span>

									

							    <span class="price-before-discount">$500.00</span>					

							

							</div><!-- /.product-price -->

							

						</div><!-- /.product-info -->



						<div class="cart clearfix animate-effect">

							<div class="action">

								

								<div class="add-cart-button btn-group">

									<button class="btn btn-primary icon" data-toggle="dropdown" type="button">

										<i class="fa fa-shopping-cart"></i>													

									</button>

									<button class="btn btn-primary cart-btn" type="button">Add to cart</button>

															

								</div>

								

							</div><!-- /.action -->

						</div><!-- /.cart -->

					</div>	

					</div>		        

						

	    

    </div><!-- /.sidebar-widget -->

</div>

</div>

          <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12">       

        <div id="product-tabs-slider" class="scroll-tabs outer-top-vs wow fadeInUp">

          <div class="more-info-tab clearfix ">

            <h3 class="new-product-title pull-left">New Arrivals</h3>

            <ul class="nav nav-tabs nav-tab-line pull-right" id="new-products-1">

              <li class="active"><a data-transition-type="backSlide" href="#all" data-toggle="tab">All</a></li>

             <!-- <li><a data-transition-type="backSlide" href="#smartphone" data-toggle="tab">Clothing</a></li>

              <li><a data-transition-type="backSlide" href="#laptop" data-toggle="tab">Electronics</a></li>

              <li><a data-transition-type="backSlide" href="#apple" data-toggle="tab">Shoes</a></li>-->

            </ul>

            <!-- /.nav-tabs --> 

          </div>

          <div class="tab-content outer-top-xs">

            <div class="tab-pane in active" id="all">

              <div class="product-slider">

                <div class="owl-carousel home-owl-carousel custom-carousel owl-theme" data-item="3">

                  <div class="item item-carousel">

                    <div class="products">

                      <div class="product">

                        <div class="product-image">

                          <div class="image"> <a href=""><img  src="assets/images/products/center-table.jpg" alt=""></a> </div>

                          <!-- /.image -->

                          

                          <div class="tag new"><span>new</span></div>

                        </div>

                        <!-- /.product-image -->

                        

                        <div class="product-info text-left">

                          <h3 class="name"><a href="">Center Table</a></h3>

                          <div class="rating rateit-small"></div>

                          <div class="description"></div>

                          <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                          <!-- /.product-price --> 

                          

                        </div>

                        <!-- /.product-info -->

                        <div class="cart clearfix animate-effect">

                          <div class="action">

                            <ul class="list-unstyled">

                              <li class="add-cart-button btn-group">

                                <button data-toggle="tooltip" class="btn btn-primary icon" type="button" title="Add Cart"> <i class="fa fa-shopping-cart"></i> </button>

                                <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                              </li>

                              <li class="lnk wishlist"> <a data-toggle="tooltip" class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                              <li class="lnk"> <a data-toggle="tooltip" class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                            </ul>

                          </div>

                          <!-- /.action --> 

                        </div>

                        <!-- /.cart --> 

                      </div>

                      <!-- /.product --> 

                      

                    </div>

                    <!-- /.products --> 

                  </div>

                  <!-- /.item -->

                  

                  <div class="item item-carousel">

                    <div class="products">

                      <div class="product">

                        <div class="product-image">

                          <div class="image"> <a href=""><img  src="assets/images/products/children-furniture.jpg" alt=""></a> </div>

                          <!-- /.image -->

                          

                          <div class="tag hot"><span>hot</span></div>

                        </div>

                        <!-- /.product-image -->

                        

                        <div class="product-info text-left">

                          <h3 class="name"><a href="">Children Furniture</a></h3>

                          <div class="rating rateit-small"></div>

                          <div class="description"></div>

                          <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                          <!-- /.product-price --> 

                          

                        </div>

                        <!-- /.product-info -->

                        <div class="cart clearfix animate-effect">

                          <div class="action">

                            <ul class="list-unstyled">

                              <li class="add-cart-button btn-group">

                                <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                                <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                              </li>

                              <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                              <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                            </ul>

                          </div>

                          <!-- /.action --> 

                        </div>

                        <!-- /.cart --> 

                      </div>

                      <!-- /.product --> 

                      

                    </div>

                    <!-- /.products --> 

                  </div>

                  <!-- /.item -->

                  

                  <div class="item item-carousel">

                    <div class="products">

                      <div class="product">

                        <div class="product-image">

                          <div class="image"> <a href=""><img  src="assets/images/products/crockery.jpg" alt=""></a> </div>

                          <!-- /.image -->

                          

                          <div class="tag sale"><span>sale</span></div>

                        </div>

                        <!-- /.product-image -->

                        

                        <div class="product-info text-left">

                          <h3 class="name"><a href="">Crockery</a></h3>

                          <div class="rating rateit-small"></div>

                          <div class="description"></div>

                          <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                          <!-- /.product-price --> 

                          

                        </div>

                        <!-- /.product-info -->

                        <div class="cart clearfix animate-effect">

                          <div class="action">

                            <ul class="list-unstyled">

                              <li class="add-cart-button btn-group">

                                <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                                <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                              </li>

                              <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                              <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                            </ul>

                          </div>

                          <!-- /.action --> 

                        </div>

                        <!-- /.cart --> 

                      </div>

                      <!-- /.product --> 

                      

                    </div>

                    <!-- /.products --> 

                  </div>

                  <!-- /.item -->

                  

                  <div class="item item-carousel">

                    <div class="products">

                      <div class="product">

                        <div class="product-image">

                          <div class="image"> <a href=""><img  src="assets/images/products/daily-essentials.jpg" alt=""></a> </div>

                          <!-- /.image -->

                          

                          <div class="tag sale"><span>sale</span></div>

                        </div>

                        <!-- /.product-image -->

                        

                        <div class="product-info text-left">

                          <h3 class="name"><a href="">Daily Essentials</a></h3>

                          <div class="rating rateit-small"></div>

                          <div class="description"></div>

                          <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                          <!-- /.product-price --> 

                          

                        </div>

                        <!-- /.product-info -->

                        <div class="cart clearfix animate-effect">

                          <div class="action">

                            <ul class="list-unstyled">

                              <li class="add-cart-button btn-group">

                                <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                                <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                              </li>

                              <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                              <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                            </ul>

                          </div>

                          <!-- /.action --> 

                        </div>

                        <!-- /.cart --> 

                      </div>

                      <!-- /.product --> 

                      

                    </div>

                    <!-- /.products --> 

                  </div>

                  <!-- /.item -->

                  

                  <div class="item item-carousel">

                    <div class="products">

                      <div class="product">

                        <div class="product-image">

                          <div class="image"> <a href=""><img  src="assets/images/products/dairy-and-frozen.jpg" alt=""></a> </div>

                          <!-- /.image -->

                          

                          <div class="tag hot"><span>hot</span></div>

                        </div>

                        <!-- /.product-image -->

                        

                        <div class="product-info text-left">

                          <h3 class="name"><a href="">Dairy and Frozen</a></h3>

                          <div class="rating rateit-small"></div>

                          <div class="description"></div>

                          <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                          <!-- /.product-price --> 

                          

                        </div>

                        <!-- /.product-info -->

                        <div class="cart clearfix animate-effect">

                          <div class="action">

                            <ul class="list-unstyled">

                              <li class="add-cart-button btn-group">

                                <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                                <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                              </li>

                              <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                              <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                            </ul>

                          </div>

                          <!-- /.action --> 

                        </div>

                        <!-- /.cart --> 

                      </div>

                      <!-- /.product --> 

                      

                    </div>

                    <!-- /.products --> 

                  </div>

                  <!-- /.item -->

                  

                  <div class="item item-carousel">

                    <div class="products">

                      <div class="product">

                        <div class="product-image">

                          <div class="image"> <a href=""><img  src="assets/images/products/dining-room-table.jpg" alt=""></a> </div>

                          <!-- /.image -->

                          

                          <div class="tag new"><span>new</span></div>

                        </div>

                        <!-- /.product-image -->

                        

                        <div class="product-info text-left">

                          <h3 class="name"><a href="">Dining Room Table</a></h3>

                          <div class="rating rateit-small"></div>

                          <div class="description"></div>

                          <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                          <!-- /.product-price --> 

                          

                        </div>

                        <!-- /.product-info -->

                        <div class="cart clearfix animate-effect">

                          <div class="action">

                            <ul class="list-unstyled">

                              <li class="add-cart-button btn-group">

                                <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                                <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                              </li>

                              <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                              <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                            </ul>

                          </div>

                          <!-- /.action --> 

                        </div>

                        <!-- /.cart --> 

                      </div>

                      <!-- /.product --> 

                      

                    </div>

                    <!-- /.products --> 

                  </div>

                  <!-- /.item --> 

                </div>

                <!-- /.home-owl-carousel --> 

              </div>

              <!-- /.product-slider --> 

            </div>

            <!-- /.tab-pane -->

            

            <div class="tab-pane" id="smartphone">

              <div class="product-slider">

                <div class="owl-carousel home-owl-carousel custom-carousel owl-theme">

                  <div class="item item-carousel">

                    <div class="products">

                      <div class="product">

                        <div class="product-image">

                          <div class="image"> <a href=""><img  src="assets/images/products/grocery-and-staples.jpg" alt=""></a> </div>

                          <!-- /.image -->

                          

                          <div class="tag sale"><span>sale</span></div>

                        </div>

                        <!-- /.product-image -->

                        

                        <div class="product-info text-left">

                          <h3 class="name"><a href="">Grocery and staples</a></h3>

                          <div class="rating rateit-small"></div>

                          <div class="description"></div>

                          <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                          <!-- /.product-price --> 

                          

                        </div>

                        <!-- /.product-info -->

                        <div class="cart clearfix animate-effect">

                          <div class="action">

                            <ul class="list-unstyled">

                              <li class="add-cart-button btn-group">

                                <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                                <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                              </li>

                              <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                              <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                            </ul>

                          </div>

                          <!-- /.action --> 

                        </div>

                        <!-- /.cart --> 

                      </div>

                      <!-- /.product --> 

                      

                    </div>

                    <!-- /.products --> 

                  </div>

                  <!-- /.item -->

                  

                  <div class="item item-carousel">

                    <div class="products">

                      <div class="product">

                        <div class="product-image">

                          <div class="image"> <a href=""><img  src="assets/images/products/home-and-personal-care.jpg" alt=""></a> </div>

                          <!-- /.image -->

                          

                          <div class="tag new"><span>new</span></div>

                        </div>

                        <!-- /.product-image -->

                        

                        <div class="product-info text-left">

                          <h3 class="name"><a href="">Home and Personal Care</a></h3>

                          <div class="rating rateit-small"></div>

                          <div class="description"></div>

                          <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                          <!-- /.product-price --> 

                          

                        </div>

                        <!-- /.product-info -->

                        <div class="cart clearfix animate-effect">

                          <div class="action">

                            <ul class="list-unstyled">

                              <li class="add-cart-button btn-group">

                                <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                                <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                              </li>

                              <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                              <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                            </ul>

                          </div>

                          <!-- /.action --> 

                        </div>

                        <!-- /.cart --> 

                      </div>

                      <!-- /.product --> 

                      

                    </div>

                    <!-- /.products --> 

                  </div>

                  <!-- /.item -->

                  

                  <div class="item item-carousel">

                    <div class="products">

                      <div class="product">

                        <div class="product-image">

                          <div class="image"> <a href=""><img  src="assets/images/products/home-appliances.jpg" alt=""></a> </div>

                          <!-- /.image -->

                          

                          <div class="tag sale"><span>sale</span></div>

                        </div>

                        <!-- /.product-image -->

                        

                        <div class="product-info text-left">

                          <h3 class="name"><a href="">Home Appliances</a></h3>

                          <div class="rating rateit-small"></div>

                          <div class="description"></div>

                          <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                          <!-- /.product-price --> 

                          

                        </div>

                        <!-- /.product-info -->

                        <div class="cart clearfix animate-effect">

                          <div class="action">

                            <ul class="list-unstyled">

                              <li class="add-cart-button btn-group">

                                <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                                <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                              </li>

                              <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                              <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                            </ul>

                          </div>

                          <!-- /.action --> 

                        </div>

                        <!-- /.cart --> 

                      </div>

                      <!-- /.product --> 

                      

                    </div>

                    <!-- /.products --> 

                  </div>

                  <!-- /.item -->

                  

                  <div class="item item-carousel">

                    <div class="products">

                      <div class="product">

                        <div class="product-image">

                          <div class="image"> <a href=""><img  src="assets/images/products/office-chair.jpg" alt=""></a> </div>

                          <!-- /.image -->

                          

                          <div class="tag new"><span>new</span></div>

                        </div>

                        <!-- /.product-image -->

                        

                        <div class="product-info text-left">

                          <h3 class="name"><a href="">Office Chair</a></h3>

                          <div class="rating rateit-small"></div>

                          <div class="description"></div>

                          <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                          <!-- /.product-price --> 

                          

                        </div>

                        <!-- /.product-info -->

                        <div class="cart clearfix animate-effect">

                          <div class="action">

                            <ul class="list-unstyled">

                              <li class="add-cart-button btn-group">

                                <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                                <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                              </li>

                              <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                              <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                            </ul>

                          </div>

                          <!-- /.action --> 

                        </div>

                        <!-- /.cart --> 

                      </div>

                      <!-- /.product --> 

                      

                    </div>

                    <!-- /.products --> 

                  </div>

                  <!-- /.item -->

                  

                  <div class="item item-carousel">

                    <div class="products">

                      <div class="product">

                        <div class="product-image">

                          <div class="image"> <a href=""><img  src="assets/images/products/office-desk.jpg" alt=""></a> </div>

                          <!-- /.image -->

                          

                          <div class="tag hot"><span>hot</span></div>

                        </div>

                        <!-- /.product-image -->

                        

                        <div class="product-info text-left">

                          <h3 class="name"><a href="">Office Desk</a></h3>

                          <div class="rating rateit-small"></div>

                          <div class="description"></div>

                          <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                          <!-- /.product-price --> 

                          

                        </div>

                        <!-- /.product-info -->

                        <div class="cart clearfix animate-effect">

                          <div class="action">

                            <ul class="list-unstyled">

                              <li class="add-cart-button btn-group">

                                <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                                <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                              </li>

                              <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                              <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                            </ul>

                          </div>

                          <!-- /.action --> 

                        </div>

                        <!-- /.cart --> 

                      </div>

                      <!-- /.product --> 

                      

                    </div>

                    <!-- /.products --> 

                  </div>

                  <!-- /.item -->

                  

                  <div class="item item-carousel">

                    <div class="products">

                      <div class="product">

                        <div class="product-image">

                          <div class="image"> <a href=""><img  src="assets/images/products/bed.jpg" alt=""></a> </div>

                          <!-- /.image -->

                          

                          <div class="tag hot"><span>hot</span></div>

                        </div>

                        <!-- /.product-image -->

                        

                        <div class="product-info text-left">

                          <h3 class="name"><a href="">Bed</a></h3>

                          <div class="rating rateit-small"></div>

                          <div class="description"></div>

                          <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                          <!-- /.product-price --> 

                          

                        </div>

                        <!-- /.product-info -->

                        <div class="cart clearfix animate-effect">

                          <div class="action">

                            <ul class="list-unstyled">

                              <li class="add-cart-button btn-group">

                                <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                                <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                              </li>

                              <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                              <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                            </ul>

                          </div>

                          <!-- /.action --> 

                        </div>

                        <!-- /.cart --> 

                      </div>

                      <!-- /.product --> 

                      

                    </div>

                    <!-- /.products --> 

                  </div>

                  <!-- /.item --> 

                </div>

                <!-- /.home-owl-carousel --> 

              </div>

              <!-- /.product-slider --> 

            </div>

            <!-- /.tab-pane -->

            

            <div class="tab-pane" id="laptop">

              <div class="product-slider">

                <div class="owl-carousel home-owl-carousel custom-carousel owl-theme">

                  <div class="item item-carousel">

                    <div class="products">

                      <div class="product">

                        <div class="product-image">

                          <div class="image"> <a href=""><img  src="assets/images/products/cabinets.jpg" alt=""></a> </div>

                          <!-- /.image -->

                          

                          <div class="tag new"><span>new</span></div>

                        </div>

                        <!-- /.product-image -->

                        

                        <div class="product-info text-left">

                          <h3 class="name"><a href="">Cabinets</a></h3>

                          <div class="rating rateit-small"></div>

                          <div class="description"></div>

                          <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                          <!-- /.product-price --> 

                          

                        </div>

                        <!-- /.product-info -->

                        <div class="cart clearfix animate-effect">

                          <div class="action">

                            <ul class="list-unstyled">

                              <li class="add-cart-button btn-group">

                                <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                                <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                              </li>

                              <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                              <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                            </ul>

                          </div>

                          <!-- /.action --> 

                        </div>

                        <!-- /.cart --> 

                      </div>

                      <!-- /.product --> 

                      

                    </div>

                    <!-- /.products --> 

                  </div>

                  <!-- /.item -->

                  

                  <div class="item item-carousel">

                    <div class="products">

                      <div class="product">

                        <div class="product-image">

                          <div class="image"> <a href=""><img  src="assets/images/products/center-table.jpg" alt=""></a> </div>

                          <!-- /.image -->

                          

                          <div class="tag new"><span>new</span></div>

                        </div>

                        <!-- /.product-image -->

                        

                        <div class="product-info text-left">

                          <h3 class="name"><a href="">Center Table</a></h3>

                          <div class="rating rateit-small"></div>

                          <div class="description"></div>

                          <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                          <!-- /.product-price --> 

                          

                        </div>

                        <!-- /.product-info -->

                        <div class="cart clearfix animate-effect">

                          <div class="action">

                            <ul class="list-unstyled">

                              <li class="add-cart-button btn-group">

                                <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                                <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                              </li>

                              <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                              <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                            </ul>

                          </div>

                          <!-- /.action --> 

                        </div>

                        <!-- /.cart --> 

                      </div>

                      <!-- /.product --> 

                      

                    </div>

                    <!-- /.products --> 

                  </div>

                  <!-- /.item -->

                  

                  <div class="item item-carousel">

                    <div class="products">

                      <div class="product">

                        <div class="product-image">

                          <div class="image"> <a href=""><img  src="assets/images/products/children-furniture.jpg" alt=""></a> </div>

                          <!-- /.image -->

                          

                          <div class="tag sale"><span>sale</span></div>

                        </div>

                        <!-- /.product-image -->

                        

                        <div class="product-info text-left">

                          <h3 class="name"><a href="">Children Furniture</a></h3>

                          <div class="rating rateit-small"></div>

                          <div class="description"></div>

                          <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                          <!-- /.product-price --> 

                          

                        </div>

                        <!-- /.product-info -->

                        <div class="cart clearfix animate-effect">

                          <div class="action">

                            <ul class="list-unstyled">

                              <li class="add-cart-button btn-group">

                                <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                                <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                              </li>

                              <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                              <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                            </ul>

                          </div>

                          <!-- /.action --> 

                        </div>

                        <!-- /.cart --> 

                      </div>

                      <!-- /.product --> 

                      

                    </div>

                    <!-- /.products --> 

                  </div>

                  <!-- /.item -->

                  

                  <div class="item item-carousel">

                    <div class="products">

                      <div class="product">

                        <div class="product-image">

                          <div class="image"> <a href=""><img src="assets/images/products/crockery.jpg" alt=""></a> </div>

                          <!-- /.image -->

                          

                          <div class="tag hot"><span>hot</span></div>

                        </div>

                        <!-- /.product-image -->

                        

                        <div class="product-info text-left">

                          <h3 class="name"><a href="">Crockery</a></h3>

                          <div class="rating rateit-small"></div>

                          <div class="description"></div>

                          <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                          <!-- /.product-price --> 

                          

                        </div>

                        <!-- /.product-info -->

                        <div class="cart clearfix animate-effect">

                          <div class="action">

                            <ul class="list-unstyled">

                              <li class="add-cart-button btn-group">

                                <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                                <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                              </li>

                              <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                              <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                            </ul>

                          </div>

                          <!-- /.action --> 

                        </div>

                        <!-- /.cart --> 

                      </div>

                      <!-- /.product --> 

                      

                    </div>

                    <!-- /.products --> 

                  </div>

                  <!-- /.item -->

                  

                  <div class="item item-carousel">

                    <div class="products">

                      <div class="product">

                        <div class="product-image">

                          <div class="image"> <a href=""><img  src="assets/images/products/daily-essentials.jpg" alt="image"></a> </div>

                          <!-- /.image -->

                          

                          <div class="tag hot"><span>hot</span></div>

                        </div>

                        <!-- /.product-image -->

                        

                        <div class="product-info text-left">

                          <h3 class="name"><a href="">Daily Essentials</a></h3>

                          <div class="rating rateit-small"></div>

                          <div class="description"></div>

                          <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                          <!-- /.product-price --> 

                          

                        </div>

                        <!-- /.product-info -->

                        <div class="cart clearfix animate-effect">

                          <div class="action">

                            <ul class="list-unstyled">

                              <li class="add-cart-button btn-group">

                                <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                                <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                              </li>

                              <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                              <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                            </ul>

                          </div>

                          <!-- /.action --> 

                        </div>

                        <!-- /.cart --> 

                      </div>

                      <!-- /.product --> 

                      

                    </div>

                    <!-- /.products --> 

                  </div>

                  <!-- /.item -->

                  

                  <div class="item item-carousel">

                    <div class="products">

                      <div class="product">

                        <div class="product-image">

                          <div class="image"> <a href=""><img src="assets/images/products/dairy-and-frozen.jpg" alt=""></a> </div>

                          <!-- /.image -->

                          

                          <div class="tag sale"><span>sale</span></div>

                        </div>

                        <!-- /.product-image -->

                        

                        <div class="product-info text-left">

                          <h3 class="name"><a href="">Dairy and Frozen</a></h3>

                          <div class="rating rateit-small"></div>

                          <div class="description"></div>

                          <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                          <!-- /.product-price --> 

                          

                        </div>

                        <!-- /.product-info -->

                        <div class="cart clearfix animate-effect">

                          <div class="action">

                            <ul class="list-unstyled">

                              <li class="add-cart-button btn-group">

                                <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                                <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                              </li>

                              <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                              <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                            </ul>

                          </div>

                          <!-- /.action --> 

                        </div>

                        <!-- /.cart --> 

                      </div>

                      <!-- /.product --> 

                      

                    </div>

                    <!-- /.products --> 

                  </div>

                  <!-- /.item --> 

                </div>

                <!-- /.home-owl-carousel --> 

              </div>

              <!-- /.product-slider --> 

            </div>

            <!-- /.tab-pane -->

            

            <div class="tab-pane" id="apple">

              <div class="product-slider">

                <div class="owl-carousel home-owl-carousel custom-carousel owl-theme">

                  <div class="item item-carousel">

                    <div class="products">

                      <div class="product">

                        <div class="product-image">

                          <div class="image"> <a href=""><img src="assets/images/products/dining-room-table.jpg" alt=""></a> </div>

                          <!-- /.image -->

                          

                          <div class="tag sale"><span>sale</span></div>

                        </div>

                        <!-- /.product-image -->

                        

                        <div class="product-info text-left">

                          <h3 class="name"><a href="">Dining Room Table</a></h3>

                          <div class="rating rateit-small"></div>

                          <div class="description"></div>

                          <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                          <!-- /.product-price --> 

                          

                        </div>

                        <!-- /.product-info -->

                        <div class="cart clearfix animate-effect">

                          <div class="action">

                            <ul class="list-unstyled">

                              <li class="add-cart-button btn-group">

                                <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                                <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                              </li>

                              <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                              <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                            </ul>

                          </div>

                          <!-- /.action --> 

                        </div>

                        <!-- /.cart --> 

                      </div>

                      <!-- /.product --> 

                      

                    </div>

                    <!-- /.products --> 

                  </div>

                  <!-- /.item -->

                  

                  <div class="item item-carousel">

                    <div class="products">

                      <div class="product">

                        <div class="product-image">

                          <div class="image"> <a href=""><img  src="assets/images/products/grocery-and-staples.jpg" alt=""></a> </div>

                          <!-- /.image -->

                          

                          <div class="tag hot"><span>hot</span></div>

                        </div>

                        <!-- /.product-image -->

                        

                        <div class="product-info text-left">

                          <h3 class="name"><a href="">Grocery and Staples</a></h3>

                          <div class="rating rateit-small"></div>

                          <div class="description"></div>

                          <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                          <!-- /.product-price --> 

                          

                        </div>

                        <!-- /.product-info -->

                        <div class="cart clearfix animate-effect">

                          <div class="action">

                            <ul class="list-unstyled">

                              <li class="add-cart-button btn-group">

                                <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                                <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                              </li>

                              <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                              <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                            </ul>

                          </div>

                          <!-- /.action --> 

                        </div>

                        <!-- /.cart --> 

                      </div>

                      <!-- /.product --> 

                      

                    </div>

                    <!-- /.products --> 

                  </div>

                  <!-- /.item -->

                  

                  <div class="item item-carousel">

                    <div class="products">

                      <div class="product">

                        <div class="product-image">

                          <div class="image"> <a href=""><img  src="assets/images/products/home-and-personal-care.jpg" alt=""></a> </div>

                          <!-- /.image -->

                          

                          <div class="tag sale"><span>sale</span></div>

                        </div>

                        <!-- /.product-image -->

                        

                        <div class="product-info text-left">

                          <h3 class="name"><a href="">Home and Personal Care</a></h3>

                          <div class="rating rateit-small"></div>

                          <div class="description"></div>

                          <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                          <!-- /.product-price --> 

                          

                        </div>

                        <!-- /.product-info -->

                        <div class="cart clearfix animate-effect">

                          <div class="action">

                            <ul class="list-unstyled">

                              <li class="add-cart-button btn-group">

                                <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                                <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                              </li>

                              <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                              <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                            </ul>

                          </div>

                          <!-- /.action --> 

                        </div>

                        <!-- /.cart --> 

                      </div>

                      <!-- /.product --> 

                      

                    </div>

                    <!-- /.products --> 

                  </div>

                  <!-- /.item -->

                  

                  <div class="item item-carousel">

                    <div class="products">

                      <div class="product">

                        <div class="product-image">

                          <div class="image"> <a href=""><img  src="assets/images/products/home-appliances.jpg" alt=""></a> </div>

                          <!-- /.image -->

                          

                          <div class="tag new"><span>new</span></div>

                        </div>

                        <!-- /.product-image -->

                        

                        <div class="product-info text-left">

                          <h3 class="name"><a href="">Home Appliances</a></h3>

                          <div class="rating rateit-small"></div>

                          <div class="description"></div>

                          <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                          <!-- /.product-price --> 

                          

                        </div>

                        <!-- /.product-info -->

                        <div class="cart clearfix animate-effect">

                          <div class="action">

                            <ul class="list-unstyled">

                              <li class="add-cart-button btn-group">

                                <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                                <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                              </li>

                              <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                              <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                            </ul>

                          </div>

                          <!-- /.action --> 

                        </div>

                        <!-- /.cart --> 

                      </div>

                      <!-- /.product --> 

                      

                    </div>

                    <!-- /.products --> 

                  </div>

                  <!-- /.item -->

                  

                  <div class="item item-carousel">

                    <div class="products">

                      <div class="product">

                        <div class="product-image">

                          <div class="image"> <a href=""><img  src="assets/images/products/office-chair.jpg" alt=""></a> </div>

                          <!-- /.image -->

                          

                          <div class="tag new"><span>new</span></div>

                        </div>

                        <!-- /.product-image -->

                        

                        <div class="product-info text-left">

                          <h3 class="name"><a href="">Office Chair</a></h3>

                          <div class="rating rateit-small"></div>

                          <div class="description"></div>

                          <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                          <!-- /.product-price --> 

                          

                        </div>

                        <!-- /.product-info -->

                        <div class="cart clearfix animate-effect">

                          <div class="action">

                            <ul class="list-unstyled">

                              <li class="add-cart-button btn-group">

                                <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                                <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                              </li>

                              <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                              <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                            </ul>

                          </div>

                          <!-- /.action --> 

                        </div>

                        <!-- /.cart --> 

                      </div>

                      <!-- /.product --> 

                      

                    </div>

                    <!-- /.products --> 

                  </div>

                  <!-- /.item -->

                  

                  <div class="item item-carousel">

                    <div class="products">

                      <div class="product">

                        <div class="product-image">

                          <div class="image"> <a href=""><img  src="assets/images/products/office-desk.jpg" alt=""></a> </div>

                          <!-- /.image -->

                          

                          <div class="tag hot"><span>hot</span></div>

                        </div>

                        <!-- /.product-image -->

                        

                        <div class="product-info text-left">

                          <h3 class="name"><a href="">Office Desk</a></h3>

                          <div class="rating rateit-small"></div>

                          <div class="description"></div>

                          <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                          <!-- /.product-price --> 

                          

                        </div>

                        <!-- /.product-info -->

                        <div class="cart clearfix animate-effect">

                          <div class="action">

                            <ul class="list-unstyled">

                              <li class="add-cart-button btn-group">

                                <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                                <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                              </li>

                              <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                              <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                            </ul>

                          </div>

                          <!-- /.action --> 

                        </div>

                        <!-- /.cart --> 

                      </div>

                      <!-- /.product --> 

                      

                    </div>

                    <!-- /.products --> 

                  </div>

                  <!-- /.item --> 

                </div>

                <!-- /.home-owl-carousel --> 

              </div>

              <!-- /.product-slider --> 

            </div>

            <!-- /.tab-pane --> 

            

          </div>

          <!-- /.tab-content --> 

        </div>

        </div>

        </div>

        <!-- /.scroll-tabs --> 

        <!-- ============================================== SCROLL TABS : END ============================================== --> 

        <!-- ============================================== WIDE PRODUCTS ============================================== -->

        <div class="wide-banners wow fadeInUp outer-bottom-xs">

          <div class="row">

            <div class="col-md-6 col-sm-6">

              <div class="wide-banner cnt-strip">

                <div class="image"> <img class="img-responsive" src="assets/images/banners/dairy-products.jpg" alt=""> </div>

              </div>

              <!-- /.wide-banner --> 

            </div>

            <!-- /.col -->

            <div class="col-md-6 col-sm-6">

              <div class="wide-banner cnt-strip">

                <div class="image"> <img class="img-responsive" src="assets/images/banners/grocery-staples.jpg" alt=""> </div>

              </div>

              <!-- /.wide-banner --> 

            </div>

            <!-- /.col --> 

          </div>

          <!-- /.row --> 

        </div>

        <!-- /.wide-banners --> 

        

        <!-- ============================================== WIDE PRODUCTS : END ============================================== --> 

        <!-- ============================================== FEATURED PRODUCTS ============================================== -->

        <section class="section featured-product wow fadeInUp">

          <h3 class="section-title">Featured products</h3>

          <div class="owl-carousel home-owl-carousel custom-carousel owl-theme outer-top-xs">

            <div class="item item-carousel">

              <div class="products">

                <div class="product">

                  <div class="product-image">

                    <div class="image"> <a href=""><img  src="assets/images/products/grocery-and-staples.jpg" alt=""></a> </div>

                    <!-- /.image -->

                    

                    <div class="tag hot"><span>hot</span></div>

                  </div>

                  <!-- /.product-image -->

                  

                  <div class="product-info text-left">

                    <h3 class="name"><a href="">Grocery and Staples</a></h3>

                    <div class="rating rateit-small"></div>

                    <div class="description"></div>

                    <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                    <!-- /.product-price --> 

                    

                  </div>

                  <!-- /.product-info -->

                  <div class="cart clearfix animate-effect">

                    <div class="action">

                      <ul class="list-unstyled">

                        <li class="add-cart-button btn-group">

                          <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                          <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                        </li>

                        <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                        <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                      </ul>

                    </div>

                    <!-- /.action --> 

                  </div>

                  <!-- /.cart --> 

                </div>

                <!-- /.product --> 

                

              </div>

              <!-- /.products --> 

            </div>

            <!-- /.item -->

            

            <div class="item item-carousel">

              <div class="products">

                <div class="product">

                  <div class="product-image">

                    <div class="image"> <a href=""><img  src="assets/images/products/home-and-personal-care.jpg" alt=""></a> </div>

                    <!-- /.image -->

                    

                    <div class="tag new"><span>new</span></div>

                  </div>

                  <!-- /.product-image -->

                  

                  <div class="product-info text-left">

                    <h3 class="name"><a href="">Home and Personal Care</a></h3>

                    <div class="rating rateit-small"></div>

                    <div class="description"></div>

                    <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                    <!-- /.product-price --> 

                    

                  </div>

                  <!-- /.product-info -->

                  <div class="cart clearfix animate-effect">

                    <div class="action">

                      <ul class="list-unstyled">

                        <li class="add-cart-button btn-group">

                          <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                          <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                        </li>

                        <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                        <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                      </ul>

                    </div>

                    <!-- /.action --> 

                  </div>

                  <!-- /.cart --> 

                </div>

                <!-- /.product --> 

                

              </div>

              <!-- /.products --> 

            </div>

            <!-- /.item -->

            

            <div class="item item-carousel">

              <div class="products">

                <div class="product">

                  <div class="product-image">

                    <div class="image"> <a href=""><img  data-echo="assets/images/products/home-appliances.jpg" alt=""></a> </div>

                    <!-- /.image -->

                    

                    <div class="tag sale"><span>sale</span></div>

                  </div>

                  <!-- /.product-image -->

                  

                  <div class="product-info text-left">

                    <h3 class="name"><a href="">Home Appliances</a></h3>

                    <div class="rating rateit-small"></div>

                    <div class="description"></div>

                    <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                    <!-- /.product-price --> 

                    

                  </div>

                  <!-- /.product-info -->

                  <div class="cart clearfix animate-effect">

                    <div class="action">

                      <ul class="list-unstyled">

                        <li class="add-cart-button btn-group">

                          <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                          <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                        </li>

                        <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                        <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                      </ul>

                    </div>

                    <!-- /.action --> 

                  </div>

                  <!-- /.cart --> 

                </div>

                <!-- /.product --> 

                

              </div>

              <!-- /.products --> 

            </div>

            <!-- /.item -->

            

            <div class="item item-carousel">

              <div class="products">

                <div class="product">

                  <div class="product-image">

                    <div class="image"> <a href=""><img  src="assets/images/products/office-chair.jpg" alt=""></a> </div>

                    <!-- /.image -->

                    

                    <div class="tag hot"><span>hot</span></div>

                  </div>

                  <!-- /.product-image -->

                  

                  <div class="product-info text-left">

                    <h3 class="name"><a href="">Office Chair</a></h3>

                    <div class="rating rateit-small"></div>

                    <div class="description"></div>

                    <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                    <!-- /.product-price --> 

                    

                  </div>

                  <!-- /.product-info -->

                  <div class="cart clearfix animate-effect">

                    <div class="action">

                      <ul class="list-unstyled">

                        <li class="add-cart-button btn-group">

                          <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                          <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                        </li>

                        <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                        <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                      </ul>

                    </div>

                    <!-- /.action --> 

                  </div>

                  <!-- /.cart --> 

                </div>

                <!-- /.product --> 

                

              </div>

              <!-- /.products --> 

            </div>

            <!-- /.item -->

            

            <div class="item item-carousel">

              <div class="products">

                <div class="product">

                  <div class="product-image">

                    <div class="image"> <a href=""><img  src="assets/images/products/children-furniture.jpg" alt=""></a> </div>

                    <!-- /.image -->

                    

                    <div class="tag new"><span>new</span></div>

                  </div>

                  <!-- /.product-image -->

                  

                  <div class="product-info text-left">

                    <h3 class="name"><a href="">Children Furniture</a></h3>

                    <div class="rating rateit-small"></div>

                    <div class="description"></div>

                    <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                    <!-- /.product-price --> 

                    

                  </div>

                  <!-- /.product-info -->

                  <div class="cart clearfix animate-effect">

                    <div class="action">

                      <ul class="list-unstyled">

                        <li class="add-cart-button btn-group">

                          <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                          <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                        </li>

                        <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                        <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                      </ul>

                    </div>

                    <!-- /.action --> 

                  </div>

                  <!-- /.cart --> 

                </div>

                <!-- /.product --> 

                

              </div>

              <!-- /.products --> 

            </div>

            <!-- /.item -->

            

            <div class="item item-carousel">

              <div class="products">

                <div class="product">

                  <div class="product-image">

                    <div class="image"> <a href=""><img  src="assets/images/products/crockery.jpg" alt=""></a> </div>

                    <!-- /.image -->

                    

                    <div class="tag sale"><span>sale</span></div>

                  </div>

                  <!-- /.product-image -->

                  

                  <div class="product-info text-left">

                    <h3 class="name"><a href="">Crockery</a></h3>

                    <div class="rating rateit-small"></div>

                    <div class="description"></div>

                    <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                    <!-- /.product-price --> 

                    

                  </div>

                  <!-- /.product-info -->

                  <div class="cart clearfix animate-effect">

                    <div class="action">

                      <ul class="list-unstyled">

                        <li class="add-cart-button btn-group">

                          <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                          <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                        </li>

                        <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                        <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                      </ul>

                    </div>

                    <!-- /.action --> 

                  </div>

                  <!-- /.cart --> 

                </div>

                <!-- /.product --> 

                

              </div>

              <!-- /.products --> 

            </div>

            <!-- /.item --> 

          </div>

          <!-- /.home-owl-carousel --> 

        </section>

        <!-- /.section --> 

        <!-- ============================================== FEATURED PRODUCTS : END ============================================== --> 

        <!-- ============================================== WIDE PRODUCTS ============================================== -->

        <div class="wide-banners wow fadeInUp outer-bottom-xs">

          <div class="row">

            <div class="col-md-12">

              <div class="wide-banner cnt-strip">

                <div class="image"> <img class="img-responsive" src="assets/images/banners/home-furniture.jpg" alt=""> </div>

                <!--<div class="strip strip-text">

                  <div class="strip-inner">

                    <h2 class="text-center">New Mens Fashion<br>

                      <span class="shopping-needs">Save up to 40% off</span></h2>

                  </div>

                </div>-->

                <div class="new-label">

                  <div class="text">NEW</div>

                </div>

                <!-- /.new-label --> 

              </div>

              <!-- /.wide-banner --> 

            </div>

            <!-- /.col --> 

            

          </div>

          <!-- /.row --> 

        </div>

        <!-- /.wide-banners --> 

        <!-- ============================================== WIDE PRODUCTS : END ============================================== --> 

        <!-- ============================================== BEST SELLER ============================================== -->

        

        <div class="best-deal wow fadeInUp outer-bottom-xs">

          <h3 class="section-title">Best seller</h3>

          <div class="sidebar-widget-body outer-top-xs">

            <div class="owl-carousel best-seller custom-carousel owl-theme outer-top-xs">

              <div class="item">

                <div class="products best-product">

                  <div class="product">

                    <div class="product-micro">

                      <div class="row product-micro-row">

                        <div class="col col-xs-5">

                          <div class="product-image">

                            <div class="image"> <a href="#"> <img src="assets/images/products/bed.jpg" alt=""> </a> </div>

                            <!-- /.image --> 

                            

                          </div>

                          <!-- /.product-image --> 

                        </div>

                        <!-- /.col -->

                        <div class="col2 col-xs-7">

                          <div class="product-info">

                            <h3 class="name"><a href="#">Bed</a></h3>

                            <div class="rating rateit-small"></div>

                            <div class="product-price"> <span class="price"> MZN450.99 </span> </div>

                            <!-- /.product-price --> 

                            

                          </div>

                        </div>

                        <!-- /.col --> 

                      </div>

                      <!-- /.product-micro-row --> 

                    </div>

                    <!-- /.product-micro --> 

                    

                  </div>

                  <div class="product">

                    <div class="product-micro">

                      <div class="row product-micro-row">

                        <div class="col col-xs-5">

                          <div class="product-image">

                            <div class="image"> <a href="#"> <img src="assets/images/products/cabinets.jpg" alt=""> </a> </div>

                            <!-- /.image --> 

                            

                          </div>

                          <!-- /.product-image --> 

                        </div>

                        <!-- /.col -->

                        <div class="col2 col-xs-7">

                          <div class="product-info">

                            <h3 class="name"><a href="#">Cabinets</a></h3>

                            <div class="rating rateit-small"></div>

                            <div class="product-price"> <span class="price"> MZN450.99 </span> </div>

                            <!-- /.product-price --> 

                            

                          </div>

                        </div>

                        <!-- /.col --> 

                      </div>

                      <!-- /.product-micro-row --> 

                    </div>

                    <!-- /.product-micro --> 

                    

                  </div>

                </div>

              </div>

              <div class="item">

                <div class="products best-product">

                  <div class="product">

                    <div class="product-micro">

                      <div class="row product-micro-row">

                        <div class="col col-xs-5">

                          <div class="product-image">

                            <div class="image"> <a href="#"> <img src="assets/images/products/center-table.jpg" alt=""> </a> </div>

                            <!-- /.image --> 

                            

                          </div>

                          <!-- /.product-image --> 

                        </div>

                        <!-- /.col -->

                        <div class="col2 col-xs-7">

                          <div class="product-info">

                            <h3 class="name"><a href="#">Center Table</a></h3>

                            <div class="rating rateit-small"></div>

                            <div class="product-price"> <span class="price"> MZN450.99 </span> </div>

                            <!-- /.product-price --> 

                            

                          </div>

                        </div>

                        <!-- /.col --> 

                      </div>

                      <!-- /.product-micro-row --> 

                    </div>

                    <!-- /.product-micro --> 

                    

                  </div>

                  <div class="product">

                    <div class="product-micro">

                      <div class="row product-micro-row">

                        <div class="col col-xs-5">

                          <div class="product-image">

                            <div class="image"> <a href="#"> <img src="assets/images/products/children-furniture.jpg" alt=""> </a> </div>

                            <!-- /.image --> 

                            

                          </div>

                          <!-- /.product-image --> 

                        </div>

                        <!-- /.col -->

                        <div class="col2 col-xs-7">

                          <div class="product-info">

                            <h3 class="name"><a href="#">Children Furniture</a></h3>

                            <div class="rating rateit-small"></div>

                            <div class="product-price"> <span class="price"> MZN450.99 </span> </div>

                            <!-- /.product-price --> 

                            

                          </div>

                        </div>

                        <!-- /.col --> 

                      </div>

                      <!-- /.product-micro-row --> 

                    </div>

                    <!-- /.product-micro --> 

                    

                  </div>

                </div>

              </div>

              <div class="item">

                <div class="products best-product">

                  <div class="product">

                    <div class="product-micro">

                      <div class="row product-micro-row">

                        <div class="col col-xs-5">

                          <div class="product-image">

                            <div class="image"> <a href="#"> <img src="assets/images/products/crockery.jpg" alt=""> </a> </div>

                            <!-- /.image --> 

                            

                          </div>

                          <!-- /.product-image --> 

                        </div>

                        <!-- /.col -->

                        <div class="col2 col-xs-7">

                          <div class="product-info">

                            <h3 class="name"><a href="#">Crockery</a></h3>

                            <div class="rating rateit-small"></div>

                            <div class="product-price"> <span class="price"> MZN450.99 </span> </div>

                            <!-- /.product-price --> 

                            

                          </div>

                        </div>

                        <!-- /.col --> 

                      </div>

                      <!-- /.product-micro-row --> 

                    </div>

                    <!-- /.product-micro --> 

                    

                  </div>

                  <div class="product">

                    <div class="product-micro">

                      <div class="row product-micro-row">

                        <div class="col col-xs-5">

                          <div class="product-image">

                            <div class="image"> <a href="#"> <img src="assets/images/products/daily-essentials.jpg" alt=""> </a> </div>

                            <!-- /.image --> 

                            

                          </div>

                          <!-- /.product-image --> 

                        </div>

                        <!-- /.col -->

                        <div class="col2 col-xs-7">

                          <div class="product-info">

                            <h3 class="name"><a href="#">Daily Essentials</a></h3>

                            <div class="rating rateit-small"></div>

                            <div class="product-price"> <span class="price"> MZN450.99 </span> </div>

                            <!-- /.product-price --> 

                            

                          </div>

                        </div>

                        <!-- /.col --> 

                      </div>

                      <!-- /.product-micro-row --> 

                    </div>

                    <!-- /.product-micro --> 

                    

                  </div>

                </div>

              </div>

              <div class="item">

                <div class="products best-product">

                  <div class="product">

                    <div class="product-micro">

                      <div class="row product-micro-row">

                        <div class="col col-xs-5">

                          <div class="product-image">

                            <div class="image"> <a href="#"> <img src="assets/images/products/dairy-and-frozen.jpg" alt=""> </a> </div>

                            <!-- /.image --> 

                            

                          </div>

                          <!-- /.product-image --> 

                        </div>

                        <!-- /.col -->

                        <div class="col2 col-xs-7">

                          <div class="product-info">

                            <h3 class="name"><a href="#">Dairy and Frozen</a></h3>

                            <div class="rating rateit-small"></div>

                            <div class="product-price"> <span class="price"> MZN450.99 </span> </div>

                            <!-- /.product-price --> 

                            

                          </div>

                        </div>

                        <!-- /.col --> 

                      </div>

                      <!-- /.product-micro-row --> 

                    </div>

                    <!-- /.product-micro --> 

                    

                  </div>

                  <div class="product">

                    <div class="product-micro">

                      <div class="row product-micro-row">

                        <div class="col col-xs-5">

                          <div class="product-image">

                            <div class="image"> <a href="#"> <img src="assets/images/products/dining-room-table.jpg" alt=""> </a> </div>

                            <!-- /.image --> 

                            

                          </div>

                          <!-- /.product-image --> 

                        </div>

                        <!-- /.col -->

                        <div class="col2 col-xs-7">

                          <div class="product-info">

                            <h3 class="name"><a href="#">Dining Room Table</a></h3>

                            <div class="rating rateit-small"></div>

                            <div class="product-price"> <span class="price"> MZN450.99 </span> </div>

                            <!-- /.product-price --> 

                            

                          </div>

                        </div>

                        <!-- /.col --> 

                      </div>

                      <!-- /.product-micro-row --> 

                    </div>

                    <!-- /.product-micro --> 

                    

                  </div>

                </div>

              </div>

              <div class="item">

                <div class="products best-product">

                  <div class="product">

                    <div class="product-micro">

                      <div class="row product-micro-row">

                        <div class="col col-xs-5">

                          <div class="product-image">

                            <div class="image"> <a href="#"> <img src="assets/images/products/grocery-and-staples.jpg" alt=""> </a> </div>

                            <!-- /.image --> 

                            

                          </div>

                          <!-- /.product-image --> 

                        </div>

                        <!-- /.col -->

                        <div class="col2 col-xs-7">

                          <div class="product-info">

                            <h3 class="name"><a href="#">Grocery and Staples</a></h3>

                            <div class="rating rateit-small"></div>

                            <div class="product-price"> <span class="price"> MZN450.99 </span> </div>

                            <!-- /.product-price --> 

                            

                          </div>

                        </div>

                        <!-- /.col --> 

                      </div>

                      <!-- /.product-micro-row --> 

                    </div>

                    <!-- /.product-micro --> 

                    

                  </div>

                  <div class="product">

                    <div class="product-micro">

                      <div class="row product-micro-row">

                        <div class="col col-xs-5">

                          <div class="product-image">

                            <div class="image"> <a href="#"> <img src="assets/images/products/home-and-personal-care.jpg" alt=""> </a> </div>

                            <!-- /.image --> 

                            

                          </div>

                          <!-- /.product-image --> 

                        </div>

                        <!-- /.col -->

                        <div class="col2 col-xs-7">

                          <div class="product-info">

                            <h3 class="name"><a href="#">Home and Personal Care</a></h3>

                            <div class="rating rateit-small"></div>

                            <div class="product-price"> <span class="price"> MZN450.99 </span> </div>

                            <!-- /.product-price --> 

                            

                          </div>

                        </div>

                        <!-- /.col --> 

                      </div>

                      <!-- /.product-micro-row --> 

                    </div>

                    <!-- /.product-micro --> 

                    

                  </div>

                </div>

              </div>

            </div>

          </div>

          <!-- /.sidebar-widget-body --> 

        </div>

        <!-- /.sidebar-widget --> 

        <!-- ============================================== BEST SELLER : END ============================================== --> 

		

		 <!-- ============================================== FEATURED PRODUCTS ============================================== -->

        <section class="section wow fadeInUp new-arriavls">

          <h3 class="section-title">Coming Soon</h3>

          <div class="owl-carousel home-owl-carousel custom-carousel owl-theme outer-top-xs">

            <div class="item item-carousel">

              <div class="products">

                <div class="product">

                  <div class="product-image">

                    <div class="image"> <a href=""><img  src="assets/images/products/bed.jpg" alt=""></a> </div>

                    <!-- /.image -->

                    

                    <div class="tag new"><span>new</span></div>

                  </div>

                  <!-- /.product-image -->

                  

                  <div class="product-info text-left">

                    <h3 class="name"><a href="">Bed</a></h3>

                    <div class="rating rateit-small"></div>

                    <div class="description"></div>

                    <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                    <!-- /.product-price --> 

                    

                  </div>

                  <!-- /.product-info -->

                  <div class="cart clearfix animate-effect">

                    <div class="action">

                      <ul class="list-unstyled">

                        <li class="add-cart-button btn-group">

                          <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                          <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                        </li>

                        <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                        <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                      </ul>

                    </div>

                    <!-- /.action --> 

                  </div>

                  <!-- /.cart --> 

                </div>

                <!-- /.product --> 

                

              </div>

              <!-- /.products --> 

            </div>

            <!-- /.item -->

            

            <div class="item item-carousel">

              <div class="products">

                <div class="product">

                  <div class="product-image">

                    <div class="image"> <a href=""><img  src="assets/images/products/cabinets.jpg" alt=""></a> </div>

                    <!-- /.image -->

                    

                    <div class="tag new"><span>new</span></div>

                  </div>

                  <!-- /.product-image -->

                  

                  <div class="product-info text-left">

                    <h3 class="name"><a href="">Cabinets</a></h3>

                    <div class="rating rateit-small"></div>

                    <div class="description"></div>

                    <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                    <!-- /.product-price --> 

                    

                  </div>

                  <!-- /.product-info -->

                  <div class="cart clearfix animate-effect">

                    <div class="action">

                      <ul class="list-unstyled">

                        <li class="add-cart-button btn-group">

                          <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                          <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                        </li>

                        <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                        <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                      </ul>

                    </div>

                    <!-- /.action --> 

                  </div>

                  <!-- /.cart --> 

                </div>

                <!-- /.product --> 

                

              </div>

              <!-- /.products --> 

            </div>

            <!-- /.item -->

            

            <div class="item item-carousel">

              <div class="products">

                <div class="product">

                  <div class="product-image">

                    <div class="image"> <a href=""><img  src="assets/images/products/center-table.jpg" alt=""></a> </div>

                    <!-- /.image -->

                    

                    <div class="tag hot"><span>hot</span></div>

                  </div>

                  <!-- /.product-image -->

                  

                  <div class="product-info text-left">

                    <h3 class="name"><a href="">Center Table</a></h3>

                    <div class="rating rateit-small"></div>

                    <div class="description"></div>

                    <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                    <!-- /.product-price --> 

                    

                  </div>

                  <!-- /.product-info -->

                  <div class="cart clearfix animate-effect">

                    <div class="action">

                      <ul class="list-unstyled">

                        <li class="add-cart-button btn-group">

                          <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                          <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                        </li>

                        <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                        <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                      </ul>

                    </div>

                    <!-- /.action --> 

                  </div>

                  <!-- /.cart --> 

                </div>

                <!-- /.product --> 

                

              </div>

              <!-- /.products --> 

            </div>

            <!-- /.item -->

            

            <div class="item item-carousel">

              <div class="products">

                <div class="product">

                  <div class="product-image">

                    <div class="image"> <a href=""><img  src="assets/images/products/children-furniture.jpg" alt=""></a> </div>

                    <!-- /.image -->

                    

                    <div class="tag hot"><span>hot</span></div>

                  </div>

                  <!-- /.product-image -->

                  

                  <div class="product-info text-left">

                    <h3 class="name"><a href="">Children Furniture</a></h3>

                    <div class="rating rateit-small"></div>

                    <div class="description"></div>

                    <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                    <!-- /.product-price --> 

                    

                  </div>

                  <!-- /.product-info -->

                  <div class="cart clearfix animate-effect">

                    <div class="action">

                      <ul class="list-unstyled">

                        <li class="add-cart-button btn-group">

                          <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                          <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                        </li>

                        <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                        <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                      </ul>

                    </div>

                    <!-- /.action --> 

                  </div>

                  <!-- /.cart --> 

                </div>

                <!-- /.product --> 

                

              </div>

              <!-- /.products --> 

            </div>

            <!-- /.item -->

            

            <div class="item item-carousel">

              <div class="products">

                <div class="product">

                  <div class="product-image">

                    <div class="image"> <a href=""><img  src="assets/images/products/crockery.jpg" alt=""></a> </div>

                    <!-- /.image -->

                    

                    <div class="tag sale"><span>sale</span></div>

                  </div>

                  <!-- /.product-image -->

                  

                  <div class="product-info text-left">

                    <h3 class="name"><a href="">Crockery</a></h3>

                    <div class="rating rateit-small"></div>

                    <div class="description"></div>

                    <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                    <!-- /.product-price --> 

                    

                  </div>

                  <!-- /.product-info -->

                  <div class="cart clearfix animate-effect">

                    <div class="action">

                      <ul class="list-unstyled">

                        <li class="add-cart-button btn-group">

                          <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                          <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                        </li>

                        <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                        <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                      </ul>

                    </div>

                    <!-- /.action --> 

                  </div>

                  <!-- /.cart --> 

                </div>

                <!-- /.product --> 

                

              </div>

              <!-- /.products --> 

            </div>

            <!-- /.item -->

            

            <div class="item item-carousel">

              <div class="products">

                <div class="product">

                  <div class="product-image">

                    <div class="image"> <a href=""><img  src="assets/images/products/daily-essentials.jpg" alt=""></a> </div>

                    <!-- /.image -->

                    

                    <div class="tag sale"><span>sale</span></div>

                  </div>

                  <!-- /.product-image -->

                  

                  <div class="product-info text-left">

                    <h3 class="name"><a href="">Daily Essentials</a></h3>

                    <div class="rating rateit-small"></div>

                    <div class="description"></div>

                    <div class="product-price"> <span class="price"> MZN450.99 </span> <span class="price-before-discount">MZN 800</span> </div>

                    <!-- /.product-price --> 

                    

                  </div>

                  <!-- /.product-info -->

                  <div class="cart clearfix animate-effect">

                    <div class="action">

                      <ul class="list-unstyled">

                        <li class="add-cart-button btn-group">

                          <button class="btn btn-primary icon" data-toggle="dropdown" type="button"> <i class="fa fa-shopping-cart"></i> </button>

                          <button class="btn btn-primary cart-btn" type="button">Add to cart</button>

                        </li>

                        <li class="lnk wishlist"> <a class="add-to-cart" href="" title="Wishlist"> <i class="icon fa fa-heart"></i> </a> </li>

                        <li class="lnk"> <a class="add-to-cart" href="" title="Compare"> <i class="fa fa-signal" aria-hidden="true"></i> </a> </li>

                      </ul>

                    </div>

                    <!-- /.action --> 

                  </div>

                  <!-- /.cart --> 

                </div>

                <!-- /.product --> 

                

              </div>

              <!-- /.products --> 

            </div>

            <!-- /.item --> 

          </div>

          <!-- /.home-owl-carousel --> 

        </section>

        <!-- /.section --> 

        <!-- ============================================== FEATURED PRODUCTS : END ============================================== --> 

        

        <!-- ============================================== BLOG SLIDER ============================================== -->

        <section class="section latest-blog outer-bottom-vs wow fadeInUp">

          <h3 class="section-title">latest form blog</h3>

          <div class="blog-slider-container outer-top-xs">

            <div class="owl-carousel blog-slider custom-carousel">

              <div class="item">

                <div class="blog-post">

                  <div class="blog-post-image">

                    <div class="image"> <a href=""><img src="assets/images/blog-post/couch-blog.jpg" alt=""></a> </div>

                  </div>

                  <!-- /.blog-post-image -->

                  

                  <div class="blog-post-info text-left">

                    <h3 class="name"><a href="#">Couch</a></h3>

                    <span class="info">By Jone Doe &nbsp;|&nbsp; 09 Sep 2017 </span>

                    <p class="text">Sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>

                    <a href="#" class="lnk btn btn-primary">Read more</a> </div>

                  <!-- /.blog-post-info --> 

                  

                </div>

                <!-- /.blog-post --> 

              </div>

              <!-- /.item -->

              

              <div class="item">

                <div class="blog-post">

                  <div class="blog-post-image">

                    <div class="image"> <a href=""><img src="assets/images/blog-post/crockery-blog.jpg" alt=""></a> </div>

                  </div>

                  <!-- /.blog-post-image -->

                  

                  <div class="blog-post-info text-left">

                    <h3 class="name"><a href="#">Crockery</a></h3>

                    <span class="info">By Saraha Smith &nbsp;|&nbsp; 09 Sep 2017 </span>

                    <p class="text">Sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>

                    <a href="#" class="lnk btn btn-primary">Read more</a> </div>

                  <!-- /.blog-post-info --> 

                  

                </div>

                <!-- /.blog-post --> 

              </div>

              <!-- /.item --> 

              

              <!-- /.item -->

              

              <div class="item">

                <div class="blog-post">

                  <div class="blog-post-image">

                    <div class="image"> <a href=""><img src="assets/images/blog-post/post1.jpg" alt=""></a> </div>

                  </div>

                  <!-- /.blog-post-image -->

                  

                  <div class="blog-post-info text-left">

                    <h3 class="name"><a href="#">Dolorem eum fugiat quo voluptas nulla pariatur</a></h3>

                    <span class="info">By Saraha Smith &nbsp;|&nbsp; 21 March 2016 </span>

                    <p class="text">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium</p>

                    <a href="#" class="lnk btn btn-primary">Read more</a> </div>

                  <!-- /.blog-post-info --> 

                  

                </div>

                <!-- /.blog-post --> 

              </div>

              <!-- /.item -->

              

              <div class="item">

                <div class="blog-post">

                  <div class="blog-post-image">

                    <div class="image"> <a href=""><img src="assets/images/blog-post/post2.jpg" alt=""></a> </div>

                  </div>

                  <!-- /.blog-post-image -->

                  

                  <div class="blog-post-info text-left">

                    <h3 class="name"><a href="#">Dolorem eum fugiat quo voluptas nulla pariatur</a></h3>

                    <span class="info">By Saraha Smith &nbsp;|&nbsp; 21 March 2016 </span>

                    <p class="text">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium</p>

                    <a href="#" class="lnk btn btn-primary">Read more</a> </div>

                  <!-- /.blog-post-info --> 

                  

                </div>

                <!-- /.blog-post --> 

              </div>

              <!-- /.item -->

              

              <div class="item">

                <div class="blog-post">

                  <div class="blog-post-image">

                    <div class="image"> <a href=""><img src="assets/images/blog-post/post1.jpg" alt=""></a> </div>

                  </div>

                  <!-- /.blog-post-image -->

                  

                  <div class="blog-post-info text-left">

                    <h3 class="name"><a href="#">Dolorem eum fugiat quo voluptas nulla pariatur</a></h3>

                    <span class="info">By Saraha Smith &nbsp;|&nbsp; 21 March 2016 </span>

                    <p class="text">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium</p>

                    <a href="#" class="lnk btn btn-primary">Read more</a> </div>

                  <!-- /.blog-post-info --> 

                  

                </div>

                <!-- /.blog-post --> 

              </div>

              <!-- /.item --> 

              

            </div>

            <!-- /.owl-carousel --> 

          </div>

          <!-- /.blog-slider-container --> 

        </section>

        <!-- /.section --> 

        <!-- ============================================== BLOG SLIDER : END ============================================== --> 

        

       

        

      </div>

      <!-- /.homebanner-holder --> 

      <!-- ============================================== CONTENT : END ============================================== --> 

    </div>

    <!-- /.row --> 

    <!-- ============================================== BRANDS CAROUSEL ============================================== -->

	<div class="container">

    <div id="brands-carousel" class="logo-slider wow fadeInUp">

      <div class="logo-slider-inner">

        <div id="brand-slider" class="owl-carousel brand-slider custom-carousel owl-theme">

          <div class="item "><a href="#" class="image"> <img data-echo="assets/images/brands/1.jpg" src="assets/images/brands/1.jpg" alt=""> </a> </div>

          <!--/.item-->

          

          <div class="item"> <a href="#" class="image"> <img data-echo="assets/images/brands/2.jpg" src="assets/images/brands/2.jpg" alt=""> </a> </div>

          <!--/.item-->

          

          <div class="item"> <a href="#" class="image"> <img data-echo="assets/images/brands/3.jpg" src="assets/images/brands/3.jpg" alt=""> </a> </div>

          <!--/.item-->

          

          <div class="item"> <a href="#" class="image"> <img data-echo="assets/images/brands/4.jpg" src="assets/images/brands/4.jpg" alt=""> </a> </div>

          <!--/.item-->

          

          <div class="item"> <a href="#" class="image"> <img data-echo="assets/images/brands/5.jpg" src="assets/images/brands/5.jpg" alt=""> </a> </div>

          <!--/.item-->

          

          <div class="item"> <a href="#" class="image"> <img data-echo="assets/images/brands/6.jpg" src="assets/images/brands/6.jpg" alt=""> </a> </div>

          <!--/.item-->

          

          <div class="item"> <a href="#" class="image"> <img data-echo="assets/images/brands/7.jpg" src="assets/images/brands/7.jpg" alt=""> </a> </div>

          <!--/.item-->

          

          <div class="item"> <a href="#" class="image"> <img data-echo="assets/images/brands/8.jpg" src="assets/images/brands/8.jpg" alt=""> </a> </div>

          <!--/.item-->

          

          <div class="item"> <a href="#" class="image"> <img data-echo="assets/images/brands/9.jpg" src="assets/images/brands/9.jpg" alt=""> </a> </div>

          <!--/.item-->

          

          <div class="item"> <a href="#" class="image"> <img data-echo="assets/images/brands/10.jpg" src="assets/images/brands/10.jpg" alt=""> </a> </div>

          <!--/.item--> 

        </div>

        <!-- /.owl-carousel #logo-slider --> 

      </div>

      <!-- /.logo-slider-inner --> 

      </div>

    </div>

    <!-- /.logo-slider --> 

    <!-- ============================================== BRANDS CAROUSEL : END ============================================== --> 

  </div>

  <!-- /.container --> 

</div>

<!-- /#top-banner-and-menu --> 



<!-- ============================================================= FOOTER ============================================================= -->

<footer id="footer" class="footer color-bg">

  <div class="footer-bottom">

    <div class="container">

      <div class="row">

        <div class="col-xs-12 col-sm-6 col-md-3">

          <div class="module-heading">

            <h4 class="module-title">Contact Us</h4>

          </div>

          <!-- /.module-heading -->

          

          <div class="module-body">

            <ul class="toggle-footer" style="">

              <li class="media">

                <div class="pull-left"> <span class="icon fa-stack fa-lg"> <i class="fa fa-map-marker fa-stack-1x fa-inverse"></i> </span> </div>

                <div class="media-body">

                  <p>Av. 25 de Setembro 2041 | 1st Floor | Maputo - Moçambique</p>

                </div>

              </li>

              <li class="media">

                <div class="pull-left"> <span class="icon fa-stack fa-lg"> <i class="fa fa-mobile fa-stack-1x fa-inverse"></i> </span> </div>

                <div class="media-body">

                  <p>(+258) 21 328 518<br>

                    (+258) 21 328 517</p>

                </div>

              </li>

              <li class="media">

                <div class="pull-left"> <span class="icon fa-stack fa-lg"> <i class="fa fa-envelope fa-stack-1x fa-inverse"></i> </span> </div>

                <div class="media-body"> <span><a href="mailto:info@mercadomoz.com">info@mercadomoz.com</a></span> </div>

              </li>

            </ul>

          </div>

          <!-- /.module-body --> 

        </div>

        <!-- /.col -->

        

        <div class="col-xs-12 col-sm-6 col-md-3">

          <div class="module-heading">

            <h4 class="module-title">Categories</h4>

          </div>

          <!-- /.module-heading -->

          

          <div class="module-body">

            <ul class='list-unstyled'>

              <li class="first"><a href="#" title="">Grocery</a></li>

              <li><a href="#" title="">Home Appliances</a></li>

              <li><a href="#" title="">Dairy Products</a></li>

              <li><a href="#" title="">Furniture</a></li>

              <li><a href="#" title="">Plastic Materials</a></li>

			  <li><a href="#" title="">Personal Care</a></li>

			  <li class="last"><a href="#" title="">Steel Industrial Products</a></li>

            </ul>

          </div>

          <!-- /.module-body --> 

        </div>

        <!-- /.col -->

        

        <div class="col-xs-12 col-sm-6 col-md-3">

          <div class="module-heading">

            <h4 class="module-title">Company</h4>

          </div>

          <!-- /.module-heading -->

          

          <div class="module-body">

            <ul class='list-unstyled'>

              <li class="first"><a title="" href="#">About us</a></li>

              <li><a title="" href="#">Blog</a></li>

              <li><a title="" href="#">FAQ</a></li>

			  <li><a title="" href="#">Contact Us</a></li>

            </ul>

          </div>

          <!-- /.module-body --> 

        </div>

        <!-- /.col -->

        

        <div class="col-xs-12 col-sm-6 col-md-3">

          <div class="module-heading">

            <h4 class="module-title">Why Choose Us</h4>

          </div>

          <!-- /.module-heading -->

          

          <div class="module-body">

            <ul class='list-unstyled'>

              <li class="first"><a href="#" title="">Returns & Exchange</a></li>

              <li><a href="#" title="">Return, Refund and Cancellation Policy</a></li>

              <li><a href="#" title="">Shipping Policy</a></li>

              <li><a href="#" title="">Terms Of Use</a></li>

              <li class=" last"><a href="" title="">Privacy Policy</a></li>

            </ul>

          </div>

          <!-- /.module-body --> 

        </div>

      </div>

    </div>

  </div>

  <div class="copyright-bar">

    <div class="container">

      <div class="col-xs-12 col-sm-6 no-padding social">

        <ul class="link">

          <li class="fb pull-left"><a target="_blank" rel="nofollow" href="#" title="Facebook"></a></li>

          <li class="tw pull-left"><a target="_blank" rel="nofollow" href="#" title="Twitter"></a></li>

          <li class="googleplus pull-left"><a target="_blank" rel="nofollow" href="#" title="GooglePlus"></a></li>
        
          <li class="youtube pull-left"><a target="_blank" rel="nofollow" href="#" title="Youtube"></a></li>

        </ul>

      </div>

      <div class="col-xs-12 col-sm-6 no-padding">

        <div class="clearfix payment-methods">

          <ul>

            <li><img src="assets/images/payments/1.png" alt=""></li>

            <!--<li><img src="assets/images/payments/2.png" alt=""></li>-->

            <li><img src="assets/images/payments/3.png" alt=""></li>

            <li><img src="assets/images/payments/4.png" alt=""></li>

           <!-- <li><img src="assets/images/payments/5.png" alt=""></li>-->

          </ul>

        </div>

        <!-- /.payment-methods --> 

      </div>

    </div>

  </div>

</footer>

<!-- ============================================================= FOOTER : END============================================================= --> 



<!-- For demo purposes – can be removed on production --> 



<!-- For demo purposes – can be removed on production : End --> 



<!-- JavaScripts placed at the end of the document so the pages load faster --> 

<script src="assets/js/jquery-1.11.1.min.js"></script> 

<script src="assets/js/bootstrap.min.js"></script> 

<script src="assets/js/bootstrap-hover-dropdown.min.js"></script> 

<script src="assets/js/owl.carousel.min.js"></script> 

<script src="assets/js/echo.min.js"></script> 

<script src="assets/js/jquery.easing-1.3.min.js"></script> 

<script src="assets/js/bootstrap-slider.min.js"></script> 

<script src="assets/js/jquery.rateit.min.js"></script> 

<script type="text/javascript" src="assets/js/lightbox.min.js"></script> 

<script src="assets/js/bootstrap-select.min.js"></script> 

<script src="assets/js/wow.min.js"></script> 

<script src="assets/js/scripts.js"></script>

</body>

</html>