Subversion Repositories Integrator Subversion

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
1 espaco 1
<!DOCTYPE html>
2
<!-- 
3
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.2.0
4
Version: 3.4
5
Author: KeenThemes
6
Website: http://www.keenthemes.com/
7
Contact: support@keenthemes.com
8
Follow: www.twitter.com/keenthemes
9
Like: www.facebook.com/keenthemes
10
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
11
License: You must have a valid license purchased only from themeforest (the above link) in order to legally use the theme for your project.
12
-->
13
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
14
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
15
<!--[if !IE]><!-->
16
<html lang="en">
17
<!--<![endif]-->
18
 
19
<!-- Head BEGIN -->
20
<head>
21
  <meta charset="utf-8">
22
  <title>Cool green dress with red bell | Metronic Shop UI</title>
23
 
24
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
25
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
26
 
27
  <meta content="Metronic Shop UI description" name="description">
28
  <meta content="Metronic Shop UI keywords" name="keywords">
29
  <meta content="keenthemes" name="author">
30
 
31
  <meta property="og:site_name" content="-CUSTOMER VALUE-">
32
  <meta property="og:title" content="-CUSTOMER VALUE-">
33
  <meta property="og:description" content="-CUSTOMER VALUE-">
34
  <meta property="og:type" content="website">
35
  <meta property="og:image" content="-CUSTOMER VALUE-"><!-- link to image for socio -->
36
  <meta property="og:url" content="-CUSTOMER VALUE-">
37
 
38
  <link rel="shortcut icon" href="favicon.ico">
39
 
40
  <!-- Fonts START -->
41
  <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|PT+Sans+Narrow|Source+Sans+Pro:200,300,400,600,700,900&amp;subset=all" rel="stylesheet" type="text/css">
42
  <!-- Fonts END -->
43
 
44
  <!-- Global styles START -->          
45
  <link href="../../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet">
46
  <link href="../../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
47
  <!-- Global styles END -->
48
 
49
  <!-- Page level plugin styles START -->
50
  <link href="../../assets/global/plugins/fancybox/source/jquery.fancybox.css" rel="stylesheet">
51
  <link href="../../assets/global/plugins/carousel-owl-carousel/owl-carousel/owl.carousel.css" rel="stylesheet">
52
  <link href="../../assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css">
53
  <link href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css"><!-- for slider-range -->
54
  <link href="../../assets/global/plugins/rateit/src/rateit.css" rel="stylesheet" type="text/css">
55
  <!-- Page level plugin styles END -->
56
 
57
  <!-- Theme styles START -->
58
  <link href="../../assets/global/css/components.css" rel="stylesheet">
59
  <link href="../../assets/frontend/layout/css/style.css" rel="stylesheet">
60
  <link href="../../assets/frontend/pages/css/style-shop.css" rel="stylesheet" type="text/css">
61
  <link href="../../assets/frontend/layout/css/style-responsive.css" rel="stylesheet">
62
  <link href="../../assets/frontend/layout/css/themes/red.css" rel="stylesheet" id="style-color">
63
  <link href="../../assets/frontend/layout/css/custom.css" rel="stylesheet">
64
  <!-- Theme styles END -->
65
</head>
66
<!-- Head END -->
67
 
68
<!-- Body BEGIN -->
69
<body class="ecommerce">
70
    <!-- BEGIN STYLE CUSTOMIZER -->
71
    <div class="color-panel hidden-sm">
72
      <div class="color-mode-icons icon-color"></div>
73
      <div class="color-mode-icons icon-color-close"></div>
74
      <div class="color-mode">
75
        <p>THEME COLOR</p>
76
        <ul class="inline">
77
          <li class="color-red current color-default" data-style="red"></li>
78
          <li class="color-blue" data-style="blue"></li>
79
          <li class="color-green" data-style="green"></li>
80
          <li class="color-orange" data-style="orange"></li>
81
          <li class="color-gray" data-style="gray"></li>
82
          <li class="color-turquoise" data-style="turquoise"></li>
83
        </ul>
84
      </div>
85
    </div>
86
    <!-- END BEGIN STYLE CUSTOMIZER -->
87
 
88
    <!-- BEGIN TOP BAR -->
89
    <div class="pre-header">
90
        <div class="container">
91
            <div class="row">
92
                <!-- BEGIN TOP BAR LEFT PART -->
93
                <div class="col-md-6 col-sm-6 additional-shop-info">
94
                    <ul class="list-unstyled list-inline">
95
                        <li><i class="fa fa-phone"></i><span>+1 456 6717</span></li>
96
                        <!-- BEGIN CURRENCIES -->
97
                        <li class="shop-currencies">
98
                            <a href="javascript:void(0);"></a>
99
                            <a href="javascript:void(0);">£</a>
100
                            <a href="javascript:void(0);" class="current">$</a>
101
                        </li>
102
                        <!-- END CURRENCIES -->
103
                        <!-- BEGIN LANGS -->
104
                        <li class="langs-block">
105
                            <a href="javascript:void(0);" class="current">English </a>
106
                            <div class="langs-block-others-wrapper"><div class="langs-block-others">
107
                              <a href="javascript:void(0);">French</a>
108
                              <a href="javascript:void(0);">Germany</a>
109
                              <a href="javascript:void(0);">Turkish</a>
110
                            </div></div>
111
                        </li>
112
                        <!-- END LANGS -->
113
                    </ul>
114
                </div>
115
                <!-- END TOP BAR LEFT PART -->
116
                <!-- BEGIN TOP BAR MENU -->
117
                <div class="col-md-6 col-sm-6 additional-nav">
118
                    <ul class="list-unstyled list-inline pull-right">
119
                        <li><a href="shop-account.html">My Account</a></li>
120
                        <li><a href="shop-wishlist.html">My Wishlist</a></li>
121
                        <li><a href="shop-checkout.html">Checkout</a></li>
122
                        <li><a href="page-login.html">Log In</a></li>
123
                    </ul>
124
                </div>
125
                <!-- END TOP BAR MENU -->
126
            </div>
127
        </div>        
128
    </div>
129
    <!-- END TOP BAR -->
130
 
131
    <!-- BEGIN HEADER -->
132
    <div class="header">
133
      <div class="container">
134
        <a class="site-logo" href="shop-index.html"><img src="../../assets/frontend/layout/img/logos/logo-shop-red.png" alt="Metronic Shop UI"></a>
135
 
136
        <a href="javascript:void(0);" class="mobi-toggler"><i class="fa fa-bars"></i></a>
137
 
138
        <!-- BEGIN CART -->
139
        <div class="top-cart-block">
140
          <div class="top-cart-info">
141
            <a href="javascript:void(0);" class="top-cart-info-count">3 items</a>
142
            <a href="javascript:void(0);" class="top-cart-info-value">$1260</a>
143
          </div>
144
          <i class="fa fa-shopping-cart"></i>
145
 
146
          <div class="top-cart-content-wrapper">
147
            <div class="top-cart-content">
148
              <ul class="scroller" style="height: 250px;">
149
                <li>
150
                  <a href="shop-item.html"><img src="../../assets/frontend/pages/img/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
151
                  <span class="cart-content-count">x 1</span>
152
                  <strong><a href="shop-item.html">Rolex Classic Watch</a></strong>
153
                  <em>$1230</em>
154
                  <a href="javascript:void(0);" class="del-goods">&nbsp;</a>
155
                </li>
156
                <li>
157
                  <a href="shop-item.html"><img src="../../assets/frontend/pages/img/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
158
                  <span class="cart-content-count">x 1</span>
159
                  <strong><a href="shop-item.html">Rolex Classic Watch</a></strong>
160
                  <em>$1230</em>
161
                  <a href="javascript:void(0);" class="del-goods">&nbsp;</a>
162
                </li>
163
                <li>
164
                  <a href="shop-item.html"><img src="../../assets/frontend/pages/img/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
165
                  <span class="cart-content-count">x 1</span>
166
                  <strong><a href="shop-item.html">Rolex Classic Watch</a></strong>
167
                  <em>$1230</em>
168
                  <a href="javascript:void(0);" class="del-goods">&nbsp;</a>
169
                </li>
170
                <li>
171
                  <a href="shop-item.html"><img src="../../assets/frontend/pages/img/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
172
                  <span class="cart-content-count">x 1</span>
173
                  <strong><a href="shop-item.html">Rolex Classic Watch</a></strong>
174
                  <em>$1230</em>
175
                  <a href="javascript:void(0);" class="del-goods">&nbsp;</a>
176
                </li>
177
                <li>
178
                  <a href="shop-item.html"><img src="../../assets/frontend/pages/img/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
179
                  <span class="cart-content-count">x 1</span>
180
                  <strong><a href="shop-item.html">Rolex Classic Watch</a></strong>
181
                  <em>$1230</em>
182
                  <a href="javascript:void(0);" class="del-goods">&nbsp;</a>
183
                </li>
184
                <li>
185
                  <a href="shop-item.html"><img src="../../assets/frontend/pages/img/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
186
                  <span class="cart-content-count">x 1</span>
187
                  <strong><a href="shop-item.html">Rolex Classic Watch</a></strong>
188
                  <em>$1230</em>
189
                  <a href="javascript:void(0);" class="del-goods">&nbsp;</a>
190
                </li>
191
                <li>
192
                  <a href="shop-item.html"><img src="../../assets/frontend/pages/img/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
193
                  <span class="cart-content-count">x 1</span>
194
                  <strong><a href="shop-item.html">Rolex Classic Watch</a></strong>
195
                  <em>$1230</em>
196
                  <a href="javascript:void(0);" class="del-goods">&nbsp;</a>
197
                </li>
198
                <li>
199
                  <a href="shop-item.html"><img src="../../assets/frontend/pages/img/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
200
                  <span class="cart-content-count">x 1</span>
201
                  <strong><a href="shop-item.html">Rolex Classic Watch</a></strong>
202
                  <em>$1230</em>
203
                  <a href="javascript:void(0);" class="del-goods">&nbsp;</a>
204
                </li>
205
              </ul>
206
              <div class="text-right">
207
                <a href="shop-shopping-cart.html" class="btn btn-default">View Cart</a>
208
                <a href="shop-checkout.html" class="btn btn-primary">Checkout</a>
209
              </div>
210
            </div>
211
          </div>            
212
        </div>
213
        <!--END CART -->
214
 
215
        <!-- BEGIN NAVIGATION -->
216
        <div class="header-navigation">
217
          <ul>
218
            <li class="dropdown">
219
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
220
                Woman
221
 
222
              </a>
223
 
224
              <!-- BEGIN DROPDOWN MENU -->
225
              <ul class="dropdown-menu">
226
                <li class="dropdown-submenu">
227
                  <a href="shop-product-list.html">Hi Tops <i class="fa fa-angle-right"></i></a>
228
                  <ul class="dropdown-menu" role="menu">
229
                    <li><a href="shop-product-list.html">Second Level Link</a></li>
230
                    <li><a href="shop-product-list.html">Second Level Link</a></li>
231
                    <li class="dropdown-submenu">
232
                      <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
233
                        Second Level Link
234
                        <i class="fa fa-angle-right"></i>
235
                      </a>
236
                      <ul class="dropdown-menu">
237
                        <li><a href="shop-product-list.html">Third Level Link</a></li>
238
                        <li><a href="shop-product-list.html">Third Level Link</a></li>
239
                        <li><a href="shop-product-list.html">Third Level Link</a></li>
240
                      </ul>
241
                    </li>
242
                  </ul>
243
                </li>
244
                <li><a href="shop-product-list.html">Running Shoes</a></li>
245
                <li><a href="shop-product-list.html">Jackets and Coats</a></li>
246
              </ul>
247
              <!-- END DROPDOWN MENU -->
248
            </li>
249
            <li class="dropdown dropdown-megamenu">
250
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
251
                Man
252
 
253
              </a>
254
              <ul class="dropdown-menu">
255
                <li>
256
                  <div class="header-navigation-content">
257
                    <div class="row">
258
                      <div class="col-md-4 header-navigation-col">
259
                        <h4>Footwear</h4>
260
                        <ul>
261
                          <li><a href="shop-product-list.html">Astro Trainers</a></li>
262
                          <li><a href="shop-product-list.html">Basketball Shoes</a></li>
263
                          <li><a href="shop-product-list.html">Boots</a></li>
264
                          <li><a href="shop-product-list.html">Canvas Shoes</a></li>
265
                          <li><a href="shop-product-list.html">Football Boots</a></li>
266
                          <li><a href="shop-product-list.html">Golf Shoes</a></li>
267
                          <li><a href="shop-product-list.html">Hi Tops</a></li>
268
                          <li><a href="shop-product-list.html">Indoor and Court Trainers</a></li>
269
                        </ul>
270
                      </div>
271
                      <div class="col-md-4 header-navigation-col">
272
                        <h4>Clothing</h4>
273
                        <ul>
274
                          <li><a href="shop-product-list.html">Base Layer</a></li>
275
                          <li><a href="shop-product-list.html">Character</a></li>
276
                          <li><a href="shop-product-list.html">Chinos</a></li>
277
                          <li><a href="shop-product-list.html">Combats</a></li>
278
                          <li><a href="shop-product-list.html">Cricket Clothing</a></li>
279
                          <li><a href="shop-product-list.html">Fleeces</a></li>
280
                          <li><a href="shop-product-list.html">Gilets</a></li>
281
                          <li><a href="shop-product-list.html">Golf Tops</a></li>
282
                        </ul>
283
                      </div>
284
                      <div class="col-md-4 header-navigation-col">
285
                        <h4>Accessories</h4>
286
                        <ul>
287
                          <li><a href="shop-product-list.html">Belts</a></li>
288
                          <li><a href="shop-product-list.html">Caps</a></li>
289
                          <li><a href="shop-product-list.html">Gloves, Hats and Scarves</a></li>
290
                        </ul>
291
 
292
                        <h4>Clearance</h4>
293
                        <ul>
294
                          <li><a href="shop-product-list.html">Jackets</a></li>
295
                          <li><a href="shop-product-list.html">Bottoms</a></li>
296
                        </ul>
297
                      </div>
298
                      <div class="col-md-12 nav-brands">
299
                        <ul>
300
                          <li><a href="shop-product-list.html"><img title="esprit" alt="esprit" src="../../assets/frontend/pages/img/brands/esprit.jpg"></a></li>
301
                          <li><a href="shop-product-list.html"><img title="gap" alt="gap" src="../../assets/frontend/pages/img/brands/gap.jpg"></a></li>
302
                          <li><a href="shop-product-list.html"><img title="next" alt="next" src="../../assets/frontend/pages/img/brands/next.jpg"></a></li>
303
                          <li><a href="shop-product-list.html"><img title="puma" alt="puma" src="../../assets/frontend/pages/img/brands/puma.jpg"></a></li>
304
                          <li><a href="shop-product-list.html"><img title="zara" alt="zara" src="../../assets/frontend/pages/img/brands/zara.jpg"></a></li>
305
                        </ul>
306
                      </div>
307
                    </div>
308
                  </div>
309
                </li>
310
              </ul>
311
            </li>
312
            <li><a href="shop-item.html">Kids</a></li>
313
            <li class="dropdown dropdown100 nav-catalogue">
314
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
315
                New
316
 
317
              </a>
318
              <ul class="dropdown-menu">
319
                <li>
320
                  <div class="header-navigation-content">
321
                    <div class="row">
322
                      <div class="col-md-3 col-sm-4 col-xs-6">
323
                        <div class="product-item">
324
                          <div class="pi-img-wrapper">
325
                            <a href="shop-item.html"><img src="../../assets/frontend/pages/img/products/model4.jpg" class="img-responsive" alt="Berry Lace Dress"></a>
326
                          </div>
327
                          <h3><a href="shop-item.html">Berry Lace Dress</a></h3>
328
                          <div class="pi-price">$29.00</div>
329
                          <a href="#" class="btn btn-default add2cart">Add to cart</a>
330
                        </div>
331
                      </div>
332
                      <div class="col-md-3 col-sm-4 col-xs-6">
333
                        <div class="product-item">
334
                          <div class="pi-img-wrapper">
335
                            <a href="shop-item.html"><img src="../../assets/frontend/pages/img/products/model3.jpg" class="img-responsive" alt="Berry Lace Dress"></a>
336
                          </div>
337
                          <h3><a href="shop-item.html">Berry Lace Dress</a></h3>
338
                          <div class="pi-price">$29.00</div>
339
                          <a href="#" class="btn btn-default add2cart">Add to cart</a>
340
                        </div>
341
                      </div>
342
                      <div class="col-md-3 col-sm-4 col-xs-6">
343
                        <div class="product-item">
344
                          <div class="pi-img-wrapper">
345
                            <a href="shop-item.html"><img src="../../assets/frontend/pages/img/products/model7.jpg" class="img-responsive" alt="Berry Lace Dress"></a>
346
                          </div>
347
                          <h3><a href="shop-item.html">Berry Lace Dress</a></h3>
348
                          <div class="pi-price">$29.00</div>
349
                          <a href="#" class="btn btn-default add2cart">Add to cart</a>
350
                        </div>
351
                      </div>
352
                      <div class="col-md-3 col-sm-4 col-xs-6">
353
                        <div class="product-item">
354
                          <div class="pi-img-wrapper">
355
                            <a href="shop-item.html"><img src="../../assets/frontend/pages/img/products/model4.jpg" class="img-responsive" alt="Berry Lace Dress"></a>
356
                          </div>
357
                          <h3><a href="shop-item.html">Berry Lace Dress</a></h3>
358
                          <div class="pi-price">$29.00</div>
359
                          <a href="#" class="btn btn-default add2cart">Add to cart</a>
360
                        </div>
361
                      </div>
362
                    </div>
363
                  </div>
364
                </li>
365
              </ul>
366
            </li>
367
            <li class="dropdown active">
368
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
369
                Pages
370
 
371
              </a>
372
 
373
              <ul class="dropdown-menu">
374
                <li><a href="shop-index.html">Home Default</a></li>
375
                <li><a href="shop-index-header-fix.html">Home Header Fixed</a></li>
376
                <li><a href="shop-index-light-footer.html">Home Light Footer</a></li>
377
                <li><a href="shop-product-list.html">Product List</a></li>
378
                <li><a href="shop-search-result.html">Search Result</a></li>
379
                <li class="active"><a href="shop-item.html">Product Page</a></li>
380
                <li><a href="shop-shopping-cart-null.html">Shopping Cart (Null Cart)</a></li>
381
                <li><a href="shop-shopping-cart.html">Shopping Cart</a></li>
382
                <li><a href="shop-checkout.html">Checkout</a></li>
383
                <li><a href="shop-about.html">About</a></li>
384
                <li><a href="shop-contacts.html">Contacts</a></li>
385
                <li><a href="shop-account.html">My account</a></li>
386
                <li><a href="shop-wishlist.html">My Wish List</a></li>
387
                <li><a href="shop-goods-compare.html">Product Comparison</a></li>
388
                <li><a href="shop-standart-forms.html">Standart Forms</a></li>
389
                <li><a href="shop-faq.html">FAQ</a></li>
390
                <li><a href="shop-privacy-policy.html">Privacy Policy</a></li>
391
                <li><a href="shop-terms-conditions-page.html">Terms &amp; Conditions</a></li>
392
              </ul>
393
            </li>
394
            <li><a href="index.html" target="_blank">Corporate</a></li>
395
            <li><a href="onepage-index.html" target="_blank">One Page</a></li>
396
            <li><a href="http://keenthemes.com/preview/metronic/theme/templates/admin&amp;page=ecommerce_index.html" target="_blank">Admin theme</a></li>
397
 
398
            <!-- BEGIN TOP SEARCH -->
399
            <li class="menu-search">
400
              <span class="sep"></span>
401
              <i class="fa fa-search search-btn"></i>
402
              <div class="search-box">
403
                <form action="#">
404
                  <div class="input-group">
405
                    <input type="text" placeholder="Search" class="form-control">
406
                    <span class="input-group-btn">
407
                      <button class="btn btn-primary" type="submit">Search</button>
408
                    </span>
409
                  </div>
410
                </form>
411
              </div>
412
            </li>
413
            <!-- END TOP SEARCH -->
414
          </ul>
415
        </div>
416
        <!-- END NAVIGATION -->
417
      </div>
418
    </div>
419
    <!-- Header END -->
420
 
421
    <div class="main">
422
      <div class="container">
423
        <ul class="breadcrumb">
424
            <li><a href="index.html">Home</a></li>
425
            <li><a href="">Store</a></li>
426
            <li class="active">Cool green dress with red bell</li>
427
        </ul>
428
        <!-- BEGIN SIDEBAR & CONTENT -->
429
        <div class="row margin-bottom-40">
430
          <!-- BEGIN SIDEBAR -->
431
          <div class="sidebar col-md-3 col-sm-5">
432
            <ul class="list-group margin-bottom-25 sidebar-menu">
433
              <li class="list-group-item clearfix"><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Ladies</a></li>
434
              <li class="list-group-item clearfix dropdown active">
435
                <a href="shop-product-list.html" class="collapsed">
436
                  <i class="fa fa-angle-right"></i>
437
                  Mens
438
 
439
                </a>
440
                <ul class="dropdown-menu" style="display:block;">
441
                  <li class="list-group-item dropdown clearfix active">
442
                    <a href="shop-product-list.html" class="collapsed"><i class="fa fa-angle-right"></i> Shoes </a>
443
                      <ul class="dropdown-menu" style="display:block;">
444
                        <li class="list-group-item dropdown clearfix">
445
                          <a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Classic </a>
446
                          <ul class="dropdown-menu">
447
                            <li><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Classic 1</a></li>
448
                            <li><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Classic 2</a></li>
449
                          </ul>
450
                        </li>
451
                        <li class="list-group-item dropdown clearfix active">
452
                          <a href="shop-product-list.html" class="collapsed"><i class="fa fa-angle-right"></i> Sport  </a>
453
                          <ul class="dropdown-menu" style="display:block;">
454
                            <li class="active"><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Sport 1</a></li>
455
                            <li><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Sport 2</a></li>
456
                          </ul>
457
                        </li>
458
                      </ul>
459
                  </li>
460
                  <li><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Trainers</a></li>
461
                  <li><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Jeans</a></li>
462
                  <li><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Chinos</a></li>
463
                  <li><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> T-Shirts</a></li>
464
                </ul>
465
              </li>
466
              <li class="list-group-item clearfix"><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Kids</a></li>
467
              <li class="list-group-item clearfix"><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Accessories</a></li>
468
              <li class="list-group-item clearfix"><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Sports</a></li>
469
              <li class="list-group-item clearfix"><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Brands</a></li>
470
              <li class="list-group-item clearfix"><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Electronics</a></li>
471
              <li class="list-group-item clearfix"><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Home &amp; Garden</a></li>
472
              <li class="list-group-item clearfix"><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Custom Link</a></li>
473
            </ul>
474
 
475
            <div class="sidebar-products clearfix">
476
              <h2>Bestsellers</h2>
477
              <div class="item">
478
                <a href="shop-item.html"><img src="../../assets/frontend/pages/img/products/k1.jpg" alt="Some Shoes in Animal with Cut Out"></a>
479
                <h3><a href="shop-item.html">Some Shoes in Animal with Cut Out</a></h3>
480
                <div class="price">$31.00</div>
481
              </div>
482
              <div class="item">
483
                <a href="shop-item.html"><img src="../../assets/frontend/pages/img/products/k4.jpg" alt="Some Shoes in Animal with Cut Out"></a>
484
                <h3><a href="shop-item.html">Some Shoes in Animal with Cut Out</a></h3>
485
                <div class="price">$23.00</div>
486
              </div>
487
              <div class="item">
488
                <a href="shop-item.html"><img src="../../assets/frontend/pages/img/products/k3.jpg" alt="Some Shoes in Animal with Cut Out"></a>
489
                <h3><a href="shop-item.html">Some Shoes in Animal with Cut Out</a></h3>
490
                <div class="price">$86.00</div>
491
              </div>
492
            </div>
493
          </div>
494
          <!-- END SIDEBAR -->
495
 
496
          <!-- BEGIN CONTENT -->
497
          <div class="col-md-9 col-sm-7">
498
            <div class="product-page">
499
              <div class="row">
500
                <div class="col-md-6 col-sm-6">
501
                  <div class="product-main-image">
502
                    <img src="../../assets/frontend/pages/img/products/model7.jpg" alt="Cool green dress with red bell" class="img-responsive" data-BigImgsrc="../../assets/frontend/pages/img/products/model7.jpg">
503
                  </div>
504
                  <div class="product-other-images">
505
                    <a href="../../assets/frontend/pages/img/products/model3.jpg" class="fancybox-button" rel="photos-lib"><img alt="Berry Lace Dress" src="../../assets/frontend/pages/img/products/model3.jpg"></a>
506
                    <a href="../../assets/frontend/pages/img/products/model4.jpg" class="fancybox-button" rel="photos-lib"><img alt="Berry Lace Dress" src="../../assets/frontend/pages/img/products/model4.jpg"></a>
507
                    <a href="../../assets/frontend/pages/img/products/model5.jpg" class="fancybox-button" rel="photos-lib"><img alt="Berry Lace Dress" src="../../assets/frontend/pages/img/products/model5.jpg"></a>
508
                  </div>
509
                </div>
510
                <div class="col-md-6 col-sm-6">
511
                  <h1>Cool green dress with red bell</h1>
512
                  <div class="price-availability-block clearfix">
513
                    <div class="price">
514
                      <strong><span>$</span>47.00</strong>
515
                      <em>$<span>62.00</span></em>
516
                    </div>
517
                    <div class="availability">
518
                      Availability: <strong>In Stock</strong>
519
                    </div>
520
                  </div>
521
                  <div class="description">
522
                    <p>Lorem ipsum dolor ut sit ame dolore  adipiscing elit, sed nonumy nibh sed euismod laoreet dolore magna aliquarm erat volutpat
523
Nostrud duis molestie at dolore.</p>
524
                  </div>
525
                  <div class="product-page-options">
526
                    <div class="pull-left">
527
                      <label class="control-label">Size:</label>
528
                      <select class="form-control input-sm">
529
                        <option>L</option>
530
                        <option>M</option>
531
                        <option>XL</option>
532
                      </select>
533
                    </div>
534
                    <div class="pull-left">
535
                      <label class="control-label">Color:</label>
536
                      <select class="form-control input-sm">
537
                        <option>Red</option>
538
                        <option>Blue</option>
539
                        <option>Black</option>
540
                      </select>
541
                    </div>
542
                  </div>
543
                  <div class="product-page-cart">
544
                    <div class="product-quantity">
545
                        <input id="product-quantity" type="text" value="1" readonly class="form-control input-sm">
546
                    </div>
547
                    <button class="btn btn-primary" type="submit">Add to cart</button>
548
                  </div>
549
                  <div class="review">
550
                    <input type="range" value="4" step="0.25" id="backing4">
551
                    <div class="rateit" data-rateit-backingfld="#backing4" data-rateit-resetable="false"  data-rateit-ispreset="true" data-rateit-min="0" data-rateit-max="5">
552
                    </div>
553
                    <a href="#">7 reviews</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">Write a review</a>
554
                  </div>
555
                  <ul class="social-icons">
556
                    <li><a class="facebook" data-original-title="facebook" href="#"></a></li>
557
                    <li><a class="twitter" data-original-title="twitter" href="#"></a></li>
558
                    <li><a class="googleplus" data-original-title="googleplus" href="#"></a></li>
559
                    <li><a class="evernote" data-original-title="evernote" href="#"></a></li>
560
                    <li><a class="tumblr" data-original-title="tumblr" href="#"></a></li>
561
                  </ul>
562
                </div>
563
 
564
                <div class="product-page-content">
565
                  <ul id="myTab" class="nav nav-tabs">
566
                    <li><a href="#Description" data-toggle="tab">Description</a></li>
567
                    <li><a href="#Information" data-toggle="tab">Information</a></li>
568
                    <li class="active"><a href="#Reviews" data-toggle="tab">Reviews (2)</a></li>
569
                  </ul>
570
                  <div id="myTabContent" class="tab-content">
571
                    <div class="tab-pane fade" id="Description">
572
                      <p>Lorem ipsum dolor ut sit ame dolore  adipiscing elit, sed sit nonumy nibh sed euismod laoreet dolore magna aliquarm erat sit volutpat Nostrud duis molestie at dolore. Lorem ipsum dolor ut sit ame dolore  adipiscing elit, sed sit nonumy nibh sed euismod laoreet dolore magna aliquarm erat sit volutpat Nostrud duis molestie at dolore. Lorem ipsum dolor ut sit ame dolore  adipiscing elit, sed sit nonumy nibh sed euismod laoreet dolore magna aliquarm erat sit volutpat Nostrud duis molestie at dolore. </p>
573
                    </div>
574
                    <div class="tab-pane fade" id="Information">
575
                      <table class="datasheet">
576
                        <tr>
577
                          <th colspan="2">Additional features</th>
578
                        </tr>
579
                        <tr>
580
                          <td class="datasheet-features-type">Value 1</td>
581
                          <td>21 cm</td>
582
                        </tr>
583
                        <tr>
584
                          <td class="datasheet-features-type">Value 2</td>
585
                          <td>700 gr.</td>
586
                        </tr>
587
                        <tr>
588
                          <td class="datasheet-features-type">Value 3</td>
589
                          <td>10 person</td>
590
                        </tr>
591
                        <tr>
592
                          <td class="datasheet-features-type">Value 4</td>
593
                          <td>14 cm</td>
594
                        </tr>
595
                        <tr>
596
                          <td class="datasheet-features-type">Value 5</td>
597
                          <td>plastic</td>
598
                        </tr>
599
                      </table>
600
                    </div>
601
                    <div class="tab-pane fade in active" id="Reviews">
602
                      <!--<p>There are no reviews for this product.</p>-->
603
                      <div class="review-item clearfix">
604
                        <div class="review-item-submitted">
605
                          <strong>Bob</strong>
606
                          <em>30/12/2013 - 07:37</em>
607
                          <div class="rateit" data-rateit-value="5" data-rateit-ispreset="true" data-rateit-readonly="true"></div>
608
                        </div>                                              
609
                        <div class="review-item-content">
610
                            <p>Sed velit quam, auctor id semper a, hendrerit eget justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis vel arcu pulvinar dolor tempus feugiat id in orci. Phasellus sed erat leo. Donec luctus, justo eget ultricies tristique, enim mauris bibendum orci, a sodales lectus purus ut lorem.</p>
611
                        </div>
612
                      </div>
613
                      <div class="review-item clearfix">
614
                        <div class="review-item-submitted">
615
                          <strong>Mary</strong>
616
                          <em>13/12/2013 - 17:49</em>
617
                          <div class="rateit" data-rateit-value="2.5" data-rateit-ispreset="true" data-rateit-readonly="true"></div>
618
                        </div>                                              
619
                        <div class="review-item-content">
620
                            <p>Sed velit quam, auctor id semper a, hendrerit eget justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis vel arcu pulvinar dolor tempus feugiat id in orci. Phasellus sed erat leo. Donec luctus, justo eget ultricies tristique, enim mauris bibendum orci, a sodales lectus purus ut lorem.</p>
621
                        </div>
622
                      </div>
623
 
624
                      <!-- BEGIN FORM-->
625
                      <form action="#" class="reviews-form" role="form">
626
                        <h2>Write a review</h2>
627
                        <div class="form-group">
628
                          <label for="name">Name <span class="require">*</span></label>
629
                          <input type="text" class="form-control" id="name">
630
                        </div>
631
                        <div class="form-group">
632
                          <label for="email">Email</label>
633
                          <input type="text" class="form-control" id="email">
634
                        </div>
635
                        <div class="form-group">
636
                          <label for="review">Review <span class="require">*</span></label>
637
                          <textarea class="form-control" rows="8" id="review"></textarea>
638
                        </div>
639
                        <div class="form-group">
640
                          <label for="email">Rating</label>
641
                          <input type="range" value="4" step="0.25" id="backing5">
642
                          <div class="rateit" data-rateit-backingfld="#backing5" data-rateit-resetable="false"  data-rateit-ispreset="true" data-rateit-min="0" data-rateit-max="5">
643
                          </div>
644
                        </div>
645
                        <div class="padding-top-20">                  
646
                          <button type="submit" class="btn btn-primary">Send</button>
647
                        </div>
648
                      </form>
649
                      <!-- END FORM-->
650
                    </div>
651
                  </div>
652
                </div>
653
 
654
                <div class="sticker sticker-sale"></div>
655
              </div>
656
            </div>
657
          </div>
658
          <!-- END CONTENT -->
659
        </div>
660
        <!-- END SIDEBAR & CONTENT -->
661
 
662
        <!-- BEGIN SIMILAR PRODUCTS -->
663
        <div class="row margin-bottom-40">
664
          <div class="col-md-12 col-sm-12">
665
            <h2>Most popular products</h2>
666
            <div class="owl-carousel owl-carousel4">
667
              <div>
668
                <div class="product-item">
669
                  <div class="pi-img-wrapper">
670
                    <img src="../../assets/frontend/pages/img/products/k1.jpg" class="img-responsive" alt="Berry Lace Dress">
671
                    <div>
672
                      <a href="../../assets/frontend/pages/img/products/k1.jpg" class="btn btn-default fancybox-button">Zoom</a>
673
                      <a href="#product-pop-up" class="btn btn-default fancybox-fast-view">View</a>
674
                    </div>
675
                  </div>
676
                  <h3><a href="shop-item.html">Berry Lace Dress</a></h3>
677
                  <div class="pi-price">$29.00</div>
678
                  <a href="#" class="btn btn-default add2cart">Add to cart</a>
679
                  <div class="sticker sticker-new"></div>
680
                </div>
681
              </div>
682
              <div>
683
                <div class="product-item">
684
                  <div class="pi-img-wrapper">
685
                    <img src="../../assets/frontend/pages/img/products/k2.jpg" class="img-responsive" alt="Berry Lace Dress">
686
                    <div>
687
                      <a href="../../assets/frontend/pages/img/products/k2.jpg" class="btn btn-default fancybox-button">Zoom</a>
688
                      <a href="#product-pop-up" class="btn btn-default fancybox-fast-view">View</a>
689
                    </div>
690
                  </div>
691
                  <h3><a href="shop-item.html">Berry Lace Dress2</a></h3>
692
                  <div class="pi-price">$29.00</div>
693
                  <a href="#" class="btn btn-default add2cart">Add to cart</a>
694
                </div>
695
              </div>
696
              <div>
697
                <div class="product-item">
698
                  <div class="pi-img-wrapper">
699
                    <img src="../../assets/frontend/pages/img/products/k3.jpg" class="img-responsive" alt="Berry Lace Dress">
700
                    <div>
701
                      <a href="../../assets/frontend/pages/img/products/k3.jpg" class="btn btn-default fancybox-button">Zoom</a>
702
                      <a href="#product-pop-up" class="btn btn-default fancybox-fast-view">View</a>
703
                    </div>
704
                  </div>
705
                  <h3><a href="shop-item.html">Berry Lace Dress3</a></h3>
706
                  <div class="pi-price">$29.00</div>
707
                  <a href="#" class="btn btn-default add2cart">Add to cart</a>
708
                </div>
709
              </div>
710
              <div>
711
                <div class="product-item">
712
                  <div class="pi-img-wrapper">
713
                    <img src="../../assets/frontend/pages/img/products/k4.jpg" class="img-responsive" alt="Berry Lace Dress">
714
                    <div>
715
                      <a href="../../assets/frontend/pages/img/products/k4.jpg" class="btn btn-default fancybox-button">Zoom</a>
716
                      <a href="#product-pop-up" class="btn btn-default fancybox-fast-view">View</a>
717
                    </div>
718
                  </div>
719
                  <h3><a href="shop-item.html">Berry Lace Dress4</a></h3>
720
                  <div class="pi-price">$29.00</div>
721
                  <a href="#" class="btn btn-default add2cart">Add to cart</a>
722
                  <div class="sticker sticker-sale"></div>
723
                </div>
724
              </div>
725
              <div>
726
                <div class="product-item">
727
                  <div class="pi-img-wrapper">
728
                    <img src="../../assets/frontend/pages/img/products/k1.jpg" class="img-responsive" alt="Berry Lace Dress">
729
                    <div>
730
                      <a href="../../assets/frontend/pages/img/products/k1.jpg" class="btn btn-default fancybox-button">Zoom</a>
731
                      <a href="#product-pop-up" class="btn btn-default fancybox-fast-view">View</a>
732
                    </div>
733
                  </div>
734
                  <h3><a href="shop-item.html">Berry Lace Dress5</a></h3>
735
                  <div class="pi-price">$29.00</div>
736
                  <a href="#" class="btn btn-default add2cart">Add to cart</a>
737
                </div>
738
              </div>
739
              <div>
740
                <div class="product-item">
741
                  <div class="pi-img-wrapper">
742
                    <img src="../../assets/frontend/pages/img/products/k2.jpg" class="img-responsive" alt="Berry Lace Dress">
743
                    <div>
744
                      <a href="../../assets/frontend/pages/img/products/k2.jpg" class="btn btn-default fancybox-button">Zoom</a>
745
                      <a href="#product-pop-up" class="btn btn-default fancybox-fast-view">View</a>
746
                    </div>
747
                  </div>
748
                  <h3><a href="shop-item.html">Berry Lace Dress6</a></h3>
749
                  <div class="pi-price">$29.00</div>
750
                  <a href="#" class="btn btn-default add2cart">Add to cart</a>
751
                </div>
752
              </div>
753
            </div>
754
          </div>
755
        </div>
756
        <!-- END SIMILAR PRODUCTS -->
757
      </div>
758
    </div>
759
 
760
    <!-- BEGIN BRANDS -->
761
    <div class="brands">
762
      <div class="container">
763
            <div class="owl-carousel owl-carousel6-brands">
764
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/canon.jpg" alt="canon" title="canon"></a>
765
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/esprit.jpg" alt="esprit" title="esprit"></a>
766
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/gap.jpg" alt="gap" title="gap"></a>
767
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/next.jpg" alt="next" title="next"></a>
768
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/puma.jpg" alt="puma" title="puma"></a>
769
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/zara.jpg" alt="zara" title="zara"></a>
770
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/canon.jpg" alt="canon" title="canon"></a>
771
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/esprit.jpg" alt="esprit" title="esprit"></a>
772
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/gap.jpg" alt="gap" title="gap"></a>
773
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/next.jpg" alt="next" title="next"></a>
774
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/puma.jpg" alt="puma" title="puma"></a>
775
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/zara.jpg" alt="zara" title="zara"></a>
776
            </div>
777
        </div>
778
    </div>
779
    <!-- END BRANDS -->
780
 
781
    <!-- BEGIN STEPS -->
782
    <div class="steps-block steps-block-red">
783
      <div class="container">
784
        <div class="row">
785
          <div class="col-md-4 steps-block-col">
786
            <i class="fa fa-truck"></i>
787
            <div>
788
              <h2>Free shipping</h2>
789
              <em>Express delivery withing 3 days</em>
790
            </div>
791
            <span>&nbsp;</span>
792
          </div>
793
          <div class="col-md-4 steps-block-col">
794
            <i class="fa fa-gift"></i>
795
            <div>
796
              <h2>Daily Gifts</h2>
797
              <em>3 Gifts daily for lucky customers</em>
798
            </div>
799
            <span>&nbsp;</span>
800
          </div>
801
          <div class="col-md-4 steps-block-col">
802
            <i class="fa fa-phone"></i>
803
            <div>
804
              <h2>477 505 8877</h2>
805
              <em>24/7 customer care available</em>
806
            </div>
807
          </div>
808
        </div>
809
      </div>
810
    </div>
811
    <!-- END STEPS -->
812
 
813
    <!-- BEGIN PRE-FOOTER -->
814
    <div class="pre-footer">
815
      <div class="container">
816
        <div class="row">
817
          <!-- BEGIN BOTTOM ABOUT BLOCK -->
818
          <div class="col-md-3 col-sm-6 pre-footer-col">
819
            <h2>About us</h2>
820
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam sit nonummy nibh euismod tincidunt ut laoreet dolore magna aliquarm erat sit volutpat. Nostrud exerci tation ullamcorper suscipit lobortis nisl aliquip  commodo consequat. </p>
821
            <p>Duis autem vel eum iriure dolor vulputate velit esse molestie at dolore.</p>
822
          </div>
823
          <!-- END BOTTOM ABOUT BLOCK -->
824
          <!-- BEGIN BOTTOM INFO BLOCK -->
825
          <div class="col-md-3 col-sm-6 pre-footer-col">
826
            <h2>Information</h2>
827
            <ul class="list-unstyled">
828
              <li><i class="fa fa-angle-right"></i> <a href="#">Delivery Information</a></li>
829
              <li><i class="fa fa-angle-right"></i> <a href="#">Customer Service</a></li>
830
              <li><i class="fa fa-angle-right"></i> <a href="#">Order Tracking</a></li>
831
              <li><i class="fa fa-angle-right"></i> <a href="#">Shipping &amp; Returns</a></li>
832
              <li><i class="fa fa-angle-right"></i> <a href="contacts.html">Contact Us</a></li>
833
              <li><i class="fa fa-angle-right"></i> <a href="#">Careers</a></li>
834
              <li><i class="fa fa-angle-right"></i> <a href="#">Payment Methods</a></li>
835
            </ul>
836
          </div>
837
          <!-- END INFO BLOCK -->
838
 
839
          <!-- BEGIN TWITTER BLOCK -->
840
          <div class="col-md-3 col-sm-6 pre-footer-col">
841
            <h2 class="margin-bottom-0">Latest Tweets</h2>
842
            <a class="twitter-timeline" href="https://twitter.com/twitterapi" data-tweet-limit="2" data-theme="dark" data-link-color="#57C8EB" data-widget-id="455411516829736961" data-chrome="noheader nofooter noscrollbar noborders transparent">Loading tweets by @keenthemes...</a>      
843
          </div>
844
          <!-- END TWITTER BLOCK -->
845
 
846
          <!-- BEGIN BOTTOM CONTACTS -->
847
          <div class="col-md-3 col-sm-6 pre-footer-col">
848
            <h2>Our Contacts</h2>
849
            <address class="margin-bottom-40">
850
              35, Lorem Lis Street, Park Ave<br>
851
              California, US<br>
852
              Phone: 300 323 3456<br>
853
              Fax: 300 323 1456<br>
854
              Email: <a href="mailto:info@metronic.com">info@metronic.com</a><br>
855
              Skype: <a href="skype:metronic">metronic</a>
856
            </address>
857
          </div>
858
          <!-- END BOTTOM CONTACTS -->
859
        </div>
860
        <hr>
861
        <div class="row">
862
          <!-- BEGIN SOCIAL ICONS -->
863
          <div class="col-md-6 col-sm-6">
864
            <ul class="social-icons">
865
              <li><a class="rss" data-original-title="rss" href="#"></a></li>
866
              <li><a class="facebook" data-original-title="facebook" href="#"></a></li>
867
              <li><a class="twitter" data-original-title="twitter" href="#"></a></li>
868
              <li><a class="googleplus" data-original-title="googleplus" href="#"></a></li>
869
              <li><a class="linkedin" data-original-title="linkedin" href="#"></a></li>
870
              <li><a class="youtube" data-original-title="youtube" href="#"></a></li>
871
              <li><a class="vimeo" data-original-title="vimeo" href="#"></a></li>
872
              <li><a class="skype" data-original-title="skype" href="#"></a></li>
873
            </ul>
874
          </div>
875
          <!-- END SOCIAL ICONS -->
876
          <!-- BEGIN NEWLETTER -->
877
          <div class="col-md-6 col-sm-6">
878
            <div class="pre-footer-subscribe-box pull-right">
879
              <h2>Newsletter</h2>
880
              <form action="#">
881
                <div class="input-group">
882
                  <input type="text" placeholder="youremail@mail.com" class="form-control">
883
                  <span class="input-group-btn">
884
                    <button class="btn btn-primary" type="submit">Subscribe</button>
885
                  </span>
886
                </div>
887
              </form>
888
            </div>
889
          </div>
890
          <!-- END NEWLETTER -->
891
        </div>
892
      </div>
893
    </div>
894
    <!-- END PRE-FOOTER -->
895
 
896
    <!-- BEGIN FOOTER -->
897
    <div class="footer">
898
      <div class="container">
899
        <div class="row">
900
          <!-- BEGIN COPYRIGHT -->
901
          <div class="col-md-6 col-sm-6 padding-top-10">
902
            2014 © Metronic Shop UI. ALL Rights Reserved.
903
          </div>
904
          <!-- END COPYRIGHT -->
905
          <!-- BEGIN PAYMENTS -->
906
          <div class="col-md-6 col-sm-6">
907
            <ul class="list-unstyled list-inline pull-right">
908
              <li><img src="../../assets/frontend/layout/img/payments/western-union.jpg" alt="We accept Western Union" title="We accept Western Union"></li>
909
              <li><img src="../../assets/frontend/layout/img/payments/american-express.jpg" alt="We accept American Express" title="We accept American Express"></li>
910
              <li><img src="../../assets/frontend/layout/img/payments/MasterCard.jpg" alt="We accept MasterCard" title="We accept MasterCard"></li>
911
              <li><img src="../../assets/frontend/layout/img/payments/PayPal.jpg" alt="We accept PayPal" title="We accept PayPal"></li>
912
              <li><img src="../../assets/frontend/layout/img/payments/visa.jpg" alt="We accept Visa" title="We accept Visa"></li>
913
            </ul>
914
          </div>
915
          <!-- END PAYMENTS -->
916
        </div>
917
      </div>
918
    </div>
919
    <!-- END FOOTER -->
920
 
921
    <!-- BEGIN fast view of a product -->
922
    <div id="product-pop-up" style="display: none; width: 700px;">
923
            <div class="product-page product-pop-up">
924
              <div class="row">
925
                <div class="col-md-6 col-sm-6 col-xs-3">
926
                  <div class="product-main-image">
927
                    <img src="../../assets/frontend/pages/img/products/model7.jpg" alt="Cool green dress with red bell" class="img-responsive">
928
                  </div>
929
                  <div class="product-other-images">
930
                    <a href="#" class="active"><img alt="Berry Lace Dress" src="../../assets/frontend/pages/img/products/model3.jpg"></a>
931
                    <a href="#"><img alt="Berry Lace Dress" src="../../assets/frontend/pages/img/products/model4.jpg"></a>
932
                    <a href="#"><img alt="Berry Lace Dress" src="../../assets/frontend/pages/img/products/model5.jpg"></a>
933
                  </div>
934
                </div>
935
                <div class="col-md-6 col-sm-6 col-xs-9">
936
                  <h2>Cool green dress with red bell</h2>
937
                  <div class="price-availability-block clearfix">
938
                    <div class="price">
939
                      <strong><span>$</span>47.00</strong>
940
                      <em>$<span>62.00</span></em>
941
                    </div>
942
                    <div class="availability">
943
                      Availability: <strong>In Stock</strong>
944
                    </div>
945
                  </div>
946
                  <div class="description">
947
                    <p>Lorem ipsum dolor ut sit ame dolore  adipiscing elit, sed nonumy nibh sed euismod laoreet dolore magna aliquarm erat volutpat
948
Nostrud duis molestie at dolore.</p>
949
                  </div>
950
                  <div class="product-page-options">
951
                    <div class="pull-left">
952
                      <label class="control-label">Size:</label>
953
                      <select class="form-control input-sm">
954
                        <option>L</option>
955
                        <option>M</option>
956
                        <option>XL</option>
957
                      </select>
958
                    </div>
959
                    <div class="pull-left">
960
                      <label class="control-label">Color:</label>
961
                      <select class="form-control input-sm">
962
                        <option>Red</option>
963
                        <option>Blue</option>
964
                        <option>Black</option>
965
                      </select>
966
                    </div>
967
                  </div>
968
                  <div class="product-page-cart">
969
                    <div class="product-quantity">
970
                        <input id="product-quantity2" type="text" value="1" readonly class="form-control input-sm">
971
                    </div>
972
                    <button class="btn btn-primary" type="submit">Add to cart</button>
973
                    <a href="shop-item.html" class="btn btn-default">More details</a>
974
                  </div>
975
                </div>
976
 
977
                <div class="sticker sticker-sale"></div>
978
              </div>
979
            </div>
980
    </div>
981
    <!-- END fast view of a product -->
982
 
983
    <!-- Load javascripts at bottom, this will reduce page load time -->
984
    <!-- BEGIN CORE PLUGINS(REQUIRED FOR ALL PAGES) -->
985
    <!--[if lt IE 9]>
986
    <script src="../../assets/global/plugins/respond.min.js"></script>  
987
    <![endif]-->  
988
    <script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
989
    <script src="../../assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
990
    <script src="../../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>      
991
    <script src="../../assets/frontend/layout/scripts/back-to-top.js" type="text/javascript"></script>
992
    <script src="../../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
993
    <!-- END CORE PLUGINS -->
994
 
995
    <!-- BEGIN PAGE LEVEL JAVASCRIPTS (REQUIRED ONLY FOR CURRENT PAGE) -->
996
    <script src="../../assets/global/plugins/fancybox/source/jquery.fancybox.pack.js" type="text/javascript"></script><!-- pop up -->
997
    <script src="../../assets/global/plugins/carousel-owl-carousel/owl-carousel/owl.carousel.min.js" type="text/javascript"></script><!-- slider for products -->
998
    <script src='../../assets/global/plugins/zoom/jquery.zoom.min.js' type="text/javascript"></script><!-- product zoom -->
999
    <script src="../../assets/global/plugins/bootstrap-touchspin/bootstrap.touchspin.js" type="text/javascript"></script><!-- Quantity -->
1000
    <script src="../../assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
1001
    <script src="../../assets/global/plugins/rateit/src/jquery.rateit.js" type="text/javascript"></script>
1002
 
1003
    <script src="../../assets/frontend/layout/scripts/layout.js" type="text/javascript"></script>
1004
    <script type="text/javascript">
1005
        jQuery(document).ready(function() {
1006
            Layout.init();    
1007
            Layout.initOWL();
1008
            Layout.initTwitter();
1009
            Layout.initImageZoom();
1010
            Layout.initTouchspin();
1011
            Layout.initUniform();
1012
        });
1013
    </script>
1014
    <!-- END PAGE LEVEL JAVASCRIPTS -->
1015
</body>
1016
<!-- END BODY -->
1017
</html>