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>Product Comparison | 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 rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"><!-- for slider-range -->
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/layout/css/style-responsive.css" rel="stylesheet">
61 
  <link href="../../assets/frontend/layout/css/themes/red.css" rel="stylesheet" id="style-color">
62 
  <link href="../../assets/frontend/layout/css/custom.css" rel="stylesheet">
63 
  <!-- Theme styles END -->
64 
</head>
65 
<!-- Head END -->
66 
 
67 
<!-- Body BEGIN -->
68 
<body class="ecommerce">
69 
    <!-- BEGIN STYLE CUSTOMIZER -->
70 
    <div class="color-panel hidden-sm">
71 
      <div class="color-mode-icons icon-color"></div>
72 
      <div class="color-mode-icons icon-color-close"></div>
73 
      <div class="color-mode">
74 
        <p>THEME COLOR</p>
75 
        <ul class="inline">
76 
          <li class="color-red current color-default" data-style="red"></li>
77 
          <li class="color-blue" data-style="blue"></li>
78 
          <li class="color-green" data-style="green"></li>
79 
          <li class="color-orange" data-style="orange"></li>
80 
          <li class="color-gray" data-style="gray"></li>
81 
          <li class="color-turquoise" data-style="turquoise"></li>
82 
        </ul>
83 
      </div>
84 
    </div>
85 
    <!-- END BEGIN STYLE CUSTOMIZER -->
86 
 
87 
    <!-- BEGIN TOP BAR -->
88 
    <div class="pre-header">
89 
        <div class="container">
90 
            <div class="row">
91 
                <!-- BEGIN TOP BAR LEFT PART -->
92 
                <div class="col-md-6 col-sm-6 additional-shop-info">
93 
                    <ul class="list-unstyled list-inline">
94 
                        <li><i class="fa fa-phone"></i><span>+1 456 6717</span></li>
95 
                        <!-- BEGIN CURRENCIES -->
96 
                        <li class="shop-currencies">
97 
                            <a href="javascript:void(0);">€</a>
98 
                            <a href="javascript:void(0);">£</a>
99 
                            <a href="javascript:void(0);" class="current">$</a>
100 
                        </li>
101 
                        <!-- END CURRENCIES -->
102 
                        <!-- BEGIN LANGS -->
103 
                        <li class="langs-block">
104 
                            <a href="javascript:void(0);" class="current">English </a>
105 
                            <div class="langs-block-others-wrapper"><div class="langs-block-others">
106 
                              <a href="javascript:void(0);">French</a>
107 
                              <a href="javascript:void(0);">Germany</a>
108 
                              <a href="javascript:void(0);">Turkish</a>
109 
                            </div></div>
110 
                        </li>
111 
                        <!-- END LANGS -->
112 
                    </ul>
113 
                </div>
114 
                <!-- END TOP BAR LEFT PART -->
115 
                <!-- BEGIN TOP BAR MENU -->
116 
                <div class="col-md-6 col-sm-6 additional-nav">
117 
                    <ul class="list-unstyled list-inline pull-right">
118 
                        <li><a href="shop-account.html">My Account</a></li>
119 
                        <li><a href="shop-wishlist.html">My Wishlist</a></li>
120 
                        <li><a href="shop-checkout.html">Checkout</a></li>
121 
                        <li><a href="page-login.html">Log In</a></li>
122 
                    </ul>
123 
                </div>
124 
                <!-- END TOP BAR MENU -->
125 
            </div>
126 
        </div>        
127 
    </div>
128 
    <!-- END TOP BAR -->
129 
 
130 
    <!-- BEGIN HEADER -->
131 
    <div class="header">
132 
      <div class="container">
133 
        <a class="site-logo" href="shop-index.html"><img src="../../assets/frontend/layout/img/logos/logo-shop-red.png" alt="Metronic Shop UI"></a>
134 
 
135 
        <a href="javascript:void(0);" class="mobi-toggler"><i class="fa fa-bars"></i></a>
136 
 
137 
        <!-- BEGIN CART -->
138 
        <div class="top-cart-block">
139 
          <div class="top-cart-info">
140 
            <a href="javascript:void(0);" class="top-cart-info-count">3 items</a>
141 
            <a href="javascript:void(0);" class="top-cart-info-value">$1260</a>
142 
          </div>
143 
          <i class="fa fa-shopping-cart"></i>
144 
 
145 
          <div class="top-cart-content-wrapper">
146 
            <div class="top-cart-content">
147 
              <ul class="scroller" style="height: 250px;">
148 
                <li>
149 
                  <a href="shop-item.html"><img src="../../assets/frontend/pages/img/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
150 
                  <span class="cart-content-count">x 1</span>
151 
                  <strong><a href="shop-item.html">Rolex Classic Watch</a></strong>
152 
                  <em>$1230</em>
153 
                  <a href="javascript:void(0);" class="del-goods">&nbsp;</a>
154 
                </li>
155 
                <li>
156 
                  <a href="shop-item.html"><img src="../../assets/frontend/pages/img/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
157 
                  <span class="cart-content-count">x 1</span>
158 
                  <strong><a href="shop-item.html">Rolex Classic Watch</a></strong>
159 
                  <em>$1230</em>
160 
                  <a href="javascript:void(0);" class="del-goods">&nbsp;</a>
161 
                </li>
162 
                <li>
163 
                  <a href="shop-item.html"><img src="../../assets/frontend/pages/img/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
164 
                  <span class="cart-content-count">x 1</span>
165 
                  <strong><a href="shop-item.html">Rolex Classic Watch</a></strong>
166 
                  <em>$1230</em>
167 
                  <a href="javascript:void(0);" class="del-goods">&nbsp;</a>
168 
                </li>
169 
                <li>
170 
                  <a href="shop-item.html"><img src="../../assets/frontend/pages/img/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
171 
                  <span class="cart-content-count">x 1</span>
172 
                  <strong><a href="shop-item.html">Rolex Classic Watch</a></strong>
173 
                  <em>$1230</em>
174 
                  <a href="javascript:void(0);" class="del-goods">&nbsp;</a>
175 
                </li>
176 
                <li>
177 
                  <a href="shop-item.html"><img src="../../assets/frontend/pages/img/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
178 
                  <span class="cart-content-count">x 1</span>
179 
                  <strong><a href="shop-item.html">Rolex Classic Watch</a></strong>
180 
                  <em>$1230</em>
181 
                  <a href="javascript:void(0);" class="del-goods">&nbsp;</a>
182 
                </li>
183 
                <li>
184 
                  <a href="shop-item.html"><img src="../../assets/frontend/pages/img/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
185 
                  <span class="cart-content-count">x 1</span>
186 
                  <strong><a href="shop-item.html">Rolex Classic Watch</a></strong>
187 
                  <em>$1230</em>
188 
                  <a href="javascript:void(0);" class="del-goods">&nbsp;</a>
189 
                </li>
190 
                <li>
191 
                  <a href="shop-item.html"><img src="../../assets/frontend/pages/img/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
192 
                  <span class="cart-content-count">x 1</span>
193 
                  <strong><a href="shop-item.html">Rolex Classic Watch</a></strong>
194 
                  <em>$1230</em>
195 
                  <a href="javascript:void(0);" class="del-goods">&nbsp;</a>
196 
                </li>
197 
                <li>
198 
                  <a href="shop-item.html"><img src="../../assets/frontend/pages/img/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
199 
                  <span class="cart-content-count">x 1</span>
200 
                  <strong><a href="shop-item.html">Rolex Classic Watch</a></strong>
201 
                  <em>$1230</em>
202 
                  <a href="javascript:void(0);" class="del-goods">&nbsp;</a>
203 
                </li>
204 
              </ul>
205 
              <div class="text-right">
206 
                <a href="shop-shopping-cart.html" class="btn btn-default">View Cart</a>
207 
                <a href="shop-checkout.html" class="btn btn-primary">Checkout</a>
208 
              </div>
209 
            </div>
210 
          </div>            
211 
        </div>
212 
        <!--END CART -->
213 
 
214 
        <!-- BEGIN NAVIGATION -->
215 
        <div class="header-navigation">
216 
          <ul>
217 
            <li class="dropdown">
218 
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
219 
                Woman
220 
 
221 
              </a>
222 
 
223 
              <!-- BEGIN DROPDOWN MENU -->
224 
              <ul class="dropdown-menu">
225 
                <li class="dropdown-submenu">
226 
                  <a href="shop-product-list.html">Hi Tops <i class="fa fa-angle-right"></i></a>
227 
                  <ul class="dropdown-menu" role="menu">
228 
                    <li><a href="shop-product-list.html">Second Level Link</a></li>
229 
                    <li><a href="shop-product-list.html">Second Level Link</a></li>
230 
                    <li class="dropdown-submenu">
231 
                      <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
232 
                        Second Level Link
233 
                        <i class="fa fa-angle-right"></i>
234 
                      </a>
235 
                      <ul class="dropdown-menu">
236 
                        <li><a href="shop-product-list.html">Third Level Link</a></li>
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 
                      </ul>
240 
                    </li>
241 
                  </ul>
242 
                </li>
243 
                <li><a href="shop-product-list.html">Running Shoes</a></li>
244 
                <li><a href="shop-product-list.html">Jackets and Coats</a></li>
245 
              </ul>
246 
              <!-- END DROPDOWN MENU -->
247 
            </li>
248 
            <li class="dropdown dropdown-megamenu">
249 
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
250 
                Man
251 
 
252 
              </a>
253 
              <ul class="dropdown-menu">
254 
                <li>
255 
                  <div class="header-navigation-content">
256 
                    <div class="row">
257 
                      <div class="col-md-4 header-navigation-col">
258 
                        <h4>Footwear</h4>
259 
                        <ul>
260 
                          <li><a href="shop-product-list.html">Astro Trainers</a></li>
261 
                          <li><a href="shop-product-list.html">Basketball Shoes</a></li>
262 
                          <li><a href="shop-product-list.html">Boots</a></li>
263 
                          <li><a href="shop-product-list.html">Canvas Shoes</a></li>
264 
                          <li><a href="shop-product-list.html">Football Boots</a></li>
265 
                          <li><a href="shop-product-list.html">Golf Shoes</a></li>
266 
                          <li><a href="shop-product-list.html">Hi Tops</a></li>
267 
                          <li><a href="shop-product-list.html">Indoor and Court Trainers</a></li>
268 
                        </ul>
269 
                      </div>
270 
                      <div class="col-md-4 header-navigation-col">
271 
                        <h4>Clothing</h4>
272 
                        <ul>
273 
                          <li><a href="shop-product-list.html">Base Layer</a></li>
274 
                          <li><a href="shop-product-list.html">Character</a></li>
275 
                          <li><a href="shop-product-list.html">Chinos</a></li>
276 
                          <li><a href="shop-product-list.html">Combats</a></li>
277 
                          <li><a href="shop-product-list.html">Cricket Clothing</a></li>
278 
                          <li><a href="shop-product-list.html">Fleeces</a></li>
279 
                          <li><a href="shop-product-list.html">Gilets</a></li>
280 
                          <li><a href="shop-product-list.html">Golf Tops</a></li>
281 
                        </ul>
282 
                      </div>
283 
                      <div class="col-md-4 header-navigation-col">
284 
                        <h4>Accessories</h4>
285 
                        <ul>
286 
                          <li><a href="shop-product-list.html">Belts</a></li>
287 
                          <li><a href="shop-product-list.html">Caps</a></li>
288 
                          <li><a href="shop-product-list.html">Gloves, Hats and Scarves</a></li>
289 
                        </ul>
290 
 
291 
                        <h4>Clearance</h4>
292 
                        <ul>
293 
                          <li><a href="shop-product-list.html">Jackets</a></li>
294 
                          <li><a href="shop-product-list.html">Bottoms</a></li>
295 
                        </ul>
296 
                      </div>
297 
                      <div class="col-md-12 nav-brands">
298 
                        <ul>
299 
                          <li><a href="shop-product-list.html"><img title="esprit" alt="esprit" src="../../assets/frontend/pages/img/brands/esprit.jpg"></a></li>
300 
                          <li><a href="shop-product-list.html"><img title="gap" alt="gap" src="../../assets/frontend/pages/img/brands/gap.jpg"></a></li>
301 
                          <li><a href="shop-product-list.html"><img title="next" alt="next" src="../../assets/frontend/pages/img/brands/next.jpg"></a></li>
302 
                          <li><a href="shop-product-list.html"><img title="puma" alt="puma" src="../../assets/frontend/pages/img/brands/puma.jpg"></a></li>
303 
                          <li><a href="shop-product-list.html"><img title="zara" alt="zara" src="../../assets/frontend/pages/img/brands/zara.jpg"></a></li>
304 
                        </ul>
305 
                      </div>
306 
                    </div>
307 
                  </div>
308 
                </li>
309 
              </ul>
310 
            </li>
311 
            <li><a href="shop-item.html">Kids</a></li>
312 
            <li class="dropdown dropdown100 nav-catalogue">
313 
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
314 
                New
315 
 
316 
              </a>
317 
              <ul class="dropdown-menu">
318 
                <li>
319 
                  <div class="header-navigation-content">
320 
                    <div class="row">
321 
                      <div class="col-md-3 col-sm-4 col-xs-6">
322 
                        <div class="product-item">
323 
                          <div class="pi-img-wrapper">
324 
                            <a href="shop-item.html"><img src="../../assets/frontend/pages/img/products/model4.jpg" class="img-responsive" alt="Berry Lace Dress"></a>
325 
                          </div>
326 
                          <h3><a href="shop-item.html">Berry Lace Dress</a></h3>
327 
                          <div class="pi-price">$29.00</div>
328 
                          <a href="#" class="btn btn-default add2cart">Add to cart</a>
329 
                        </div>
330 
                      </div>
331 
                      <div class="col-md-3 col-sm-4 col-xs-6">
332 
                        <div class="product-item">
333 
                          <div class="pi-img-wrapper">
334 
                            <a href="shop-item.html"><img src="../../assets/frontend/pages/img/products/model3.jpg" class="img-responsive" alt="Berry Lace Dress"></a>
335 
                          </div>
336 
                          <h3><a href="shop-item.html">Berry Lace Dress</a></h3>
337 
                          <div class="pi-price">$29.00</div>
338 
                          <a href="#" class="btn btn-default add2cart">Add to cart</a>
339 
                        </div>
340 
                      </div>
341 
                      <div class="col-md-3 col-sm-4 col-xs-6">
342 
                        <div class="product-item">
343 
                          <div class="pi-img-wrapper">
344 
                            <a href="shop-item.html"><img src="../../assets/frontend/pages/img/products/model7.jpg" class="img-responsive" alt="Berry Lace Dress"></a>
345 
                          </div>
346 
                          <h3><a href="shop-item.html">Berry Lace Dress</a></h3>
347 
                          <div class="pi-price">$29.00</div>
348 
                          <a href="#" class="btn btn-default add2cart">Add to cart</a>
349 
                        </div>
350 
                      </div>
351 
                      <div class="col-md-3 col-sm-4 col-xs-6">
352 
                        <div class="product-item">
353 
                          <div class="pi-img-wrapper">
354 
                            <a href="shop-item.html"><img src="../../assets/frontend/pages/img/products/model4.jpg" class="img-responsive" alt="Berry Lace Dress"></a>
355 
                          </div>
356 
                          <h3><a href="shop-item.html">Berry Lace Dress</a></h3>
357 
                          <div class="pi-price">$29.00</div>
358 
                          <a href="#" class="btn btn-default add2cart">Add to cart</a>
359 
                        </div>
360 
                      </div>
361 
                    </div>
362 
                  </div>
363 
                </li>
364 
              </ul>
365 
            </li>
366 
            <li class="dropdown active">
367 
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
368 
                Pages
369 
 
370 
              </a>
371 
 
372 
              <ul class="dropdown-menu">
373 
                <li><a href="shop-index.html">Home Default</a></li>
374 
                <li><a href="shop-index-header-fix.html">Home Header Fixed</a></li>
375 
                <li><a href="shop-index-light-footer.html">Home Light Footer</a></li>
376 
                <li><a href="shop-product-list.html">Product List</a></li>
377 
                <li><a href="shop-search-result.html">Search Result</a></li>
378 
                <li><a href="shop-item.html">Product Page</a></li>
379 
                <li><a href="shop-shopping-cart-null.html">Shopping Cart (Null Cart)</a></li>
380 
                <li><a href="shop-shopping-cart.html">Shopping Cart</a></li>
381 
                <li><a href="shop-checkout.html">Checkout</a></li>
382 
                <li><a href="shop-about.html">About</a></li>
383 
                <li><a href="shop-contacts.html">Contacts</a></li>
384 
                <li><a href="shop-account.html">My account</a></li>
385 
                <li><a href="shop-wishlist.html">My Wish List</a></li>
386 
                <li class="active"><a href="shop-goods-compare.html">Product Comparison</a></li>
387 
                <li><a href="shop-standart-forms.html">Standart Forms</a></li>
388 
                <li><a href="shop-faq.html">FAQ</a></li>
389 
                <li><a href="shop-privacy-policy.html">Privacy Policy</a></li>
390 
                <li><a href="shop-terms-conditions-page.html">Terms &amp; Conditions</a></li>
391 
              </ul>
392 
            </li>
393 
            <li><a href="index.html" target="_blank">Corporate</a></li>
394 
            <li><a href="onepage-index.html" target="_blank">One Page</a></li>
395 
            <li><a href="http://keenthemes.com/preview/metronic/theme/templates/admin&amp;page=ecommerce_index.html" target="_blank">Admin theme</a></li>
396 
 
397 
            <!-- BEGIN TOP SEARCH -->
398 
            <li class="menu-search">
399 
              <span class="sep"></span>
400 
              <i class="fa fa-search search-btn"></i>
401 
              <div class="search-box">
402 
                <form action="#">
403 
                  <div class="input-group">
404 
                    <input type="text" placeholder="Search" class="form-control">
405 
                    <span class="input-group-btn">
406 
                      <button class="btn btn-primary" type="submit">Search</button>
407 
                    </span>
408 
                  </div>
409 
                </form>
410 
              </div>
411 
            </li>
412 
            <!-- END TOP SEARCH -->
413 
          </ul>
414 
        </div>
415 
        <!-- END NAVIGATION -->
416 
      </div>
417 
    </div>
418 
    <!-- Header END -->
419 
 
420 
    <div class="main">
421 
      <div class="container">
422 
        <ul class="breadcrumb">
423 
            <li><a href="index.html">Home</a></li>
424 
            <li><a href="">Store</a></li>
425 
            <li class="active">My Wish List</li>
426 
        </ul>
427 
        <!-- BEGIN SIDEBAR & CONTENT -->
428 
        <div class="row margin-bottom-40">
429 
          <!-- BEGIN SIDEBAR -->
430 
          <div class="sidebar col-md-3 col-sm-5">
431 
            <ul class="list-group margin-bottom-25 sidebar-menu">
432 
              <li class="list-group-item clearfix"><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Ladies</a></li>
433 
              <li class="list-group-item clearfix"><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Kids</a></li>
434 
              <li class="list-group-item clearfix"><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Accessories</a></li>
435 
              <li class="list-group-item clearfix"><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Sports</a></li>
436 
              <li class="list-group-item clearfix"><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Brands</a></li>
437 
              <li class="list-group-item clearfix"><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Electronics</a></li>
438 
              <li class="list-group-item clearfix"><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Home & Garden</a></li>
439 
              <li class="list-group-item clearfix"><a href="shop-product-list.html"><i class="fa fa-angle-right"></i> Custom Link</a></li>
440 
            </ul>
441 
          </div>
442 
          <!-- END SIDEBAR -->
443 
 
444 
          <!-- BEGIN CONTENT -->
445 
          <div class="col-md-9 col-sm-7">
446 
            <h1>Product Comparison</h1>
447 
            <div class="goods-page">
448 
              <div class="goods-data compare-goods clearfix">
449 
                <div class="table-wrapper-responsive">                
450 
                  <table summary="Product Details">                  
451 
                    <tr>
452 
                      <td class="compare-info">
453 
                        <p>There are 2 goods in the list.</p>
454 
                      </td>
455 
                      <td class="compare-item">
456 
                        <a href="#"><img src="../../assets/frontend/pages/img/products/model3.jpg" alt="Berry Lace Dress"></a>
457 
                        <h3><a href="#">Cool green dress with red bell</a></h3>
458 
                        <strong class="compare-price"><span>$</span>47.00</strong>
459 
                      </td>
460 
                      <td class="compare-item">
461 
                        <a href="#"><img src="../../assets/frontend/pages/img/products/model4.jpg" alt="Berry Lace Dress"></a>
462 
                        <h3><a href="#">Cool green dress with red bell</a></h3>
463 
                        <strong class="compare-price"><span>$</span>42.00</strong>
464 
                      </td>
465 
                    </tr>
466 
 
467 
                    <tr>
468 
                      <th colspan="3">
469 
                        <h2>Product Details</h2>
470 
                      </th>
471 
                    </tr>
472 
                    <tr>
473 
                      <td class="compare-info">
474 
                        Attribute
475 
                      </td>
476 
                      <td class="compare-item">
477 
                        Lorem ipsum
478 
                      </td>
479 
                      <td class="compare-item">
480 
                        Duis autem
481 
                      </td>
482 
                    </tr>
483 
                    <tr>
484 
                      <td class="compare-info">
485 
                        Attribute
486 
                      </td>
487 
                      <td class="compare-item">
488 
                        13.00cm x 0.00cm x 0.00cm
489 
                      </td>
490 
                      <td class="compare-item">
491 
                        13.00cm x 0.00cm x 0.00cm
492 
                      </td>
493 
                    </tr>
494 
                    <tr>
495 
                      <td class="compare-info">
496 
                        Attribute
497 
                      </td>
498 
                      <td class="compare-item">
499 
                        110.00g
500 
                      </td>
501 
                      <td class="compare-item">
502 
                        110.00g
503 
                      </td>
504 
                    </tr>
505 
 
506 
                    <tr>
507 
                      <th colspan="3">
508 
                        <h2>Features</h2>
509 
                      </th>
510 
                    </tr>
511 
                    <tr>
512 
                      <td class="compare-info">
513 
                        Attribute
514 
                      </td>
515 
                      <td class="compare-item">
516 
                        13 cm
517 
                      </td>
518 
                      <td class="compare-item">
519 
                        –
520 
                      </td>
521 
                    </tr>
522 
                    <tr>
523 
                      <td class="compare-info">
524 
                        Attribute
525 
                      </td>
526 
                      <td class="compare-item">
527 
                        In Stock
528 
                      </td>
529 
                      <td class="compare-item">
530 
                        In Stock
531 
                      </td>
532 
                    </tr>
533 
                    <tr>
534 
                      <td class="compare-info">&nbsp;</td>
535 
                      <td class="compare-item">
536 
                        <a class="btn btn-primary" href="#">Add to cart</a><br>
537 
                        <a class="btn btn-default" href="#">Delete</a>
538 
                      </td>
539 
                      <td class="compare-item">
540 
                        <a class="btn btn-primary" href="#">Add to cart</a><br>
541 
                        <a class="btn btn-default" href="#">Delete</a>
542 
                      </td>
543 
                    </tr>
544 
                  </table>
545 
                  <p class="padding-top-20"><strong>Notice:</strong> 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>
546 
                </div>
547 
              </div>
548 
            </div>
549 
          </div>
550 
          <!-- END CONTENT -->
551 
        </div>
552 
        <!-- END SIDEBAR & CONTENT -->
553 
      </div>
554 
    </div>
555 
 
556 
    <!-- BEGIN BRANDS -->
557 
    <div class="brands">
558 
      <div class="container">
559 
            <div class="owl-carousel owl-carousel6-brands">
560 
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/canon.jpg" alt="canon" title="canon"></a>
561 
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/esprit.jpg" alt="esprit" title="esprit"></a>
562 
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/gap.jpg" alt="gap" title="gap"></a>
563 
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/next.jpg" alt="next" title="next"></a>
564 
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/puma.jpg" alt="puma" title="puma"></a>
565 
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/zara.jpg" alt="zara" title="zara"></a>
566 
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/canon.jpg" alt="canon" title="canon"></a>
567 
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/esprit.jpg" alt="esprit" title="esprit"></a>
568 
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/gap.jpg" alt="gap" title="gap"></a>
569 
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/next.jpg" alt="next" title="next"></a>
570 
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/puma.jpg" alt="puma" title="puma"></a>
571 
              <a href="shop-product-list.html"><img src="../../assets/frontend/pages/img/brands/zara.jpg" alt="zara" title="zara"></a>
572 
            </div>
573 
        </div>
574 
    </div>
575 
    <!-- END BRANDS -->
576 
 
577 
    <!-- BEGIN STEPS -->
578 
    <div class="steps-block steps-block-red">
579 
      <div class="container">
580 
        <div class="row">
581 
          <div class="col-md-4 steps-block-col">
582 
            <i class="fa fa-truck"></i>
583 
            <div>
584 
              <h2>Free shipping</h2>
585 
              <em>Express delivery withing 3 days</em>
586 
            </div>
587 
            <span>&nbsp;</span>
588 
          </div>
589 
          <div class="col-md-4 steps-block-col">
590 
            <i class="fa fa-gift"></i>
591 
            <div>
592 
              <h2>Daily Gifts</h2>
593 
              <em>3 Gifts daily for lucky customers</em>
594 
            </div>
595 
            <span>&nbsp;</span>
596 
          </div>
597 
          <div class="col-md-4 steps-block-col">
598 
            <i class="fa fa-phone"></i>
599 
            <div>
600 
              <h2>477 505 8877</h2>
601 
              <em>24/7 customer care available</em>
602 
            </div>
603 
          </div>
604 
        </div>
605 
      </div>
606 
    </div>
607 
    <!-- END STEPS -->
608 
 
609 
    <!-- BEGIN PRE-FOOTER -->
610 
    <div class="pre-footer">
611 
      <div class="container">
612 
        <div class="row">
613 
          <!-- BEGIN BOTTOM ABOUT BLOCK -->
614 
          <div class="col-md-3 col-sm-6 pre-footer-col">
615 
            <h2>About us</h2>
616 
            <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>
617 
            <p>Duis autem vel eum iriure dolor vulputate velit esse molestie at dolore.</p>
618 
          </div>
619 
          <!-- END BOTTOM ABOUT BLOCK -->
620 
          <!-- BEGIN BOTTOM INFO BLOCK -->
621 
          <div class="col-md-3 col-sm-6 pre-footer-col">
622 
            <h2>Information</h2>
623 
            <ul class="list-unstyled">
624 
              <li><i class="fa fa-angle-right"></i> <a href="#">Delivery Information</a></li>
625 
              <li><i class="fa fa-angle-right"></i> <a href="#">Customer Service</a></li>
626 
              <li><i class="fa fa-angle-right"></i> <a href="#">Order Tracking</a></li>
627 
              <li><i class="fa fa-angle-right"></i> <a href="#">Shipping &amp; Returns</a></li>
628 
              <li><i class="fa fa-angle-right"></i> <a href="contacts.html">Contact Us</a></li>
629 
              <li><i class="fa fa-angle-right"></i> <a href="#">Careers</a></li>
630 
              <li><i class="fa fa-angle-right"></i> <a href="#">Payment Methods</a></li>
631 
            </ul>
632 
          </div>
633 
          <!-- END INFO BLOCK -->
634 
 
635 
          <!-- BEGIN TWITTER BLOCK -->
636 
          <div class="col-md-3 col-sm-6 pre-footer-col">
637 
            <h2 class="margin-bottom-0">Latest Tweets</h2>
638 
            <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>      
639 
          </div>
640 
          <!-- END TWITTER BLOCK -->
641 
 
642 
          <!-- BEGIN BOTTOM CONTACTS -->
643 
          <div class="col-md-3 col-sm-6 pre-footer-col">
644 
            <h2>Our Contacts</h2>
645 
            <address class="margin-bottom-40">
646 
              35, Lorem Lis Street, Park Ave<br>
647 
              California, US<br>
648 
              Phone: 300 323 3456<br>
649 
              Fax: 300 323 1456<br>
650 
              Email: <a href="mailto:info@metronic.com">info@metronic.com</a><br>
651 
              Skype: <a href="skype:metronic">metronic</a>
652 
            </address>
653 
          </div>
654 
          <!-- END BOTTOM CONTACTS -->
655 
        </div>
656 
        <hr>
657 
        <div class="row">
658 
          <!-- BEGIN SOCIAL ICONS -->
659 
          <div class="col-md-6 col-sm-6">
660 
            <ul class="social-icons">
661 
              <li><a class="rss" data-original-title="rss" href="#"></a></li>
662 
              <li><a class="facebook" data-original-title="facebook" href="#"></a></li>
663 
              <li><a class="twitter" data-original-title="twitter" href="#"></a></li>
664 
              <li><a class="googleplus" data-original-title="googleplus" href="#"></a></li>
665 
              <li><a class="linkedin" data-original-title="linkedin" href="#"></a></li>
666 
              <li><a class="youtube" data-original-title="youtube" href="#"></a></li>
667 
              <li><a class="vimeo" data-original-title="vimeo" href="#"></a></li>
668 
              <li><a class="skype" data-original-title="skype" href="#"></a></li>
669 
            </ul>
670 
          </div>
671 
          <!-- END SOCIAL ICONS -->
672 
          <!-- BEGIN NEWLETTER -->
673 
          <div class="col-md-6 col-sm-6">
674 
            <div class="pre-footer-subscribe-box pull-right">
675 
              <h2>Newsletter</h2>
676 
              <form action="#">
677 
                <div class="input-group">
678 
                  <input type="text" placeholder="youremail@mail.com" class="form-control">
679 
                  <span class="input-group-btn">
680 
                    <button class="btn btn-primary" type="submit">Subscribe</button>
681 
                  </span>
682 
                </div>
683 
              </form>
684 
            </div>
685 
          </div>
686 
          <!-- END NEWLETTER -->
687 
        </div>
688 
      </div>
689 
    </div>
690 
    <!-- END PRE-FOOTER -->
691 
 
692 
    <!-- BEGIN FOOTER -->
693 
    <div class="footer">
694 
      <div class="container">
695 
        <div class="row">
696 
          <!-- BEGIN COPYRIGHT -->
697 
          <div class="col-md-6 col-sm-6 padding-top-10">
698 
            2014 © Metronic Shop UI. ALL Rights Reserved.
699 
          </div>
700 
          <!-- END COPYRIGHT -->
701 
          <!-- BEGIN PAYMENTS -->
702 
          <div class="col-md-6 col-sm-6">
703 
            <ul class="list-unstyled list-inline pull-right">
704 
              <li><img src="../../assets/frontend/layout/img/payments/western-union.jpg" alt="We accept Western Union" title="We accept Western Union"></li>
705 
              <li><img src="../../assets/frontend/layout/img/payments/american-express.jpg" alt="We accept American Express" title="We accept American Express"></li>
706 
              <li><img src="../../assets/frontend/layout/img/payments/MasterCard.jpg" alt="We accept MasterCard" title="We accept MasterCard"></li>
707 
              <li><img src="../../assets/frontend/layout/img/payments/PayPal.jpg" alt="We accept PayPal" title="We accept PayPal"></li>
708 
              <li><img src="../../assets/frontend/layout/img/payments/visa.jpg" alt="We accept Visa" title="We accept Visa"></li>
709 
            </ul>
710 
          </div>
711 
          <!-- END PAYMENTS -->
712 
        </div>
713 
      </div>
714 
    </div>
715 
    <!-- END FOOTER -->
716 
 
717 
    <!-- BEGIN fast view of a product -->
718 
    <div id="product-pop-up" style="display: none; width: 700px;">
719 
            <div class="product-page product-pop-up">
720 
              <div class="row">
721 
                <div class="col-md-6 col-sm-6 col-xs-3">
722 
                  <div class="product-main-image">
723 
                    <img src="../../assets/frontend/pages/img/products/model7.jpg" alt="Cool green dress with red bell" class="img-responsive">
724 
                  </div>
725 
                  <div class="product-other-images">
726 
                    <a href="#" class="active"><img alt="Berry Lace Dress" src="../../assets/frontend/pages/img/products/model3.jpg"></a>
727 
                    <a href="#"><img alt="Berry Lace Dress" src="../../assets/frontend/pages/img/products/model4.jpg"></a>
728 
                    <a href="#"><img alt="Berry Lace Dress" src="../../assets/frontend/pages/img/products/model5.jpg"></a>
729 
                  </div>
730 
                </div>
731 
                <div class="col-md-6 col-sm-6 col-xs-9">
732 
                  <h2>Cool green dress with red bell</h2>
733 
                  <div class="price-availability-block clearfix">
734 
                    <div class="price">
735 
                      <strong><span>$</span>47.00</strong>
736 
                      <em>$<span>62.00</span></em>
737 
                    </div>
738 
                    <div class="availability">
739 
                      Availability: <strong>In Stock</strong>
740 
                    </div>
741 
                  </div>
742 
                  <div class="description">
743 
                    <p>Lorem ipsum dolor ut sit ame dolore  adipiscing elit, sed nonumy nibh sed euismod laoreet dolore magna aliquarm erat volutpat
744 
Nostrud duis molestie at dolore.</p>
745 
                  </div>
746 
                  <div class="product-page-options">
747 
                    <div class="pull-left">
748 
                      <label class="control-label">Size:</label>
749 
                      <select class="form-control">
750 
                        <option>L</option>
751 
                        <option>M</option>
752 
                        <option>XL</option>
753 
                      </select>
754 
                    </div>
755 
                    <div class="pull-left">
756 
                      <label class="control-label">Color:</label>
757 
                      <select class="form-control">
758 
                        <option>Red</option>
759 
                        <option>Blue</option>
760 
                        <option>Black</option>
761 
                      </select>
762 
                    </div>
763 
                  </div>
764 
                  <div class="product-page-cart">
765 
                    <div class="product-quantity">
766 
                        <input id="product-quantity2" type="text" value="1" readonly class="form-control input-sm">
767 
                    </div>
768 
                    <button class="btn btn-primary" type="submit">Add to cart</button>
769 
                    <a href="shop-item.html" class="btn btn-default">More details</a>
770 
                  </div>
771 
                </div>
772 
 
773 
                <div class="sticker sticker-sale"></div>
774 
              </div>
775 
            </div>
776 
    </div>
777 
    <!-- END fast view of a product -->
778 
 
779 
    <!-- Load javascripts at bottom, this will reduce page load time -->
780 
    <!-- BEGIN CORE PLUGINS(REQUIRED FOR ALL PAGES) -->
781 
    <!--[if lt IE 9]>
782 
    <script src="../../assets/global/plugins/respond.min.js"></script>  
783 
    <![endif]-->  
784 
    <script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
785 
    <script src="../../assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
786 
    <script src="../../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>      
787 
    <script src="../../assets/frontend/layout/scripts/back-to-top.js" type="text/javascript"></script>
788 
    <script src="../../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
789 
    <!-- END CORE PLUGINS -->
790 
 
791 
    <!-- BEGIN PAGE LEVEL JAVASCRIPTS (REQUIRED ONLY FOR CURRENT PAGE) -->
792 
    <script src="../../assets/global/plugins/fancybox/source/jquery.fancybox.pack.js" type="text/javascript"></script><!-- pop up -->
793 
    <script src="../../assets/global/plugins/carousel-owl-carousel/owl-carousel/owl.carousel.min.js" type="text/javascript"></script><!-- slider for products -->
794 
    <script src='../../assets/global/plugins/zoom/jquery.zoom.min.js' type="text/javascript"></script><!-- product zoom -->
795 
    <script src="../../assets/global/plugins/bootstrap-touchspin/bootstrap.touchspin.js" type="text/javascript"></script><!-- Quantity -->
796 
    <script src="../../assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
797 
 
798 
    <script src="../../assets/frontend/layout/scripts/layout.js" type="text/javascript"></script>
799 
    <script type="text/javascript">
800 
        jQuery(document).ready(function() {
801 
            Layout.init();    
802 
            Layout.initOWL();
803 
            Layout.initTwitter();
804 
            Layout.initImageZoom();
805 
            Layout.initTouchspin();
806 
            Layout.initUniform();
807 
        });
808 
    </script>
809 
    <!-- END PAGE LEVEL JAVASCRIPTS -->
810 
</body>
811 
<!-- END BODY -->
812 
</html>