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>Checkout | 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
  <!-- Page level plugin styles END -->
54
 
55
  <!-- Theme styles START -->
56
  <link href="../../assets/global/css/components.css" rel="stylesheet">
57
  <link href="../../assets/frontend/layout/css/style.css" rel="stylesheet">
58
  <link href="../../assets/frontend/pages/css/style-shop.css" rel="stylesheet" type="text/css">
59
  <link href="../../assets/frontend/layout/css/style-responsive.css" rel="stylesheet">
60
  <link href="../../assets/frontend/layout/css/themes/red.css" rel="stylesheet" id="style-color">
61
  <link href="../../assets/frontend/layout/css/custom.css" rel="stylesheet">
62
  <!-- Theme styles END -->
63
</head>
64
<!-- Head END -->
65
 
66
<!-- Body BEGIN -->
67
<body class="ecommerce">
68
    <!-- BEGIN STYLE CUSTOMIZER -->
69
    <div class="color-panel hidden-sm">
70
      <div class="color-mode-icons icon-color"></div>
71
      <div class="color-mode-icons icon-color-close"></div>
72
      <div class="color-mode">
73
        <p>THEME COLOR</p>
74
        <ul class="inline">
75
          <li class="color-red current color-default" data-style="red"></li>
76
          <li class="color-blue" data-style="blue"></li>
77
          <li class="color-green" data-style="green"></li>
78
          <li class="color-orange" data-style="orange"></li>
79
          <li class="color-gray" data-style="gray"></li>
80
          <li class="color-turquoise" data-style="turquoise"></li>
81
        </ul>
82
      </div>
83
    </div>
84
    <!-- END BEGIN STYLE CUSTOMIZER -->
85
 
86
    <!-- BEGIN TOP BAR -->
87
    <div class="pre-header">
88
        <div class="container">
89
            <div class="row">
90
                <!-- BEGIN TOP BAR LEFT PART -->
91
                <div class="col-md-6 col-sm-6 additional-shop-info">
92
                    <ul class="list-unstyled list-inline">
93
                        <li><i class="fa fa-phone"></i><span>+1 456 6717</span></li>
94
                        <!-- BEGIN CURRENCIES -->
95
                        <li class="shop-currencies">
96
                            <a href="javascript:void(0);"></a>
97
                            <a href="javascript:void(0);">£</a>
98
                            <a href="javascript:void(0);" class="current">$</a>
99
                        </li>
100
                        <!-- END CURRENCIES -->
101
                        <!-- BEGIN LANGS -->
102
                        <li class="langs-block">
103
                            <a href="javascript:void(0);" class="current">English </a>
104
                            <div class="langs-block-others-wrapper"><div class="langs-block-others">
105
                              <a href="javascript:void(0);">French</a>
106
                              <a href="javascript:void(0);">Germany</a>
107
                              <a href="javascript:void(0);">Turkish</a>
108
                            </div></div>
109
                        </li>
110
                        <!-- END LANGS -->
111
                    </ul>
112
                </div>
113
                <!-- END TOP BAR LEFT PART -->
114
                <!-- BEGIN TOP BAR MENU -->
115
                <div class="col-md-6 col-sm-6 additional-nav">
116
                    <ul class="list-unstyled list-inline pull-right">
117
                        <li><a href="shop-account.html">My Account</a></li>
118
                        <li><a href="shop-wishlist.html">My Wishlist</a></li>
119
                        <li><a href="shop-checkout.html">Checkout</a></li>
120
                        <li><a href="page-login.html">Log In</a></li>
121
                    </ul>
122
                </div>
123
                <!-- END TOP BAR MENU -->
124
            </div>
125
        </div>        
126
    </div>
127
    <!-- END TOP BAR -->
128
 
129
    <!-- BEGIN HEADER -->
130
    <div class="header">
131
      <div class="container">
132
        <a class="site-logo" href="shop-index.html"><img src="../../assets/frontend/layout/img/logos/logo-shop-red.png" alt="Metronic Shop UI"></a>
133
 
134
        <a href="javascript:void(0);" class="mobi-toggler"><i class="fa fa-bars"></i></a>
135
 
136
        <!-- BEGIN CART -->
137
        <div class="top-cart-block">
138
          <div class="top-cart-info">
139
            <a href="javascript:void(0);" class="top-cart-info-count">3 items</a>
140
            <a href="javascript:void(0);" class="top-cart-info-value">$1260</a>
141
          </div>
142
          <i class="fa fa-shopping-cart"></i>
143
 
144
          <div class="top-cart-content-wrapper">
145
            <div class="top-cart-content">
146
              <ul class="scroller" style="height: 250px;">
147
                <li>
148
                  <a href="shop-item.html"><img src="../../assets/frontend/pages/img/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
149
                  <span class="cart-content-count">x 1</span>
150
                  <strong><a href="shop-item.html">Rolex Classic Watch</a></strong>
151
                  <em>$1230</em>
152
                  <a href="javascript:void(0);" class="del-goods">&nbsp;</a>
153
                </li>
154
                <li>
155
                  <a href="shop-item.html"><img src="../../assets/frontend/pages/img/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
156
                  <span class="cart-content-count">x 1</span>
157
                  <strong><a href="shop-item.html">Rolex Classic Watch</a></strong>
158
                  <em>$1230</em>
159
                  <a href="javascript:void(0);" class="del-goods">&nbsp;</a>
160
                </li>
161
                <li>
162
                  <a href="shop-item.html"><img src="../../assets/frontend/pages/img/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
163
                  <span class="cart-content-count">x 1</span>
164
                  <strong><a href="shop-item.html">Rolex Classic Watch</a></strong>
165
                  <em>$1230</em>
166
                  <a href="javascript:void(0);" class="del-goods">&nbsp;</a>
167
                </li>
168
                <li>
169
                  <a href="shop-item.html"><img src="../../assets/frontend/pages/img/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
170
                  <span class="cart-content-count">x 1</span>
171
                  <strong><a href="shop-item.html">Rolex Classic Watch</a></strong>
172
                  <em>$1230</em>
173
                  <a href="javascript:void(0);" class="del-goods">&nbsp;</a>
174
                </li>
175
                <li>
176
                  <a href="shop-item.html"><img src="../../assets/frontend/pages/img/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
177
                  <span class="cart-content-count">x 1</span>
178
                  <strong><a href="shop-item.html">Rolex Classic Watch</a></strong>
179
                  <em>$1230</em>
180
                  <a href="javascript:void(0);" class="del-goods">&nbsp;</a>
181
                </li>
182
                <li>
183
                  <a href="shop-item.html"><img src="../../assets/frontend/pages/img/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
184
                  <span class="cart-content-count">x 1</span>
185
                  <strong><a href="shop-item.html">Rolex Classic Watch</a></strong>
186
                  <em>$1230</em>
187
                  <a href="javascript:void(0);" class="del-goods">&nbsp;</a>
188
                </li>
189
                <li>
190
                  <a href="shop-item.html"><img src="../../assets/frontend/pages/img/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
191
                  <span class="cart-content-count">x 1</span>
192
                  <strong><a href="shop-item.html">Rolex Classic Watch</a></strong>
193
                  <em>$1230</em>
194
                  <a href="javascript:void(0);" class="del-goods">&nbsp;</a>
195
                </li>
196
                <li>
197
                  <a href="shop-item.html"><img src="../../assets/frontend/pages/img/cart-img.jpg" alt="Rolex Classic Watch" width="37" height="34"></a>
198
                  <span class="cart-content-count">x 1</span>
199
                  <strong><a href="shop-item.html">Rolex Classic Watch</a></strong>
200
                  <em>$1230</em>
201
                  <a href="javascript:void(0);" class="del-goods">&nbsp;</a>
202
                </li>
203
              </ul>
204
              <div class="text-right">
205
                <a href="shop-shopping-cart.html" class="btn btn-default">View Cart</a>
206
                <a href="shop-checkout.html" class="btn btn-primary">Checkout</a>
207
              </div>
208
            </div>
209
          </div>            
210
        </div>
211
        <!--END CART -->
212
 
213
        <!-- BEGIN NAVIGATION -->
214
        <div class="header-navigation">
215
          <ul>
216
            <li class="dropdown">
217
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
218
                Woman
219
 
220
              </a>
221
 
222
              <!-- BEGIN DROPDOWN MENU -->
223
              <ul class="dropdown-menu">
224
                <li class="dropdown-submenu">
225
                  <a href="shop-product-list.html">Hi Tops <i class="fa fa-angle-right"></i></a>
226
                  <ul class="dropdown-menu" role="menu">
227
                    <li><a href="shop-product-list.html">Second Level Link</a></li>
228
                    <li><a href="shop-product-list.html">Second Level Link</a></li>
229
                    <li class="dropdown-submenu">
230
                      <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
231
                        Second Level Link
232
                        <i class="fa fa-angle-right"></i>
233
                      </a>
234
                      <ul class="dropdown-menu">
235
                        <li><a href="shop-product-list.html">Third Level Link</a></li>
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
                      </ul>
239
                    </li>
240
                  </ul>
241
                </li>
242
                <li><a href="shop-product-list.html">Running Shoes</a></li>
243
                <li><a href="shop-product-list.html">Jackets and Coats</a></li>
244
              </ul>
245
              <!-- END DROPDOWN MENU -->
246
            </li>
247
            <li class="dropdown dropdown-megamenu">
248
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
249
                Man
250
 
251
              </a>
252
              <ul class="dropdown-menu">
253
                <li>
254
                  <div class="header-navigation-content">
255
                    <div class="row">
256
                      <div class="col-md-4 header-navigation-col">
257
                        <h4>Footwear</h4>
258
                        <ul>
259
                          <li><a href="shop-product-list.html">Astro Trainers</a></li>
260
                          <li><a href="shop-product-list.html">Basketball Shoes</a></li>
261
                          <li><a href="shop-product-list.html">Boots</a></li>
262
                          <li><a href="shop-product-list.html">Canvas Shoes</a></li>
263
                          <li><a href="shop-product-list.html">Football Boots</a></li>
264
                          <li><a href="shop-product-list.html">Golf Shoes</a></li>
265
                          <li><a href="shop-product-list.html">Hi Tops</a></li>
266
                          <li><a href="shop-product-list.html">Indoor and Court Trainers</a></li>
267
                        </ul>
268
                      </div>
269
                      <div class="col-md-4 header-navigation-col">
270
                        <h4>Clothing</h4>
271
                        <ul>
272
                          <li><a href="shop-product-list.html">Base Layer</a></li>
273
                          <li><a href="shop-product-list.html">Character</a></li>
274
                          <li><a href="shop-product-list.html">Chinos</a></li>
275
                          <li><a href="shop-product-list.html">Combats</a></li>
276
                          <li><a href="shop-product-list.html">Cricket Clothing</a></li>
277
                          <li><a href="shop-product-list.html">Fleeces</a></li>
278
                          <li><a href="shop-product-list.html">Gilets</a></li>
279
                          <li><a href="shop-product-list.html">Golf Tops</a></li>
280
                        </ul>
281
                      </div>
282
                      <div class="col-md-4 header-navigation-col">
283
                        <h4>Accessories</h4>
284
                        <ul>
285
                          <li><a href="shop-product-list.html">Belts</a></li>
286
                          <li><a href="shop-product-list.html">Caps</a></li>
287
                          <li><a href="shop-product-list.html">Gloves, Hats and Scarves</a></li>
288
                        </ul>
289
 
290
                        <h4>Clearance</h4>
291
                        <ul>
292
                          <li><a href="shop-product-list.html">Jackets</a></li>
293
                          <li><a href="shop-product-list.html">Bottoms</a></li>
294
                        </ul>
295
                      </div>
296
                      <div class="col-md-12 nav-brands">
297
                        <ul>
298
                          <li><a href="shop-product-list.html"><img title="esprit" alt="esprit" src="../../assets/frontend/pages/img/brands/esprit.jpg"></a></li>
299
                          <li><a href="shop-product-list.html"><img title="gap" alt="gap" src="../../assets/frontend/pages/img/brands/gap.jpg"></a></li>
300
                          <li><a href="shop-product-list.html"><img title="next" alt="next" src="../../assets/frontend/pages/img/brands/next.jpg"></a></li>
301
                          <li><a href="shop-product-list.html"><img title="puma" alt="puma" src="../../assets/frontend/pages/img/brands/puma.jpg"></a></li>
302
                          <li><a href="shop-product-list.html"><img title="zara" alt="zara" src="../../assets/frontend/pages/img/brands/zara.jpg"></a></li>
303
                        </ul>
304
                      </div>
305
                    </div>
306
                  </div>
307
                </li>
308
              </ul>
309
            </li>
310
            <li><a href="shop-item.html">Kids</a></li>
311
            <li class="dropdown dropdown100 nav-catalogue">
312
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
313
                New
314
 
315
              </a>
316
              <ul class="dropdown-menu">
317
                <li>
318
                  <div class="header-navigation-content">
319
                    <div class="row">
320
                      <div class="col-md-3 col-sm-4 col-xs-6">
321
                        <div class="product-item">
322
                          <div class="pi-img-wrapper">
323
                            <a href="shop-item.html"><img src="../../assets/frontend/pages/img/products/model4.jpg" class="img-responsive" alt="Berry Lace Dress"></a>
324
                          </div>
325
                          <h3><a href="shop-item.html">Berry Lace Dress</a></h3>
326
                          <div class="pi-price">$29.00</div>
327
                          <a href="#" class="btn btn-default add2cart">Add to cart</a>
328
                        </div>
329
                      </div>
330
                      <div class="col-md-3 col-sm-4 col-xs-6">
331
                        <div class="product-item">
332
                          <div class="pi-img-wrapper">
333
                            <a href="shop-item.html"><img src="../../assets/frontend/pages/img/products/model3.jpg" class="img-responsive" alt="Berry Lace Dress"></a>
334
                          </div>
335
                          <h3><a href="shop-item.html">Berry Lace Dress</a></h3>
336
                          <div class="pi-price">$29.00</div>
337
                          <a href="#" class="btn btn-default add2cart">Add to cart</a>
338
                        </div>
339
                      </div>
340
                      <div class="col-md-3 col-sm-4 col-xs-6">
341
                        <div class="product-item">
342
                          <div class="pi-img-wrapper">
343
                            <a href="shop-item.html"><img src="../../assets/frontend/pages/img/products/model7.jpg" class="img-responsive" alt="Berry Lace Dress"></a>
344
                          </div>
345
                          <h3><a href="shop-item.html">Berry Lace Dress</a></h3>
346
                          <div class="pi-price">$29.00</div>
347
                          <a href="#" class="btn btn-default add2cart">Add to cart</a>
348
                        </div>
349
                      </div>
350
                      <div class="col-md-3 col-sm-4 col-xs-6">
351
                        <div class="product-item">
352
                          <div class="pi-img-wrapper">
353
                            <a href="shop-item.html"><img src="../../assets/frontend/pages/img/products/model4.jpg" class="img-responsive" alt="Berry Lace Dress"></a>
354
                          </div>
355
                          <h3><a href="shop-item.html">Berry Lace Dress</a></h3>
356
                          <div class="pi-price">$29.00</div>
357
                          <a href="#" class="btn btn-default add2cart">Add to cart</a>
358
                        </div>
359
                      </div>
360
                    </div>
361
                  </div>
362
                </li>
363
              </ul>
364
            </li>
365
            <li class="dropdown active">
366
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
367
                Pages
368
 
369
              </a>
370
 
371
              <ul class="dropdown-menu">
372
                <li><a href="shop-index.html">Home Default</a></li>
373
                <li><a href="shop-index-header-fix.html">Home Header Fixed</a></li>
374
                <li><a href="shop-index-light-footer.html">Home Light Footer</a></li>
375
                <li><a href="shop-product-list.html">Product List</a></li>
376
                <li><a href="shop-search-result.html">Search Result</a></li>
377
                <li><a href="shop-item.html">Product Page</a></li>
378
                <li><a href="shop-shopping-cart-null.html">Shopping Cart (Null Cart)</a></li>
379
                <li><a href="shop-shopping-cart.html">Shopping Cart</a></li>
380
                <li class="active"><a href="shop-checkout.html">Checkout</a></li>
381
                <li><a href="shop-about.html">About</a></li>
382
                <li><a href="shop-contacts.html">Contacts</a></li>
383
                <li><a href="shop-account.html">My account</a></li>
384
                <li><a href="shop-wishlist.html">My Wish List</a></li>
385
                <li><a href="shop-goods-compare.html">Product Comparison</a></li>
386
                <li><a href="shop-standart-forms.html">Standart Forms</a></li>
387
                <li><a href="shop-faq.html">FAQ</a></li>
388
                <li><a href="shop-privacy-policy.html">Privacy Policy</a></li>
389
                <li><a href="shop-terms-conditions-page.html">Terms &amp; Conditions</a></li>
390
              </ul>
391
            </li>
392
            <li><a href="index.html" target="_blank">Corporate</a></li>
393
            <li><a href="onepage-index.html" target="_blank">One Page</a></li>
394
            <li><a href="http://keenthemes.com/preview/metronic/theme/templates/admin&amp;page=ecommerce_index.html" target="_blank">Admin theme</a></li>
395
 
396
            <!-- BEGIN TOP SEARCH -->
397
            <li class="menu-search">
398
              <span class="sep"></span>
399
              <i class="fa fa-search search-btn"></i>
400
              <div class="search-box">
401
                <form action="#">
402
                  <div class="input-group">
403
                    <input type="text" placeholder="Search" class="form-control">
404
                    <span class="input-group-btn">
405
                      <button class="btn btn-primary" type="submit">Search</button>
406
                    </span>
407
                  </div>
408
                </form>
409
              </div>
410
            </li>
411
            <!-- END TOP SEARCH -->
412
          </ul>
413
        </div>
414
        <!-- END NAVIGATION -->
415
      </div>
416
    </div>
417
    <!-- Header END -->
418
 
419
    <div class="main">
420
      <div class="container">
421
        <ul class="breadcrumb">
422
            <li><a href="index.html">Home</a></li>
423
            <li><a href="">Store</a></li>
424
            <li class="active">Checkout</li>
425
        </ul>
426
        <!-- BEGIN SIDEBAR & CONTENT -->
427
        <div class="row margin-bottom-40">
428
          <!-- BEGIN CONTENT -->
429
          <div class="col-md-12 col-sm-12">
430
            <h1>Checkout</h1>
431
            <!-- BEGIN CHECKOUT PAGE -->
432
            <div class="panel-group checkout-page accordion scrollable" id="checkout-page">
433
 
434
              <!-- BEGIN CHECKOUT -->
435
              <div id="checkout" class="panel panel-default">
436
                <div class="panel-heading">
437
                  <h2 class="panel-title">
438
                    <a data-toggle="collapse" data-parent="#checkout-page" href="#checkout-content" class="accordion-toggle">
439
                      Step 1: Checkout Options
440
                    </a>
441
                  </h2>
442
                </div>
443
                <div id="checkout-content" class="panel-collapse collapse in">
444
                  <div class="panel-body row">
445
                    <div class="col-md-6 col-sm-6">
446
                      <h3>New Customer</h3>
447
                      <p>Checkout Options:</p>
448
                      <div class="radio-list">
449
                        <label>
450
                          <input type="radio" name="account"  value="register"> Register Account
451
                        </label>
452
                        <label>
453
                          <input type="radio" name="account"  value="guest"> Guest Checkout
454
                        </label>
455
                      </div>
456
                      <p>By creating an account you will be able to shop faster, be up to date on an order's status, and keep track of the orders you have previously made.</p>
457
                      <button class="btn btn-primary" type="submit" data-toggle="collapse" data-parent="#checkout-page" data-target="#payment-address-content">Continue</button>
458
                    </div>
459
                    <div class="col-md-6 col-sm-6">
460
                      <h3>Returning Customer</h3>
461
                      <p>I am a returning customer.</p>
462
                      <form role="form" action="#">
463
                        <div class="form-group">
464
                          <label for="email-login">E-Mail</label>
465
                          <input type="text" id="email-login" class="form-control">
466
                        </div>
467
                        <div class="form-group">
468
                          <label for="password-login">Password</label>
469
                          <input type="password" id="password-login" class="form-control">
470
                        </div>
471
                        <a href="#">Forgotten Password?</a>
472
                        <div class="padding-top-20">                  
473
                          <button class="btn btn-primary" type="submit">Login</button>
474
                        </div>
475
                        <hr>
476
                        <div class="login-socio">
477
                          <p class="text-muted">or login using:</p>
478
                          <ul class="social-icons">
479
                            <li><a href="#" data-original-title="facebook" class="facebook" title="facebook"></a></li>
480
                            <li><a href="#" data-original-title="Twitter" class="twitter" title="Twitter"></a></li>
481
                            <li><a href="#" data-original-title="Google Plus" class="googleplus" title="Google Plus"></a></li>
482
                            <li><a href="#" data-original-title="Linkedin" class="linkedin" title="LinkedIn"></a></li>
483
                          </ul>
484
                        </div>
485
                      </form>
486
                    </div>
487
                  </div>
488
                </div>
489
              </div>
490
              <!-- END CHECKOUT -->
491
 
492
              <!-- BEGIN PAYMENT ADDRESS -->
493
              <div id="payment-address" class="panel panel-default">
494
                <div class="panel-heading">
495
                  <h2 class="panel-title">
496
                    <a data-toggle="collapse" data-parent="#checkout-page" href="#payment-address-content" class="accordion-toggle">
497
                      Step 2: Account &amp; Billing Details
498
                    </a>
499
                  </h2>
500
                </div>
501
                <div id="payment-address-content" class="panel-collapse collapse">
502
                  <div class="panel-body row">
503
                    <div class="col-md-6 col-sm-6">
504
                      <h3>Your Personal Details</h3>
505
                      <div class="form-group">
506
                        <label for="firstname">First Name <span class="require">*</span></label>
507
                        <input type="text" id="firstname" class="form-control">
508
                      </div>
509
                      <div class="form-group">
510
                        <label for="lastname">Last Name <span class="require">*</span></label>
511
                        <input type="text" id="lastname" class="form-control">
512
                      </div>
513
                      <div class="form-group">
514
                        <label for="email">E-Mail <span class="require">*</span></label>
515
                        <input type="text" id="email" class="form-control">
516
                      </div>
517
                      <div class="form-group">
518
                        <label for="telephone">Telephone <span class="require">*</span></label>
519
                        <input type="text" id="telephone" class="form-control">
520
                      </div>
521
                      <div class="form-group">
522
                        <label for="fax">Fax</label>
523
                        <input type="text" id="fax" class="form-control">
524
                      </div>
525
 
526
                      <h3>Your Password</h3>
527
                      <div class="form-group">
528
                        <label for="password">Password <span class="require">*</span></label>
529
                        <input type="password" id="password" class="form-control">
530
                      </div>
531
                      <div class="form-group">
532
                        <label for="password-confirm">Password Confirm <span class="require">*</span></label>
533
                        <input type="text" id="password-confirm" class="form-control">
534
                      </div>
535
                    </div>
536
                    <div class="col-md-6 col-sm-6">
537
                      <h3>Your Address</h3>
538
                      <div class="form-group">
539
                        <label for="company">Company</label>
540
                        <input type="text" id="company" class="form-control">
541
                      </div>
542
                      <div class="form-group">
543
                        <label for="address1">Address 1</label>
544
                        <input type="text" id="address1" class="form-control">
545
                      </div>
546
                      <div class="form-group">
547
                        <label for="address2">Address 2</label>
548
                        <input type="text" id="address2" class="form-control">
549
                      </div>
550
                      <div class="form-group">
551
                        <label for="city">City <span class="require">*</span></label>
552
                        <input type="text" id="city" class="form-control">
553
                      </div>
554
                      <div class="form-group">
555
                        <label for="post-code">Post Code <span class="require">*</span></label>
556
                        <input type="text" id="post-code" class="form-control">
557
                      </div>
558
                      <div class="form-group">
559
                        <label for="country">Country <span class="require">*</span></label>
560
                        <select class="form-control input-sm" id="country">
561
                          <option value=""> --- Please Select --- </option>
562
                          <option value="244">Aaland Islands</option>
563
                          <option value="1">Afghanistan</option>
564
                          <option value="2">Albania</option>
565
                        </select>
566
                      </div>
567
                      <div class="form-group">
568
                        <label for="region-state">Region/State <span class="require">*</span></label>
569
                        <select class="form-control input-sm" id="region-state">
570
                          <option value=""> --- Please Select --- </option><option value="3513">Aberdeen</option><option value="3514">Aberdeenshire</option><option value="3515">Anglesey</option>
571
                        </select>
572
                      </div>
573
                    </div>
574
                    <hr>
575
                    <div class="col-md-12">                      
576
                      <div class="checkbox">
577
                        <label>
578
                          <input type="checkbox"> I wish to subscribe to the OXY newsletter.
579
                        </label>
580
                      </div>
581
                      <div class="checkbox">
582
                        <label>
583
                          <input type="checkbox" checked="checked"> My delivery and billing addresses are the same.
584
                        </label>
585
                      </div>
586
                      <button class="btn btn-primary  pull-right" type="submit" data-toggle="collapse" data-parent="#checkout-page" data-target="#shipping-address-content" id="button-payment-address">Continue</button>
587
                      <div class="checkbox pull-right">
588
                        <label>
589
                          <input type="checkbox"> I have read and agree to the <a title="Privacy Policy" href="#">Privacy Policy</a> &nbsp;&nbsp;&nbsp;
590
                        </label>
591
                      </div>                        
592
                    </div>
593
                  </div>
594
                </div>
595
              </div>
596
              <!-- END PAYMENT ADDRESS -->
597
 
598
              <!-- BEGIN SHIPPING ADDRESS -->
599
              <div id="shipping-address" class="panel panel-default">
600
                <div class="panel-heading">
601
                  <h2 class="panel-title">
602
                    <a data-toggle="collapse" data-parent="#checkout-page" href="#shipping-address-content" class="accordion-toggle">
603
                      Step 3: Delivery Details
604
                    </a>
605
                  </h2>
606
                </div>
607
                <div id="shipping-address-content" class="panel-collapse collapse">
608
                  <div class="panel-body row">
609
                    <div class="col-md-6 col-sm-6">
610
                      <div class="form-group">
611
                        <label for="firstname-dd">First Name <span class="require">*</span></label>
612
                        <input type="text" id="firstname-dd" class="form-control">
613
                      </div>
614
                      <div class="form-group">
615
                        <label for="lastname-dd">Last Name <span class="require">*</span></label>
616
                        <input type="text" id="lastname-dd" class="form-control">
617
                      </div>
618
                      <div class="form-group">
619
                        <label for="email-dd">E-Mail <span class="require">*</span></label>
620
                        <input type="text" id="email-dd" class="form-control">
621
                      </div>
622
                      <div class="form-group">
623
                        <label for="telephone-dd">Telephone <span class="require">*</span></label>
624
                        <input type="text" id="telephone-dd" class="form-control">
625
                      </div>
626
                      <div class="form-group">
627
                        <label for="fax-dd">Fax</label>
628
                        <input type="text" id="fax-dd" class="form-control">
629
                      </div>
630
                      <div class="form-group">
631
                        <label for="company-dd">Company</label>
632
                        <input type="text" id="company-dd" class="form-control">
633
                      </div>
634
                    </div>
635
                    <div class="col-md-6 col-sm-6">
636
                      <div class="form-group">
637
                        <label for="address1-dd">Address 1</label>
638
                        <input type="text" id="address1-dd" class="form-control">
639
                      </div>
640
                      <div class="form-group">
641
                        <label for="address2-dd">Address 2</label>
642
                        <input type="text" id="address2-dd" class="form-control">
643
                      </div>
644
                      <div class="form-group">
645
                        <label for="city-dd">City <span class="require">*</span></label>
646
                        <input type="text" id="city-dd" class="form-control">
647
                      </div>
648
                      <div class="form-group">
649
                        <label for="post-code-dd">Post Code <span class="require">*</span></label>
650
                        <input type="text" id="post-code-dd" class="form-control">
651
                      </div>
652
                      <div class="form-group">
653
                        <label for="country-dd">Country <span class="require">*</span></label>
654
                        <select class="form-control input-sm" id="country-dd">
655
                          <option value=""> --- Please Select --- </option>
656
                          <option value="244">Aaland Islands</option>
657
                          <option value="1">Afghanistan</option>
658
                          <option value="2">Albania</option>
659
                        </select>
660
                      </div>
661
                      <div class="form-group">
662
                        <label for="region-state-dd">Region/State <span class="require">*</span></label>
663
                        <select class="form-control input-sm" id="region-state-dd">
664
                          <option value=""> --- Please Select --- </option><option value="3513">Aberdeen</option><option value="3514">Aberdeenshire</option><option value="3515">Anglesey</option><option value="3516">Angus</option>
665
                        </select>
666
                      </div>
667
                    </div>
668
                    <div class="col-md-12">
669
                      <button class="btn btn-primary  pull-right" type="submit" id="button-shipping-address" data-toggle="collapse" data-parent="#checkout-page" data-target="#shipping-method-content">Continue</button>
670
                    </div>
671
                  </div>
672
                </div>
673
              </div>
674
              <!-- END SHIPPING ADDRESS -->
675
 
676
              <!-- BEGIN SHIPPING METHOD -->
677
              <div id="shipping-method" class="panel panel-default">
678
                <div class="panel-heading">
679
                  <h2 class="panel-title">
680
                    <a data-toggle="collapse" data-parent="#checkout-page" href="#shipping-method-content" class="accordion-toggle">
681
                      Step 4: Delivery Method
682
                    </a>
683
                  </h2>
684
                </div>
685
                <div id="shipping-method-content" class="panel-collapse collapse">
686
                  <div class="panel-body row">
687
                    <div class="col-md-12">
688
                      <p>Please select the preferred shipping method to use on this order.</p>
689
                      <h4>Flat Rate</h4>
690
                      <div class="radio-list">
691
                        <label>
692
                          <input type="radio" name="FlatShippingRate" value="FlatShippingRate"> Flat Shipping Rate
693
                        </label>
694
                      </div>
695
                      <div class="form-group">
696
                        <label for="delivery-comments">Add Comments About Your Order</label>
697
                        <textarea id="delivery-comments" rows="8" class="form-control"></textarea>
698
                      </div>
699
                      <button class="btn btn-primary  pull-right" type="submit" id="button-shipping-method" data-toggle="collapse" data-parent="#checkout-page" data-target="#payment-method-content">Continue</button>
700
                    </div>
701
                  </div>
702
                </div>
703
              </div>
704
              <!-- END SHIPPING METHOD -->
705
 
706
              <!-- BEGIN PAYMENT METHOD -->
707
              <div id="payment-method" class="panel panel-default">
708
                <div class="panel-heading">
709
                  <h2 class="panel-title">
710
                    <a data-toggle="collapse" data-parent="#checkout-page" href="#payment-method-content" class="accordion-toggle">
711
                      Step 5: Payment Method
712
                    </a>
713
                  </h2>
714
                </div>
715
                <div id="payment-method-content" class="panel-collapse collapse">
716
                  <div class="panel-body row">
717
                    <div class="col-md-12">
718
                      <p>Please select the preferred payment method to use on this order.</p>
719
                      <div class="radio-list">
720
                        <label>
721
                          <input type="radio" name="CashOnDelivery" value="CashOnDelivery"> Cash On Delivery
722
                        </label>
723
                      </div>
724
                      <div class="form-group">
725
                        <label for="delivery-payment-method">Add Comments About Your Order</label>
726
                        <textarea id="delivery-payment-method" rows="8" class="form-control"></textarea>
727
                      </div>
728
                      <button class="btn btn-primary  pull-right" type="submit" id="button-payment-method" data-toggle="collapse" data-parent="#checkout-page" data-target="#confirm-content">Continue</button>
729
                      <div class="checkbox pull-right">
730
                        <label>
731
                          <input type="checkbox"> I have read and agree to the <a title="Terms & Conditions" href="#">Terms & Conditions </a> &nbsp;&nbsp;&nbsp;
732
                        </label>
733
                      </div>  
734
                    </div>
735
                  </div>
736
                </div>
737
              </div>
738
              <!-- END PAYMENT METHOD -->
739
 
740
              <!-- BEGIN CONFIRM -->
741
              <div id="confirm" class="panel panel-default">
742
                <div class="panel-heading">
743
                  <h2 class="panel-title">
744
                    <a data-toggle="collapse" data-parent="#checkout-page" href="#confirm-content" class="accordion-toggle">
745
                      Step 6: Confirm Order
746
                    </a>
747
                  </h2>
748
                </div>
749
                <div id="confirm-content" class="panel-collapse collapse">
750
                  <div class="panel-body row">
751
                    <div class="col-md-12 clearfix">
752
                      <div class="table-wrapper-responsive">
753
                      <table>
754
                        <tr>
755
                          <th class="checkout-image">Image</th>
756
                          <th class="checkout-description">Description</th>
757
                          <th class="checkout-model">Model</th>
758
                          <th class="checkout-quantity">Quantity</th>
759
                          <th class="checkout-price">Price</th>
760
                          <th class="checkout-total">Total</th>
761
                        </tr>
762
                        <tr>
763
                          <td class="checkout-image">
764
                            <a href="#"><img src="../../assets/frontend/pages/img/products/model3.jpg" alt="Berry Lace Dress"></a>
765
                          </td>
766
                          <td class="checkout-description">
767
                            <h3><a href="#">Cool green dress with red bell</a></h3>
768
                            <p><strong>Item 1</strong> - Color: Green; Size: S</p>
769
                            <em>More info is here</em>
770
                          </td>
771
                          <td class="checkout-model">RES.193</td>
772
                          <td class="checkout-quantity">1</td>
773
                          <td class="checkout-price"><strong><span>$</span>47.00</strong></td>
774
                          <td class="checkout-total"><strong><span>$</span>47.00</strong></td>
775
                        </tr>
776
                        <tr>
777
                          <td class="checkout-image">
778
                            <a href="#"><img src="../../assets/frontend/pages/img/products/model4.jpg" alt="Berry Lace Dress"></a>
779
                          </td>
780
                          <td class="checkout-description">
781
                            <h3><a href="#">Cool green dress with red bell</a></h3>
782
                            <p><strong>Item 1</strong> - Color: Green; Size: S</p>
783
                            <em>More info is here</em>
784
                          </td>
785
                          <td class="checkout-model">RES.193</td>
786
                          <td class="checkout-quantity">1</td>
787
                          <td class="checkout-price"><strong><span>$</span>47.00</strong></td>
788
                          <td class="checkout-total"><strong><span>$</span>47.00</strong></td>
789
                        </tr>
790
                      </table>
791
                      </div>
792
                      <div class="checkout-total-block">
793
                        <ul>
794
                          <li>
795
                            <em>Sub total</em>
796
                            <strong class="price"><span>$</span>47.00</strong>
797
                          </li>
798
                          <li>
799
                            <em>Shipping cost</em>
800
                            <strong class="price"><span>$</span>3.00</strong>
801
                          </li>
802
                          <li>
803
                            <em>Eco Tax (-2.00)</em>
804
                            <strong class="price"><span>$</span>3.00</strong>
805
                          </li>
806
                          <li>
807
                            <em>VAT (17.5%)</em>
808
                            <strong class="price"><span>$</span>3.00</strong>
809
                          </li>
810
                          <li class="checkout-total-price">
811
                            <em>Total</em>
812
                            <strong class="price"><span>$</span>56.00</strong>
813
                          </li>
814
                        </ul>
815
                      </div>
816
                      <div class="clearfix"></div>
817
                      <button class="btn btn-primary pull-right" type="submit" id="button-confirm">Confirm Order</button>
818
                      <button type="button" class="btn btn-default pull-right margin-right-20">Cancel</button>
819
                    </div>
820
                  </div>
821
                </div>
822
              </div>
823
              <!-- END CONFIRM -->
824
            </div>
825
            <!-- END CHECKOUT PAGE -->
826
          </div>
827
          <!-- END CONTENT -->
828
        </div>
829
        <!-- END SIDEBAR & CONTENT -->
830
      </div>
831
    </div>
832
 
833
    <!-- BEGIN STEPS -->
834
    <div class="steps-block steps-block-red">
835
      <div class="container">
836
        <div class="row">
837
          <div class="col-md-4 steps-block-col">
838
            <i class="fa fa-truck"></i>
839
            <div>
840
              <h2>Free shipping</h2>
841
              <em>Express delivery withing 3 days</em>
842
            </div>
843
            <span>&nbsp;</span>
844
          </div>
845
          <div class="col-md-4 steps-block-col">
846
            <i class="fa fa-gift"></i>
847
            <div>
848
              <h2>Daily Gifts</h2>
849
              <em>3 Gifts daily for lucky customers</em>
850
            </div>
851
            <span>&nbsp;</span>
852
          </div>
853
          <div class="col-md-4 steps-block-col">
854
            <i class="fa fa-phone"></i>
855
            <div>
856
              <h2>477 505 8877</h2>
857
              <em>24/7 customer care available</em>
858
            </div>
859
          </div>
860
        </div>
861
      </div>
862
    </div>
863
    <!-- END STEPS -->
864
 
865
    <!-- BEGIN PRE-FOOTER -->
866
    <div class="pre-footer">
867
      <div class="container">
868
        <div class="row">
869
          <!-- BEGIN BOTTOM ABOUT BLOCK -->
870
          <div class="col-md-3 col-sm-6 pre-footer-col">
871
            <h2>About us</h2>
872
            <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>
873
            <p>Duis autem vel eum iriure dolor vulputate velit esse molestie at dolore.</p>
874
          </div>
875
          <!-- END BOTTOM ABOUT BLOCK -->
876
          <!-- BEGIN BOTTOM INFO BLOCK -->
877
          <div class="col-md-3 col-sm-6 pre-footer-col">
878
            <h2>Information</h2>
879
            <ul class="list-unstyled">
880
              <li><i class="fa fa-angle-right"></i> <a href="#">Delivery Information</a></li>
881
              <li><i class="fa fa-angle-right"></i> <a href="#">Customer Service</a></li>
882
              <li><i class="fa fa-angle-right"></i> <a href="#">Order Tracking</a></li>
883
              <li><i class="fa fa-angle-right"></i> <a href="#">Shipping &amp; Returns</a></li>
884
              <li><i class="fa fa-angle-right"></i> <a href="contacts.html">Contact Us</a></li>
885
              <li><i class="fa fa-angle-right"></i> <a href="#">Careers</a></li>
886
              <li><i class="fa fa-angle-right"></i> <a href="#">Payment Methods</a></li>
887
            </ul>
888
          </div>
889
          <!-- END INFO BLOCK -->
890
 
891
          <!-- BEGIN TWITTER BLOCK -->
892
          <div class="col-md-3 col-sm-6 pre-footer-col">
893
            <h2 class="margin-bottom-0">Latest Tweets</h2>
894
            <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>      
895
          </div>
896
          <!-- END TWITTER BLOCK -->
897
 
898
          <!-- BEGIN BOTTOM CONTACTS -->
899
          <div class="col-md-3 col-sm-6 pre-footer-col">
900
            <h2>Our Contacts</h2>
901
            <address class="margin-bottom-40">
902
              35, Lorem Lis Street, Park Ave<br>
903
              California, US<br>
904
              Phone: 300 323 3456<br>
905
              Fax: 300 323 1456<br>
906
              Email: <a href="mailto:info@metronic.com">info@metronic.com</a><br>
907
              Skype: <a href="skype:metronic">metronic</a>
908
            </address>
909
          </div>
910
          <!-- END BOTTOM CONTACTS -->
911
        </div>
912
        <hr>
913
        <div class="row">
914
          <!-- BEGIN SOCIAL ICONS -->
915
          <div class="col-md-6 col-sm-6">
916
            <ul class="social-icons">
917
              <li><a class="rss" data-original-title="rss" href="#"></a></li>
918
              <li><a class="facebook" data-original-title="facebook" href="#"></a></li>
919
              <li><a class="twitter" data-original-title="twitter" href="#"></a></li>
920
              <li><a class="googleplus" data-original-title="googleplus" href="#"></a></li>
921
              <li><a class="linkedin" data-original-title="linkedin" href="#"></a></li>
922
              <li><a class="youtube" data-original-title="youtube" href="#"></a></li>
923
              <li><a class="vimeo" data-original-title="vimeo" href="#"></a></li>
924
              <li><a class="skype" data-original-title="skype" href="#"></a></li>
925
            </ul>
926
          </div>
927
          <!-- END SOCIAL ICONS -->
928
          <!-- BEGIN NEWLETTER -->
929
          <div class="col-md-6 col-sm-6">
930
            <div class="pre-footer-subscribe-box pull-right">
931
              <h2>Newsletter</h2>
932
              <form action="#">
933
                <div class="input-group">
934
                  <input type="text" placeholder="youremail@mail.com" class="form-control">
935
                  <span class="input-group-btn">
936
                    <button class="btn btn-primary" type="submit">Subscribe</button>
937
                  </span>
938
                </div>
939
              </form>
940
            </div>
941
          </div>
942
          <!-- END NEWLETTER -->
943
        </div>
944
      </div>
945
    </div>
946
    <!-- END PRE-FOOTER -->
947
 
948
    <!-- BEGIN FOOTER -->
949
    <div class="footer">
950
      <div class="container">
951
        <div class="row">
952
          <!-- BEGIN COPYRIGHT -->
953
          <div class="col-md-6 col-sm-6 padding-top-10">
954
            2014 © Metronic Shop UI. ALL Rights Reserved.
955
          </div>
956
          <!-- END COPYRIGHT -->
957
          <!-- BEGIN PAYMENTS -->
958
          <div class="col-md-6 col-sm-6">
959
            <ul class="list-unstyled list-inline pull-right">
960
              <li><img src="../../assets/frontend/layout/img/payments/western-union.jpg" alt="We accept Western Union" title="We accept Western Union"></li>
961
              <li><img src="../../assets/frontend/layout/img/payments/american-express.jpg" alt="We accept American Express" title="We accept American Express"></li>
962
              <li><img src="../../assets/frontend/layout/img/payments/MasterCard.jpg" alt="We accept MasterCard" title="We accept MasterCard"></li>
963
              <li><img src="../../assets/frontend/layout/img/payments/PayPal.jpg" alt="We accept PayPal" title="We accept PayPal"></li>
964
              <li><img src="../../assets/frontend/layout/img/payments/visa.jpg" alt="We accept Visa" title="We accept Visa"></li>
965
            </ul>
966
          </div>
967
          <!-- END PAYMENTS -->
968
        </div>
969
      </div>
970
    </div>
971
    <!-- END FOOTER -->
972
 
973
    <!-- Load javascripts at bottom, this will reduce page load time -->
974
    <!-- BEGIN CORE PLUGINS(REQUIRED FOR ALL PAGES) -->
975
    <!--[if lt IE 9]>
976
    <script src="../../assets/global/plugins/respond.min.js"></script>  
977
    <![endif]-->
978
    <script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
979
    <script src="../../assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
980
    <script src="../../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>      
981
    <script src="../../assets/frontend/layout/scripts/back-to-top.js" type="text/javascript"></script>
982
    <script src="../../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
983
    <!-- END CORE PLUGINS -->
984
 
985
    <!-- BEGIN PAGE LEVEL JAVASCRIPTS (REQUIRED ONLY FOR CURRENT PAGE) -->
986
    <script src="../../assets/global/plugins/fancybox/source/jquery.fancybox.pack.js" type="text/javascript"></script><!-- pop up -->
987
    <script src="../../assets/global/plugins/carousel-owl-carousel/owl-carousel/owl.carousel.min.js" type="text/javascript"></script><!-- slider for products -->
988
    <script src='../../assets/global/plugins/zoom/jquery.zoom.min.js' type="text/javascript"></script><!-- product zoom -->
989
    <script src="../../assets/global/plugins/bootstrap-touchspin/bootstrap.touchspin.js" type="text/javascript"></script><!-- Quantity -->
990
    <script src="../../assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
991
 
992
    <script src="../../assets/frontend/layout/scripts/layout.js" type="text/javascript"></script>
993
    <script src="../../assets/frontend/pages/scripts/checkout.js" type="text/javascript"></script>
994
    <script type="text/javascript">
995
        jQuery(document).ready(function() {
996
            Layout.init();    
997
            Layout.initOWL();
998
            Layout.initTwitter();
999
            Layout.initImageZoom();
1000
            Layout.initTouchspin();
1001
            Layout.initUniform();
1002
            Checkout.init();
1003
        });
1004
    </script>
1005
    <!-- END PAGE LEVEL JAVASCRIPTS -->
1006
</body>
1007
<!-- END BODY -->
1008
</html>