<?php include("header.php")?>


<style>
.hs-wrapper1 {
    width: 255px !important;
    height: 250px !important;
</style>




<!-- banner -->
<div class="banner8" id="home1">
    <div class="container">
        <h2>Printed T-Shirt<span>up to</span> Flat 40% <i>Discount</i></h2>
    </div>
</div>
<!-- //banner -->

<!-- breadcrumbs -->
<div class="breadcrumb_dress">
    <div class="container">
        <ul>
            <li><a href="index.php"><span class="glyphicon glyphicon-home" aria-hidden="true"></span> Home</a> <i>/</i></li>
            <li>Best Seller</li>
        </ul>
    </div>
</div>
<!-- //breadcrumbs -->
<!-- banner-bottom1 -->
<div class="banner-bottom1">
    <div class="agileinfo_banner_bottom1_grids">
        <div class="col-md-7 agileinfo_banner_bottom1_grid_left">
            <h3>Grand Opening Event With flat<span>20% <i>Discount</i></span></h3>
            <a href="products.html">Shop Now</a>
        </div>
        <div class="col-md-5 agileinfo_banner_bottom1_grid_right">
            <h4>hot deal</h4>
            <div class="timer_wrap">
                <div id="counter"> </div>
            </div>
            <script src="js/jquery.countdown.js"></script>
            <script src="js/script.js"></script>
        </div>
        <div class="clearfix"> </div>
    </div>
</div>
<!-- //banner-bottom1 -->
<!-- new-products -->
<div class="new-products">
    <div class="container">
        <h3>Best Sellers</h3>
        <div class="agileinfo_new_products_grids">
            <div class="col-md-3 agileinfo_new_products_grid">
                <div class="agile_ecommerce_tab_left agileinfo_new_products_grid1">
                    <div class="hs-wrapper hs-wrapper1">
                        <img src="images/round/r6.png" alt=" " class="img-responsive" />
                        <img src="images/collar/c2.png" alt=" " class="img-responsive" />
                        <img src="images/Custom/p2.png" alt=" " class="img-responsive" />
                        <img src="images/round/r4.png" alt=" " class="img-responsive" />
                        <img src="images/collar/c4.png" alt=" " class="img-responsive" />
                        <img src="images/Custom/p4.png" alt=" " class="img-responsive" />
                    </div>
                    <h5><a href="single.html">Product Name</a></h5>
                    <div class="simpleCart_shelfItem">
                        <p><span>Rs.320</span> <i class="item_price">Rs.250</i></p>
                        <p><a class="item_add" href="#">Add to cart</a></p>
                    </div>
                </div>
            </div>
            <div class="col-md-3 agileinfo_new_products_grid">
                <div class="agile_ecommerce_tab_left agileinfo_new_products_grid1">
                    <div class="hs-wrapper hs-wrapper1">
                        <img src="images/round/r1.png" alt=" " class="img-responsive" />
                        <img src="images/round/r2.png" alt=" " class="img-responsive" />
                        <img src="images/round/r3.png" alt=" " class="img-responsive" />
                        <img src="images/round/r4.png" alt=" " class="img-responsive" />
                        <img src="images/round/r5.png" alt=" " class="img-responsive" />
                        <img src="images/round/r6.png" alt=" " class="img-responsive" />

                    </div>
                    <h5><a href="single.html">Product Name</a></h5>
                    <div class="simpleCart_shelfItem">
                        <p><span>Rs.320</span> <i class="item_price">Rs.250</i></p>
                        <p><a class="item_add" href="#">Add to cart</a></p>
                    </div>
                </div>
            </div>
            <div class="col-md-3 agileinfo_new_products_grid">
                <div class="agile_ecommerce_tab_left agileinfo_new_products_grid1">
                    <div class="hs-wrapper hs-wrapper1">
                        <img src="images/collar/c1.png" alt=" " class="img-responsive" />
                        <img src="images/collar/c2.png" alt=" " class="img-responsive" />
                        <img src="images/collar/c3.png" alt=" " class="img-responsive" />
                        <img src="images/collar/c4.png" alt=" " class="img-responsive" />
                        <img src="images/collar/c5.png" alt=" " class="img-responsive" />
                        <img src="images/collar/c6.png" alt=" " class="img-responsive" />
                    </div>
                    <h5><a href="single.html">Product Name</a></h5>
                    <div class="simpleCart_shelfItem">
                        <p><span>Rs.320</span> <i class="item_price">Rs.250</i></p>
                        <p><a class="item_add" href="#">Add to cart</a></p>
                    </div>
                </div>
            </div>
            <div class="col-md-3 agileinfo_new_products_grid">
                <div class="agile_ecommerce_tab_left agileinfo_new_products_grid1">
                    <div class="hs-wrapper hs-wrapper1">
                        <img src="images/Custom/p1.png" alt=" " class="img-responsive" />
                        <img src="images/Custom/p2.png" alt=" " class="img-responsive" />
                        <img src="images/Custom/p3.png" alt=" " class="img-responsive" />
                        <img src="images/Custom/p4.png" alt=" " class="img-responsive" />
                        <img src="images/Custom/p5.png" alt=" " class="img-responsive" />
                        <img src="images/Custom/p6.png" alt=" " class="img-responsive" />
                    </div>
                    <h5><a href="single.html">Product Name</a></h5>
                    <div class="simpleCart_shelfItem">
                        <p><span>Rs.320</span> <i class="item_price">Rs.250</i></p>
                        <p><a class="item_add" href="#">Add to cart</a></p>
                    </div>
                </div>
            </div>
            <div class="clearfix"> </div>
        </div>
    </div>
</div>
<!-- //new-products -->

<!-- top-brands -->
<div class="top-brands">
    <div class="container">
        <h3>Top Brands</h3>
        <div class="sliderfig">
            <ul id="flexiselDemo1">
                <li>
                    <img src="images/4.png" alt=" " class="img-responsive" />
                </li>
                <li>
                    <img src="images/5.png" alt=" " class="img-responsive" />
                </li>
                <li>
                    <img src="images/6.png" alt=" " class="img-responsive" />
                </li>
                <li>
                    <img src="images/7.png" alt=" " class="img-responsive" />
                </li>
                <li>
                    <img src="images/46.jpg" alt=" " class="img-responsive" />
                </li>
            </ul>
        </div>
        <script type="text/javascript">
            $(window).load(function() {
                $("#flexiselDemo1").flexisel({
                    visibleItems: 4,
                    animationSpeed: 1000,
                    autoPlay: true,
                    autoPlaySpeed: 3000,
                    pauseOnHover: true,
                    enableResponsiveBreakpoints: true,
                    responsiveBreakpoints: {
                        portrait: {
                            changePoint: 480,
                            visibleItems: 1
                        },
                        landscape: {
                            changePoint: 640,
                            visibleItems: 2
                        },
                        tablet: {
                            changePoint: 768,
                            visibleItems: 3
                        }
                    }
                });

            });

        </script>
        <script type="text/javascript" src="js/jquery.flexisel.js"></script>
    </div>
</div>
<!-- //top-brands -->


<?php include("footer.php")?>
