git.roojs.org Git - bootswatch/blob - Eshopper/product-details.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>Product Details | 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="#">Shop<i class="fa fa-angle-down"></i></a>\r
 117                                     <ul role="menu" class="sub-menu">\r
 118                                         <li><a href="shop.html">Products</a></li>\r
 119                                                                                 <li><a href="product-details.html" class="active">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><!--/header-bottom-->\r
 144         </header><!--/header-->\r
 145         \r
 146         <section>\r
 147                 <div class="container">\r
 148                         <div class="row">\r
 149                                 <div class="col-sm-3">\r
 150                                         <div class="left-sidebar">\r
 151                                                 <h2>Category</h2>\r
 152                                                 <div class="panel-group category-products" id="accordian"><!--category-productsr-->\r
 153                                                         <div class="panel panel-default">\r
 154                                                                 <div class="panel-heading">\r
 155                                                                         <h4 class="panel-title">\r
 156                                                                                 <a data-toggle="collapse" data-parent="#accordian" href="#sportswear">\r
 157                                                                                         <span class="badge pull-right"><i class="fa fa-plus"></i></span>\r
 158                                                                                         Sportswear\r
 159                                                                                 </a>\r
 160                                                                         </h4>\r
 161                                                                 </div>\r
 162                                                                 <div id="sportswear" class="panel-collapse collapse">\r
 163                                                                         <div class="panel-body">\r
 164                                                                                 <ul>\r
 165                                                                                         <li><a href="">Nike </a></li>\r
 166                                                                                         <li><a href="">Under Armour </a></li>\r
 167                                                                                         <li><a href="">Adidas </a></li>\r
 168                                                                                         <li><a href="">Puma</a></li>\r
 169                                                                                         <li><a href="">ASICS </a></li>\r
 170                                                                                 </ul>\r
 171                                                                         </div>\r
 172                                                                 </div>\r
 173                                                         </div>\r
 174                                                         <div class="panel panel-default">\r
 175                                                                 <div class="panel-heading">\r
 176                                                                         <h4 class="panel-title">\r
 177                                                                                 <a data-toggle="collapse" data-parent="#accordian" href="#mens">\r
 178                                                                                         <span class="badge pull-right"><i class="fa fa-plus"></i></span>\r
 179                                                                                         Mens\r
 180                                                                                 </a>\r
 181                                                                         </h4>\r
 182                                                                 </div>\r
 183                                                                 <div id="mens" class="panel-collapse collapse">\r
 184                                                                         <div class="panel-body">\r
 185                                                                                 <ul>\r
 186                                                                                         <li><a href="">Fendi</a></li>\r
 187                                                                                         <li><a href="">Guess</a></li>\r
 188                                                                                         <li><a href="">Valentino</a></li>\r
 189                                                                                         <li><a href="">Dior</a></li>\r
 190                                                                                         <li><a href="">Versace</a></li>\r
 191                                                                                         <li><a href="">Armani</a></li>\r
 192                                                                                         <li><a href="">Prada</a></li>\r
 193                                                                                         <li><a href="">Dolce and Gabbana</a></li>\r
 194                                                                                         <li><a href="">Chanel</a></li>\r
 195                                                                                         <li><a href="">Gucci</a></li>\r
 196                                                                                 </ul>\r
 197                                                                         </div>\r
 198                                                                 </div>\r
 199                                                         </div>\r
 200                                                         \r
 201                                                         <div class="panel panel-default">\r
 202                                                                 <div class="panel-heading">\r
 203                                                                         <h4 class="panel-title">\r
 204                                                                                 <a data-toggle="collapse" data-parent="#accordian" href="#womens">\r
 205                                                                                         <span class="badge pull-right"><i class="fa fa-plus"></i></span>\r
 206                                                                                         Womens\r
 207                                                                                 </a>\r
 208                                                                         </h4>\r
 209                                                                 </div>\r
 210                                                                 <div id="womens" class="panel-collapse collapse">\r
 211                                                                         <div class="panel-body">\r
 212                                                                                 <ul>\r
 213                                                                                         <li><a href="">Fendi</a></li>\r
 214                                                                                         <li><a href="">Guess</a></li>\r
 215                                                                                         <li><a href="">Valentino</a></li>\r
 216                                                                                         <li><a href="">Dior</a></li>\r
 217                                                                                         <li><a href="">Versace</a></li>\r
 218                                                                                 </ul>\r
 219                                                                         </div>\r
 220                                                                 </div>\r
 221                                                         </div>\r
 222                                                         <div class="panel panel-default">\r
 223                                                                 <div class="panel-heading">\r
 224                                                                         <h4 class="panel-title"><a href="#">Kids</a></h4>\r
 225                                                                 </div>\r
 226                                                         </div>\r
 227                                                         <div class="panel panel-default">\r
 228                                                                 <div class="panel-heading">\r
 229                                                                         <h4 class="panel-title"><a href="#">Fashion</a></h4>\r
 230                                                                 </div>\r
 231                                                         </div>\r
 232                                                         <div class="panel panel-default">\r
 233                                                                 <div class="panel-heading">\r
 234                                                                         <h4 class="panel-title"><a href="#">Households</a></h4>\r
 235                                                                 </div>\r
 236                                                         </div>\r
 237                                                         <div class="panel panel-default">\r
 238                                                                 <div class="panel-heading">\r
 239                                                                         <h4 class="panel-title"><a href="#">Interiors</a></h4>\r
 240                                                                 </div>\r
 241                                                         </div>\r
 242                                                         <div class="panel panel-default">\r
 243                                                                 <div class="panel-heading">\r
 244                                                                         <h4 class="panel-title"><a href="#">Clothing</a></h4>\r
 245                                                                 </div>\r
 246                                                         </div>\r
 247                                                         <div class="panel panel-default">\r
 248                                                                 <div class="panel-heading">\r
 249                                                                         <h4 class="panel-title"><a href="#">Bags</a></h4>\r
 250                                                                 </div>\r
 251                                                         </div>\r
 252                                                         <div class="panel panel-default">\r
 253                                                                 <div class="panel-heading">\r
 254                                                                         <h4 class="panel-title"><a href="#">Shoes</a></h4>\r
 255                                                                 </div>\r
 256                                                         </div>\r
 257                                                 </div><!--/category-products-->\r
 258                                         \r
 259                                                 <div class="brands_products"><!--brands_products-->\r
 260                                                         <h2>Brands</h2>\r
 261                                                         <div class="brands-name">\r
 262                                                                 <ul class="nav nav-pills nav-stacked">\r
 263                                                                         <li><a href=""> <span class="pull-right">(50)</span>Acne</a></li>\r
 264                                                                         <li><a href=""> <span class="pull-right">(56)</span>Grüne Erde</a></li>\r
 265                                                                         <li><a href=""> <span class="pull-right">(27)</span>Albiro</a></li>\r
 266                                                                         <li><a href=""> <span class="pull-right">(32)</span>Ronhill</a></li>\r
 267                                                                         <li><a href=""> <span class="pull-right">(5)</span>Oddmolly</a></li>\r
 268                                                                         <li><a href=""> <span class="pull-right">(9)</span>Boudestijn</a></li>\r
 269                                                                         <li><a href=""> <span class="pull-right">(4)</span>Rösch creative culture</a></li>\r
 270                                                                 </ul>\r
 271                                                         </div>\r
 272                                                 </div><!--/brands_products-->\r
 273                                                 \r
 274                                                 <div class="price-range"><!--price-range-->\r
 275                                                         <h2>Price Range</h2>\r
 276                                                         <div class="well">\r
 277                                                                  <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
 278                                                                  <b>$ 0</b> <b class="pull-right">$ 600</b>\r
 279                                                         </div>\r
 280                                                 </div><!--/price-range-->\r
 281                                                 \r
 282                                                 <div class="shipping text-center"><!--shipping-->\r
 283                                                         <img src="images/home/shipping.jpg" alt="" />\r
 284                                                 </div><!--/shipping-->\r
 285                                                 \r
 286                                         </div>\r
 287                                 </div>\r
 288                                 \r
 289                                 <div class="col-sm-9 padding-right">\r
 290                                         <div class="product-details"><!--product-details-->\r
 291                                                 <div class="col-sm-5">\r
 292                                                         <div class="view-product">\r
 293                                                                 <img src="images/product-details/1.jpg" alt="" />\r
 294                                                                 <h3>ZOOM</h3>\r
 295                                                         </div>\r
 296                                                         <div id="similar-product" class="carousel slide" data-ride="carousel">\r
 297                                                                 \r
 298                                                                   <!-- Wrapper for slides -->\r
 299                                                                     <div class="carousel-inner">\r
 300                                                                                 <div class="item active">\r
 301                                                                                   <a href=""><img src="images/product-details/similar1.jpg" alt=""></a>\r
 302                                                                                   <a href=""><img src="images/product-details/similar2.jpg" alt=""></a>\r
 303                                                                                   <a href=""><img src="images/product-details/similar3.jpg" alt=""></a>\r
 304                                                                                 </div>\r
 305                                                                                 <div class="item">\r
 306                                                                                   <a href=""><img src="images/product-details/similar1.jpg" alt=""></a>\r
 307                                                                                   <a href=""><img src="images/product-details/similar2.jpg" alt=""></a>\r
 308                                                                                   <a href=""><img src="images/product-details/similar3.jpg" alt=""></a>\r
 309                                                                                 </div>\r
 310                                                                                 <div class="item">\r
 311                                                                                   <a href=""><img src="images/product-details/similar1.jpg" alt=""></a>\r
 312                                                                                   <a href=""><img src="images/product-details/similar2.jpg" alt=""></a>\r
 313                                                                                   <a href=""><img src="images/product-details/similar3.jpg" alt=""></a>\r
 314                                                                                 </div>\r
 315                                                                                 \r
 316                                                                         </div>\r
 317 \r
 318                                                                   <!-- Controls -->\r
 319                                                                   <a class="left item-control" href="#similar-product" data-slide="prev">\r
 320                                                                         <i class="fa fa-angle-left"></i>\r
 321                                                                   </a>\r
 322                                                                   <a class="right item-control" href="#similar-product" data-slide="next">\r
 323                                                                         <i class="fa fa-angle-right"></i>\r
 324                                                                   </a>\r
 325                                                         </div>\r
 326 \r
 327                                                 </div>\r
 328                                                 <div class="col-sm-7">\r
 329                                                         <div class="product-information"><!--/product-information-->\r
 330                                                                 <img src="images/product-details/new.jpg" class="newarrival" alt="" />\r
 331                                                                 <h2>Anne Klein Sleeveless Colorblock Scuba</h2>\r
 332                                                                 <p>Web ID: 1089772</p>\r
 333                                                                 <img src="images/product-details/rating.png" alt="" />\r
 334                                                                 <span>\r
 335                                                                         <span>US $59</span>\r
 336                                                                         <label>Quantity:</label>\r
 337                                                                         <input type="text" value="3" />\r
 338                                                                         <button type="button" class="btn btn-fefault cart">\r
 339                                                                                 <i class="fa fa-shopping-cart"></i>\r
 340                                                                                 Add to cart\r
 341                                                                         </button>\r
 342                                                                 </span>\r
 343                                                                 <p><b>Availability:</b> In Stock</p>\r
 344                                                                 <p><b>Condition:</b> New</p>\r
 345                                                                 <p><b>Brand:</b> E-SHOPPER</p>\r
 346                                                                 <a href=""><img src="images/product-details/share.png" class="share img-responsive"  alt="" /></a>\r
 347                                                         </div><!--/product-information-->\r
 348                                                 </div>\r
 349                                         </div><!--/product-details-->\r
 350                                         \r
 351                                         <div class="category-tab shop-details-tab"><!--category-tab-->\r
 352                                                 <div class="col-sm-12">\r
 353                                                         <ul class="nav nav-tabs">\r
 354                                                                 <li><a href="#details" data-toggle="tab">Details</a></li>\r
 355                                                                 <li><a href="#companyprofile" data-toggle="tab">Company Profile</a></li>\r
 356                                                                 <li><a href="#tag" data-toggle="tab">Tag</a></li>\r
 357                                                                 <li class="active"><a href="#reviews" data-toggle="tab">Reviews (5)</a></li>\r
 358                                                         </ul>\r
 359                                                 </div>\r
 360                                                 <div class="tab-content">\r
 361                                                         <div class="tab-pane fade" id="details" >\r
 362                                                                 <div class="col-sm-3">\r
 363                                                                         <div class="product-image-wrapper">\r
 364                                                                                 <div class="single-products">\r
 365                                                                                         <div class="productinfo text-center">\r
 366                                                                                                 <img src="images/home/gallery1.jpg" alt="" />\r
 367                                                                                                 <h2>$56</h2>\r
 368                                                                                                 <p>Easy Polo Black Edition</p>\r
 369                                                                                                 <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>\r
 370                                                                                         </div>\r
 371                                                                                 </div>\r
 372                                                                         </div>\r
 373                                                                 </div>\r
 374                                                                 <div class="col-sm-3">\r
 375                                                                         <div class="product-image-wrapper">\r
 376                                                                                 <div class="single-products">\r
 377                                                                                         <div class="productinfo text-center">\r
 378                                                                                                 <img src="images/home/gallery2.jpg" alt="" />\r
 379                                                                                                 <h2>$56</h2>\r
 380                                                                                                 <p>Easy Polo Black Edition</p>\r
 381                                                                                                 <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>\r
 382                                                                                         </div>\r
 383                                                                                 </div>\r
 384                                                                         </div>\r
 385                                                                 </div>\r
 386                                                                 <div class="col-sm-3">\r
 387                                                                         <div class="product-image-wrapper">\r
 388                                                                                 <div class="single-products">\r
 389                                                                                         <div class="productinfo text-center">\r
 390                                                                                                 <img src="images/home/gallery3.jpg" alt="" />\r
 391                                                                                                 <h2>$56</h2>\r
 392                                                                                                 <p>Easy Polo Black Edition</p>\r
 393                                                                                                 <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>\r
 394                                                                                         </div>\r
 395                                                                                 </div>\r
 396                                                                         </div>\r
 397                                                                 </div>\r
 398                                                                 <div class="col-sm-3">\r
 399                                                                         <div class="product-image-wrapper">\r
 400                                                                                 <div class="single-products">\r
 401                                                                                         <div class="productinfo text-center">\r
 402                                                                                                 <img src="images/home/gallery4.jpg" alt="" />\r
 403                                                                                                 <h2>$56</h2>\r
 404                                                                                                 <p>Easy Polo Black Edition</p>\r
 405                                                                                                 <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>\r
 406                                                                                         </div>\r
 407                                                                                 </div>\r
 408                                                                         </div>\r
 409                                                                 </div>\r
 410                                                         </div>\r
 411                                                         \r
 412                                                         <div class="tab-pane fade" id="companyprofile" >\r
 413                                                                 <div class="col-sm-3">\r
 414                                                                         <div class="product-image-wrapper">\r
 415                                                                                 <div class="single-products">\r
 416                                                                                         <div class="productinfo text-center">\r
 417                                                                                                 <img src="images/home/gallery1.jpg" alt="" />\r
 418                                                                                                 <h2>$56</h2>\r
 419                                                                                                 <p>Easy Polo Black Edition</p>\r
 420                                                                                                 <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>\r
 421                                                                                         </div>\r
 422                                                                                 </div>\r
 423                                                                         </div>\r
 424                                                                 </div>\r
 425                                                                 <div class="col-sm-3">\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/home/gallery3.jpg" alt="" />\r
 430                                                                                                 <h2>$56</h2>\r
 431                                                                                                 <p>Easy Polo Black Edition</p>\r
 432                                                                                                 <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>\r
 433                                                                                         </div>\r
 434                                                                                 </div>\r
 435                                                                         </div>\r
 436                                                                 </div>\r
 437                                                                 <div class="col-sm-3">\r
 438                                                                         <div class="product-image-wrapper">\r
 439                                                                                 <div class="single-products">\r
 440                                                                                         <div class="productinfo text-center">\r
 441                                                                                                 <img src="images/home/gallery2.jpg" alt="" />\r
 442                                                                                                 <h2>$56</h2>\r
 443                                                                                                 <p>Easy Polo Black Edition</p>\r
 444                                                                                                 <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>\r
 445                                                                                         </div>\r
 446                                                                                 </div>\r
 447                                                                         </div>\r
 448                                                                 </div>\r
 449                                                                 <div class="col-sm-3">\r
 450                                                                         <div class="product-image-wrapper">\r
 451                                                                                 <div class="single-products">\r
 452                                                                                         <div class="productinfo text-center">\r
 453                                                                                                 <img src="images/home/gallery4.jpg" alt="" />\r
 454                                                                                                 <h2>$56</h2>\r
 455                                                                                                 <p>Easy Polo Black Edition</p>\r
 456                                                                                                 <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>\r
 457                                                                                         </div>\r
 458                                                                                 </div>\r
 459                                                                         </div>\r
 460                                                                 </div>\r
 461                                                         </div>\r
 462                                                         \r
 463                                                         <div class="tab-pane fade" id="tag" >\r
 464                                                                 <div class="col-sm-3">\r
 465                                                                         <div class="product-image-wrapper">\r
 466                                                                                 <div class="single-products">\r
 467                                                                                         <div class="productinfo text-center">\r
 468                                                                                                 <img src="images/home/gallery1.jpg" alt="" />\r
 469                                                                                                 <h2>$56</h2>\r
 470                                                                                                 <p>Easy Polo Black Edition</p>\r
 471                                                                                                 <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>\r
 472                                                                                         </div>\r
 473                                                                                 </div>\r
 474                                                                         </div>\r
 475                                                                 </div>\r
 476                                                                 <div class="col-sm-3">\r
 477                                                                         <div class="product-image-wrapper">\r
 478                                                                                 <div class="single-products">\r
 479                                                                                         <div class="productinfo text-center">\r
 480                                                                                                 <img src="images/home/gallery2.jpg" alt="" />\r
 481                                                                                                 <h2>$56</h2>\r
 482                                                                                                 <p>Easy Polo Black Edition</p>\r
 483                                                                                                 <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>\r
 484                                                                                         </div>\r
 485                                                                                 </div>\r
 486                                                                         </div>\r
 487                                                                 </div>\r
 488                                                                 <div class="col-sm-3">\r
 489                                                                         <div class="product-image-wrapper">\r
 490                                                                                 <div class="single-products">\r
 491                                                                                         <div class="productinfo text-center">\r
 492                                                                                                 <img src="images/home/gallery3.jpg" alt="" />\r
 493                                                                                                 <h2>$56</h2>\r
 494                                                                                                 <p>Easy Polo Black Edition</p>\r
 495                                                                                                 <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>\r
 496                                                                                         </div>\r
 497                                                                                 </div>\r
 498                                                                         </div>\r
 499                                                                 </div>\r
 500                                                                 <div class="col-sm-3">\r
 501                                                                         <div class="product-image-wrapper">\r
 502                                                                                 <div class="single-products">\r
 503                                                                                         <div class="productinfo text-center">\r
 504                                                                                                 <img src="images/home/gallery4.jpg" alt="" />\r
 505                                                                                                 <h2>$56</h2>\r
 506                                                                                                 <p>Easy Polo Black Edition</p>\r
 507                                                                                                 <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>\r
 508                                                                                         </div>\r
 509                                                                                 </div>\r
 510                                                                         </div>\r
 511                                                                 </div>\r
 512                                                         </div>\r
 513                                                         \r
 514                                                         <div class="tab-pane fade active in" id="reviews" >\r
 515                                                                 <div class="col-sm-12">\r
 516                                                                         <ul>\r
 517                                                                                 <li><a href=""><i class="fa fa-user"></i>EUGEN</a></li>\r
 518                                                                                 <li><a href=""><i class="fa fa-clock-o"></i>12:41 PM</a></li>\r
 519                                                                                 <li><a href=""><i class="fa fa-calendar-o"></i>31 DEC 2014</a></li>\r
 520                                                                         </ul>\r
 521                                                                         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>\r
 522                                                                         <p><b>Write Your Review</b></p>\r
 523                                                                         \r
 524                                                                         <form action="#">\r
 525                                                                                 <span>\r
 526                                                                                         <input type="text" placeholder="Your Name"/>\r
 527                                                                                         <input type="email" placeholder="Email Address"/>\r
 528                                                                                 </span>\r
 529                                                                                 <textarea name="" ></textarea>\r
 530                                                                                 <b>Rating: </b> <img src="images/product-details/rating.png" alt="" />\r
 531                                                                                 <button type="button" class="btn btn-default pull-right">\r
 532                                                                                         Submit\r
 533                                                                                 </button>\r
 534                                                                         </form>\r
 535                                                                 </div>\r
 536                                                         </div>\r
 537                                                         \r
 538                                                 </div>\r
 539                                         </div><!--/category-tab-->\r
 540                                         \r
 541                                         <div class="recommended_items"><!--recommended_items-->\r
 542                                                 <h2 class="title text-center">recommended items</h2>\r
 543                                                 \r
 544                                                 <div id="recommended-item-carousel" class="carousel slide" data-ride="carousel">\r
 545                                                         <div class="carousel-inner">\r
 546                                                                 <div class="item active">       \r
 547                                                                         <div class="col-sm-4">\r
 548                                                                                 <div class="product-image-wrapper">\r
 549                                                                                         <div class="single-products">\r
 550                                                                                                 <div class="productinfo text-center">\r
 551                                                                                                         <img src="images/home/recommend1.jpg" alt="" />\r
 552                                                                                                         <h2>$56</h2>\r
 553                                                                                                         <p>Easy Polo Black Edition</p>\r
 554                                                                                                         <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>\r
 555                                                                                                 </div>\r
 556                                                                                         </div>\r
 557                                                                                 </div>\r
 558                                                                         </div>\r
 559                                                                         <div class="col-sm-4">\r
 560                                                                                 <div class="product-image-wrapper">\r
 561                                                                                         <div class="single-products">\r
 562                                                                                                 <div class="productinfo text-center">\r
 563                                                                                                         <img src="images/home/recommend2.jpg" alt="" />\r
 564                                                                                                         <h2>$56</h2>\r
 565                                                                                                         <p>Easy Polo Black Edition</p>\r
 566                                                                                                         <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>\r
 567                                                                                                 </div>\r
 568                                                                                         </div>\r
 569                                                                                 </div>\r
 570                                                                         </div>\r
 571                                                                         <div class="col-sm-4">\r
 572                                                                                 <div class="product-image-wrapper">\r
 573                                                                                         <div class="single-products">\r
 574                                                                                                 <div class="productinfo text-center">\r
 575                                                                                                         <img src="images/home/recommend3.jpg" alt="" />\r
 576                                                                                                         <h2>$56</h2>\r
 577                                                                                                         <p>Easy Polo Black Edition</p>\r
 578                                                                                                         <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>\r
 579                                                                                                 </div>\r
 580                                                                                         </div>\r
 581                                                                                 </div>\r
 582                                                                         </div>\r
 583                                                                 </div>\r
 584                                                                 <div class="item">      \r
 585                                                                         <div class="col-sm-4">\r
 586                                                                                 <div class="product-image-wrapper">\r
 587                                                                                         <div class="single-products">\r
 588                                                                                                 <div class="productinfo text-center">\r
 589                                                                                                         <img src="images/home/recommend1.jpg" alt="" />\r
 590                                                                                                         <h2>$56</h2>\r
 591                                                                                                         <p>Easy Polo Black Edition</p>\r
 592                                                                                                         <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>\r
 593                                                                                                 </div>\r
 594                                                                                         </div>\r
 595                                                                                 </div>\r
 596                                                                         </div>\r
 597                                                                         <div class="col-sm-4">\r
 598                                                                                 <div class="product-image-wrapper">\r
 599                                                                                         <div class="single-products">\r
 600                                                                                                 <div class="productinfo text-center">\r
 601                                                                                                         <img src="images/home/recommend2.jpg" alt="" />\r
 602                                                                                                         <h2>$56</h2>\r
 603                                                                                                         <p>Easy Polo Black Edition</p>\r
 604                                                                                                         <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>\r
 605                                                                                                 </div>\r
 606                                                                                         </div>\r
 607                                                                                 </div>\r
 608                                                                         </div>\r
 609                                                                         <div class="col-sm-4">\r
 610                                                                                 <div class="product-image-wrapper">\r
 611                                                                                         <div class="single-products">\r
 612                                                                                                 <div class="productinfo text-center">\r
 613                                                                                                         <img src="images/home/recommend3.jpg" alt="" />\r
 614                                                                                                         <h2>$56</h2>\r
 615                                                                                                         <p>Easy Polo Black Edition</p>\r
 616                                                                                                         <button type="button" class="btn btn-default add-to-cart"><i class="fa fa-shopping-cart"></i>Add to cart</button>\r
 617                                                                                                 </div>\r
 618                                                                                         </div>\r
 619                                                                                 </div>\r
 620                                                                         </div>\r
 621                                                                 </div>\r
 622                                                         </div>\r
 623                                                          <a class="left recommended-item-control" href="#recommended-item-carousel" data-slide="prev">\r
 624                                                                 <i class="fa fa-angle-left"></i>\r
 625                                                           </a>\r
 626                                                           <a class="right recommended-item-control" href="#recommended-item-carousel" data-slide="next">\r
 627                                                                 <i class="fa fa-angle-right"></i>\r
 628                                                           </a>                  \r
 629                                                 </div>\r
 630                                         </div><!--/recommended_items-->\r
 631                                         \r
 632                                 </div>\r
 633                         </div>\r
 634                 </div>\r
 635         </section>\r
 636         \r
 637         <footer id="footer"><!--Footer-->\r
 638                 <div class="footer-top">\r
 639                         <div class="container">\r
 640                                 <div class="row">\r
 641                                         <div class="col-sm-2">\r
 642                                                 <div class="companyinfo">\r
 643                                                         <h2><span>e</span>-shopper</h2>\r
 644                                                         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,sed do eiusmod tempor</p>\r
 645                                                 </div>\r
 646                                         </div>\r
 647                                         <div class="col-sm-7">\r
 648                                                 <div class="col-sm-3">\r
 649                                                         <div class="video-gallery text-center">\r
 650                                                                 <a href="#">\r
 651                                                                         <div class="iframe-img">\r
 652                                                                                 <img src="images/home/iframe1.png" alt="" />\r
 653                                                                         </div>\r
 654                                                                         <div class="overlay-icon">\r
 655                                                                                 <i class="fa fa-play-circle-o"></i>\r
 656                                                                         </div>\r
 657                                                                 </a>\r
 658                                                                 <p>Circle of Hands</p>\r
 659                                                                 <h2>24 DEC 2014</h2>\r
 660                                                         </div>\r
 661                                                 </div>\r
 662                                                 \r
 663                                                 <div class="col-sm-3">\r
 664                                                         <div class="video-gallery text-center">\r
 665                                                                 <a href="#">\r
 666                                                                         <div class="iframe-img">\r
 667                                                                                 <img src="images/home/iframe2.png" alt="" />\r
 668                                                                         </div>\r
 669                                                                         <div class="overlay-icon">\r
 670                                                                                 <i class="fa fa-play-circle-o"></i>\r
 671                                                                         </div>\r
 672                                                                 </a>\r
 673                                                                 <p>Circle of Hands</p>\r
 674                                                                 <h2>24 DEC 2014</h2>\r
 675                                                         </div>\r
 676                                                 </div>\r
 677                                                 \r
 678                                                 <div class="col-sm-3">\r
 679                                                         <div class="video-gallery text-center">\r
 680                                                                 <a href="#">\r
 681                                                                         <div class="iframe-img">\r
 682                                                                                 <img src="images/home/iframe3.png" alt="" />\r
 683                                                                         </div>\r
 684                                                                         <div class="overlay-icon">\r
 685                                                                                 <i class="fa fa-play-circle-o"></i>\r
 686                                                                         </div>\r
 687                                                                 </a>\r
 688                                                                 <p>Circle of Hands</p>\r
 689                                                                 <h2>24 DEC 2014</h2>\r
 690                                                         </div>\r
 691                                                 </div>\r
 692                                                 \r
 693                                                 <div class="col-sm-3">\r
 694                                                         <div class="video-gallery text-center">\r
 695                                                                 <a href="#">\r
 696                                                                         <div class="iframe-img">\r
 697                                                                                 <img src="images/home/iframe4.png" alt="" />\r
 698                                                                         </div>\r
 699                                                                         <div class="overlay-icon">\r
 700                                                                                 <i class="fa fa-play-circle-o"></i>\r
 701                                                                         </div>\r
 702                                                                 </a>\r
 703                                                                 <p>Circle of Hands</p>\r
 704                                                                 <h2>24 DEC 2014</h2>\r
 705                                                         </div>\r
 706                                                 </div>\r
 707                                         </div>\r
 708                                         <div class="col-sm-3">\r
 709                                                 <div class="address">\r
 710                                                         <img src="images/home/map.png" alt="" />\r
 711                                                         <p>505 S Atlantic Ave Virginia Beach, VA(Virginia)</p>\r
 712                                                 </div>\r
 713                                         </div>\r
 714                                 </div>\r
 715                         </div>\r
 716                 </div>\r
 717                 \r
 718                 <div class="footer-widget">\r
 719                         <div class="container">\r
 720                                 <div class="row">\r
 721                                         <div class="col-sm-2">\r
 722                                                 <div class="single-widget">\r
 723                                                         <h2>Service</h2>\r
 724                                                         <ul class="nav nav-pills nav-stacked">\r
 725                                                                 <li><a href="">Online Help</a></li>\r
 726                                                                 <li><a href="">Contact Us</a></li>\r
 727                                                                 <li><a href="">Order Status</a></li>\r
 728                                                                 <li><a href="">Change Location</a></li>\r
 729                                                                 <li><a href="">FAQ’s</a></li>\r
 730                                                         </ul>\r
 731                                                 </div>\r
 732                                         </div>\r
 733                                         <div class="col-sm-2">\r
 734                                                 <div class="single-widget">\r
 735                                                         <h2>Quock Shop</h2>\r
 736                                                         <ul class="nav nav-pills nav-stacked">\r
 737                                                                 <li><a href="">T-Shirt</a></li>\r
 738                                                                 <li><a href="">Mens</a></li>\r
 739                                                                 <li><a href="">Womens</a></li>\r
 740                                                                 <li><a href="">Gift Cards</a></li>\r
 741                                                                 <li><a href="">Shoes</a></li>\r
 742                                                         </ul>\r
 743                                                 </div>\r
 744                                         </div>\r
 745                                         <div class="col-sm-2">\r
 746                                                 <div class="single-widget">\r
 747                                                         <h2>Policies</h2>\r
 748                                                         <ul class="nav nav-pills nav-stacked">\r
 749                                                                 <li><a href="">Terms of Use</a></li>\r
 750                                                                 <li><a href="">Privecy Policy</a></li>\r
 751                                                                 <li><a href="">Refund Policy</a></li>\r
 752                                                                 <li><a href="">Billing System</a></li>\r
 753                                                                 <li><a href="">Ticket System</a></li>\r
 754                                                         </ul>\r
 755                                                 </div>\r
 756                                         </div>\r
 757                                         <div class="col-sm-2">\r
 758                                                 <div class="single-widget">\r
 759                                                         <h2>About Shopper</h2>\r
 760                                                         <ul class="nav nav-pills nav-stacked">\r
 761                                                                 <li><a href="">Company Information</a></li>\r
 762                                                                 <li><a href="">Careers</a></li>\r
 763                                                                 <li><a href="">Store Location</a></li>\r
 764                                                                 <li><a href="">Affillate Program</a></li>\r
 765                                                                 <li><a href="">Copyright</a></li>\r
 766                                                         </ul>\r
 767                                                 </div>\r
 768                                         </div>\r
 769                                         <div class="col-sm-3 col-sm-offset-1">\r
 770                                                 <div class="single-widget">\r
 771                                                         <h2>About Shopper</h2>\r
 772                                                         <form action="#" class="searchform">\r
 773                                                                 <input type="text" placeholder="Your email address" />\r
 774                                                                 <button type="submit" class="btn btn-default"><i class="fa fa-arrow-circle-o-right"></i></button>\r
 775                                                                 <p>Get the most recent updates from <br />our site and be updated your self...</p>\r
 776                                                         </form>\r
 777                                                 </div>\r
 778                                         </div>\r
 779                                         \r
 780                                 </div>\r
 781                         </div>\r
 782                 </div>\r
 783                 \r
 784                 <div class="footer-bottom">\r
 785                         <div class="container">\r
 786                                 <div class="row">\r
 787                                         <p class="pull-left">Copyright © 2013 E-SHOPPER Inc. All rights reserved.</p>\r
 788                                         <p class="pull-right">Designed by <span><a target="_blank" href="http://www.themeum.com">Themeum</a></span></p>\r
 789                                 </div>\r
 790                         </div>\r
 791                 </div>\r
 792                 \r
 793         </footer><!--/Footer-->\r
 794         \r
 795 \r
 796   \r
 797     <script src="js/jquery.js"></script>\r
 798         <script src="js/price-range.js"></script>\r
 799     <script src="js/jquery.scrollUp.min.js"></script>\r
 800         <script src="js/bootstrap.min.js"></script>\r
 801     <script src="js/jquery.prettyPhoto.js"></script>\r
 802     <script src="js/main.js"></script>\r
 803 </body>\r
 804 </html>