
<!DOCTYPE html>
<html>
<head>
    <title>BOX SHOP an E-Commerce online Shopping Category Flat Bootstarp responsive Website Template| Home :: w3layouts</title>
    <link rel='stylesheet' href="{{URL::asset('css/bootstrap.css') }}"  type='text/css' />
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="{{URL::asset('js/jquery.min.js') }}"></script>
    <!-- Custom Theme files -->
    <link href="{{URL::asset('css/style.css') }}" rel="stylesheet" type="text/css" media="all" />
    <!-- Custom Theme files -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="BOX SHOP Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!--webfont-->
    <link href='http://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
    <!-- start menu -->
    <link href="{{URL::asset('css/megamenu.css') }}" rel="stylesheet" type="text/css" media="all" />
    <script type="text/javascript" src="{{URL::asset('js/megamenu.js') }}"></script>
    <script>$(document).ready(function(){$(".megamenu").megamenu();});</script>
    <!-- start slider -->
    <script src="{{URL::asset('js/responsiveslides.min.js') }}"></script>
    <script>
        $(function () {
            $("#slider").responsiveSlides({
                auto: true,
                speed: 500,
                namespace: "callbacks",
                pager: true,
            });
        });
    </script>
    <!--end slider -->
    <link rel="stylesheet" href="{{URL::asset('css/flexslider.css') }}" type="text/css" media="screen" />
    <script type="text/javascript">
        $(window).load(function() {
            $("#flexiselDemo").flexisel({
                visibleItems: 5,
                animationSpeed: 1000,
                autoPlay: false,
                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="{{URL::asset('js/jquery.flexisel.js') }}"></script>
</head>
<body>
<!-- header-section-starts -->
<div class="header">
    <div class="top-header">
        <div class="wrap">
            <div class="header-left">
                <ul>
                    <li><a href="#">24x7 Customer Care  </a></li> |
                    <li><a href="order.html"> Track Order</a></li>
                </ul>
            </div>
            <div class="header-right">
                <ul>
                    <li>
                        <i class="user"></i>
                        <a href="account.html">My Account</a>
                    </li>
                    <li class="login">
                        <i class="lock"></i>
                        <a href="login.html">Login</a>|
                    </li>
                    <li>
                        <i class="cart"></i>
                        <a href="#">Shopping Cart</a>
                    </li>
                    <li class="last">0</li>
                </ul>
                <div class="sign-up-right">
                    <a href="login.html">Sign Up</a>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
    <div class="wrap">
        <div class="header-bottom">
            <div class="logo">
                <a href="/"><img src="images/logo.jpg" class="img-responsive" alt="" /></a>
            </div>
            <div class="search">
                <div class="search2">
                    <form>
                        <input type="submit" value="">
                        <input type="text" value="Search for a product, category or brand" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search for a product, category or brand';}"/>
                    </form>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!-- header-section-ends -->
<div class="wrap">
    <div class="navigation-strip">
        <h4>Most Popular<i class="arrow"></i></h4>
        <div class="top-menu">
            <!-- start header menu -->
            <ul class="megamenu skyblue">
                <li><a class="color1" href="#">mobiles</a>
                    <div class="megapanel">
                        <div class="row">
                            <div class="col1">
                                <div class="h_nav">
                                    <h4>shop</h4>
                                    <ul>
                                        <li><a href="products.html">new arrivals</a></li>
                                        <li><a href="products.html">men</a></li>
                                        <li><a href="products.html">women</a></li>
                                        <li><a href="products.html">accessories</a></li>
                                        <li><a href="products.html">kids</a></li>
                                        <li><a href="products.html">brands</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col1">
                                <div class="h_nav">
                                    <h4>help</h4>
                                    <ul>
                                        <li><a href="products.html">trends</a></li>
                                        <li><a href="products.html">sale</a></li>
                                        <li><a href="products.html">style videos</a></li>
                                        <li><a href="products.html">accessories</a></li>
                                        <li><a href="products.html">kids</a></li>
                                        <li><a href="products.html">style videos</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col1">
                                <div class="h_nav">
                                    <h4>my company</h4>
                                    <ul>
                                        <li><a href="products.html">trends</a></li>
                                        <li><a href="products.html">sale</a></li>
                                        <li><a href="products.html">style videos</a></li>
                                        <li><a href="products.html">accessories</a></li>
                                        <li><a href="products.html">kids</a></li>
                                        <li><a href="products.html">style videos</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col1">
                                <div class="h_nav">
                                    <h4>account</h4>
                                    <ul>
                                        <li><a href="login.html">login</a></li>
                                        <li><a href="register.html">create an account</a></li>
                                        <li><a href="products.html">create wishlist</a></li>
                                        <li><a href="single.html">my shopping bag</a></li>
                                        <li><a href="products.html">brands</a></li>
                                        <li><a href="products.html">create wishlist</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col1">
                                <div class="h_nav">
                                    <h4>my company</h4>
                                    <ul>
                                        <li><a href="products.html">trends</a></li>
                                        <li><a href="products.html">sale</a></li>
                                        <li><a href="products.html">style videos</a></li>
                                        <li><a href="products.html">accessories</a></li>
                                        <li><a href="products.html">kids</a></li>
                                        <li><a href="products.html">style videos</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col1">
                                <div class="h_nav">
                                    <h4>popular</h4>
                                    <ul>
                                        <li><a href="products.html">new arrivals</a></li>
                                        <li><a href="products.html">men</a></li>
                                        <li><a href="products.html">women</a></li>
                                        <li><a href="products.html">accessories</a></li>
                                        <li><a href="products.html">kids</a></li>
                                        <li><a href="products.html">style videos</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col2"></div>
                            <div class="col1"></div>
                            <div class="col1"></div>
                            <div class="col1"></div>
                            <div class="col1"></div>
                        </div>
                    </div>
                </li>
                <li class="grid"><a class="color2" href="#">tablets</a>
                    <div class="megapanel">
                        <div class="row">
                            <div class="col1">
                                <div class="h_nav">
                                    <h4>shop</h4>
                                    <ul>
                                        <li><a href="products.html">new arrivals</a></li>
                                        <li><a href="products.html">men</a></li>
                                        <li><a href="products.html">women</a></li>
                                        <li><a href="products.html">accessories</a></li>
                                        <li><a href="products.html">kids</a></li>
                                        <li><a href="products.html">brands</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col1">
                                <div class="h_nav">
                                    <h4>help</h4>
                                    <ul>
                                        <li><a href="products.html">trends</a></li>
                                        <li><a href="products.html">sale</a></li>
                                        <li><a href="products.html">style videos</a></li>
                                        <li><a href="products.html">accessories</a></li>
                                        <li><a href="products.html">kids</a></li>
                                        <li><a href="products.html">style videos</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col1">
                                <div class="h_nav">
                                    <h4>my company</h4>
                                    <ul>
                                        <li><a href="products.html">trends</a></li>
                                        <li><a href="products.html">sale</a></li>
                                        <li><a href="products.html">style videos</a></li>
                                        <li><a href="products.html">accessories</a></li>
                                        <li><a href="products.html">kids</a></li>
                                        <li><a href="products.html">style videos</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col1">
                                <div class="h_nav">
                                    <h4>account</h4>
                                    <ul>
                                        <li><a href="products.html">login</a></li>
                                        <li><a href="products.html">create an account</a></li>
                                        <li><a href="products.html">create wishlist</a></li>
                                        <li><a href="products.html">my shopping bag</a></li>
                                        <li><a href="products.html">brands</a></li>
                                        <li><a href="products.html">create wishlist</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col1">
                                <div class="h_nav">
                                    <h4>my company</h4>
                                    <ul>
                                        <li><a href="products.html">trends</a></li>
                                        <li><a href="products.html">sale</a></li>
                                        <li><a href="products.html">style videos</a></li>
                                        <li><a href="products.html">accessories</a></li>
                                        <li><a href="products.html">kids</a></li>
                                        <li><a href="products.html">style videos</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col1">
                                <div class="h_nav">
                                    <h4>popular</h4>
                                    <ul>
                                        <li><a href="products.html">new arrivals</a></li>
                                        <li><a href="products.html">men</a></li>
                                        <li><a href="products.html">women</a></li>
                                        <li><a href="products.html">accessories</a></li>
                                        <li><a href="products.html">kids</a></li>
                                        <li><a href="products.html">style videos</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col2"></div>
                            <div class="col1"></div>
                            <div class="col1"></div>
                            <div class="col1"></div>
                            <div class="col1"></div>
                        </div>
                    </div>
                </li>
                <li class="grid"><a class="color4" href="#">laptops</a>
                    <div class="megapanel">
                        <div class="row">
                            <div class="col1">
                                <div class="h_nav">
                                    <h4>shop</h4>
                                    <ul>
                                        <li><a href="products.html">new arrivals</a></li>
                                        <li><a href="products.html">men</a></li>
                                        <li><a href="products.html">women</a></li>
                                        <li><a href="products.html">accessories</a></li>
                                        <li><a href="products.html">kids</a></li>
                                        <li><a href="products.html">brands</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col1">
                                <div class="h_nav">
                                    <h4>help</h4>
                                    <ul>
                                        <li><a href="products.html">trends</a></li>
                                        <li><a href="products.html">sale</a></li>
                                        <li><a href="products.html">style videos</a></li>
                                        <li><a href="products.html">accessories</a></li>
                                        <li><a href="products.html">kids</a></li>
                                        <li><a href="products.html">style videos</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col1">
                                <div class="h_nav">
                                    <h4>my company</h4>
                                    <ul>
                                        <li><a href="products.html">trends</a></li>
                                        <li><a href="products.html">sale</a></li>
                                        <li><a href="products.html">style videos</a></li>
                                        <li><a href="products.html">accessories</a></li>
                                        <li><a href="products.html">kids</a></li>
                                        <li><a href="products.html">style videos</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col1">
                                <div class="h_nav">
                                    <h4>account</h4>
                                    <ul>
                                        <li><a href="products.html">login</a></li>
                                        <li><a href="products.html">create an account</a></li>
                                        <li><a href="products.html">create wishlist</a></li>
                                        <li><a href="products.html">my shopping bag</a></li>
                                        <li><a href="products.html">brands</a></li>
                                        <li><a href="products.html">create wishlist</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col1">
                                <div class="h_nav">
                                    <h4>my company</h4>
                                    <ul>
                                        <li><a href="products.html">trends</a></li>
                                        <li><a href="products.html">sale</a></li>
                                        <li><a href="products.html">style videos</a></li>
                                        <li><a href="products.html">accessories</a></li>
                                        <li><a href="products.html">kids</a></li>
                                        <li><a href="products.html">style videos</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col1">
                                <div class="h_nav">
                                    <h4>popular</h4>
                                    <ul>
                                        <li><a href="products.html">new arrivals</a></li>
                                        <li><a href="products.html">men</a></li>
                                        <li><a href="products.html">women</a></li>
                                        <li><a href="products.html">accessories</a></li>
                                        <li><a href="products.html">kids</a></li>
                                        <li><a href="products.html">style videos</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col2"></div>
                            <div class="col1"></div>
                            <div class="col1"></div>
                            <div class="col1"></div>
                            <div class="col1"></div>
                        </div>
                    </div>
                </li>
                <li><a class="color5" href="#">cameras</a>
                    <div class="megapanel">
                        <div class="row">
                            <div class="col1">
                                <div class="h_nav">
                                    <h4>shop</h4>
                                    <ul>
                                        <li><a href="products.html">new arrivals</a></li>
                                        <li><a href="products.html">men</a></li>
                                        <li><a href="products.html">women</a></li>
                                        <li><a href="products.html">accessories</a></li>
                                        <li><a href="products.html">kids</a></li>
                                        <li><a href="products.html">brands</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col1">
                                <div class="h_nav">
                                    <h4>help</h4>
                                    <ul>
                                        <li><a href="products.html">trends</a></li>
                                        <li><a href="products.html">sale</a></li>
                                        <li><a href="products.html">style videos</a></li>
                                        <li><a href="products.html">accessories</a></li>
                                        <li><a href="products.html">kids</a></li>
                                        <li><a href="products.html">style videos</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col1">
                                <div class="h_nav">
                                    <h4>my company</h4>
                                    <ul>
                                        <li><a href="products.html">trends</a></li>
                                        <li><a href="products.html">sale</a></li>
                                        <li><a href="products.html">style videos</a></li>
                                        <li><a href="products.html">accessories</a></li>
                                        <li><a href="products.html">kids</a></li>
                                        <li><a href="products.html">style videos</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col1">
                                <div class="h_nav">
                                    <h4>account</h4>
                                    <ul>
                                        <li><a href="products.html">login</a></li>
                                        <li><a href="products.html">create an account</a></li>
                                        <li><a href="products.html">create wishlist</a></li>
                                        <li><a href="products.html">my shopping bag</a></li>
                                        <li><a href="products.html">brands</a></li>
                                        <li><a href="products.html">create wishlist</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col1">
                                <div class="h_nav">
                                    <h4>my company</h4>
                                    <ul>
                                        <li><a href="products.html">trends</a></li>
                                        <li><a href="products.html">sale</a></li>
                                        <li><a href="products.html">style videos</a></li>
                                        <li><a href="products.html">accessories</a></li>
                                        <li><a href="products.html">kids</a></li>
                                        <li><a href="products.html">style videos</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col1">
                                <div class="h_nav">
                                    <h4>popular</h4>
                                    <ul>
                                        <li><a href="products.html">new arrivals</a></li>
                                        <li><a href="products.html">men</a></li>
                                        <li><a href="products.html">women</a></li>
                                        <li><a href="products.html">accessories</a></li>
                                        <li><a href="products.html">kids</a></li>
                                        <li><a href="products.html">style videos</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col2"></div>
                            <div class="col1"></div>
                            <div class="col1"></div>
                            <div class="col1"></div>
                            <div class="col1"></div>
                        </div>
                    </div>
                </li>

            </ul>
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="main-top">
        <div class="col-md-8 banner">
            <!-- start slider -->
            <!----->
            <div class="slider">
                <div class="callbacks_container">
                    <ul class="rslides" id="slider">
                        <li>
                            <img src="images/slider1.jpg" alt=""/>
                        </li>
                        <li>
                            <img src="images/slider2.jpg" alt=""/>
                        </li>
                        <li>
                            <img src="images/slider3.jpg" alt=""/>
                        </li>
                        <li>
                            <img src="images/slider4.jpg" alt=""/>
                        </li>
                    </ul>
                </div>
            </div>
            <!----->
            <!-- end  slider -->
        </div>
        <div class="col-md-4 right-grid">
            <div class="right-grid-top">
                <div class="r-sale text-center">
                    <h6>Winter wear</h6>
                    <h2>Sale</h2>
                </div>
                <div class="r-discount">
                    <span>upto</span>
                    <h2>50%</h2>
                    <p>OFF</p>
                    <a href="#">shop now<i class="go"></i></a>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="right-grid-bottom">
                <div class="right-grid-bottom-left">
                    <h3>Deal of the Day</h3>
                    <p>Expires in 3:42:56</p>
                    <h5>Wireless Headphones</h5>
                    <h2>Extra 33% OFF</h2>
                    <a href="single.html">shop now<i class="go"></i></a>
                </div>
                <div class="right-grid-bottom-right">
                    <img src="images/headset.png" alt="" />
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="new-arrivals text-center">
        <div class="col-md-3 new-arrival-head">
            <h3>New Arrivals</h3>
            <a class="btn btn-1 btn-1d" href="products.html">View All</a>
        </div>
        <div class="col-md-3 product-item">
            <a href="products.html"><img src="images/watch.jpg" class="img-responsive" alt="" /></a>
            <h3>Watches</h3>
            <a href="single.html">Shop Now<i class="go"></i></a>
        </div>
        <div class="col-md-3 product-item">
            <a href="products.html"><img src="images/men-jacket.jpg" class="img-responsive zoom-img" alt="" /></a>
            <h3>jackets</h3>
            <a href="single.html">Shop Now<i class="go"></i></a>
        </div>
        <div class="col-md-3 product-item">
            <a href="products.html"><img src="images/shoes.jpg" class="img-responsive zoom-img" alt="" /></a>
            <h3>Footwear</h3>
            <a href="single.html">Shop Now<i class="go"></i></a>
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="best-sellers">
        <div class="best-sellers-head">
            <h3>Bestsellers</h3>
        </div>
        <div class="best-sellers-menu">
            <ul>
                <li><a class="active" href="#">Electronics</a></li>
                <li><a href="#">Fashion</a></li>
                <li><a href="#">Books</a></li>
                <li><a href="#">Other</a></li>
            </ul>
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="device">
        <div class="course_demo">
            <ul id="flexiselDemo">
                <li>
                    <div class="ipad text-center">
                        <img src="images/phone.jpg" alt="" />
                        <h4>Ipad Mini</h4>
                        <h3>$499</h3>
                        <ul>
                            <li><i class="cart-1"></i></li>
                            <li><a class="cart" href="#">Add To Cart</a></li>
                        </ul>
                        <div class="clearfix"></div>
                        <ul>
                            <li><i class="heart"></i></li>
                            <li><a class="cart" href="#">Add To Wishlist</a></li>
                        </ul>
                    </div>
                </li>
                <li>
                    <div class="ipad text-center">
                        <img src="images/phone1.jpg" alt="" />
                        <h4>Ipad Mini</h4>
                        <h3>$499</h3>
                        <ul>
                            <li><i class="cart-1"></i></li>
                            <li><a class="cart" href="#">Add To Cart</a></li>
                        </ul>
                        <div class="clearfix"></div>
                        <ul>
                            <li><i class="heart"></i></li>
                            <li><a class="cart" href="#">Add To Wishlist</a></li>
                        </ul>
                    </div>
                </li>
                <li>
                    <div class="ipad text-center">
                        <img src="images/phone2.jpg" alt="" />
                        <h4>Ipad Mini</h4>
                        <h3>$499</h3>
                        <ul>
                            <li><i class="cart-1"></i></li>
                            <li><a class="cart" href="#">Add To Cart</a></li>
                        </ul>
                        <div class="clearfix"></div>
                        <ul>
                            <li><i class="heart"></i></li>
                            <li><a class="cart" href="#">Add To Wishlist</a></li>
                        </ul>
                    </div>
                </li>
                <li>
                    <div class="ipad text-center">
                        <img src="images/phone3.jpg" alt="" />
                        <h4>Ipad Mini</h4>
                        <h3>$499</h3>
                        <ul>
                            <li><i class="cart-1"></i></li>
                            <li><a class="cart" href="#">Add To Cart</a></li>
                        </ul>
                        <div class="clearfix"></div>
                        <ul>
                            <li><i class="heart"></i></li>
                            <li><a class="cart" href="#">Add To Wishlist</a></li>
                        </ul>
                    </div>
                </li>
                <li>
                    <div class="ipad text-center">
                        <img src="images/phone4.jpg" alt="" />
                        <h4>Ipad Mini</h4>
                        <h3>$499</h3>
                        <ul>
                            <li><i class="cart-1"></i></li>
                            <li><a class="cart" href="#">Add To Cart</a></li>
                        </ul>
                        <div class="clearfix"></div>
                        <ul>
                            <li><i class="heart"></i></li>
                            <li><a class="cart" href="#">Add To Wishlist</a></li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="clients">
        <div class="course_demo1">
            <ul id="flexiselDemo1">
                <li>
                    <div class="client">
                        <img src="images/c1.jpg" alt="" />
                    </div>
                </li>
                <li>
                    <div class="client">
                        <img src="images/c2.jpg" alt="" />
                    </div>
                </li>
                <li>
                    <div class="client">
                        <img src="images/c4.jpg" alt="" />
                    </div>
                </li>
                <li>
                    <div class="client">
                        <img src="images/c3.jpg" alt="" />
                    </div>
                </li>
                <li>
                    <div class="client">
                        <img src="images/c5.jpg" alt="" />
                    </div>
                </li>
                <li>
                    <div class="client">
                        <img src="images/c6.jpg" alt="" />
                    </div>
                </li>
                <li>
                    <div class="client">
                        <img src="images/c7.jpg" alt="" />
                    </div>
                </li>
            </ul>
        </div>
        <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
        <script type="text/javascript">
            $(window).load(function() {
                $("#flexiselDemo1").flexisel({
                    visibleItems: 7,
                    animationSpeed: 1000,
                    autoPlay: false,
                    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 class="transport-grid">
        <div class="col-md-4 shipping">
            <h3><i class="shipping-icon"></i>Free Shipping</h3>
            <p>Syphogrants called into the council chamber, and these are changed every day. It is a fundamental rule of their government,</p>
        </div>
        <div class="col-md-4 shipping">
            <h3><i class="correct-icon"></i>100 % Original</h3>
            <p>Syphogrants called into the council chamber, and these are changed every day. It is a fundamental rule of their government,</p>
        </div>
        <div class="col-md-4 return">
            <h3><i class="return-icon"></i>Free Return</h3>
            <p>Syphogrants called into the council chamber, and these are changed every day. It is a fundamental rule of their government,</p>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
<div class="footer">
    <div class="wrap">
        <div class="contact-section">
            <div class="col-md-4 follow text-left">
                <h3>Follow Us</h3>
                <p>Lorem ipsum dolor sit amet</p>
                <div class="social-icons">
                    <i class="twitter"></i>
                    <i class="facebook"></i>
                    <i class="googlepluse"></i>
                    <i class="pinterest"></i>
                    <i class="linkedin"></i>
                </div>
            </div>
            <div class="col-md-4 subscribe text-left">
                <h3>Subscribe Us</h3>
                <p>Get the latest updates & Offers right in your inbox.</p>
                <input type="text" class="text" value="" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}">
                <input type="submit" value="Subscribe">
            </div>
            <div class="col-md-4 help text-right">
                <h3>Need Help?</h3>
                <p>Lorem ipsum dolor sit amet</p>
                <a href="contact.html">Contact us</a>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="footer-middle">
            <div class="col-md-6 different-products">
                <ul>
                    <li class="first"> Shop </li> -
                    <li><a href=""> Mobiles </a></li> |
                    <li><a href=""> Laptops </a></li> |
                    <li><a href=""> Cameras </a></li> |
                    <li><a href=""> Clothing </a></li> |
                    <li><a href=""> Footwear </a></li> |
                    <li><a href=""> Jewellery </a></li>
                </ul>
                <ul>
                    <li class="first"> Help </li> -
                    <li><a href=""> Faqs </a></li> |
                    <li><a href=""> shipping </a></li> |
                    <li><a href=""> payments </a></li> |
                    <li><a href=""> cancellation&returns </a></li>
                </ul>
                <ul>
                    <li class="first"> account <li> -
                    <li><a href=""> log in </a></li> |
                    <li><a href=""> sign up </a></li> |
                    <li><a href=""> My WhishList </a></li> |
                    <li><a href=""> My cart </a></li>
                </ul>
                <ul>
                    <li class="first"> boxshop </li> -
                    <li><a href="contact.html"> contact us </a></li> |
                    <li><a href=""> about us </a></li> |
                    <li><a href=""> careers </a></li> |
                    <li><a href=""> blog </a></li> |
                    <li><a href=""> press </a></li>
                </ul>
                <ul>
                    <li class="first"> policies</li> -
                    <li><a href=""> terms of use </a></li> |
                    <li><a href=""> security </a></li> |
                    <li><a href=""> privacy policy</a></li>
                </ul>
            </div>
            <div class="col-md-6 about-text text-right">
                <h4>About BoxShop</h4>
                <p>The fashion never alters, and as it is neither disagreeable nor uneasy, so it is suited to the climate, and calculated both for their summers and winters. Every family makes their own clothes; but all among them, women as well as men, learn one or other of the trades formerly mentioned.</p>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="cards text-center">
            <img src="images/cards.jpg" alt="" />
        </div>
        <div class="copyright text-center">
            <p>Copyright &copy; 2015 All rights reserved | Template by  <a href="http://w3layouts.com">  W3layouts</a></p>
        </div>

    </div>
</div>
</body>
</html>