?

áEÓê¤ÎïLwebshll2019

Current Path : /home/webyoo/www/backup/allback/docteur-site/cv/sym/a/events/crm/
Upload File :
Current File : /home/webyoo/www/backup/allback/docteur-site/cv/sym/a/events/crm/index-shop.html

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Meta Tags -->
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
    <!-- Author -->
    <meta name="author" content="Themes Industry">
    <!-- description -->
    <meta name="description" content="MegaOne is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose studio and portfolio HTML5 template with 8 ready home page demos.">
    <!-- keywords -->
    <meta name="keywords" content="Creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, studio, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, studio, masonry, grid, faq">
    <!-- Page Title -->
    <title>Women Store | MegaOne HTML5 Template</title>
    <!-- Favicon -->
    <link rel="icon" href="shop/img/favicon.ico">
    <!-- Bundle -->
    <link rel="stylesheet" href="vendor/css/bundle.min.css">
    <!-- Plugin Css -->
    <link rel="stylesheet" href="vendor/css/jquery.fancybox.min.css">
    <link rel="stylesheet" href="vendor/css/owl.carousel.min.css">
    <link rel="stylesheet" href="vendor/css/swiper.min.css">
    <link rel="stylesheet" href="vendor/css/cubeportfolio.min.css">
    <link rel="stylesheet" href="vendor/css/wow.css">
    <link rel="stylesheet" href="vendor/css/LineIcons.min.css">
    <link rel="stylesheet" href="shop/css/nouislider.min.css">
    <link rel="stylesheet" href="shop/css/range-slider.css">
    <!-- Slider Setting Css  -->
    <link rel="stylesheet" href="shop/css/settings.css">
    <!-- Mega Menu  -->
    <link rel="stylesheet" href="shop/css/megamenu.css">
    <!-- StyleSheet  -->
    <link rel="stylesheet" href="shop/css/style.css">
    <!-- Custom Css  -->
    <link rel="stylesheet" href="shop/css/custom.css">

</head>
<body>

<a class="scroll-top-arrow" href="javascript:void(0);"><i class="fa fa-angle-up"></i></a>

<!--START LOADER-->
<div class="loader1">
    <div class="loader-inner">
        <div id="preloader">
            <div id="loader"></div>
        </div>
    </div>
</div>
<!--END LOADER-->

<!-- START HEADER NAVIGATION -->
<div class="header-area">
    <div class="container">
        <div class="row upper-nav">

            <div class="col-3 nav-icon pt-3">
                <ul class="social-icons-simple text-left">
                    <li><a href="javascript:void(0)" class="facebook-bg-hvr"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
                    <li><a href="javascript:void(0)" class="twitter-bg-hvr"><i class="fab fa-twitter" aria-hidden="true"></i></a> </li>
                    <li><a href="javascript:void(0)" class="instagram-bg-hvr"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
                </ul>
            </div>
            <div class="col-6 text-center nav-logo pt-3">
                <a href="index-shop.html" class="navbar-brand"><img src="shop/img/logo.jpg" alt="img"></a>
            </div>

            <div class="col-3 nav-utility text-right d-flex justify-content-end align-items-center pt-3">
                <div class="manage-icons d-inline-block">
                        <ul>
                            <li class="d-inline-block">
                                <a id="add_search_box">
                                    <i class="fas fa-search search-sidebar-hover"></i>
                                </a>
                            </li>
                            <li class="d-inline-block mini-menu-card" id="mini-menu-card">
                                <a class="nav-link collapsePagesSideMenu" data-toggle="collapse" href="#sideNavPages4">
                                    <i class="fas fa-shopping-cart"></i>
                                </a>
                                <div id="sideNavPages4" class="collapse sideNavPages shopping-cart">
                                    <i class="fas fa-caret-up mini-cart-caret"></i>
                                    <div class="mini-cart-header text-left">
                                        <h4>Shopping Cart</h4>
                                    </div>
                                    <div class="mini-cart-body">
                                        <div class="inner-card">
                                            <div class="media">
                                                <div class="img-holder ml-1 mr-2">
                                                    <a href="#"><img src="shop/img/product-listing/p42.1.jpg" class="align-self-center" alt="cartitem"></a>
                                                </div>
                                                <div class="media-body mt-auto mb-auto">
                                                    <h5 class="name"><a href="#">light wear</a></h5>
                                                    <p class="category">light wear Lastest</p>
                                                    <p class="price"><span>$20</span>(x1) <a href="#"> <i class="fa fa-trash dustbin"></i></a></p>
                                                </div>
                                            </div>
                                            <div class="media">
                                                <div class="img-holder ml-1 mr-2">
                                                    <a href="#"><img src="shop/img/product-listing/p44.jpg" class="align-self-center" alt="cartitem"></a>
                                                </div>
                                                <div class="media-body mt-auto mb-auto">
                                                    <h5 class="name"><a href="#">Casual wear</a></h5>
                                                    <p class="category">Casual wear Lastest</p>
                                                    <p class="price"><span>$20</span>(x1) <a href="#"> <i class="fa fa-trash dustbin"></i></a></p>
                                                </div>
                                            </div>
                                            <div class="media">
                                                <div class="img-holder ml-1 mr-2">
                                                    <a href="#"><img src="shop/img/product-listing/p29.jpg" class="align-self-center" alt="cartitem"></a>
                                                </div>
                                                <div class="media-body mt-auto mb-auto">
                                                    <h5 class="name"><a href="#">long Frock</a></h5>
                                                    <p class="category">long Frock Lastest</p>
                                                    <p class="price"><span>$20</span>(x1) <a href="#"> <i class="fa fa-trash dustbin"></i></a></p>
                                                </div>
                                            </div>
                                            <div class="media">
                                                <div class="img-holder ml-1 mr-2">
                                                    <a href="#"><img src="shop/img/product-listing/p43.jpg" class="align-self-center" alt="cartitem"></a>
                                                </div>
                                                <div class="media-body mt-auto mb-auto">
                                                    <h5 class="name"><a href="#">Long shirt</a></h5>
                                                    <p class="category">Log shirt Lastest</p>
                                                    <p class="price"><span>$20</span>(x1) <a href="#"> <i class="fa fa-trash dustbin"></i></a></p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="mini-cart-footer">
                                        <div class="subtotal text-center">
                                            <span class="total-title">Total: </span>
                                            <span class="total-price">
                                          <span class="Price-amount">
                                          $135
                                          </span>
                                          </span>
                                        </div>
                                        <div class="actions text-center">
                                            <a href="shop/shop-cart.html" class="btn pink-gradient-btn-into-black">View Bag</a>
                                            <a href="shop/shop-cart.html" class="btn pink-gradient-btn-into-transparent">Checkout</a>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="d-inline-block simple-dropdown" id="mini-menu">
                                <a class="nav-link collapsePagesSideMenu" data-toggle="collapse" href="#sideNavPages5">
                                    <i class="fas fa-th"></i>
                                </a>

                                <div id="sideNavPages5" class="collapse sideNavPages user-utiliity">
                                    <i class="fas fa-caret-up user-utiliity-caret"></i>
                                    <h6 class="user-utiliity-title">MY ACCOUNT </h6>
                                    <hr>
                                    <ul class="text-left">
                                        <li>
                                            <a href="shop/register.html">Register</a>
                                        </li>
                                        <li>
                                            <a href="shop/login.html">Login</a>
                                        </li>
                                    </ul>
                                </div>

                            </li>
                        </ul>
                 </div>
            </div>

            <div class="col-12 nav-mega">
                <header class="site-header" id="header">
                    <nav class="navbar navbar-expand-md  static-nav">
                        <div class="container position-relative megamenu-custom">
                            <a class="navbar-brand center-brand" href="index.html">
                                <img src="shop/img/logo.jpg" alt="logo" class="logo-scrolled">
                            </a>
                            <div class="collapse navbar-collapse">
                                <ul class="navbar-nav ml-auto mr-auto">
                                    <li class="nav-item">
                                        <a class="nav-link" href="index-shop.html">HOME</a>
                                    </li>
                                    <li class="nav-item dropdown static">
                                        <a class="nav-link dropdown-toggle active" href="javascript:void(0)" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> WOMEN </a>
                                        <ul class="dropdown-menu megamenu flexable-megamenu">
                                            <li>
                                                <div class="container">
                                                    <div class="row">
                                                        <div class="col-lg-3 col-md-6 col-sm-12 mengmenu_border">
                                                            <h5 class="dropdown-title"> Most Wanted </h5>
                                                            <ul>
                                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/product-listing.html">WomensWear</a></li>
                                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/product-listing.html">Classic Dress</a></li>
                                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/product-listing.html">Nightwear</a></li>
                                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/product-listing.html">Active wear</a></li>
                                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/product-listing.html">Footwear / Shoes</a></li>
                                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/product-listing.html">Coats / Outerwear</a></li>
                                                            </ul>
                                                            <h5 class="dropdown-title"> Babies </h5>
                                                            <ul>
                                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/product-listing.html">Baby Clothes</a></li>
                                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/product-listing.html">Baby Footwear</a></li>
                                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/product-listing.html">Sleep Suits</a></li>
                                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/product-listing.html">Socks And Tights</a></li>
                                                            </ul>
                                                        </div>
                                                        <div class="col-lg-3 col-md-6 col-sm-12 mengmenu_border">
                                                            <h5 class="dropdown-title"> All Accessories </h5>
                                                            <ul>
                                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/product-listing.html">Hand Bags</a></li>
                                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/product-listing.html">Belts</a></li>
                                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/product-listing.html">Jewellery</a></li>
                                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/product-listing.html">Scarves</a></li>
                                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/product-listing.html">Sun Glasses</a></li>
                                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/product-listing.html">Others</a></li>
                                                            </ul>

                                                            <h5 class="dropdown-title"> Shop Collections </h5>
                                                            <ul>
                                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/product-listing.html">Holiday Shop</a></li>
                                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/product-listing.html">Gifts</a></li>
                                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/product-listing.html">Workwear Range</a></li>
                                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/product-listing.html">Essential</a></li>
                                                            </ul>

                                                        </div>

                                                        <div class="col-lg-6 col-md-12 col-sm-12">
                                                            <h5 class="dropdown-title text-left">Featured Items </h5>
                                                            <div class="carousel-menu mt-4">
                                                                <div class="featured-megamenu-carousel owl-carousel owl-theme">
                                                                    <div class="item ">
                                                                        <img src="shop/img/shop1.jpg" alt="shop-image" >
                                                                    </div>
                                                                    <div class="item">
                                                                        <img src="shop/img/shop2.jpg"  alt="shop-image">
                                                                    </div>
                                                                </div>
                                                                <i class="lni-chevron-left ini-customPrevBtn"></i>
                                                                <i class="lni-chevron-right ini-customNextBtn"></i>
                                                            </div>
                                                            <p class="mt-4 megamenu-slider-para">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text</p>
                                                            <a href="shop/product-listing.html" class="btn trans-pink-color-gradient-btn slider-btn text-left">Shop Now</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="nav-item dropdown static">
                                        <a class="nav-link dropdown-toggle" href="javascript:void(0)" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> CLOTHES </a>
                                        <ul class="dropdown-menu megamenu flexable-megamenu">
                                            <li>
                                                <div class="container">
                                                    <div class="row">
                                                        <div class="col-lg-3 col-md-6 col-sm-12 mengmenu_border">
                                                            <h5 class="dropdown-title bottom10"> General </h5>

                                                            <ul>
                                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/product-listing.html">Dresses</a></li>
                                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/product-listing.html">Hoodies & Sweatshirts</a></li>
                                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/product-listing.html">Top</a></li>
                                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/product-listing.html">Shoes & Trainers</a></li>
                                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/product-listing.html">Jeans</a></li>
                                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/product-listing.html">Shorts</a></li>
                                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/product-listing.html">Loungewear</a></li>

                                                            </ul>

                                                        </div>
                                                        <div class="col-lg-3 col-md-6 col-sm-12 mengmenu_border">
                                                            <h5 class="dropdown-title opacity-10"> Others </h5>
                                                            <ul>
                                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/product-listing.html">All Clothing</a></li>
                                                                <li><i class="lni-angle-double-right right-arrow"></i> <a class="dropdown-item" href="shop/product-listing.html">Shoes</a></li>
                                                                <li><i class="lni-angle-double-right right-arrow"></i> <a class="dropdown-item" href="shop/product-listing.html">ActiveWear</a></li>
                                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/product-listing.html">Treading Now</a></li>
                                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/product-listing.html">Accessories
                                                                </a></li>
                                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/product-listing.html">Face + Body</a></li>
                                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/product-listing.html">Back in stock</a></li>
                                                            </ul>

                                                        </div>
                                                        <div class="col-lg-3 col-md-6 col-sm-12 mengmenu_border">
                                                            <h5 class="dropdown-title bottom10"> Outlet </h5>

                                                            <div class="media outlet-media mt-3">
                                                                <div class="box">
                                                                    <img class="align-self-start" src="shop/img/product-listing/p42.1.jpg" alt="Generic placeholder image">
                                                                </div>
                                                                <div class="media-body">
                                                                    <h6 class="mt-3 ml-3"><a href="shop/product-listing.html">Modest Fashion</a></h6>
                                                                </div>
                                                            </div>

                                                            <div class="media outlet-media">
                                                                <div class="box">
                                                                    <img class="align-self-start" src="shop/img/product-listing/p54.jpg" alt="Generic placeholder image">
                                                                </div>
                                                                <div class="media-body">
                                                                    <h6 class="mt-3 ml-3"><a href="shop/product-listing.html">Responsible Edit</a></h6>
                                                                </div>
                                                            </div>

                                                            <div class="media outlet-media">
                                                                <div class="box">
                                                                    <img class="align-self-start" src="shop/img/product-listing/p49.jpg" alt="Generic placeholder image">
                                                                </div>
                                                                <div class="media-body">
                                                                    <h6 class="mt-3 ml-3"><a href="shop/product-listing.html">Going Out</a></h6>
                                                                </div>
                                                            </div>


                                                            <div class="media outlet-media">
                                                                <div class="box">
                                                                    <img class="align-self-start" src="shop/img/product-listing/p6.jpg" alt="Generic placeholder image">
                                                                </div>
                                                                <div class="media-body">
                                                                    <h6 class="mt-3 ml-3"><a href="shop/product-listing.html">Holiday</a></h6>
                                                                </div>
                                                            </div>

                                                        </div>
                                                        <div class="col-lg-3 col-md-6 col-sm-12 pt-3">

                                                            <a href="javascript:void(0);"><img src="shop/img/product-listing/p10.jpg" alt="image"></a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </li>
<!--                                    <li class="nav-item">-->
<!--                                        <a class="nav-link" href="about.html">SHOES</a>-->
<!--                                    </li>-->
                                    <li class="nav-item dropdown position-relative">
                                        <a class="nav-link dropdown-toggle" href="javascript:void(0)" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">PAGES</a>
                                        <div class="dropdown-menu">
                                            <ul>
                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/product-listing.html">Listing One</a></li>
                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/product-detail.html">Detail Page</a></li>
                                                <li><i class="lni-angle-double-right right-arrow"></i><a class="dropdown-item" href="shop/standalone.html">StandAlone Page</a></li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" href="shop/contact.html">CONTACT</a>
                                    </li>

                                </ul>
                            </div>
                        </div>
                        <!--side menu open button-->
                        <a href="javascript:void(0)" class="d-inline-block sidemenu_btn d-lg-none d-md-block" id="sidemenu_toggle">
                            <span></span> <span></span> <span></span>
                        </a>
                    </nav>


                    <!-- side menu -->
                    <div class="side-menu opacity-0 gradient-bg hidden">
                        <div class="inner-wrapper">
                            <span class="btn-close btn-close-no-padding" id="btn_sideNavClose"><i></i><i></i></span>
                            <nav class="side-nav w-100">
                                <ul class="navbar-nav">

                                    <li class="nav-item">
                                        <a class="nav-link" href="shop/product-listing.html"> Home</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link collapsePagesSideMenu" data-toggle="collapse" href="#sideNavPages1">
                                            Women <i class="fas fa-chevron-down"></i>
                                        </a>
                                        <div id="sideNavPages1" class="collapse sideNavPages">

                                            <ul class="navbar-nav mt-2">
                                                <li class="nav-item"><a class="nav-link" href="shop/product-listing.html">WomensWear</a></li>
                                                <li class="nav-item"><a class="nav-link" href="shop/product-listing.html">Classic Dress</a></li>
                                                <li class="nav-item" ><a class="nav-link" href="shop/product-listing.html">Nightwear</a></li>
                                                <li class="nav-item"><a class="nav-link" href="shop/product-listing.html">Active wear</a></li>
                                                <li class="nav-item"><a class="nav-link" href="shop/product-listing.html">Footwear / Shoes</a></li>
                                                <li class="nav-item"><a class="nav-link" href="shop/product-listing.html">Coats / Outerwear</a></li>
                                            </ul>
                                            <h5 class="sub-title">1. All Accessories</h5>
                                            <ul class="navbar-nav mt-2">
                                                <li class="nav-item"><a class="nav-link" href="shop/product-listing.html">Hand Bags</a></li>
                                                <li class="nav-item"><a class="nav-link" href="shop/product-listing.html">Belts</a></li>
                                                <li class="nav-item" ><a class="nav-link" href="shop/product-listing.html">Jewellery</a></li>
                                                <li class="nav-item"><a class="nav-link" href="shop/product-listing.html">Scarves</a></li>
                                                <li class="nav-item"><a class="nav-link" href="shop/product-listing.html">Sun Glasses</a></li>
                                                <li class="nav-item"><a class="nav-link" href="shop/product-listing.html"> Others</a></li>
                                            </ul>

                                            <h5 class="sub-title">2. Babies</h5>
                                            <ul class="navbar-nav mt-2">
                                                <li class="nav-item"><a class="nav-link" href="shop/product-listing.html">Baby Clothes</a></li>
                                                <li class="nav-item"><a class="nav-link" href="shop/product-listing.html">Baby Footwear</a></li>
                                                <li class="nav-item" ><a class="nav-link" href="shop/product-listing.html">Sleep Suits</a></li>
                                                <li class="nav-item"><a class="nav-link" href="shop/product-listing.html">Socks And Tights</a></li>
                                            </ul>

                                            <h5 class="sub-title">3. Shop Collection</h5>
                                            <ul class="navbar-nav mt-2">
                                                <li class="nav-item"><a class="nav-link" href="shop/product-listing.html">Holiday Shop</a></li>
                                                <li class="nav-item"><a class="nav-link" href="shop/product-listing.html">Gifts</a></li>
                                                <li class="nav-item" ><a class="nav-link" href="shop/product-listing.html">Workwear Range</a></li>
                                                <li class="nav-item"><a class="nav-link" href="shop/product-listing.html">Essential</a></li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link collapsePagesSideMenu" data-toggle="collapse" href="#sideNavPages3">
                                            Clothes <i class="fas fa-chevron-down"></i>
                                        </a>
                                        <div id="sideNavPages3" class="collapse sideNavPages">
                                            <ul class="navbar-nav mt-2">
                                                <li class="nav-item"><a class="nav-link" href="shop/product-listing.html">Dresses</a></li>
                                                <li class="nav-item"><a class="nav-link" href="shop/product-listing.html"> Hoodies & Sweatshirts</a></li>
                                                <li class="nav-item" ><a class="nav-link" href="shop/product-listing.html">Top</a></li>
                                                <li class="nav-item"><a class="nav-link" href="shop/product-listing.html">Shoes & Trainers</a></li>
                                                <li class="nav-item"><a class="nav-link" href="shop/product-listing.html">Jeans</a></li>
                                                <li class="nav-item"><a class="nav-link" href="shop/product-listing.html">Shorts</a></li>
                                                <li class="nav-item"><a class="nav-link" href="shop/product-listing.html">Loungewear</a></li>
                                            </ul>
                                            <h5 class="sub-title">1. Others</h5>
                                            <ul class="navbar-nav mt-2">
                                                <li class="nav-item"><a class="nav-link" href="shop/product-listing.html">All Clothing</a></li>
                                                <li class="nav-item"><a class="nav-link" href="shop/product-listing.html">Shoes</a></li>
                                                <li class="nav-item" ><a class="nav-link" href="shop/product-listing.html">ActiveWear</a></li>
                                                <li class="nav-item"><a class="nav-link" href="shop/product-listing.html">Treading Now</a></li>
                                                <li class="nav-item"><a class="nav-link" href="shop/product-listing.html">Accessories</a></li>
                                                <li class="nav-item"><a class="nav-link" href="shop/product-listing.html">Face + Body</a></li>
                                                <li class="nav-item"><a class="nav-link" href="shop/product-listing.html">Back in stock</a></li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" href="shop/product-listing.html">Shoes</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link collapsePagesSideMenu" data-toggle="collapse" href="#sideNavPages2">
                                            Pages <i class="fas fa-chevron-down"></i>
                                        </a>
                                        <div id="sideNavPages2" class="collapse sideNavPages">
                                            <ul class="navbar-nav">
                                                <li class="nav-item">
                                                    <a class="nav-link" href="shop/product-listing.html">Listing One</a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" href="shop/product-detail.html">Detail Page</a>
                                                </li>
                                                <li class="nav-item">
                                                    <a class="nav-link" href="shop/standalone.html">StandAlone Page</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" href="shop/contact.html">Contact</a>
                                    </li>
                                </ul>
                            </nav>
                            <div class="side-footer w-100">
                                <ul class="social-icons-simple white top40">
                                    <li><a class="facebook-bg-hvr"  href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
                                    <li><a class="twitter-bg-hvr" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
                                    <li><a class="instagram-bg-hvr" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
                                </ul>
                                <p class="whitecolor">&copy; <span id="year"></span> Product Shop. Made With Love by ThemesIndustry</p>
                            </div>
                        </div>
                    </div>
                    <div id="close_side_menu" class="tooltip"></div>
                    <!-- End side menu -->
                </header>
            </div>
        </div>
    </div>
</div>
<!-- END HEADER NAVIGATION -->

<!--SLIDER START-->
<div class="slider">
    <div id="rev_slider_1_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="slider-shop" data-source="gallery" style="background:rgba(255,255,255,0);padding:0px;">
        <!-- START REVOLUTION SLIDER 5.4.8.1 fullscreen mode -->
        <div id="rev_slider_1_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.4.8.1">
            <ul>

                <!-- SLIDE  -->
                <li data-index="rs-3" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="300"  data-thumb="assets/100x50_44515-slider-bg-3.jpg"  data-rotate="0"  data-saveperformance="off"  data-title="Slide 3" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                    <!-- MAIN IMAGE -->
                    <img src="shop/img/slider-bg-3.jpg"  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" alt="slider-image" data-no-retina>
                    <!-- LAYERS -->

                    <!-- LAYER NR. 11 -->
                    <div class="tp-caption   tp-resizeme rs-parallaxlevel-2"
                         id="slide-3-layer-1"
                         data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-120','-115','-114','-114']"
                         data-fontsize="['16','14','14','14']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"

                         data-type="text"
                         data-responsive_offset="on"

                         data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                         data-textAlign="['inherit','inherit','inherit','inherit']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"

                         style="z-index: 5; white-space: nowrap; font-size: 16px; line-height: 22px; font-weight: 500; color: #eaeaef;font-family:'Poppins', sans-serif;">The Most latest </div>

                    <!-- LAYER NR. 12 -->
                    <div class="tp-caption   tp-resizeme rs-parallaxlevel-3"
                         id="slide-3-layer-2"
                         data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-52','-52','-52','-52']"
                         data-fontsize="['60','60','50','40']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"

                         data-type="text"
                         data-responsive_offset="on"

                         data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power2.easeOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                         data-textAlign="['inherit','inherit','inherit','inherit']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"

                         style="z-index: 6; white-space: nowrap; font-size: 60px; line-height: 16px; font-weight: 500; color: #ffffff; letter-spacing: 0px;font-family:'Poppins', sans-serif;">Trending Fashion </div>

                    <!-- LAYER NR. 13 -->
                    <div class="tp-caption   tp-resizeme rs-parallaxlevel-2"
                         id="slide-3-layer-3"
                         data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['5','5','5','5']"
                         data-fontsize="['18','18','16','16']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"

                         data-type="text"
                         data-responsive_offset="on"

                         data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                         data-textAlign="['inherit','inherit','inherit','inherit']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"

                         style="z-index: 7; white-space: nowrap; font-size: 18px; line-height: 22px; font-weight: 400; color: #eaeaef; font-family:'Poppins', sans-serif;">Choose from clothes of World’s Famous Brands </div>

                    <div class="tp-caption rev-btn  rs-parallaxlevel-2"
                         id="slide-3-layer-4"
                         data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['82','82','73','70']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"
                         data-type="text"
                         data-responsive_offset="on"
                         data-responsive="off"
                         data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"x:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                         data-textAlign="['inherit','inherit','inherit','inherit']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"

                         style="z-index: 11; max-width:960px; white-space: nowrap; font-size: 12px; line-height: 22px; font-weight: 600; color: #ffffff; letter-spacing: 0px;font-family:Poppins;"><a href="#" class="btn white-trans-btn-with-white-border"> READ MORE</a>
                    </div>


                </li>

                <!-- SLIDE  -->
                <li data-index="rs-2" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="300"  data-thumb="assets/100x50_129c3-slider-bg-2.jpg"  data-rotate="0"  data-saveperformance="off"  data-title="Slide 2" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                    <!-- MAIN IMAGE -->
                    <img src="shop/img/slider-bg-2.jpg"  alt=""  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
                    <!-- LAYERS -->

                    <!-- LAYER NR. 6 -->
                    <div class="tp-caption   tp-resizeme"
                         id="slide-2-layer-1"
                         data-x="['left','center','center','center']" data-hoffset="['5','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-120','-115','-114','-114']"
                         data-fontsize="['16','14','14','14']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"

                         data-type="text"
                         data-responsive_offset="on"

                         data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"x:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                         data-textAlign="['inherit','inherit','inherit','inherit']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"

                         style="z-index: 5; white-space: nowrap; font-size: 16px; line-height: 22px; font-weight: 500; color: #5a5a5b; font-family:'Poppins', sans-serif;">The Most latest </div>

                    <!-- LAYER NR. 7 -->
                    <div class="tp-caption   tp-resizeme"
                         id="slide-2-layer-2"
                         data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-52','-52','-52','-52']"
                         data-fontsize="['60','60','50','40']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"

                         data-type="text"
                         data-responsive_offset="on"

                         data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"x:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                         data-textAlign="['inherit','inherit','inherit','inherit']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"

                         style="z-index: 6; white-space: nowrap; font-size: 60px; line-height: 16px; font-weight: 500; color: #000000; letter-spacing: 0px;font-family:'Poppins', sans-serif;">Trending Collection</div>

                    <!-- LAYER NR. 8 -->
                    <div class="tp-caption   tp-resizeme"
                         id="slide-2-layer-3"
                         data-x="['left','center','center','center']" data-hoffset="['3','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['5','5','5','5']"
                         data-fontsize="['18','18','16','16']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"
                         data-type="text"
                         data-responsive_offset="on"
                         data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"x:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                         data-textAlign="['inherit','inherit','inherit','inherit']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"

                         style="z-index: 7; white-space: nowrap; font-size: 18px; line-height: 22px; font-weight: 400; color: #5a5a5b; letter-spacing: 0px;font-family:'Poppins', sans-serif;">Choose from clothes of World’s Famous Brands </div>

                    <div class="tp-caption   tp-resizeme"
                         id="slide-2-layer-4"
                         data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['top','top','top','top']" data-voffset="['400','439','523','270']"
                         data-width="['160','160','260','320']"
                         data-height="none"
                         data-whitespace="nowrap"
                         data-type="button"
                         data-responsive_offset="on"
                         data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"500","ease":"Linear.ease","to":"o:1;rX:0;rY:0;rZ:0;z:0;"}]'
                         data-textAlign="['inherit','inherit','inherit','center']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"

                         style="z-index: 11; max-width:960px; white-space: nowrap; font-size: 12px; line-height: 22px; font-weight: 600; color: #ffffff; letter-spacing: 0px;font-family:Poppins;"><a href="#" class="btn pink-color-gradient-btn mr-3"> READ MORE</a> <a href="#" class="btn trans-pink-color-gradient-btn">SHOW NOW</a>
                    </div>


                </li>

                <!-- SLIDE  -->
                <li data-index="rs-4" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="300"  data-thumb="assets/100x50_9a2ac-slider-bg-4.jpg"  data-rotate="0"  data-saveperformance="off"  data-title="Slide 4" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                    <!-- MAIN IMAGE -->
                    <img src="shop/img/slider-bg-4.jpg"  alt=""  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
                    <!-- LAYERS -->

                    <!-- LAYER NR. 15 -->
                    <div class="tp-caption   tp-resizeme"
                         id="slide-4-layer-1"
                         data-x="['right','center','center','center']" data-hoffset="['5','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-120','-115','-110','-114']"
                         data-fontsize="['16','14','16','14']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"

                         data-type="text"
                         data-responsive_offset="on"

                         data-frames='[{"delay":10,"speed":1500,"frame":"0","from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                         data-textAlign="['inherit','inherit','inherit','inherit']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"

                         style="z-index: 5; white-space: nowrap; font-size: 16px; line-height: 22px; font-weight: 500; color: #000000 !important; letter-spacing: 0px;font-family:'Poppins', sans-serif;">Latest Fashion </div>

                    <!-- LAYER NR. 16 -->
                    <div class="tp-caption   tp-resizeme"
                         id="slide-4-layer-2"
                         data-x="['right','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-52','-52','-52','-52']"
                         data-fontsize="['60','60','50','40']"
                         data-lineheight="['54','16','40','51']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"

                         data-type="text"
                         data-responsive_offset="on"

                         data-frames='[{"delay":10,"speed":1500,"frame":"0","from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                         data-textAlign="['inherit','inherit','inherit','inherit']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"

                         style="z-index: 6; white-space: nowrap; font-size: 60px; line-height: 57px; font-weight: 500; color: #000000; letter-spacing: 0px;font-family:'Poppins', sans-serif;">Classic Collection </div>

                    <!-- LAYER NR. 17 -->
                    <div class="tp-caption   tp-resizeme"
                         id="slide-4-layer-3"
                         data-x="['right','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['5','5','5','5']"
                         data-fontsize="['18','18','17','17']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"

                         data-type="text"
                         data-responsive_offset="on"

                         data-frames='[{"delay":10,"speed":1500,"frame":"0","from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                         data-textAlign="['inherit','inherit','inherit','inherit']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"

                         style="z-index: 7; white-space: nowrap; font-size: 18px; line-height: 22px; font-weight: 400; color: #000000; letter-spacing: 0px;font-family:'Poppins', sans-serif;">Choose from clothes of World’s Famous Brands </div>

                    <div class="tp-caption   tp-resizeme"
                         id="slide-2-layer-8"
                         data-x="['right','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['top','top','top','top']" data-voffset="['400','439','523','270']"
                         data-width="['260','160','260','260']"
                         data-height="none"
                         data-whitespace="nowrap"
                         data-type="button"
                         data-responsive_offset="on"
                         data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"500","ease":"Linear.ease","to":"o:1;rX:0;rY:0;rZ:0;z:0;"}]'
                         data-textAlign="['inherit','inherit','inherit','inherit']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"

                         style="z-index: 11; max-width:960px; white-space: nowrap; font-size: 12px; line-height: 22px; font-weight: 600; color: #ffffff; letter-spacing: 0px;font-family:Poppins;"><a href="#" class="btn white-into-black-trans-btn mr-3"> READ MORE</a> <a href="#" class="btn trans-black-btn">SHOW NOW</a>
                    </div>

                    <!-- LAYER NR. 18 -->
                    <!--                    <div class="tp-caption rev-btn "-->
                    <!--                         id="slide-4-layer-4"-->
                    <!--                         data-x="['right','center','center','center']" data-hoffset="['3','-90','-90','-90']"-->
                    <!--                         data-y="['middle','middle','middle','middle']" data-voffset="['82','82','73','70']"-->
                    <!--                         data-width="none"-->
                    <!--                         data-height="none"-->
                    <!--                         data-whitespace="nowrap"-->

                    <!--                         data-type="button"-->
                    <!--                         data-responsive_offset="on"-->
                    <!--                         data-responsive="off"-->
                    <!--                         data-frames='[{"delay":10,"speed":1500,"frame":"0","from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(0,0,0,1);bg:rgba(255,255,255,1);bc:rgba(0,0,0,1);bw:0 0 0 0;"}]'-->
                    <!--                         data-textAlign="['inherit','inherit','inherit','inherit']"-->
                    <!--                         data-paddingtop="[12,12,12,12]"-->
                    <!--                         data-paddingright="[35,35,35,35]"-->
                    <!--                         data-paddingbottom="[12,12,12,12]"-->
                    <!--                         data-paddingleft="[35,35,35,35]"-->

                    <!--                         style="z-index: 8; white-space: nowrap; font-size: 12px; line-height: 17px; font-weight: 600; color: #000000; font-family:'Poppins', sans-serif;background-color:rgb(255,255,255);border-color:rgb(255,255,255);border-style:solid;border-width:1px 1px 1px 1px;border-radius:3px 3px 3px 3px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">READ MORE </div>-->

                    <!--                    &lt;!&ndash; LAYER NR. 19 &ndash;&gt;-->
                    <!--                    <div class="tp-caption rev-btn "-->
                    <!--                         id="slide-4-layer-5"-->
                    <!--                         data-x="['right','center','center','center']" data-hoffset="['168','90','90','90']"-->
                    <!--                         data-y="['middle','middle','middle','middle']" data-voffset="['82','82','73','70']"-->
                    <!--                         data-color="['rgb(0,0,0)','rgb(0,0,0)','rgb(255,255,255)','rgb(255,255,255)']"-->
                    <!--                         data-width="none"-->
                    <!--                         data-height="none"-->
                    <!--                         data-whitespace="nowrap"-->

                    <!--                         data-type="button"-->
                    <!--                         data-responsive_offset="on"-->
                    <!--                         data-responsive="off"-->
                    <!--                         data-frames='[{"delay":10,"speed":1500,"frame":"0","from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(0,0,0,1);bg:rgba(255,255,255,1);bc:rgba(0,0,0,1);bw:0 0 0 0;"}]'-->
                    <!--                         data-textAlign="['inherit','inherit','inherit','inherit']"-->
                    <!--                         data-paddingtop="[12,12,12,12]"-->
                    <!--                         data-paddingright="[35,35,35,35]"-->
                    <!--                         data-paddingbottom="[12,12,12,12]"-->
                    <!--                         data-paddingleft="[35,35,35,35]"-->

                    <!--                         style="z-index: 9; white-space: nowrap; font-size: 12px; line-height: 17px; font-weight: 600; color: #000000; font-family:'Poppins', sans-serif;background-color:rgba(255,255,255,0);border-color:rgb(0,0,0);border-style:solid;border-width:1px 1px 1px 1px;border-radius:3px 3px 3px 3px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">SHOP NOW </div>-->
                </li>


                <!-- SLIDE  -->
                <li data-index="rs-1" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="300"  data-thumb="assets/100x50_a1c1a-slider-bg-1.jpg"  data-rotate="0"  data-saveperformance="off"  data-title="Slide 1" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                    <!-- MAIN IMAGE -->
                    <img src="shop/img/slider-bg-1.jpg"  alt=""  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
                    <!-- LAYERS -->

                    <!-- LAYER NR. 1 -->
                    <div class="tp-caption   tp-resizeme"
                         id="slide-1-layer-1"
                         data-x="['left','center','center','center']" data-hoffset="['5','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-120','-115','-114','-114']"
                         data-fontsize="['16','14','14','14']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"
                         data-type="text"
                         data-responsive_offset="on"
                         data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                         data-textAlign="['inherit','inherit','inherit','inherit']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"

                         style="z-index: 5; white-space: nowrap; font-size: 16px; line-height: 22px; font-weight: 500; color: #eaeaef; letter-spacing: 0;font-family:'Poppins', sans-serif;">The Most latest </div>

                    <!-- LAYER NR. 2 -->
                    <div class="tp-caption   tp-resizeme"
                         id="slide-1-layer-2"
                         data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-52','-52','-52','-52']"
                         data-fontsize="['60','60','50','40']"
                         data-lineheight="['54','16','16','51']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"
                         data-type="text"
                         data-responsive_offset="on"

                         data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                         data-textAlign="['inherit','inherit','inherit','inherit']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"
                         style="z-index: 6; white-space: nowrap; font-size: 60px; line-height: 54px; font-weight: 500; color: #ffffff; letter-spacing: 0px;font-family:'Poppins', sans-serif;">Classic Collection </div>

                    <!-- LAYER NR. 3 -->
                    <div class="tp-caption   tp-resizeme"
                         id="slide-1-layer-3"
                         data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['5','5','5','5']"
                         data-fontsize="['18','18','16','16']"
                         data-width="none"
                         data-height="none"
                         data-whitespace="nowrap"
                         data-type="text"
                         data-responsive_offset="on"
                         data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                         data-textAlign="['inherit','inherit','inherit','inherit']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"

                         style="z-index: 7; white-space: nowrap; font-size: 18px; line-height: 22px; font-weight: 400; color: #eaeaef; letter-spacing: 0px;font-family:'Poppins', sans-serif;">Choose from clothes of World’s Famous Brands </div>

                    <div class="tp-caption   tp-resizeme"
                         id="slide-1-layer-8"
                         data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['top','top','top','top']" data-voffset="['400','439','523','270']"
                         data-width="['160','160','260','260']"
                         data-height="none"
                         data-whitespace="nowrap"
                         data-type="button"
                         data-responsive_offset="on"
                         data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"500","ease":"Linear.ease","to":"o:1;rX:0;rY:0;rZ:0;z:0;"}]'
                         data-textAlign="['inherit','inherit','inherit','inherit']"
                         data-paddingtop="[0,0,0,0]"
                         data-paddingright="[0,0,0,0]"
                         data-paddingbottom="[0,0,0,0]"
                         data-paddingleft="[0,0,0,0]"

                         style="z-index: 11; max-width:960px; white-space: nowrap; font-size: 12px; line-height: 22px; font-weight: 600; color: #ffffff; letter-spacing: 0px;font-family:Poppins;"><a href="#" class="btn white-btn mr-3"> READ MORE</a> <a href="#" class="btn trans-btn">SHOW NOW</a>
                    </div>

                </li>


            </ul>
            <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div></div>
    </div><!-- END REVOLUTION SLIDER -->
</div>
<!--SLIDER END-->

<!-- START PORTOLIO SECTION -->
<div class="portfolio-section">
    <div class="container">
        <div class="row">

            <!-- START PORTFOLIO HEADING -->
            <div class="col-12">
                <div class="portfolioHeading text-center">
                    <h1 class="high-lighted-heading">Our Luxurious Product</h1>
                    <p>Aenean imperdiet. Etiam ultricies nisi vel augue men tuhi spectrum alle me.</p>
                </div>
            </div>
            <!-- END PORTFOLIO HEADING -->

                <!-- START FILTERS -->
            <div class="col-12">
                <div class="clearfix d-flex justify-content-center">
                    <div id="js-filters-blog-posts" class="cbp-l-filters-button cbp-1-filters-alignCenter">
                        <div data-filter="*" class="cbp-filter-item-active cbp-filter-item cbp-l-filters-list-first">All </div>
                        <div data-filter=".CausalShirts" class="cbp-filter-item">Causal Shirts </div>
                        <div data-filter=".formalShirts" class="cbp-filter-item">Formal Shirts </div>
                        <div data-filter=".others" class="cbp-filter-item cbp-l-filters-list-last">Others </div>
                    </div>
                </div>
            </div>
                <!-- END FILTERS -->

                <!-- START PORTFOLIO IMAGES -->
            <div class="col-12">
                <div id="js-grid-blog-posts" class="cbp">

                    <div class="cbp-item CausalShirts others wow slideInUp">
                        <a class="portfolio-circle-cart" href="shop/shop-cart.html">
                            <i class="fa fa-shopping-cart"></i>
                        </a>
                        <div class="cbp-caption-defaultWrap  owl-theme sync-portfolio-carousel owl-carousel">
                            <div class="item"> <a href="shop/img/product-listing/p24.jpg" class="cbp-caption" data-fancybox="gallery1" data-title="Shirt Name"><img src="shop/img/product-listing/p24.jpg" alt=""></a></div>
                            <div class="item"> <a href="shop/img/product-listing/p25.jpg" class="cbp-caption" data-fancybox="gallery1" data-title="Shirt Name"><img src="shop/img/product-listing/p25.jpg" alt=""></a></div>
                        </div>
                        <div class="row">
                            <div class="col-12 text-center">
                                <a href="shop/product-detail.html" target="_blank" class="cbp-l-grid-blog-title portfolio-title">Light Wear </a>
                            </div>
                            <div class="col-12 text-center">
                                <div class="cbp-l-grid-blog-desc portfolio-des">$999.00</div>
                            </div>
                        </div>
                    </div>

                    <div class="cbp-item formalShirts CausalShirts wow slideInUp">
                        <a class="portfolio-circle-cart" href="shop/shop-cart.html">
                            <i class="fa fa-shopping-cart"></i>
                        </a>
                        <div class="cbp-caption-defaultWrap  owl-theme sync-portfolio-carousel owl-carousel">
                            <div class="item"> <a href="shop/img/product-listing/p26.jpg" class="cbp-caption" data-fancybox="gallery2"  data-title="Shirt Name"> <img src="shop/img/product-listing/p26.jpg" alt=""></a></div>
                            <div class="item"> <a href="shop/img/product-listing/p27.jpg" class="cbp-caption" data-fancybox="gallery2"  data-title="Shirt Name"><img src="shop/img/product-listing/p27.jpg" alt=""></a></div>
                        </div>

                        <div class="row">
                            <div class="col-12 text-center">
                                <a href="shop/product-detail.html" target="_blank" class="cbp-l-grid-blog-title portfolio-title">Light Wear </a>
                            </div>
                            <div class="col-12 text-center">
                                <div class="cbp-l-grid-blog-desc portfolio-des">$999.00</div>
                            </div>
                        </div>
                    </div>

                    <div class="cbp-item CausalShirts others wow slideInUp">
                        <a class="portfolio-circle-cart" href="shop/shop-cart.html">
                            <i class="fa fa-shopping-cart"></i>
                        </a>
                    <div class="cbp-caption-defaultWrap  owl-theme sync-portfolio-carousel owl-carousel">
                        <div class="item"> <a href="shop/img/product-listing/p30.jpg" class="cbp-caption" data-fancybox="gallery3"  data-title="Shirt Name"> <img src="shop/img/product-listing/p30.jpg" alt=""></a></div>
                        <div class="item"> <a href="shop/img/product-listing/p31.jpg" class="cbp-caption" data-fancybox="gallery3" data-title="Shirt Name"><img src="shop/img/product-listing/p31.jpg" alt=""></a></div>
                    </div>

                        <div class="row">
                            <div class="col-12 text-center">
                                <a href="shop/product-detail.html" target="_blank" class="cbp-l-grid-blog-title portfolio-title">Light Wear </a>
                            </div>
                            <div class="col-12 text-center">
                                <div class="cbp-l-grid-blog-desc portfolio-des">$999.00</div>
                            </div>
                        </div>
                    </div>

                    <div class="cbp-item formalShirts CausalShirts wow slideInUp">

                        <a class="portfolio-circle-cart" href="shop/shop-cart.html">
                            <i class="fa fa-shopping-cart"></i>
                        </a>

                        <div class="cbp-caption-defaultWrap  owl-theme sync-portfolio-carousel owl-carousel">
                            <div class="item"> <a href="shop/img/product-listing/p28.jpg" class="cbp-caption" data-fancybox="gallery4" data-title="Shirt Name"> <img src="shop/img/product-listing/p28.jpg" alt=""></a></div>
                            <div class="item"> <a href="shop/img/product-listing/p29.jpg" class="cbp-caption" data-fancybox="gallery4" data-title="Shirt Name"><img src="shop/img/product-listing/p29.jpg" alt=""></a></div>
                        </div>

                        <div class="row">
                            <div class="col-12 text-center">
                                <a href="shop/product-detail.html" target="_blank" class="cbp-l-grid-blog-title portfolio-title">Long Frock</a>
                            </div>
                            <div class="col-12 text-center">
                                <div class="cbp-l-grid-blog-desc portfolio-des">$999.00</div>
                            </div>
                        </div>
                    </div>

                    <div class="cbp-item motion CausalShirts wow slideInUp">
                        <a class="portfolio-circle-cart" href="shop/shop-cart.html">
                            <i class="fa fa-shopping-cart"></i>
                        </a>

                        <div class="cbp-caption-defaultWrap  owl-theme sync-portfolio-carousel owl-carousel">
                            <div class="item"> <a href="shop/img/product-listing/p34.jpg" class="cbp-caption" data-fancybox="gallery5"  data-title="Shirt Name"> <img src="shop/img/product-listing/p34.jpg" alt=""></a></div>
                            <div class="item"> <a href="shop/img/product-listing/p35.jpg" class="cbp-caption" data-fancybox="gallery5" data-title="Shirt Name"><img src="shop/img/product-listing/p35.jpg" alt=""></a></div>
                        </div>

                        <div class="row">
                            <div class="col-12 text-center">
                                <a href="shop/product-detail.html" target="_blank" class="cbp-l-grid-blog-title portfolio-title">Casual Wear </a>
                            </div>
                            <div class="col-12 text-center">
                                <div class="cbp-l-grid-blog-desc portfolio-des">$999.00</div>
                            </div>
                        </div>

                    </div>

                    <div class="cbp-item formalShirts CausalShirts wow slideInUp">
                        <a class="portfolio-circle-cart" href="shop/shop-cart.html">
                            <i class="fa fa-shopping-cart"></i>
                        </a>

                        <div class="cbp-caption-defaultWrap  owl-theme sync-portfolio-carousel owl-carousel">
                            <div class="item"> <a href="shop/img/product-listing/p32.jpg" class="cbp-caption" data-fancybox="gallery6"  data-title="Shirt Name"> <img src="shop/img/product-listing/p32.jpg" alt=""></a></div>
                            <div class="item"> <a href="shop/img/product-listing/p33.jpg" class="cbp-caption" data-fancybox="gallery6" data-title="Shirt Name"><img src="shop/img/product-listing/p33.jpg" alt=""></a></div>
                        </div>

                        <div class="row">
                            <div class="col-12 text-center">
                                <a href="shop/product-detail.html" target="_blank" class="cbp-l-grid-blog-title portfolio-title">Casual Wear </a>
                            </div>
                            <div class="col-12 text-center">
                                <div class="cbp-l-grid-blog-desc portfolio-des">$999.00</div>
                            </div>
                        </div>

                    </div>

                </div>
            </div>
                <!-- END PORTFOLIO IMAGES -->

        </div>
    </div>
</div>
<!-- END PORTOLIO SECTION -->

<!--START BANNER SECTION-->
<div class="banner-section parallax-slide">
    <div class="container">
        <div class="row">
            <div class="col-12 col-lg-6 offset-lg-5 text-center">
                <div class="banner-content-wrapper">
                <span>TRENDING PRODUCT OF THE WEEK</span>
                <h1>Shirts Collections</h1>
                <p>Aenean imperdiet. Etiam ultricies nisi vel augue men tuhi spectrum alle me</p>
                 <button type="button" class="btn black-btn-with-border">SHOP NOW</button>
                </div>
            </div>
        </div>
    </div>
</div>
<!--END BANNER SECTION-->

<!--START LATEST ARRIVALS-->
<div class="lastest_arrivals">
    <div class="container">
        <div class="row">
            <div class="col-12 mb-4">
                <h1>Latest Arrivals</h1>
            </div>

            <div class="col-12">
                <div class="lastest_featured_products owl-carousel owl-theme">

                    <div class="lastest_arrival_items item">
                        <a href="#" class="lastest-addto-cart"><i class="fa fa-shopping-cart"></i></a>
                        <div class="card">
                            <span class="product-type">NEW</span>
                            <div class="image-holder">
                            <a href="shop/img/l1.jpg"  data-fancybox="lastest_product"  data-title="Shirt Name">
                                <img src="shop/img/l1.jpg" class="card-img-top" alt="Lastest Arrivals 1">
                            </a>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-12 text-center">
                                        <h5 class="card-title">Casual Wear</h5>
                                    </div>
                                    <div class="col-12 text-center">
                                        <p class="card-text"> $999.00</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="lastest_arrival_items item">
                        <a href="#" class="lastest-addto-cart"><i class="fa fa-shopping-cart"></i></a>
                        <div class="card">  <span class="product-type">NEW</span>
                            <div class="image-holder">
                                <a href="shop/img/l7.jpg"  data-fancybox="lastest_product"  data-title="Lastest Arrivals 1">
                            <img src="shop/img/l7.jpg" class="card-img-top" alt="Lastest Arrivals 1">
                                </a>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-12 text-center">
                                        <h5 class="card-title">Light Wear</h5>
                                    </div>
                                    <div class="col-12 text-center">
                                        <p class="card-text text-center"> $999.00</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="lastest_arrival_items item">
                        <a href="#" class="lastest-addto-cart"><i class="fa fa-shopping-cart"></i></a>
                        <div class="card">
                            <span class="product-type">NEW</span>
                            <div class="image-holder">
                            <a href="shop/img/l8.jpg"  data-fancybox="lastest_product"  data-title="Lastest Arrivals 1">
                            <img src="shop/img/l8.jpg" class="card-img-top" alt="Lastest Arrivals 1">
                            </a>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-12 text-center">
                                        <h5 class="card-title">Long Frock</h5>
                                    </div>
                                    <div class="col-12 text-center">
                                        <p class="card-text text-center"> $999.00</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="lastest_arrival_items item">
                        <a href="#" class="lastest-addto-cart"><i class="fa fa-shopping-cart"></i></a>
                        <div class="card">
                            <span class="product-type">NEW</span>
                            <div class="image-holder">
                            <a href="shop/img/l9.jpg"  data-fancybox="lastest_product"  data-title="Lastest Arrivals 1">
                            <img src="shop/img/l9.jpg" class="card-img-top" alt="Lastest Arrivals 1">
                            </a>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-12 text-center">
                                        <h5 class="card-title">Casual Wear</h5>
                                    </div>
                                    <div class="col-12 text-center">
                                        <p class="card-text text-center"> $999.00</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="lastest_arrival_items item">
                        <a href="#" class="lastest-addto-cart"><i class="fa fa-shopping-cart"></i></a>
                        <div class="card">
                            <span class="product-type">NEW</span>
                            <div class="image-holder">
                            <a href="shop/img/l10.jpg"  data-fancybox="lastest_product"  data-title="Lastest Arrivals 1">
                            <img src="shop/img/l10.jpg" class="card-img-top" alt="Lastest Arrivals 1">
                            </a>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-12 text-center">
                                        <h5 class="card-title">Casual Wear</h5>
                                    </div>
                                    <div class="col-12 text-center">
                                        <p class="card-text text-center"> $999.00</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="lastest_arrival_items item">
                        <a href="#" class="lastest-addto-cart"><i class="fa fa-shopping-cart"></i></a>
                        <div class="card">
                            <span class="product-type">NEW</span>
                            <div class="image-holder">
                            <a href="shop/img/l11.jpg"  data-fancybox="lastest_product"  data-title="Lastest Arrivals 1">
                            <img src="shop/img/l11.jpg" class="card-img-top" alt="Lastest Arrivals 1">
                            </a>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-12 text-center">
                                        <h5 class="card-title">Light Wear</h5>
                                    </div>
                                    <div class="col-12 text-center">
                                        <p class="card-text text-center"> $999.00</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="lastest_arrival_items item">
                        <a href="#" class="lastest-addto-cart"><i class="fa fa-shopping-cart"></i></a>
                        <div class="card">
                            <span class="product-type">NEW</span>
                            <div class="image-holder">
                            <a href="shop/img/l12.jpg"  data-fancybox="lastest_product"  data-title="Lastest Arrivals 1">
                            <img src="shop/img/l12.jpg" class="card-img-top" alt="Lastest Arrivals 1">
                            </a>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-12 text-center">
                                        <h5 class="card-title">Light Wear</h5>
                                    </div>
                                    <div class="col-12 text-center">
                                        <p class="card-text text-center"> $999.00</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="lastest_arrival_items item">
                        <a href="#" class="lastest-addto-cart"><i class="fa fa-shopping-cart"></i></a>
                        <div class="card">
                            <span class="product-type">NEW</span>
                            <div class="image-holder">
                                <a href="shop/img/l7.jpg"  data-fancybox="lastest_product"  data-title="Lastest Arrivals 1">
                                <img src="shop/img/l13.jpg" class="card-img-top" alt="Lastest Arrivals 1">
                                </a>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-12 text-center">
                                        <h5 class="card-title">Casual Wear</h5>
                                    </div>
                                    <div class="col-12 text-center">
                                        <p class="card-text text-center"> $999.00</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
<!--END LATEST ARRIVALS-->

<!--footer1 sec start-->
<div class="footer">
    <div class="container">
        <div class="row footer-container">
            <div class="col-sm-12 col-lg-4 f-sec1  text-center text-lg-left">
                <h4 class="high-lighted-heading">About Us</h4>
                <p>We take our mission of increasing our global access to quality education seriously. </p>
                <a href="#">Read more</a>
                <h4>Social Network</h4>
                <div class="s-icons">
                    <ul class="social-icons-simple">
                        <li><a href="javascript:void(0)" class="facebook-bg-hvr"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
                        <li><a href="javascript:void(0)" class="twitter-bg-hvr"><i class="fab fa-twitter" aria-hidden="true"></i></a> </li>
                        <li><a href="javascript:void(0)" class="instagram-bg-hvr"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
                    </ul>
                </div>
            </div>
            <div class="col-sm-12 col-lg-5 f-sec2 ">
                <div class="row">
                    <div class="col-12 col-md-6">
                        <h4 class="text-center text-md-left">Information</h4>
                        <ul class="text-center text-md-left">
                            <li><a href="#">About Us</a></li>
                            <li><a href="#">Delivery Information</a></li>
                            <li><a href="#">Privacy Policy</a></li>
                            <li><a href="#">Terms & Condition</a></li>
                            <li><a href="#">FAQ</a></li>
                            <li><a href="shop/contact.html">Contact Us</a></li>
                            <li><a href="#">Products</a></li>
                        </ul>
                    </div>
                    <div class="col-12 col-md-6">
                        <h4 class="text-center text-md-left">Account Info</h4>
                        <ul class="text-center text-md-left">
                            <li><a href="#">Login & Register</a></li>
                            <li><a href="#">Order History</a></li>
                            <li><a href="#">Shipping Info</a></li>
                            <li><a href="#">Refund Policy</a></li>
                            <li><a href="#">Responsive Website</a></li>
                            <li><a href="#">Subscription</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-sm-12 col-lg-3 f-sec3  text-center text-lg-left">
                <h4>Our Portfolio</h4>
                <div class="foot-tag-list">
                    <span>T-shirt</span>
                    <span>Casual</span>
                    <span>Shorts</span>
                    <span>Formal</span>
                    <span>Formal-Shirt</span>
                    <span>Shopping</span>
                    <span>Shirts</span>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12 footer_notes">
                <p class="whitecolor text-center w-100 wow fadeInDown">&copy; 2020 MegaOne. Made With Love by <a class="web-link" href="http://www.themesindustry.com/" target="_blank">Themesindustry</a></p>
            </div>
        </div>
    </div>
</div>
<!--foo0ter1 sec end-->

<!--START SEARCH AREA-->
<div class="search-box-overlay">
    <a><i class="fas fa-times cross-sign" id="close-window"></i></a>

    <div class="container">
        <div class="row">
            <div class="col-12 search-col">
                <form action="#">
                <div class="input-group search-box-form">
                    <input type="text" class="form-control" placeholder="Search Here" aria-label="Search Here">
                    <div class="input-group-prepend">
                        <button class="input-group-text" type="submit" id="basic-addon1"><i class="fas fa-search"></i></button>
                    </div>
                </div>
                </form>
            </div>
            <div class="search-listing row">
                <div class="col-12 mb-4">
                    <h4 class="">Filtered Items</h4>
                </div>
                <div class="col-12">
                    <div class="listing-search-scroll">
                    <div class="media row">
                        <div class="img-holder ml-1 mr-2 col-4">
                            <a  href="#"><img src="shop/img/product-listing/p54.jpg" class="align-self-center" alt="cartitem"></a>
                        </div>
                        <div class="media-body mt-auto mb-auto col-8">
                            <h5 class="name"><a href="#">Light wear</a></h5>
                            <p class="category">light wear Lastest</p>
                            <a class="btn black-sm-btn" href="shop/shop-cart.html"><i class="fas fa-shopping-bag"></i></a>
                            <a class="btn black-sm-btn"><i class="fas fa-eye"></i></a>
                        </div>
                    </div>
                    <div class="media row">
                        <div class="img-holder ml-1 mr-2 col-4">
                            <a  href="#"><img src="shop/img/product-listing/p58.jpg" class="align-self-center" alt="cartitem"></a>
                        </div>
                        <div class="media-body mt-auto mb-auto col-8">
                            <h5 class="name"><a  href="#">light wear</a></h5>
                            <p class="category">light wear Lastest</p>
                            <a class="btn black-sm-btn" href="shop/shop-cart.html"><i class="fas fa-shopping-bag"></i></a>
                            <a class="btn black-sm-btn"><i class="fas fa-eye"></i></a>
                        </div>
                    </div>
                    <div class="media row">
                        <div class="img-holder ml-1 mr-2 col-4">
                            <a  href="#"><img src="shop/img/product-listing/p6.jpg" class="align-self-center" alt="cartitem"></a>
                        </div>
                        <div class="media-body mt-auto mb-auto col-8">
                            <h5 class="name"><a href="#"> light wear</a></h5>
                            <p class="category">light wear Lastest</p>
                            <a class="btn black-sm-btn" href="shop/shop-cart.html"><i class="fas fa-shopping-bag"></i></a>
                            <a class="btn black-sm-btn"><i class="fas fa-eye"></i></a>
                        </div>
                    </div>
                    <div class="media row">
                        <div class="img-holder ml-1 mr-2 col-4">
                            <a  href="#"><img src="shop/img/product-listing/p6.jpg" class="align-self-center" alt="cartitem"></a>
                        </div>
                        <div class="media-body mt-auto mb-auto col-8">
                            <h5 class="name"><a href="#"> light wear</a></h5>
                            <p class="category">light wear Lastest</p>
                            <a class="btn black-sm-btn" href="shop/shop-cart.html"><i class="fas fa-shopping-bag"></i></a>
                            <a class="btn black-sm-btn"><i class="fas fa-eye"></i></a>
                        </div>
                    </div>
                    </div>
                </div>
            </div>
            <div class="col-12">
                <hr>
            </div>

            <div class="col-12">
                <h4 class="outlet-title text-center"> - Outlets - </h4>
            </div>

            <div class="col-12">
                <div class="search-box-meida-items owl-carousel owl-theme">

                    <div class="item">
                        <div class="brand-search-box ml-auto mr-auto">
                            <div class="media">
                                <div class="brand-box-holder">
                                    <a href="#"> <img class="mr-3" src="shop/img/product-listing/p38.jpg" alt="Generic placeholder image"></a>
                                </div>
                                <div class="media-body">
                                    <h5 class="mt-0"><a href="#"> Modest Fashion</a></h5>
                                    <p> Cras sit amet nibh libero.</p>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="item">
                        <div class="brand-search-box ml-auto mr-auto">
                            <div class="media">
                                <div class="brand-box-holder">
                                    <img class="mr-3" src="shop/img/product-listing/p38.jpg" alt="Generic placeholder image">
                                </div>
                                <div class="media-body">
                                    <h5 class="mt-0"><a href="shop/product-listing.html"> Modest Fashion</a></h5>
                                    <p> Cras sit amet nibh libero.</p>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="item">
                        <div class="brand-search-box ml-auto mr-auto">
                            <div class="media">
                                <div class="brand-box-holder">
                                    <img class="mr-3" src="shop/img/product-listing/p38.jpg" alt="Generic placeholder image">
                                </div>
                                <div class="media-body">
                                    <h5 class="mt-0"><a href="shop/product-listing.html"> Modest Fashion</a></h5>
                                    <p> Cras sit amet nibh libero.</p>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="item">
                        <div class="brand-search-box ml-auto mr-auto">
                            <div class="media">
                                <div class="brand-box-holder">
                                    <img class="mr-3" src="shop/img/product-listing/p38.jpg" alt="Generic placeholder image">
                                </div>
                                <div class="media-body">
                                    <h5 class="mt-0"><a href="shop/product-listing.html"> Modest Fashion</a></h5>
                                    <p> Cras sit amet nibh libero.</p>
                                </div>
                            </div>
                        </div>

                    </div>


                </div>
            </div>
        </div>
    </div>

</div>
<!--END SEARCH AREA -->

<!-- JavaScript -->
<script src="vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="vendor/js/jquery.fancybox.min.js"></script>
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="vendor/js/swiper.min.js"></script>
<script src="vendor/js/jquery.cubeportfolio.min.js"></script>
<script src="vendor/js/wow.min.js"></script>
<script src="vendor/js/bootstrap-input-spinner.js"></script>
<script src="vendor/js/parallaxie.min.js"></script>
<script src="vendor/js/stickyfill.min.js"></script>
<script src="shop/js/nouislider.min.js"></script>

<script src="vendor/js/jquery.themepunch.tools.min.js"></script>
<script src="vendor/js/jquery.themepunch.revolution.min.js"></script>
<!-- SLIDER REVOLUTION EXTENSIONS -->
<script src="vendor/js/extensions/revolution.extension.actions.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.migration.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.video.min.js"></script>

<!-- Custom Script -->
<script src="shop/js/script.js"></script>
</body>
</html>



web shell, Coded By 2019