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>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
  <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900&amp;subset=all" rel="stylesheet" type="text/css"><!--- fonts for slider on the index page -->  
43
  <!-- Fonts END -->
44
 
45
  <!-- Global styles START -->          
46
  <link href="../../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet">
47
  <link href="../../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
48
  <!-- Global styles END -->
49
 
50
  <!-- Page level plugin styles START -->
51
  <link href="../../assets/global/plugins/fancybox/source/jquery.fancybox.css" rel="stylesheet">
52
  <link href="../../assets/global/plugins/carousel-owl-carousel/owl-carousel/owl.carousel.css" rel="stylesheet">
53
  <link href="../../assets/global/plugins/slider-layer-slider/css/layerslider.css" rel="stylesheet">
54
  <!-- Page level plugin styles END -->
55
 
56
  <!-- Theme styles START -->
57
  <link href="../../assets/global/css/components.css" rel="stylesheet">
58
  <link href="../../assets/frontend/layout/css/style.css" rel="stylesheet">
59
  <link href="../../assets/frontend/pages/css/style-shop.css" rel="stylesheet" type="text/css">
60
  <link href="../../assets/frontend/pages/css/style-layer-slider.css" rel="stylesheet">
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">
368
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
369
                Pages
370
 
371
              </a>
372
 
373
              <ul class="dropdown-menu">
374
                <li class="active"><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><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
    <!-- BEGIN SLIDER -->
422
    <div class="page-slider margin-bottom-35">
423
      <!-- LayerSlider start -->
424
      <div id="layerslider" style="width: 100%; height: 494px; margin: 0 auto;">
425
 
426
        <!-- slide one start -->
427
        <div class="ls-slide ls-slide1" data-ls="offsetxin: right; slidedelay: 7000; transition2d: 24,25,27,28;">
428
 
429
          <img src="../../assets/frontend/pages/img/layerslider/slide1/bg.jpg" class="ls-bg" alt="Slide background">
430
 
431
          <div class="ls-l ls-title" style="top: 96px; left: 35%; white-space: nowrap;" data-ls="
432
            fade: true; 
433
            fadeout: true; 
434
            durationin: 750; 
435
            durationout: 750; 
436
            easingin: easeOutQuint; 
437
            rotatein: 90; 
438
            rotateout: -90; 
439
            scalein: .5; 
440
            scaleout: .5; 
441
            showuntil: 4000;
442
          ">Tones of <strong>shop UI features</strong> designed</div>
443
 
444
          <div class="ls-l ls-mini-text" style="top: 338px; left: 35%; white-space: nowrap;" data-ls="
445
          fade: true; 
446
          fadeout: true; 
447
          durationout: 750; 
448
          easingin: easeOutQuint; 
449
          delayin: 300; 
450
          showuntil: 4000;
451
          ">Lorem ipsum dolor sit amet  constectetuer diam<br > adipiscing elit euismod ut laoreet dolore.
452
          </div>
453
        </div>
454
        <!-- slide one end -->
455
 
456
        <!-- slide two start -->
457
        <div class="ls-slide ls-slide2" data-ls="offsetxin: right; slidedelay: 7000; transition2d: 110,111,112,113;">
458
 
459
          <img src="../../assets/frontend/pages/img/layerslider/slide2/bg.jpg" class="ls-bg" alt="Slide background">
460
 
461
          <div class="ls-l ls-title" style="top: 40%; left: 21%; white-space: nowrap;" data-ls="
462
          fade: true; 
463
          fadeout: true;  
464
          durationin: 750; durationout: 109750; 
465
          easingin: easeOutQuint; 
466
          easingout: easeInOutQuint; 
467
          delayin: 0; 
468
          delayout: 0; 
469
          rotatein: 90; 
470
          rotateout: -90; 
471
          scalein: .5; 
472
          scaleout: .5; 
473
          showuntil: 4000;
474
          "><strong>Unlimted</strong> Layout Options <em>Fully Responsive</em>
475
            </div>
476
 
477
          <div class="ls-l ls-price" style="top: 50%; left: 45%; white-space: nowrap;" data-ls="
478
          fade: true; 
479
          fadeout: true;  
480
          durationout: 109750; 
481
          easingin: easeOutQuint; 
482
          delayin: 300; 
483
          scalein: .8; 
484
          scaleout: .8; 
485
          showuntil: 4000;"><b>from</b> <strong><span>$</span>25</strong>
486
          </div>
487
 
488
          <a href="#" class="ls-l ls-more" style="top: 72%; left: 21%; display: inline-block; white-space: nowrap;" data-ls="
489
          fade: true; 
490
          fadeout: true; 
491
          durationin: 750; 
492
          durationout: 750; 
493
          easingin: easeOutQuint; 
494
          easingout: easeInOutQuint; 
495
          delayin: 0; 
496
          delayout: 0; 
497
          rotatein: 90; 
498
          rotateout: -90; 
499
          scalein: .5; 
500
          scaleout: .5; 
501
          showuntil: 4000;">See More Details
502
          </a>
503
        </div>
504
        <!-- slide two end -->
505
 
506
        <!-- slide three start -->
507
        <div class="ls-slide ls-slide3" data-ls="offsetxin: right; slidedelay: 7000; transition2d: 92,93,105;">
508
 
509
          <img src="../../assets/frontend/pages/img/layerslider/slide3/bg.jpg" class="ls-bg" alt="Slide background">
510
 
511
          <div class="ls-l ls-title" style="top: 83px; left: 33%; white-space: nowrap;" data-ls="
512
          fade: true; 
513
          fadeout: true; 
514
          durationin: 750; 
515
          durationout: 750; 
516
          easingin: easeOutQuint; 
517
          rotatein: 90; 
518
          rotateout: -90; 
519
          scalein: .5; 
520
          scaleout: .5; 
521
          showuntil: 4000;
522
          ">Full Admin &amp; Frontend <strong>eCommerce UI</strong> Is Ready For Your Project
523
          </div>
524
          <div class="ls-l" style="top: 333px; left: 33%; white-space: nowrap; font-size: 20px; font: 20px 'Open Sans Light', sans-serif;" data-ls="
525
          fade: true; 
526
          fadeout: true; 
527
          durationout: 750; 
528
          easingin: easeOutQuint; 
529
          delayin: 300; 
530
          scalein: .8; 
531
          scaleout: .8; 
532
          showuntil: 4000;
533
          ">
534
            <a href="#" class="ls-buy">
535
              Buy It Now!
536
            </a>
537
            <div class="ls-price">
538
              <span>All these for only:</span>
539
              <strong>25<sup>$</sup></strong>
540
            </div>
541
          </div>
542
        </div>
543
        <!-- slide three end -->
544
 
545
        <!-- slide four start -->
546
        <div class="ls-slide ls-slide4" data-ls="offsetxin: right; slidedelay: 7000; transition2d: 110,111,112,113;">
547
 
548
          <img src="../../assets/frontend/pages/img/layerslider/slide5/bg.jpg" class="ls-bg" alt="Slide background">
549
 
550
          <div class="ls-l ls-title" style="top: 35%; left: 60%; white-space: nowrap;" data-ls="
551
          fade: true; 
552
          fadeout: true; 
553
          durationin: 750; 
554
          durationout: 750; 
555
          easingin: easeOutQuint; 
556
          rotatein: 90; 
557
          rotateout: -90; 
558
          scalein: .5; 
559
          scaleout: .5; 
560
          showuntil: 4000;">
561
          The most<br>
562
          wanted bijouterie
563
          </div>
564
 
565
          <div class="ls-l ls-mini-text" style="top: 70%; left: 60%; white-space: nowrap;" data-ls="
566
          fade: true; 
567
          fadeout: true;  
568
          durationout: 750; 
569
          easingin: easeOutQuint; 
570
          delayin: 300; 
571
          scalein: .8; 
572
          scaleout: .8; 
573
          showuntil: 4000;">
574
          <span>Lorem ipsum and</span>
575
          <a href="#">Buy It Now!</a>
576
          </div>
577
 
578
        </div>
579
        <!-- slide four end -->
580
      </div>
581
      <!-- LayerSlider end -->
582
    </div>
583
    <!-- END SLIDER -->
584
 
585
    <div class="main">
586
      <div class="container">
587
        <!-- BEGIN SALE PRODUCT & NEW ARRIVALS -->
588
        <div class="row margin-bottom-40">
589
          <!-- BEGIN SALE PRODUCT -->
590
          <div class="col-md-12 sale-product">
591
            <h2>New Arrivals</h2>
592
            <div class="owl-carousel owl-carousel5">
593
              <div>
594
                <div class="product-item">
595
                  <div class="pi-img-wrapper">
596
                    <img src="../../assets/frontend/pages/img/products/model1.jpg" class="img-responsive" alt="Berry Lace Dress">
597
                    <div>
598
                      <a href="../../assets/frontend/pages/img/products/model1.jpg" class="btn btn-default fancybox-button">Zoom</a>
599
                      <a href="#product-pop-up" class="btn btn-default fancybox-fast-view">View</a>
600
                    </div>
601
                  </div>
602
                  <h3><a href="shop-item.html">Berry Lace Dress</a></h3>
603
                  <div class="pi-price">$29.00</div>
604
                  <a href="#" class="btn btn-default add2cart">Add to cart</a>
605
                  <div class="sticker sticker-sale"></div>
606
                </div>
607
              </div>
608
              <div>
609
                <div class="product-item">
610
                  <div class="pi-img-wrapper">
611
                    <img src="../../assets/frontend/pages/img/products/model2.jpg" class="img-responsive" alt="Berry Lace Dress">
612
                    <div>
613
                      <a href="../../assets/frontend/pages/img/products/model2.jpg" class="btn btn-default fancybox-button">Zoom</a>
614
                      <a href="#product-pop-up" class="btn btn-default fancybox-fast-view">View</a>
615
                    </div>
616
                  </div>
617
                  <h3><a href="shop-item.html">Berry Lace Dress2</a></h3>
618
                  <div class="pi-price">$29.00</div>
619
                  <a href="#" class="btn btn-default add2cart">Add to cart</a>
620
                </div>
621
              </div>
622
              <div>
623
                <div class="product-item">
624
                  <div class="pi-img-wrapper">
625
                    <img src="../../assets/frontend/pages/img/products/model6.jpg" class="img-responsive" alt="Berry Lace Dress">
626
                    <div>
627
                      <a href="../../assets/frontend/pages/img/products/model6.jpg" class="btn btn-default fancybox-button">Zoom</a>
628
                      <a href="#product-pop-up" class="btn btn-default fancybox-fast-view">View</a>
629
                    </div>
630
                  </div>
631
                  <h3><a href="shop-item.html">Berry Lace Dress2</a></h3>
632
                  <div class="pi-price">$29.00</div>
633
                  <a href="#" class="btn btn-default add2cart">Add to cart</a>
634
                </div>
635
              </div>
636
              <div>
637
                  <div class="product-item">
638
                    <div class="pi-img-wrapper">
639
                      <img src="../../assets/frontend/pages/img/products/model4.jpg" class="img-responsive" alt="Berry Lace Dress">
640
                      <div>
641
                        <a href="../../assets/frontend/pages/img/products/model4.jpg" class="btn btn-default fancybox-button">Zoom</a>
642
                        <a href="#product-pop-up" class="btn btn-default fancybox-fast-view">View</a>
643
                      </div>
644
                    </div>
645
                    <h3><a href="#">Berry Lace Dress4</a></h3>
646
                    <div class="pi-price">$29.00</div>
647
                    <a href="#" class="btn btn-default add2cart">Add to cart</a>
648
                    <div class="sticker sticker-new"></div>
649
                  </div>
650
              </div>
651
              <div>
652
                <div class="product-item">
653
                  <div class="pi-img-wrapper">
654
                    <img src="../../assets/frontend/pages/img/products/model5.jpg" class="img-responsive" alt="Berry Lace Dress">
655
                    <div>
656
                      <a href="../../assets/frontend/pages/img/products/model5.jpg" class="btn btn-default fancybox-button">Zoom</a>
657
                      <a href="#product-pop-up" class="btn btn-default fancybox-fast-view">View</a>
658
                    </div>
659
                  </div>
660
                  <h3><a href="shop-item.html">Berry Lace Dress5</a></h3>
661
                  <div class="pi-price">$29.00</div>
662
                  <a href="#" class="btn btn-default add2cart">Add to cart</a>
663
                </div>
664
              </div>
665
              <div>
666
                <div class="product-item">
667
                  <div class="pi-img-wrapper">
668
                    <img src="../../assets/frontend/pages/img/products/model3.jpg" class="img-responsive" alt="Berry Lace Dress">
669
                    <div>
670
                      <a href="../../assets/frontend/pages/img/products/model3.jpg" class="btn btn-default fancybox-button">Zoom</a>
671
                      <a href="#product-pop-up" class="btn btn-default fancybox-fast-view">View</a>
672
                    </div>
673
                  </div>
674
                  <h3><a href="shop-item.html">Berry Lace Dress3</a></h3>
675
                  <div class="pi-price">$29.00</div>
676
                  <a href="#" class="btn btn-default add2cart">Add to cart</a>
677
                </div>
678
              </div>
679
              <div>
680
                <div class="product-item">
681
                  <div class="pi-img-wrapper">
682
                    <img src="../../assets/frontend/pages/img/products/model7.jpg" class="img-responsive" alt="Berry Lace Dress">
683
                    <div>
684
                      <a href="../../assets/frontend/pages/img/products/model7.jpg" class="btn btn-default fancybox-button">Zoom</a>
685
                      <a href="#product-pop-up" class="btn btn-default fancybox-fast-view">View</a>
686
                    </div>
687
                  </div>
688
                  <h3><a href="shop-item.html">Berry Lace Dress3</a></h3>
689
                  <div class="pi-price">$29.00</div>
690
                  <a href="#" class="btn btn-default add2cart">Add to cart</a>
691
                </div>
692
              </div>
693
            </div>
694
          </div>
695
          <!-- END SALE PRODUCT -->
696
        </div>
697
        <!-- END SALE PRODUCT & NEW ARRIVALS -->
698
 
699
        <!-- BEGIN SIDEBAR & CONTENT -->
700
        <div class="row margin-bottom-40 ">
701
          <!-- BEGIN SIDEBAR -->
702
          <div class="sidebar col-md-3 col-sm-4">
703
            <ul class="list-group margin-bottom-25 sidebar-menu">
704
              <li class="list-group-item clearfix"><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Ladies</a></li>
705
              <li class="list-group-item clearfix dropdown">
706
                <a href="shop-product-list.html">
707
                  <i class="fa fa-angle-right"></i>
708
                  Mens
709
 
710
                </a>
711
                <ul class="dropdown-menu">
712
                  <li class="list-group-item dropdown clearfix">
713
                    <a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Shoes </a>
714
                      <ul class="dropdown-menu">
715
                        <li class="list-group-item dropdown clearfix">
716
                          <a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Classic </a>
717
                          <ul class="dropdown-menu">
718
                            <li><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Classic 1</a></li>
719
                            <li><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Classic 2</a></li>
720
                          </ul>
721
                        </li>
722
                        <li class="list-group-item dropdown clearfix">
723
                          <a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Sport  </a>
724
                          <ul class="dropdown-menu">
725
                            <li><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Sport 1</a></li>
726
                            <li><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Sport 2</a></li>
727
                          </ul>
728
                        </li>
729
                      </ul>
730
                  </li>
731
                  <li><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Trainers</a></li>
732
                  <li><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Jeans</a></li>
733
                  <li><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Chinos</a></li>
734
                  <li><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> T-Shirts</a></li>
735
                </ul>
736
              </li>
737
              <li class="list-group-item clearfix"><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Kids</a></li>
738
              <li class="list-group-item clearfix"><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Accessories</a></li>
739
              <li class="list-group-item clearfix"><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Sports</a></li>
740
              <li class="list-group-item clearfix"><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Brands</a></li>
741
              <li class="list-group-item clearfix"><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Electronics</a></li>
742
              <li class="list-group-item clearfix"><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Home & Garden</a></li>
743
              <li class="list-group-item clearfix"><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Custom Link</a></li>
744
            </ul>
745
          </div>
746
          <!-- END SIDEBAR -->
747
          <!-- BEGIN CONTENT -->
748
          <div class="col-md-9 col-sm-8">
749
            <h2>Three items</h2>
750
            <div class="owl-carousel owl-carousel3">
751
              <div>
752
                <div class="product-item">
753
                  <div class="pi-img-wrapper">
754
                    <img src="../../assets/frontend/pages/img/products/k1.jpg" class="img-responsive" alt="Berry Lace Dress">
755
                    <div>
756
                      <a href="../../assets/frontend/pages/img/products/k1.jpg" class="btn btn-default fancybox-button">Zoom</a>
757
                      <a href="#product-pop-up" class="btn btn-default fancybox-fast-view">View</a>
758
                    </div>
759
                  </div>
760
                  <h3><a href="shop-item.html">Berry Lace Dress</a></h3>
761
                  <div class="pi-price">$29.00</div>
762
                  <a href="#" class="btn btn-default add2cart">Add to cart</a>
763
                  <div class="sticker sticker-new"></div>
764
                </div>
765
              </div>
766
              <div>
767
                <div class="product-item">
768
                  <div class="pi-img-wrapper">
769
                    <img src="../../assets/frontend/pages/img/products/k2.jpg" class="img-responsive" alt="Berry Lace Dress">
770
                    <div>
771
                      <a href="../../assets/frontend/pages/img/products/k2.jpg" class="btn btn-default fancybox-button">Zoom</a>
772
                      <a href="#product-pop-up" class="btn btn-default fancybox-fast-view">View</a>
773
                    </div>
774
                  </div>
775
                  <h3><a href="shop-item.html">Berry Lace Dress2</a></h3>
776
                  <div class="pi-price">$29.00</div>
777
                  <a href="#" class="btn btn-default add2cart">Add to cart</a>
778
                </div>
779
              </div>
780
              <div>
781
                <div class="product-item">
782
                  <div class="pi-img-wrapper">
783
                    <img src="../../assets/frontend/pages/img/products/k3.jpg" class="img-responsive" alt="Berry Lace Dress">
784
                    <div>
785
                      <a href="../../assets/frontend/pages/img/products/k3.jpg" class="btn btn-default fancybox-button">Zoom</a>
786
                      <a href="#product-pop-up" class="btn btn-default fancybox-fast-view">View</a>
787
                    </div>
788
                  </div>
789
                  <h3><a href="shop-item.html">Berry Lace Dress3</a></h3>
790
                  <div class="pi-price">$29.00</div>
791
                  <a href="#" class="btn btn-default add2cart">Add to cart</a>
792
                </div>
793
              </div>
794
              <div>
795
                <div class="product-item">
796
                  <div class="pi-img-wrapper">
797
                    <img src="../../assets/frontend/pages/img/products/k4.jpg" class="img-responsive" alt="Berry Lace Dress">
798
                    <div>
799
                      <a href="../../assets/frontend/pages/img/products/k4.jpg" class="btn btn-default fancybox-button">Zoom</a>
800
                      <a href="#product-pop-up" class="btn btn-default fancybox-fast-view">View</a>
801
                    </div>
802
                  </div>
803
                  <h3><a href="shop-item.html">Berry Lace Dress4</a></h3>
804
                  <div class="pi-price">$29.00</div>
805
                  <a href="#" class="btn btn-default add2cart">Add to cart</a>
806
                  <div class="sticker sticker-sale"></div>
807
                </div>
808
              </div>
809
              <div>
810
                <div class="product-item">
811
                  <div class="pi-img-wrapper">
812
                    <img src="../../assets/frontend/pages/img/products/k1.jpg" class="img-responsive" alt="Berry Lace Dress">
813
                    <div>
814
                      <a href="../../assets/frontend/pages/img/products/k1.jpg" class="btn btn-default fancybox-button">Zoom</a>
815
                      <a href="#product-pop-up" class="btn btn-default fancybox-fast-view">View</a>
816
                    </div>
817
                  </div>
818
                  <h3><a href="shop-item.html">Berry Lace Dress5</a></h3>
819
                  <div class="pi-price">$29.00</div>
820
                  <a href="#" class="btn btn-default add2cart">Add to cart</a>
821
                </div>
822
              </div>
823
              <div>
824
                <div class="product-item">
825
                  <div class="pi-img-wrapper">
826
                    <img src="../../assets/frontend/pages/img/products/k2.jpg" class="img-responsive" alt="Berry Lace Dress">
827
                    <div>
828
                      <a href="../../assets/frontend/pages/img/products/k2.jpg" class="btn btn-default fancybox-button">Zoom</a>
829
                      <a href="#product-pop-up" class="btn btn-default fancybox-fast-view">View</a>
830
                    </div>
831
                  </div>
832
                  <h3><a href="shop-item.html">Berry Lace Dress6</a></h3>
833
                  <div class="pi-price">$29.00</div>
834
                  <a href="#" class="btn btn-default add2cart">Add to cart</a>
835
                </div>
836
              </div>
837
            </div>
838
          </div>
839
          <!-- END CONTENT -->
840
        </div>
841
        <!-- END SIDEBAR & CONTENT -->
842
 
843
        <!-- BEGIN TWO PRODUCTS & PROMO -->
844
        <div class="row margin-bottom-35 ">
845
          <!-- BEGIN TWO PRODUCTS -->
846
          <div class="col-md-6 two-items-bottom-items">
847
            <h2>Two items</h2>
848
            <div class="owl-carousel owl-carousel2">
849
              <div>
850
                <div class="product-item">
851
                  <div class="pi-img-wrapper">
852
                    <img src="../../assets/frontend/pages/img/products/k4.jpg" class="img-responsive" alt="Berry Lace Dress">
853
                    <div>
854
                      <a href="../../assets/frontend/pages/img/products/k4.jpg" class="btn btn-default fancybox-button">Zoom</a>
855
                      <a href="#product-pop-up" class="btn btn-default fancybox-fast-view">View</a>
856
                    </div>
857
                  </div>
858
                  <h3><a href="shop-item.html">Berry Lace Dress</a></h3>
859
                  <div class="pi-price">$29.00</div>
860
                  <a href="#" class="btn btn-default add2cart">Add to cart</a>
861
                </div>
862
              </div>
863
              <div>
864
                <div class="product-item">
865
                  <div class="pi-img-wrapper">
866
                    <img src="../../assets/frontend/pages/img/products/k2.jpg" class="img-responsive" alt="Berry Lace Dress">
867
                    <div>
868
                      <a href="../../assets/frontend/pages/img/products/k2.jpg" class="btn btn-default fancybox-button">Zoom</a>
869
                      <a href="#product-pop-up" class="btn btn-default fancybox-fast-view">View</a>
870
                    </div>
871
                  </div>
872
                  <h3><a href="shop-item.html">Berry Lace Dress</a></h3>
873
                  <div class="pi-price">$29.00</div>
874
                  <a href="#" class="btn btn-default add2cart">Add to cart</a>
875
                </div>
876
              </div>
877
              <div>
878
                <div class="product-item">
879
                  <div class="pi-img-wrapper">
880
                    <img src="../../assets/frontend/pages/img/products/k3.jpg" class="img-responsive" alt="Berry Lace Dress">
881
                    <div>
882
                      <a href="../../assets/frontend/pages/img/products/k3.jpg" class="btn btn-default fancybox-button">Zoom</a>
883
                      <a href="#product-pop-up" class="btn btn-default fancybox-fast-view">View</a>
884
                    </div>
885
                  </div>
886
                  <h3><a href="shop-item.html">Berry Lace Dress</a></h3>
887
                  <div class="pi-price">$29.00</div>
888
                  <a href="#" class="btn btn-default add2cart">Add to cart</a>
889
                </div>
890
              </div>
891
              <div>
892
                <div class="product-item">
893
                  <div class="pi-img-wrapper">
894
                    <img src="../../assets/frontend/pages/img/products/k1.jpg" class="img-responsive" alt="Berry Lace Dress">
895
                    <div>
896
                      <a href="../../assets/frontend/pages/img/products/k1.jpg" class="btn btn-default fancybox-button">Zoom</a>
897
                      <a href="#product-pop-up" class="btn btn-default fancybox-fast-view">View</a>
898
                    </div>
899
                  </div>
900
                  <h3><a href="shop-item.html">Berry Lace Dress</a></h3>
901
                  <div class="pi-price">$29.00</div>
902
                  <a href="#" class="btn btn-default add2cart">Add to cart</a>
903
                </div>
904
              </div>
905
              <div>
906
                <div class="product-item">
907
                  <div class="pi-img-wrapper">
908
                    <img src="../../assets/frontend/pages/img/products/k4.jpg" class="img-responsive" alt="Berry Lace Dress">
909
                    <div>
910
                      <a href="../../assets/frontend/pages/img/products/k4.jpg" class="btn btn-default fancybox-button">Zoom</a>
911
                      <a href="#product-pop-up" class="btn btn-default fancybox-fast-view">View</a>
912
                    </div>
913
                  </div>
914
                  <h3><a href="shop-item.html">Berry Lace Dress</a></h3>
915
                  <div class="pi-price">$29.00</div>
916
                  <a href="#" class="btn btn-default add2cart">Add to cart</a>
917
                </div>
918
              </div>
919
              <div>
920
                <div class="product-item">
921
                  <div class="pi-img-wrapper">
922
                    <img src="../../assets/frontend/pages/img/products/k3.jpg" class="img-responsive" alt="Berry Lace Dress">
923
                    <div>
924
                      <a href="../../assets/frontend/pages/img/products/k3.jpg" class="btn btn-default fancybox-button">Zoom</a>
925
                      <a href="#product-pop-up" class="btn btn-default fancybox-fast-view">View</a>
926
                    </div>
927
                  </div>
928
                  <h3><a href="shop-item.html">Berry Lace Dress</a></h3>
929
                  <div class="pi-price">$29.00</div>
930
                  <a href="#" class="btn btn-default add2cart">Add to cart</a>
931
                </div>
932
              </div>
933
            </div>
934
          </div>
935
          <!-- END TWO PRODUCTS -->
936
          <!-- BEGIN PROMO -->
937
          <div class="col-md-6 shop-index-carousel">
938
            <div class="content-slider">
939
              <div id="myCarousel" class="carousel slide" data-ride="carousel">
940
                <!-- Indicators -->
941
                <ol class="carousel-indicators">
942
                  <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
943
                  <li data-target="#myCarousel" data-slide-to="1"></li>
944
                  <li data-target="#myCarousel" data-slide-to="2"></li>
945
                </ol>
946
                <div class="carousel-inner">
947
                  <div class="item active">
948
                    <img src="../../assets/frontend/pages/img/index-sliders/slide1.jpg" class="img-responsive" alt="Berry Lace Dress">
949
                  </div>
950
                  <div class="item">
951
                    <img src="../../assets/frontend/pages/img/index-sliders/slide2.jpg" class="img-responsive" alt="Berry Lace Dress">
952
                  </div>
953
                  <div class="item">
954
                    <img src="../../assets/frontend/pages/img/index-sliders/slide3.jpg" class="img-responsive" alt="Berry Lace Dress">
955
                  </div>
956
                </div>
957
              </div>
958
            </div>
959
          </div>
960
          <!-- END PROMO -->
961
        </div>        
962
        <!-- END TWO PRODUCTS & PROMO -->
963
      </div>
964
    </div>
965
 
966
    <!-- BEGIN BRANDS -->
967
    <div class="brands">
968
      <div class="container">
969
            <div class="owl-carousel owl-carousel6-brands">
970
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/canon.jpg" alt="canon" title="canon"></a>
971
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/esprit.jpg" alt="esprit" title="esprit"></a>
972
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/gap.jpg" alt="gap" title="gap"></a>
973
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/next.jpg" alt="next" title="next"></a>
974
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/puma.jpg" alt="puma" title="puma"></a>
975
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/zara.jpg" alt="zara" title="zara"></a>
976
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/canon.jpg" alt="canon" title="canon"></a>
977
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/esprit.jpg" alt="esprit" title="esprit"></a>
978
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/gap.jpg" alt="gap" title="gap"></a>
979
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/next.jpg" alt="next" title="next"></a>
980
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/puma.jpg" alt="puma" title="puma"></a>
981
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/zara.jpg" alt="zara" title="zara"></a>
982
            </div>
983
        </div>
984
    </div>
985
    <!-- END BRANDS -->
986
 
987
    <!-- BEGIN STEPS -->
988
    <div class="steps-block steps-block-red">
989
      <div class="container">
990
        <div class="row">
991
          <div class="col-md-4 steps-block-col">
992
            <i class="fa fa-truck"></i>
993
            <div>
994
              <h2>Free shipping</h2>
995
              <em>Express delivery withing 3 days</em>
996
            </div>
997
            <span>&nbsp;</span>
998
          </div>
999
          <div class="col-md-4 steps-block-col">
1000
            <i class="fa fa-gift"></i>
1001
            <div>
1002
              <h2>Daily Gifts</h2>
1003
              <em>3 Gifts daily for lucky customers</em>
1004
            </div>
1005
            <span>&nbsp;</span>
1006
          </div>
1007
          <div class="col-md-4 steps-block-col">
1008
            <i class="fa fa-phone"></i>
1009
            <div>
1010
              <h2>477 505 8877</h2>
1011
              <em>24/7 customer care available</em>
1012
            </div>
1013
          </div>
1014
        </div>
1015
      </div>
1016
    </div>
1017
    <!-- END STEPS -->
1018
 
1019
    <!-- BEGIN PRE-FOOTER -->
1020
    <div class="pre-footer">
1021
      <div class="container">
1022
        <div class="row">
1023
          <!-- BEGIN BOTTOM ABOUT BLOCK -->
1024
          <div class="col-md-3 col-sm-6 pre-footer-col">
1025
            <h2>About us</h2>
1026
            <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>
1027
            <p>Duis autem vel eum iriure dolor vulputate velit esse molestie at dolore.</p>
1028
          </div>
1029
          <!-- END BOTTOM ABOUT BLOCK -->
1030
          <!-- BEGIN BOTTOM INFO BLOCK -->
1031
          <div class="col-md-3 col-sm-6 pre-footer-col">
1032
            <h2>Information</h2>
1033
            <ul class="list-unstyled">
1034
              <li><i class="fa fa-angle-right"></i> <a href="#">Delivery Information</a></li>
1035
              <li><i class="fa fa-angle-right"></i> <a href="#">Customer Service</a></li>
1036
              <li><i class="fa fa-angle-right"></i> <a href="#">Order Tracking</a></li>
1037
              <li><i class="fa fa-angle-right"></i> <a href="#">Shipping &amp; Returns</a></li>
1038
              <li><i class="fa fa-angle-right"></i> <a href="contacts.html">Contact Us</a></li>
1039
              <li><i class="fa fa-angle-right"></i> <a href="#">Careers</a></li>
1040
              <li><i class="fa fa-angle-right"></i> <a href="#">Payment Methods</a></li>
1041
            </ul>
1042
          </div>
1043
          <!-- END INFO BLOCK -->
1044
 
1045
          <!-- BEGIN TWITTER BLOCK -->
1046
          <div class="col-md-3 col-sm-6 pre-footer-col">
1047
            <h2 class="margin-bottom-0">Latest Tweets</h2>
1048
            <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>      
1049
          </div>
1050
          <!-- END TWITTER BLOCK -->
1051
 
1052
          <!-- BEGIN BOTTOM CONTACTS -->
1053
          <div class="col-md-3 col-sm-6 pre-footer-col">
1054
            <h2>Our Contacts</h2>
1055
            <address class="margin-bottom-40">
1056
              35, Lorem Lis Street, Park Ave<br>
1057
              California, US<br>
1058
              Phone: 300 323 3456<br>
1059
              Fax: 300 323 1456<br>
1060
              Email: <a href="mailto:info@metronic.com">info@metronic.com</a><br>
1061
              Skype: <a href="skype:metronic">metronic</a>
1062
            </address>
1063
          </div>
1064
          <!-- END BOTTOM CONTACTS -->
1065
        </div>
1066
        <hr>
1067
        <div class="row">
1068
          <!-- BEGIN SOCIAL ICONS -->
1069
          <div class="col-md-6 col-sm-6">
1070
            <ul class="social-icons">
1071
              <li><a class="rss" data-original-title="rss" href="#"></a></li>
1072
              <li><a class="facebook" data-original-title="facebook" href="#"></a></li>
1073
              <li><a class="twitter" data-original-title="twitter" href="#"></a></li>
1074
              <li><a class="googleplus" data-original-title="googleplus" href="#"></a></li>
1075
              <li><a class="linkedin" data-original-title="linkedin" href="#"></a></li>
1076
              <li><a class="youtube" data-original-title="youtube" href="#"></a></li>
1077
              <li><a class="vimeo" data-original-title="vimeo" href="#"></a></li>
1078
              <li><a class="skype" data-original-title="skype" href="#"></a></li>
1079
            </ul>
1080
          </div>
1081
          <!-- END SOCIAL ICONS -->
1082
          <!-- BEGIN NEWLETTER -->
1083
          <div class="col-md-6 col-sm-6">
1084
            <div class="pre-footer-subscribe-box pull-right">
1085
              <h2>Newsletter</h2>
1086
              <form action="#">
1087
                <div class="input-group">
1088
                  <input type="text" placeholder="youremail@mail.com" class="form-control">
1089
                  <span class="input-group-btn">
1090
                    <button class="btn btn-primary" type="submit">Subscribe</button>
1091
                  </span>
1092
                </div>
1093
              </form>
1094
            </div>
1095
          </div>
1096
          <!-- END NEWLETTER -->
1097
        </div>
1098
      </div>
1099
    </div>
1100
    <!-- END PRE-FOOTER -->
1101
 
1102
    <!-- BEGIN FOOTER -->
1103
    <div class="footer">
1104
      <div class="container">
1105
        <div class="row">
1106
          <!-- BEGIN COPYRIGHT -->
1107
          <div class="col-md-6 col-sm-6 padding-top-10">
1108
            2014 © Metronic Shop UI. ALL Rights Reserved.
1109
          </div>
1110
          <!-- END COPYRIGHT -->
1111
          <!-- BEGIN PAYMENTS -->
1112
          <div class="col-md-6 col-sm-6">
1113
            <ul class="list-unstyled list-inline pull-right">
1114
              <li><img src="../../assets/frontend/layout/img/payments/western-union.jpg" alt="We accept Western Union" title="We accept Western Union"></li>
1115
              <li><img src="../../assets/frontend/layout/img/payments/american-express.jpg" alt="We accept American Express" title="We accept American Express"></li>
1116
              <li><img src="../../assets/frontend/layout/img/payments/MasterCard.jpg" alt="We accept MasterCard" title="We accept MasterCard"></li>
1117
              <li><img src="../../assets/frontend/layout/img/payments/PayPal.jpg" alt="We accept PayPal" title="We accept PayPal"></li>
1118
              <li><img src="../../assets/frontend/layout/img/payments/visa.jpg" alt="We accept Visa" title="We accept Visa"></li>
1119
            </ul>
1120
          </div>
1121
          <!-- END PAYMENTS -->
1122
        </div>
1123
      </div>
1124
    </div>
1125
    <!-- END FOOTER -->
1126
 
1127
    <!-- BEGIN fast view of a product -->
1128
    <div id="product-pop-up" style="display: none; width: 700px;">
1129
            <div class="product-page product-pop-up">
1130
              <div class="row">
1131
                <div class="col-md-6 col-sm-6 col-xs-3">
1132
                  <div class="product-main-image">
1133
                    <img src="../../assets/frontend/pages/img/products/model7.jpg" alt="Cool green dress with red bell" class="img-responsive">
1134
                  </div>
1135
                  <div class="product-other-images">
1136
                    <a href="#" class="active"><img alt="Berry Lace Dress" src="../../assets/frontend/pages/img/products/model3.jpg"></a>
1137
                    <a href="#"><img alt="Berry Lace Dress" src="../../assets/frontend/pages/img/products/model4.jpg"></a>
1138
                    <a href="#"><img alt="Berry Lace Dress" src="../../assets/frontend/pages/img/products/model5.jpg"></a>
1139
                  </div>
1140
                </div>
1141
                <div class="col-md-6 col-sm-6 col-xs-9">
1142
                  <h2>Cool green dress with red bell</h2>
1143
                  <div class="price-availability-block clearfix">
1144
                    <div class="price">
1145
                      <strong><span>$</span>47.00</strong>
1146
                      <em>$<span>62.00</span></em>
1147
                    </div>
1148
                    <div class="availability">
1149
                      Availability: <strong>In Stock</strong>
1150
                    </div>
1151
                  </div>
1152
                  <div class="description">
1153
                    <p>Lorem ipsum dolor ut sit ame dolore  adipiscing elit, sed nonumy nibh sed euismod laoreet dolore magna aliquarm erat volutpat
1154
Nostrud duis molestie at dolore.</p>
1155
                  </div>
1156
                  <div class="product-page-options">
1157
                    <div class="pull-left">
1158
                      <label class="control-label">Size:</label>
1159
                      <select class="form-control input-sm">
1160
                        <option>L</option>
1161
                        <option>M</option>
1162
                        <option>XL</option>
1163
                      </select>
1164
                    </div>
1165
                    <div class="pull-left">
1166
                      <label class="control-label">Color:</label>
1167
                      <select class="form-control input-sm">
1168
                        <option>Red</option>
1169
                        <option>Blue</option>
1170
                        <option>Black</option>
1171
                      </select>
1172
                    </div>
1173
                  </div>
1174
                  <div class="product-page-cart">
1175
                    <div class="product-quantity">
1176
                        <input id="product-quantity" type="text" value="1" readonly name="product-quantity" class="form-control input-sm">
1177
                    </div>
1178
                    <button class="btn btn-primary" type="submit">Add to cart</button>
1179
                    <a href="shop-item.html" class="btn btn-default">More details</a>
1180
                  </div>
1181
                </div>
1182
 
1183
                <div class="sticker sticker-sale"></div>
1184
              </div>
1185
            </div>
1186
    </div>
1187
    <!-- END fast view of a product -->
1188
 
1189
    <!-- Load javascripts at bottom, this will reduce page load time -->
1190
    <!-- BEGIN CORE PLUGINS (REQUIRED FOR ALL PAGES) -->
1191
    <!--[if lt IE 9]>
1192
    <script src="../../assets/global/plugins/respond.min.js"></script>  
1193
    <![endif]-->
1194
    <script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
1195
    <script src="../../assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
1196
    <script src="../../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>      
1197
    <script src="../../assets/frontend/layout/scripts/back-to-top.js" type="text/javascript"></script>
1198
    <script src="../../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
1199
    <!-- END CORE PLUGINS -->
1200
 
1201
    <!-- BEGIN PAGE LEVEL JAVASCRIPTS (REQUIRED ONLY FOR CURRENT PAGE) -->
1202
    <script src="../../assets/global/plugins/fancybox/source/jquery.fancybox.pack.js" type="text/javascript"></script><!-- pop up -->
1203
    <script src="../../assets/global/plugins/carousel-owl-carousel/owl-carousel/owl.carousel.min.js" type="text/javascript"></script><!-- slider for products -->
1204
    <script src='../../assets/global/plugins/zoom/jquery.zoom.min.js' type="text/javascript"></script><!-- product zoom -->
1205
    <script src="../../assets/global/plugins/bootstrap-touchspin/bootstrap.touchspin.js" type="text/javascript"></script><!-- Quantity -->
1206
 
1207
    <!-- BEGIN LayerSlider -->
1208
    <script src="../../assets/global/plugins/slider-layer-slider/js/greensock.js" type="text/javascript"></script><!-- External libraries: GreenSock -->
1209
    <script src="../../assets/global/plugins/slider-layer-slider/js/layerslider.transitions.js" type="text/javascript"></script><!-- LayerSlider script files -->
1210
    <script src="../../assets/global/plugins/slider-layer-slider/js/layerslider.kreaturamedia.jquery.js" type="text/javascript"></script><!-- LayerSlider script files -->
1211
    <script src="../../assets/frontend/pages/scripts/layerslider-init.js" type="text/javascript"></script>
1212
    <!-- END LayerSlider -->
1213
 
1214
    <script src="../../assets/frontend/layout/scripts/layout.js" type="text/javascript"></script>
1215
    <script type="text/javascript">
1216
        jQuery(document).ready(function() {
1217
            Layout.init();    
1218
            Layout.initOWL();
1219
            LayersliderInit.initLayerSlider();
1220
            Layout.initImageZoom();
1221
            Layout.initTouchspin();
1222
            Layout.initTwitter();
1223
        });
1224
    </script>
1225
    <!-- END PAGE LEVEL JAVASCRIPTS -->
1226
</body>
1227
<!-- END BODY -->
1228
</html>