git.roojs.org Git - bootswatch/blob - Eshopper/shop.html

   1 <!DOCTYPE html>\r
   2 <html lang="en">\r
   3 <head>\r
   4     <meta charset="utf-8">\r
   5     <meta name="viewport" content="width=device-width, initial-scale=1.0">\r
   6     <meta name="description" content="">\r
   7     <meta name="author" content="">\r
   8     <title>Shop | E-Shopper</title>\r
   9     <link href="css/bootstrap.min.css" rel="stylesheet">\r
  10     <link href="css/font-awesome.min.css" rel="stylesheet">\r
  11     <link href="css/prettyPhoto.css" rel="stylesheet">\r
  12     <link href="css/price-range.css" rel="stylesheet">\r
  13     <link href="css/animate.css" rel="stylesheet">\r
  14         <link href="css/main.css" rel="stylesheet">\r
  15         <link href="css/responsive.css" rel="stylesheet">\r
  16     <!--[if lt IE 9]>\r
  17     <script src="js/html5shiv.js"></script>\r
  18     <script src="js/respond.min.js"></script>\r
  19     <![endif]-->       \r
  20     <link rel="shortcut icon" href="images/ico/favicon.ico">\r
  21     <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png">\r
  22     <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png">\r
  23     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png">\r
  24     <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png">\r
  25 </head><!--/head-->\r
  26 \r
  27 <body>\r
  28         <header id="header"><!--header-->\r
  29                 <div class="header_top"><!--header_top-->\r
  30                         <div class="container">\r
  31                                 <div class="row">\r
  32                                         <div class="col-sm-6 ">\r
  33                                                 <div class="contactinfo">\r
  34                                                         <ul class="nav nav-pills">\r
  35                                                                 <li><a href=""><i class="fa fa-phone"></i> +2 95 01 88 821</a></li>\r
  36                                                                 <li><a href=""><i class="fa fa-envelope"></i> info@domain.com</a></li>\r
  37                                                         </ul>\r
  38                                                 </div>\r
  39                                         </div>\r
  40                                         <div class="col-sm-6">\r
  41                                                 <div class="social-icons pull-right">\r
  42                                                         <ul class="nav navbar-nav">\r
  43                                                                 <li><a href=""><i class="fa fa-facebook"></i></a></li>\r
  44                                                                 <li><a href=""><i class="fa fa-twitter"></i></a></li>\r
  45                                                                 <li><a href=""><i class="fa fa-linkedin"></i></a></li>\r
  46                                                                 <li><a href=""><i class="fa fa-dribbble"></i></a></li>\r
  47                                                                 <li><a href=""><i class="fa fa-google-plus"></i></a></li>\r
  48                                                         </ul>\r
  49                                                 </div>\r
  50                                         </div>\r
  51                                 </div>\r
  52                         </div>\r
  53                 </div><!--/header_top-->\r
  54                 \r
  55                 <div class="header-middle"><!--header-middle-->\r
  56                         <div class="container">\r
  57                                 <div class="row">\r
  58                                         <div class="col-sm-4">\r
  59                                                 <div class="logo pull-left">\r
  60                                                         <a href="index.html"><img src="images/home/logo.png" alt="" /></a>\r
  61                                                 </div>\r
  62                                                 <div class="btn-group pull-right">\r
  63                                                         <div class="btn-group">\r
  64                                                                 <button type="button" class="btn btn-default dropdown-toggle usa" data-toggle="dropdown">\r
  65                                                                         USA\r
  66                                                                         <span class="caret"></span>\r
  67                                                                 </button>\r
  68                                                                 <ul class="dropdown-menu">\r
  69                                                                         <li><a href="">Canada</a></li>\r
  70                                                                         <li><a href="">UK</a></li>\r
  71                                                                 </ul>\r
  72                                                         </div>\r
  73                                                         \r
  74                                                         <div class="btn-group">\r
  75                                                                 <button type="button" class="btn btn-default dropdown-toggle usa" data-toggle="dropdown">\r
  76                                                                         DOLLAR\r
  77                                                                         <span class="caret"></span>\r
  78                                                                 </button>\r
  79                                                                 <ul class="dropdown-menu">\r
  80                                                                         <li><a href="">Canadian Dollar</a></li>\r
  81                                                                         <li><a href="">Pound</a></li>\r
  82                                                                 </ul>\r
  83                                                         </div>\r
  84                                                 </div>\r
  85                                         </div>\r
  86                                         <div class="col-sm-8">\r
  87                                                 <div class="shop-menu pull-right">\r
  88                                                         <ul class="nav navbar-nav">\r
  89                                                                 <li><a href=""><i class="fa fa-user"></i> Account</a></li>\r
  90                                                                 <li><a href=""><i class="fa fa-star"></i> Wishlist</a></li>\r
  91                                                                 <li><a href="checkout.html"><i class="fa fa-crosshairs"></i> Checkout</a></li>\r
  92                                                                 <li><a href="cart.html"><i class="fa fa-shopping-cart"></i> Cart</a></li>\r
  93                                                                 <li><a href="login.html"><i class="fa fa-lock"></i> Login</a></li>\r
  94                                                         </ul>\r
  95                                                 </div>\r
  96                                         </div>\r
  97                                 </div>\r
  98                         </div>\r
  99                 </div><!--/header-middle-->\r
 100         \r
 101                 <div class="header-bottom"><!--header-bottom-->\r
 102                         <div class="container">\r
 103                                 <div class="row">\r
 104                                         <div class="col-sm-9">\r
 105                                                 <div class="navbar-header">\r
 106                                                         <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">\r
 107                                                                 <span class="sr-only">Toggle navigation</span>\r
 108                                                                 <span class="icon-bar"></span>\r
 109                                                                 <span class="icon-bar"></span>\r
 110                                                                 <span class="icon-bar"></span>\r
 111                                                         </button>\r
 112                                                 </div>\r
 113                                                 <div class="mainmenu pull-left">\r
 114                                                         <ul class="nav navbar-nav collapse navbar-collapse">\r
 115                                                                 <li><a href="index.html">Home</a></li>\r
 116                                                                 <li class="dropdown"><a href="#" class="active">Shop<i class="fa fa-angle-down"></i></a>\r
 117                                     <ul role="menu" class="sub-menu">\r
 118                                         <li><a href="shop.html" class="active">Products</a></li>\r
 119                                                                                 <li><a href="product-details.html">Product Details</a></li> \r
 120                                                                                 <li><a href="checkout.html">Checkout</a></li> \r
 121                                                                                 <li><a href="cart.html">Cart</a></li> \r
 122                                                                                 <li><a href="login.html">Login</a></li> \r
 123                                     </ul>\r
 124                                 </li> \r
 125                                                                 <li class="dropdown"><a href="#">Blog<i class="fa fa-angle-down"></i></a>\r
 126                                     <ul role="menu" class="sub-menu">\r
 127                                         <li><a href="blog.html">Blog List</a></li>\r
 128                                                                                 <li><a href="blog-single.html">Blog Single</a></li>\r
 129                                     </ul>\r
 130                                 </li> \r
 131                                                                 <li><a href="404.html">404</a></li>\r
 132                                                                 <li><a href="contact-us.html">Contact</a></li>\r
 133                                                         </ul>\r
 134                                                 </div>\r
 135                                         </div>\r
 136                                         <div class="col-sm-3">\r
 137                                                 <div class="search_box pull-right">\r
 138                                                         <input type="text" placeholder="Search"/>\r
 139                                                 </div>\r
 140                                         </div>\r
 141                                 </div>\r
 142                                 </div>\r
 143                         </div>\r
 144         </header>\r
 145         \r
 146         <section id="advertisement">\r
 147                 <div class="container">\r
 148                         <img src="images/shop/advertisement.jpg" alt="" />\r
 149                 </div>\r
 150         </section>\r
 151         \r
 152         <section>\r
 153                 <div class="container">\r
 154                         <div class="row">\r
 155                                 <div class="col-sm-3">\r
 156                                         <div class="left-sidebar">\r
 157                                                 <h2>Category</h2>\r
 158                                                 <div class="panel-group category-products" id="accordian"><!--category-productsr-->\r
 159                                                         <div class="panel panel-default">\r
 160                                                                 <div class="panel-heading">\r
 161                                                                         <h4 class="panel-title">\r
 162                                                                                 <a data-toggle="collapse" data-parent="#accordian" href="#sportswear">\r
 163                                                                                         <span class="badge pull-right"><i class="fa fa-plus"></i></span>\r
 164                                                                                         Sportswear\r
 165                                                                                 </a>\r
 166                                                                         </h4>\r
 167                                                                 </div>\r
 168                                                                 <div id="sportswear" class="panel-collapse collapse">\r
 169                                                                         <div class="panel-body">\r
 170                                                                                 <ul>\r
 171                                                                                         <li><a href="">Nike </a></li>\r
 172                                                                                         <li><a href="">Under Armour </a></li>\r
 173                                                                                         <li><a href="">Adidas </a></li>\r
 174                                                                                         <li><a href="">Puma</a></li>\r
 175                                                                                         <li><a href="">ASICS </a></li>\r
 176                                                                                 </ul>\r
 177                                                                         </div>\r
 178                                                                 </div>\r
 179                                                         </div>\r
 180                                                         <div class="panel panel-default">\r
 181                                                                 <div class="panel-heading">\r
 182                                                                         <h4 class="panel-title">\r
 183                                                                                 <a data-toggle="collapse" data-parent="#accordian" href="#mens">\r
 184                                                                                         <span class="badge pull-right"><i class="fa fa-plus"></i></span>\r
 185                                                                                         Mens\r
 186                                                                                 </a>\r
 187                                                                         </h4>\r
 188                                                                 </div>\r
 189                                                                 <div id="mens" class="panel-collapse collapse">\r
 190                                                                         <div class="panel-body">\r
 191                                                                                 <ul>\r
 192                                                                                         <li><a href="">Fendi</a></li>\r
 193                                                                                         <li><a href="">Guess</a></li>\r
 194                                                                                         <li><a href="">Valentino</a></li>\r
 195                                                                                         <li><a href="">Dior</a></li>\r
 196                                                                                         <li><a href="">Versace</a></li>\r
 197                                                                                         <li><a href="">Armani</a></li>\r
 198                                                                                         <li><a href="">Prada</a></li>\r
 199                                                                                         <li><a href="">Dolce and Gabbana</a></li>\r
 200                                                                                         <li><a href="">Chanel</a></li>\r
 201                                                                                         <li><a href="">Gucci</a></li>\r
 202                                                                                 </ul>\r
 203                                                                         </div>\r
 204                                                                 </div>\r
 205                                                         </div>\r
 206                                                         \r
 207                                                         <div class="panel panel-default">\r
 208                                                                 <div class="panel-heading">\r
 209                                                                         <h4 class="panel-title">\r
 210                                                                                 <a data-toggle="collapse" data-parent="#accordian" href="#womens">\r
 211                                                                                         <span class="badge pull-right"><i class="fa fa-plus"></i></span>\r
 212                                                                                         Womens\r
 213                                                                                 </a>\r
 214                                                                         </h4>\r
 215                                                                 </div>\r
 216                                                                 <div id="womens" class="panel-collapse collapse">\r
 217                                                                         <div class="panel-body">\r
 218                                                                                 <ul>\r
 219                                                                                         <li><a href="">Fendi</a></li>\r
 220                                                                                         <li><a href="">Guess</a></li>\r
 221                                                                                         <li><a href="">Valentino</a></li>\r
 222                                                                                         <li><a href="">Dior</a></li>\r
 223                                                                                         <li><a href="">Versace</a></li>\r
 224                                                                                 </ul>\r
 225                                                                         </div>\r
 226                                                                 </div>\r
 227                                                         </div>\r
 228                                                         <div class="panel panel-default">\r
 229                                                                 <div class="panel-heading">\r
 230                                                                         <h4 class="panel-title"><a href="#">Kids</a></h4>\r
 231                                                                 </div>\r
 232                                                         </div>\r
 233                                                         <div class="panel panel-default">\r
 234                                                                 <div class="panel-heading">\r
 235                                                                         <h4 class="panel-title"><a href="#">Fashion</a></h4>\r
 236                                                                 </div>\r
 237                                                         </div>\r
 238                                                         <div class="panel panel-default">\r
 239                                                                 <div class="panel-heading">\r
 240                                                                         <h4 class="panel-title"><a href="#">Households</a></h4>\r
 241                                                                 </div>\r
 242                                                         </div>\r
 243                                                         <div class="panel panel-default">\r
 244                                                                 <div class="panel-heading">\r
 245                                                                         <h4 class="panel-title"><a href="#">Interiors</a></h4>\r
 246                                                                 </div>\r
 247                                                         </div>\r
 248                                                         <div class="panel panel-default">\r
 249                                                                 <div class="panel-heading">\r
 250                                                                         <h4 class="panel-title"><a href="#">Clothing</a></h4>\r
 251                                                                 </div>\r
 252                                                         </div>\r
 253                                                         <div class="panel panel-default">\r
 254                                                                 <div class="panel-heading">\r
 255                                                                         <h4 class="panel-title"><a href="#">Bags</a></h4>\r
 256                                                                 </div>\r
 257                                                         </div>\r
 258                                                         <div class="panel panel-default">\r
 259                                                                 <div class="panel-heading">\r
 260                                                                         <h4 class="panel-title"><a href="#">Shoes</a></h4>\r
 261                                                                 </div>\r
 262                                                         </div>\r
 263                                                 </div><!--/category-productsr-->\r
 264                                         \r
 265                                                 <div class="brands_products"><!--brands_products-->\r
 266                                                         <h2>Brands</h2>\r
 267                                                         <div class="brands-name">\r
 268                                                                 <ul class="nav nav-pills nav-stacked">\r
 269                                                                         <li><a href=""> <span class="pull-right">(50)</span>Acne</a></li>\r
 270                                                                         <li><a href=""> <span class="pull-right">(56)</span>Grüne Erde</a></li>\r
 271                                                                         <li><a href=""> <span class="pull-right">(27)</span>Albiro</a></li>\r
 272                                                                         <li><a href=""> <span class="pull-right">(32)</span>Ronhill</a></li>\r
 273                                                                         <li><a href=""> <span class="pull-right">(5)</span>Oddmolly</a></li>\r
 274                                                                         <li><a href=""> <span class="pull-right">(9)</span>Boudestijn</a></li>\r
 275                                                                         <li><a href=""> <span class="pull-right">(4)</span>Rösch creative culture</a></li>\r
 276                                                                 </ul>\r
 277                                                         </div>\r
 278                                                 </div><!--/brands_products-->\r
 279                                                 \r
 280                                                 <div class="price-range"><!--price-range-->\r
 281                                                         <h2>Price Range</h2>\r
 282                                                         <div class="well">\r
 283                                                                  <input type="text" class="span2" value="" data-slider-min="0" data-slider-max="600" data-slider-step="5" data-slider-value="[250,450]" id="sl2" ><br />\r
 284                                                                  <b>$ 0</b> <b class="pull-right">$ 600</b>\r
 285                                                         </div>\r
 286                                                 </div><!--/price-range-->\r
 287                                                 \r
 288                                                 <div class="shipping text-center"><!--shipping-->\r
 289                                                         <img src="images/home/shipping.jpg" alt="" />\r
 290                                                 </div><!--/shipping-->\r
 291                                                 \r
 292                                         </div>\r
 293                                 </div>\r
 294                                 \r
 295                                 <div class="col-sm-9 padding-right">\r
 296                                         <div class="features_items"><!--features_items-->\r
 297                                                 <h2 class="title text-center">Features Items</h2>\r
 298                                                 <div class="col-sm-4">\r
 299                                                         <div class="product-image-wrapper">\r
 300                                                                 <div class="single-products">\r
 301                                                                         <div class="productinfo text-center">\r
 302                                                                                 <img src="images/shop/product12.jpg" alt="" />\r
 303                                                                                 <h2>$56</h2>\r
 304                                                                                 <p>Easy Polo Black Edition</p>\r
 305                                                                                 <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>\r
 306                                                                         </div>\r
 307                                                                         <div class="product-overlay">\r
 308                                                                                 <div class="overlay-content">\r
 309                                                                                         <h2>$56</h2>\r
 310                                                                                         <p>Easy Polo Black Edition</p>\r
 311                                                                                         <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>\r
 312                                                                                 </div>\r
 313                                                                         </div>\r
 314                                                                 </div>\r
 315                                                                 <div class="choose">\r
 316                                                                         <ul class="nav nav-pills nav-justified">\r
 317                                                                                 <li><a href=""><i class="fa fa-plus-square"></i>Add to wishlist</a></li>\r
 318                                                                                 <li><a href=""><i class="fa fa-plus-square"></i>Add to compare</a></li>\r
 319                                                                         </ul>\r
 320                                                                 </div>\r
 321                                                         </div>\r
 322                                                 </div>\r
 323                                                 <div class="col-sm-4">\r
 324                                                         <div class="product-image-wrapper">\r
 325                                                                 <div class="single-products">\r
 326                                                                         <div class="productinfo text-center">\r
 327                                                                                 <img src="images/shop/product11.jpg" alt="" />\r
 328                                                                                 <h2>$56</h2>\r
 329                                                                                 <p>Easy Polo Black Edition</p>\r
 330                                                                                 <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>\r
 331                                                                         </div>\r
 332                                                                         <div class="product-overlay">\r
 333                                                                                 <div class="overlay-content">\r
 334                                                                                         <h2>$56</h2>\r
 335                                                                                         <p>Easy Polo Black Edition</p>\r
 336                                                                                         <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>\r
 337                                                                                 </div>\r
 338                                                                         </div>\r
 339                                                                 </div>\r
 340                                                                 <div class="choose">\r
 341                                                                         <ul class="nav nav-pills nav-justified">\r
 342                                                                                 <li><a href=""><i class="fa fa-plus-square"></i>Add to wishlist</a></li>\r
 343                                                                                 <li><a href=""><i class="fa fa-plus-square"></i>Add to compare</a></li>\r
 344                                                                         </ul>\r
 345                                                                 </div>\r
 346                                                         </div>\r
 347                                                 </div>\r
 348                                                 <div class="col-sm-4">\r
 349                                                         <div class="product-image-wrapper">\r
 350                                                                 <div class="single-products">\r
 351                                                                         <div class="productinfo text-center">\r
 352                                                                                 <img src="images/shop/product10.jpg" alt="" />\r
 353                                                                                 <h2>$56</h2>\r
 354                                                                                 <p>Easy Polo Black Edition</p>\r
 355                                                                                 <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>\r
 356                                                                         </div>\r
 357                                                                         <div class="product-overlay">\r
 358                                                                                 <div class="overlay-content">\r
 359                                                                                         <h2>$56</h2>\r
 360                                                                                         <p>Easy Polo Black Edition</p>\r
 361                                                                                         <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>\r
 362                                                                                 </div>\r
 363                                                                         </div>\r
 364                                                                 </div>\r
 365                                                                 <div class="choose">\r
 366                                                                         <ul class="nav nav-pills nav-justified">\r
 367                                                                                 <li><a href=""><i class="fa fa-plus-square"></i>Add to wishlist</a></li>\r
 368                                                                                 <li><a href=""><i class="fa fa-plus-square"></i>Add to compare</a></li>\r
 369                                                                         </ul>\r
 370                                                                 </div>\r
 371                                                         </div>\r
 372                                                 </div>\r
 373                                                 <div class="col-sm-4">\r
 374                                                         <div class="product-image-wrapper">\r
 375                                                                 <div class="single-products">\r
 376                                                                         <div class="productinfo text-center">\r
 377                                                                                 <img src="images/shop/product9.jpg" alt="" />\r
 378                                                                                 <h2>$56</h2>\r
 379                                                                                 <p>Easy Polo Black Edition</p>\r
 380                                                                                 <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>\r
 381                                                                         </div>\r
 382                                                                         <div class="product-overlay">\r
 383                                                                                 <div class="overlay-content">\r
 384                                                                                         <h2>$56</h2>\r
 385                                                                                         <p>Easy Polo Black Edition</p>\r
 386                                                                                         <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>\r
 387                                                                                 </div>\r
 388                                                                         </div>\r
 389                                                                         <img src="images/home/new.png" class="new" alt="" />\r
 390                                                                 </div>\r
 391                                                                 <div class="choose">\r
 392                                                                         <ul class="nav nav-pills nav-justified">\r
 393                                                                                 <li><a href=""><i class="fa fa-plus-square"></i>Add to wishlist</a></li>\r
 394                                                                                 <li><a href=""><i class="fa fa-plus-square"></i>Add to compare</a></li>\r
 395                                                                         </ul>\r
 396                                                                 </div>\r
 397                                                         </div>\r
 398                                                 </div>\r
 399                                                 <div class="col-sm-4">\r
 400                                                         <div class="product-image-wrapper">\r
 401                                                                 <div class="single-products">\r
 402                                                                         <div class="productinfo text-center">\r
 403                                                                                 <img src="images/shop/product8.jpg" alt="" />\r
 404                                                                                 <h2>$56</h2>\r
 405                                                                                 <p>Easy Polo Black Edition</p>\r
 406                                                                                 <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>\r
 407                                                                         </div>\r
 408                                                                         <div class="product-overlay">\r
 409                                                                                 <div class="overlay-content">\r
 410                                                                                         <h2>$56</h2>\r
 411                                                                                         <p>Easy Polo Black Edition</p>\r
 412                                                                                         <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>\r
 413                                                                                 </div>\r
 414                                                                         </div>\r
 415                                                                         <img src="images/home/sale.png" class="new" alt="" />\r
 416                                                                 </div>\r
 417                                                                 <div class="choose">\r
 418                                                                         <ul class="nav nav-pills nav-justified">\r
 419                                                                                 <li><a href=""><i class="fa fa-plus-square"></i>Add to wishlist</a></li>\r
 420                                                                                 <li><a href=""><i class="fa fa-plus-square"></i>Add to compare</a></li>\r
 421                                                                         </ul>\r
 422                                                                 </div>\r
 423                                                         </div>\r
 424                                                 </div>\r
 425                                                 <div class="col-sm-4">\r
 426                                                         <div class="product-image-wrapper">\r
 427                                                                 <div class="single-products">\r
 428                                                                         <div class="productinfo text-center">\r
 429                                                                                 <img src="images/shop/product7.jpg" alt="" />\r
 430                                                                                 <h2>$56</h2>\r
 431                                                                                 <p>Easy Polo Black Edition</p>\r
 432                                                                                 <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>\r
 433                                                                         </div>\r
 434                                                                         <div class="product-overlay">\r
 435                                                                                 <div class="overlay-content">\r
 436                                                                                         <h2>$56</h2>\r
 437                                                                                         <p>Easy Polo Black Edition</p>\r
 438                                                                                         <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>\r
 439                                                                                 </div>\r
 440                                                                         </div>\r
 441                                                                 </div>\r
 442                                                                 <div class="choose">\r
 443                                                                         <ul class="nav nav-pills nav-justified">\r
 444                                                                                 <li><a href=""><i class="fa fa-plus-square"></i>Add to wishlist</a></li>\r
 445                                                                                 <li><a href=""><i class="fa fa-plus-square"></i>Add to compare</a></li>\r
 446                                                                         </ul>\r
 447                                                                 </div>\r
 448                                                         </div>\r
 449                                                 </div>\r
 450                                                 \r
 451                                                 <div class="col-sm-4">\r
 452                                                         <div class="product-image-wrapper">\r
 453                                                                 <div class="single-products">\r
 454                                                                         <div class="productinfo text-center">\r
 455                                                                                 <img src="images/home/product6.jpg" alt="" />\r
 456                                                                                 <h2>$56</h2>\r
 457                                                                                 <p>Easy Polo Black Edition</p>\r
 458                                                                                 <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>\r
 459                                                                         </div>\r
 460                                                                         <div class="product-overlay">\r
 461                                                                                 <div class="overlay-content">\r
 462                                                                                         <h2>$56</h2>\r
 463                                                                                         <p>Easy Polo Black Edition</p>\r
 464                                                                                         <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>\r
 465                                                                                 </div>\r
 466                                                                         </div>\r
 467                                                                 </div>\r
 468                                                                 <div class="choose">\r
 469                                                                         <ul class="nav nav-pills nav-justified">\r
 470                                                                                 <li><a href=""><i class="fa fa-plus-square"></i>Add to wishlist</a></li>\r
 471                                                                                 <li><a href=""><i class="fa fa-plus-square"></i>Add to compare</a></li>\r
 472                                                                         </ul>\r
 473                                                                 </div>\r
 474                                                         </div>\r
 475                                                 </div>\r
 476                                                 \r
 477                                                 <div class="col-sm-4">\r
 478                                                         <div class="product-image-wrapper">\r
 479                                                                 <div class="single-products">\r
 480                                                                         <div class="productinfo text-center">\r
 481                                                                                 <img src="images/home/product5.jpg" alt="" />\r
 482                                                                                 <h2>$56</h2>\r
 483                                                                                 <p>Easy Polo Black Edition</p>\r
 484                                                                                 <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>\r
 485                                                                         </div>\r
 486                                                                         <div class="product-overlay">\r
 487                                                                                 <div class="overlay-content">\r
 488                                                                                         <h2>$56</h2>\r
 489                                                                                         <p>Easy Polo Black Edition</p>\r
 490                                                                                         <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>\r
 491                                                                                 </div>\r
 492                                                                         </div>\r
 493                                                                 </div>\r
 494                                                                 <div class="choose">\r
 495                                                                         <ul class="nav nav-pills nav-justified">\r
 496                                                                                 <li><a href=""><i class="fa fa-plus-square"></i>Add to wishlist</a></li>\r
 497                                                                                 <li><a href=""><i class="fa fa-plus-square"></i>Add to compare</a></li>\r
 498                                                                         </ul>\r
 499                                                                 </div>\r
 500                                                         </div>\r
 501                                                 </div>\r
 502                                                 \r
 503                                                 <div class="col-sm-4">\r
 504                                                         <div class="product-image-wrapper">\r
 505                                                                 <div class="single-products">\r
 506                                                                         <div class="productinfo text-center">\r
 507                                                                                 <img src="images/home/product4.jpg" alt="" />\r
 508                                                                                 <h2>$56</h2>\r
 509                                                                                 <p>Easy Polo Black Edition</p>\r
 510                                                                                 <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>\r
 511                                                                         </div>\r
 512                                                                         <div class="product-overlay">\r
 513                                                                                 <div class="overlay-content">\r
 514                                                                                         <h2>$56</h2>\r
 515                                                                                         <p>Easy Polo Black Edition</p>\r
 516                                                                                         <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>\r
 517                                                                                 </div>\r
 518                                                                         </div>\r
 519                                                                 </div>\r
 520                                                                 <div class="choose">\r
 521                                                                         <ul class="nav nav-pills nav-justified">\r
 522                                                                                 <li><a href=""><i class="fa fa-plus-square"></i>Add to wishlist</a></li>\r
 523                                                                                 <li><a href=""><i class="fa fa-plus-square"></i>Add to compare</a></li>\r
 524                                                                         </ul>\r
 525                                                                 </div>\r
 526                                                         </div>\r
 527                                                 </div>\r
 528                                                 \r
 529                                                 <div class="col-sm-4">\r
 530                                                         <div class="product-image-wrapper">\r
 531                                                                 <div class="single-products">\r
 532                                                                         <div class="productinfo text-center">\r
 533                                                                                 <img src="images/home/product3.jpg" alt="" />\r
 534                                                                                 <h2>$56</h2>\r
 535                                                                                 <p>Easy Polo Black Edition</p>\r
 536                                                                                 <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>\r
 537                                                                         </div>\r
 538                                                                         <div class="product-overlay">\r
 539                                                                                 <div class="overlay-content">\r
 540                                                                                         <h2>$56</h2>\r
 541                                                                                         <p>Easy Polo Black Edition</p>\r
 542                                                                                         <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>\r
 543                                                                                 </div>\r
 544                                                                         </div>\r
 545                                                                 </div>\r
 546                                                                 <div class="choose">\r
 547                                                                         <ul class="nav nav-pills nav-justified">\r
 548                                                                                 <li><a href=""><i class="fa fa-plus-square"></i>Add to wishlist</a></li>\r
 549                                                                                 <li><a href=""><i class="fa fa-plus-square"></i>Add to compare</a></li>\r
 550                                                                         </ul>\r
 551                                                                 </div>\r
 552                                                         </div>\r
 553                                                 </div>\r
 554                                                 \r
 555                                                 \r
 556                                                 <div class="col-sm-4">\r
 557                                                         <div class="product-image-wrapper">\r
 558                                                                 <div class="single-products">\r
 559                                                                         <div class="productinfo text-center">\r
 560                                                                                 <img src="images/home/product2.jpg" alt="" />\r
 561                                                                                 <h2>$56</h2>\r
 562                                                                                 <p>Easy Polo Black Edition</p>\r
 563                                                                                 <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>\r
 564                                                                         </div>\r
 565                                                                         <div class="product-overlay">\r
 566                                                                                 <div class="overlay-content">\r
 567                                                                                         <h2>$56</h2>\r
 568                                                                                         <p>Easy Polo Black Edition</p>\r
 569                                                                                         <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>\r
 570                                                                                 </div>\r
 571                                                                         </div>\r
 572                                                                 </div>\r
 573                                                                 <div class="choose">\r
 574                                                                         <ul class="nav nav-pills nav-justified">\r
 575                                                                                 <li><a href=""><i class="fa fa-plus-square"></i>Add to wishlist</a></li>\r
 576                                                                                 <li><a href=""><i class="fa fa-plus-square"></i>Add to compare</a></li>\r
 577                                                                         </ul>\r
 578                                                                 </div>\r
 579                                                         </div>\r
 580                                                 </div>\r
 581                                                 \r
 582                                                 <div class="col-sm-4">\r
 583                                                         <div class="product-image-wrapper">\r
 584                                                                 <div class="single-products">\r
 585                                                                         <div class="productinfo text-center">\r
 586                                                                                 <img src="images/home/product1.jpg" alt="" />\r
 587                                                                                 <h2>$56</h2>\r
 588                                                                                 <p>Easy Polo Black Edition</p>\r
 589                                                                                 <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>\r
 590                                                                         </div>\r
 591                                                                         <div class="product-overlay">\r
 592                                                                                 <div class="overlay-content">\r
 593                                                                                         <h2>$56</h2>\r
 594                                                                                         <p>Easy Polo Black Edition</p>\r
 595                                                                                         <a href="#" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</a>\r
 596                                                                                 </div>\r
 597                                                                         </div>\r
 598                                                                 </div>\r
 599                                                                 <div class="choose">\r
 600                                                                         <ul class="nav nav-pills nav-justified">\r
 601                                                                                 <li><a href=""><i class="fa fa-plus-square"></i>Add to wishlist</a></li>\r
 602                                                                                 <li><a href=""><i class="fa fa-plus-square"></i>Add to compare</a></li>\r
 603                                                                         </ul>\r
 604                                                                 </div>\r
 605                                                         </div>\r
 606                                                 </div>\r
 607                                                 \r
 608                                                 <ul class="pagination">\r
 609                                                         <li class="active"><a href="">1</a></li>\r
 610                                                         <li><a href="">2</a></li>\r
 611                                                         <li><a href="">3</a></li>\r
 612                                                         <li><a href="">&raquo;</a></li>\r
 613                                                 </ul>\r
 614                                         </div><!--features_items-->\r
 615                                 </div>\r
 616                         </div>\r
 617                 </div>\r
 618         </section>\r
 619         \r
 620         <footer id="footer"><!--Footer-->\r
 621                 <div class="footer-top">\r
 622                         <div class="container">\r
 623                                 <div class="row">\r
 624                                         <div class="col-sm-2">\r
 625                                                 <div class="companyinfo">\r
 626                                                         <h2><span>e</span>-shopper</h2>\r
 627                                                         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,sed do eiusmod tempor</p>\r
 628                                                 </div>\r
 629                                         </div>\r
 630                                         <div class="col-sm-7">\r
 631                                                 <div class="col-sm-3">\r
 632                                                         <div class="video-gallery text-center">\r
 633                                                                 <a href="#">\r
 634                                                                         <div class="iframe-img">\r
 635                                                                                 <img src="images/home/iframe1.png" alt="" />\r
 636                                                                         </div>\r
 637                                                                         <div class="overlay-icon">\r
 638                                                                                 <i class="fa fa-play-circle-o"></i>\r
 639                                                                         </div>\r
 640                                                                 </a>\r
 641                                                                 <p>Circle of Hands</p>\r
 642                                                                 <h2>24 DEC 2014</h2>\r
 643                                                         </div>\r
 644                                                 </div>\r
 645                                                 \r
 646                                                 <div class="col-sm-3">\r
 647                                                         <div class="video-gallery text-center">\r
 648                                                                 <a href="#">\r
 649                                                                         <div class="iframe-img">\r
 650                                                                                 <img src="images/home/iframe2.png" alt="" />\r
 651                                                                         </div>\r
 652                                                                         <div class="overlay-icon">\r
 653                                                                                 <i class="fa fa-play-circle-o"></i>\r
 654                                                                         </div>\r
 655                                                                 </a>\r
 656                                                                 <p>Circle of Hands</p>\r
 657                                                                 <h2>24 DEC 2014</h2>\r
 658                                                         </div>\r
 659                                                 </div>\r
 660                                                 \r
 661                                                 <div class="col-sm-3">\r
 662                                                         <div class="video-gallery text-center">\r
 663                                                                 <a href="#">\r
 664                                                                         <div class="iframe-img">\r
 665                                                                                 <img src="images/home/iframe3.png" alt="" />\r
 666                                                                         </div>\r
 667                                                                         <div class="overlay-icon">\r
 668                                                                                 <i class="fa fa-play-circle-o"></i>\r
 669                                                                         </div>\r
 670                                                                 </a>\r
 671                                                                 <p>Circle of Hands</p>\r
 672                                                                 <h2>24 DEC 2014</h2>\r
 673                                                         </div>\r
 674                                                 </div>\r
 675                                                 \r
 676                                                 <div class="col-sm-3">\r
 677                                                         <div class="video-gallery text-center">\r
 678                                                                 <a href="#">\r
 679                                                                         <div class="iframe-img">\r
 680                                                                                 <img src="images/home/iframe4.png" alt="" />\r
 681                                                                         </div>\r
 682                                                                         <div class="overlay-icon">\r
 683                                                                                 <i class="fa fa-play-circle-o"></i>\r
 684                                                                         </div>\r
 685                                                                 </a>\r
 686                                                                 <p>Circle of Hands</p>\r
 687                                                                 <h2>24 DEC 2014</h2>\r
 688                                                         </div>\r
 689                                                 </div>\r
 690                                         </div>\r
 691                                         <div class="col-sm-3">\r
 692                                                 <div class="address">\r
 693                                                         <img src="images/home/map.png" alt="" />\r
 694                                                         <p>505 S Atlantic Ave Virginia Beach, VA(Virginia)</p>\r
 695                                                 </div>\r
 696                                         </div>\r
 697                                 </div>\r
 698                         </div>\r
 699                 </div>\r
 700                 \r
 701                 <div class="footer-widget">\r
 702                         <div class="container">\r
 703                                 <div class="row">\r
 704                                         <div class="col-sm-2">\r
 705                                                 <div class="single-widget">\r
 706                                                         <h2>Service</h2>\r
 707                                                         <ul class="nav nav-pills nav-stacked">\r
 708                                                                 <li><a href="">Online Help</a></li>\r
 709                                                                 <li><a href="">Contact Us</a></li>\r
 710                                                                 <li><a href="">Order Status</a></li>\r
 711                                                                 <li><a href="">Change Location</a></li>\r
 712                                                                 <li><a href="">FAQ’s</a></li>\r
 713                                                         </ul>\r
 714                                                 </div>\r
 715                                         </div>\r
 716                                         <div class="col-sm-2">\r
 717                                                 <div class="single-widget">\r
 718                                                         <h2>Quock Shop</h2>\r
 719                                                         <ul class="nav nav-pills nav-stacked">\r
 720                                                                 <li><a href="">T-Shirt</a></li>\r
 721                                                                 <li><a href="">Mens</a></li>\r
 722                                                                 <li><a href="">Womens</a></li>\r
 723                                                                 <li><a href="">Gift Cards</a></li>\r
 724                                                                 <li><a href="">Shoes</a></li>\r
 725                                                         </ul>\r
 726                                                 </div>\r
 727                                         </div>\r
 728                                         <div class="col-sm-2">\r
 729                                                 <div class="single-widget">\r
 730                                                         <h2>Policies</h2>\r
 731                                                         <ul class="nav nav-pills nav-stacked">\r
 732                                                                 <li><a href="">Terms of Use</a></li>\r
 733                                                                 <li><a href="">Privecy Policy</a></li>\r
 734                                                                 <li><a href="">Refund Policy</a></li>\r
 735                                                                 <li><a href="">Billing System</a></li>\r
 736                                                                 <li><a href="">Ticket System</a></li>\r
 737                                                         </ul>\r
 738                                                 </div>\r
 739                                         </div>\r
 740                                         <div class="col-sm-2">\r
 741                                                 <div class="single-widget">\r
 742                                                         <h2>About Shopper</h2>\r
 743                                                         <ul class="nav nav-pills nav-stacked">\r
 744                                                                 <li><a href="">Company Information</a></li>\r
 745                                                                 <li><a href="">Careers</a></li>\r
 746                                                                 <li><a href="">Store Location</a></li>\r
 747                                                                 <li><a href="">Affillate Program</a></li>\r
 748                                                                 <li><a href="">Copyright</a></li>\r
 749                                                         </ul>\r
 750                                                 </div>\r
 751                                         </div>\r
 752                                         <div class="col-sm-3 col-sm-offset-1">\r
 753                                                 <div class="single-widget">\r
 754                                                         <h2>About Shopper</h2>\r
 755                                                         <form action="#" class="searchform">\r
 756                                                                 <input type="text" placeholder="Your email address" />\r
 757                                                                 <button type="submit" class="btn btn-default"><i class="fa fa-arrow-circle-o-right"></i></button>\r
 758                                                                 <p>Get the most recent updates from <br />our site and be updated your self...</p>\r
 759                                                         </form>\r
 760                                                 </div>\r
 761                                         </div>\r
 762                                         \r
 763                                 </div>\r
 764                         </div>\r
 765                 </div>\r
 766                 \r
 767                 <div class="footer-bottom">\r
 768                         <div class="container">\r
 769                                 <div class="row">\r
 770                                         <p class="pull-left">Copyright © 2013 E-Shopper. All rights reserved.</p>\r
 771                                         <p class="pull-right">Designed by <span><a target="_blank" href="http://www.themeum.com">Themeum</a></span></p>\r
 772                                 </div>\r
 773                         </div>\r
 774                 </div>\r
 775                 \r
 776         </footer><!--/Footer-->\r
 777         \r
 778 \r
 779   \r
 780     <script src="js/jquery.js"></script>\r
 781         <script src="js/price-range.js"></script>\r
 782     <script src="js/jquery.scrollUp.min.js"></script>\r
 783         <script src="js/bootstrap.min.js"></script>\r
 784     <script src="js/jquery.prettyPhoto.js"></script>\r
 785     <script src="js/main.js"></script>\r
 786 </body>\r
 787 </html>