Subversion Repositories Integrator Subversion

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
1 espaco 1 
<!DOCTYPE html>
2 
<!--
3 
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.2.0
4 
Version: 3.4
5 
Author: KeenThemes
6 
Website: http://www.keenthemes.com/
7 
Contact: support@keenthemes.com
8 
Follow: www.twitter.com/keenthemes
9 
Like: www.facebook.com/keenthemes
10 
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
11 
License: You must have a valid license purchased only from themeforest (the above link) in order to legally use the theme for your project.
12 
-->
13 
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
14 
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
15 
<!--[if !IE]><!-->
16 
<html lang="en">
17 
<!--<![endif]-->
18 
 
19 
<!-- Head BEGIN -->
20 
<head>
21 
  <meta charset="utf-8">
22 
  <title>Metronic Frontend (without Top Bar)</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/slider-revolution-slider/rs-plugin/css/settings.css" rel="stylesheet">
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-revolution-slider.css" rel="stylesheet"><!-- metronic revo slider styles -->
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="corporate"><!-- add class page-header-fixed, if you want to fix header -->
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 HEADER -->
87 
    <div class="header">
88 
      <div class="container">
89 
        <a class="site-logo" href="index.html"><img src="../../assets/frontend/layout/img/logos/logo-corp-red.png" alt="Metronic FrontEnd"></a>
90 
 
91 
        <a href="javascript:void(0);" class="mobi-toggler"><i class="fa fa-bars"></i></a>
92 
 
93 
        <!-- BEGIN NAVIGATION -->
94 
        <div class="header-navigation pull-right font-transform-inherit">
95 
          <ul>
96 
            <li class="dropdown active">
97 
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
98 
                Home
99 
 
100 
              </a>
101 
 
102 
              <ul class="dropdown-menu">
103 
                <li><a href="index.html">Home Default</a></li>
104 
                <li><a href="index-header-fix.html">Home with Header Fixed</a></li>
105 
                <li class="active"><a href="index-without-topbar.html">Home without Top Bar</a></li>
106 
              </ul>
107 
            </li>
108 
            <li class="dropdown dropdown-megamenu">
109 
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
110 
                Mega Menu
111 
 
112 
              </a>
113 
              <ul class="dropdown-menu">
114 
                <li>
115 
                  <div class="header-navigation-content">
116 
                    <div class="row">
117 
                      <div class="col-md-4 header-navigation-col">
118 
                        <h4>Footwear</h4>
119 
                        <ul>
120 
                          <li><a href="index.html">Astro Trainers</a></li>
121 
                          <li><a href="index.html">Basketball Shoes</a></li>
122 
                          <li><a href="index.html">Boots</a></li>
123 
                          <li><a href="index.html">Canvas Shoes</a></li>
124 
                          <li><a href="index.html">Football Boots</a></li>
125 
                          <li><a href="index.html">Golf Shoes</a></li>
126 
                          <li><a href="index.html">Hi Tops</a></li>
127 
                          <li><a href="index.html">Indoor Trainers</a></li>
128 
                        </ul>
129 
                      </div>
130 
                      <div class="col-md-4 header-navigation-col">
131 
                        <h4>Clothing</h4>
132 
                        <ul>
133 
                          <li><a href="index.html">Base Layer</a></li>
134 
                          <li><a href="index.html">Character</a></li>
135 
                          <li><a href="index.html">Chinos</a></li>
136 
                          <li><a href="index.html">Combats</a></li>
137 
                          <li><a href="index.html">Cricket Clothing</a></li>
138 
                          <li><a href="index.html">Fleeces</a></li>
139 
                          <li><a href="index.html">Gilets</a></li>
140 
                          <li><a href="index.html">Golf Tops</a></li>
141 
                        </ul>
142 
                      </div>
143 
                      <div class="col-md-4 header-navigation-col">
144 
                        <h4>Accessories</h4>
145 
                        <ul>
146 
                          <li><a href="index.html">Belts</a></li>
147 
                          <li><a href="index.html">Caps</a></li>
148 
                          <li><a href="index.html">Gloves</a></li>
149 
                        </ul>
150 
 
151 
                        <h4>Clearance</h4>
152 
                        <ul>
153 
                          <li><a href="index.html">Jackets</a></li>
154 
                          <li><a href="index.html">Bottoms</a></li>
155 
                        </ul>
156 
                      </div>
157 
                    </div>
158 
                  </div>
159 
                </li>
160 
              </ul>
161 
            </li>
162 
            <li class="dropdown">
163 
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
164 
                Pages
165 
 
166 
              </a>
167 
 
168 
              <ul class="dropdown-menu">
169 
                <li><a href="page-about.html">About Us</a></li>
170 
                <li><a href="page-services.html">Services</a></li>
171 
                <li><a href="page-prices.html">Prices</a></li>
172 
                <li><a href="page-faq.html">FAQ</a></li>
173 
                <li><a href="page-gallery.html">Gallery</a></li>
174 
                <li><a href="page-search-result.html">Search Result</a></li>
175 
                <li><a href="page-404.html">404</a></li>
176 
                <li><a href="page-500.html">500</a></li>
177 
                <li><a href="page-login.html">Login Page</a></li>
178 
                <li><a href="page-forgotton-password.html">Forget Password</a></li>
179 
                <li><a href="page-reg-page.html">Signup Page</a></li>
180 
                <li><a href="page-careers.html">Careers</a></li>
181 
                <li><a href="page-site-map.html">Site Map</a></li>
182 
                <li><a href="page-contacts.html">Contact</a></li>                
183 
              </ul>
184 
            </li>
185 
            <li class="dropdown">
186 
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
187 
                Features
188 
 
189 
              </a>
190 
 
191 
              <ul class="dropdown-menu">
192 
                <li><a href="feature-typography.html">Typography</a></li>
193 
                <li><a href="feature-buttons.html">Buttons</a></li>
194 
                <li><a href="feature-forms.html">Forms</a></li>
195 
 
196 
                <li class="dropdown-submenu">
197 
                  <a href="index.html">Multi level <i class="fa fa-angle-right"></i></a>
198 
                  <ul class="dropdown-menu" role="menu">
199 
                    <li><a href="index.html">Second Level Link</a></li>
200 
                    <li><a href="index.html">Second Level Link</a></li>
201 
                    <li class="dropdown-submenu">
202 
                      <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
203 
                        Second Level Link
204 
                        <i class="fa fa-angle-right"></i>
205 
                      </a>
206 
                      <ul class="dropdown-menu">
207 
                        <li><a href="index.html">Third Level Link</a></li>
208 
                        <li><a href="index.html">Third Level Link</a></li>
209 
                        <li><a href="index.html">Third Level Link</a></li>
210 
                      </ul>
211 
                    </li>
212 
                  </ul>
213 
                </li>
214 
              </ul>
215 
            </li>
216 
            <li class="dropdown">
217 
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
218 
                Portfolio
219 
 
220 
              </a>
221 
 
222 
              <ul class="dropdown-menu">
223 
                <li><a href="portfolio-4.html">Portfolio 4</a></li>
224 
                <li><a href="portfolio-3.html">Portfolio 3</a></li>
225 
                <li><a href="portfolio-2.html">Portfolio 2</a></li>
226 
                <li><a href="portfolio-item.html">Portfolio Item</a></li>
227 
              </ul>
228 
            </li>
229 
            <li class="dropdown">
230 
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
231 
                Blog
232 
 
233 
              </a>
234 
 
235 
              <ul class="dropdown-menu">
236 
                <li><a href="blog.html">Blog Page</a></li>
237 
                <li><a href="blog-item.html">Blog Item</a></li>
238 
              </ul>
239 
            </li>
240 
            <li><a href="shop-index.html" target="_blank">E-Commerce</a></li>
241 
            <li><a href="onepage-index.html" target="_blank">One Page</a></li>
242 
            <li><a href="http://keenthemes.com/preview/metronic/theme/templates/admin" target="_blank">Admin theme</a></li>
243 
 
244 
            <!-- BEGIN TOP SEARCH -->
245 
            <li class="menu-search">
246 
              <span class="sep"></span>
247 
              <i class="fa fa-search search-btn"></i>
248 
              <div class="search-box">
249 
                <form action="#">
250 
                  <div class="input-group">
251 
                    <input type="text" placeholder="Search" class="form-control">
252 
                    <span class="input-group-btn">
253 
                      <button class="btn btn-primary" type="submit">Search</button>
254 
                    </span>
255 
                  </div>
256 
                </form>
257 
              </div>
258 
            </li>
259 
            <!-- END TOP SEARCH -->
260 
          </ul>
261 
        </div>
262 
        <!-- END NAVIGATION -->
263 
      </div>
264 
    </div>
265 
    <!-- Header END -->
266 
 
267 
    <!-- BEGIN SLIDER -->
268 
    <div class="page-slider margin-bottom-40">
269 
      <div class="fullwidthbanner-container revolution-slider">
270 
        <div class="fullwidthabnner">
271 
          <ul id="revolutionul">
272 
            <!-- THE NEW SLIDE -->
273 
            <li data-transition="fade" data-slotamount="8" data-masterspeed="700" data-delay="9400" data-thumb="../../assets/frontend/pages/img/revolutionslider/thumbs/thumb2.jpg">
274 
              <!-- THE MAIN IMAGE IN THE FIRST SLIDE -->
275 
              <img src="../../assets/frontend/pages/img/revolutionslider/bg9.jpg" alt="">
276 
 
277 
              <div class="caption lft slide_title_white slide_item_left"
278 
                data-x="30"
279 
                data-y="90"
280 
                data-speed="400"
281 
                data-start="1500"
282 
                data-easing="easeOutExpo">
283 
                Explore the Power<br><span class="slide_title_white_bold">of Metronic</span>
284 
              </div>
285 
              <div class="caption lft slide_subtitle_white slide_item_left"
286 
                data-x="87"
287 
                data-y="245"
288 
                data-speed="400"
289 
                data-start="2000"
290 
                data-easing="easeOutExpo">
291 
                This is what you were looking for
292 
              </div>
293 
              <a class="caption lft btn dark slide_btn slide_item_left" href="http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes"
294 
                data-x="187"
295 
                data-y="315"
296 
                data-speed="400"
297 
                data-start="3000"
298 
                data-easing="easeOutExpo">
299 
                Purchase Now!
300 
              </a>                        
301 
              <div class="caption lfb"
302 
                data-x="640"
303 
                data-y="0"
304 
                data-speed="700"
305 
                data-start="1000"
306 
                data-easing="easeOutExpo">
307 
                <img src="../../assets/frontend/pages/img/revolutionslider/lady.png" alt="Image 1">
308 
              </div>
309 
            </li>    
310 
 
311 
            <!-- THE FIRST SLIDE -->
312 
            <li data-transition="fade" data-slotamount="8" data-masterspeed="700" data-delay="9400" data-thumb="../../assets/frontend/pages/img/revolutionslider/thumbs/thumb2.jpg">
313 
              <!-- THE MAIN IMAGE IN THE FIRST SLIDE -->
314 
              <img src="../../assets/frontend/pages/img/revolutionslider/bg1.jpg" alt="">
315 
 
316 
              <div class="caption lft slide_title slide_item_left"
317 
                data-x="30"
318 
                data-y="105"
319 
                data-speed="400"
320 
                data-start="1500"
321 
                data-easing="easeOutExpo">
322 
                Need a website design?
323 
              </div>
324 
              <div class="caption lft slide_subtitle slide_item_left"
325 
                data-x="30"
326 
                data-y="180"
327 
                data-speed="400"
328 
                data-start="2000"
329 
                data-easing="easeOutExpo">
330 
                This is what you were looking for
331 
              </div>
332 
              <div class="caption lft slide_desc slide_item_left"
333 
                data-x="30"
334 
                data-y="220"
335 
                data-speed="400"
336 
                data-start="2500"
337 
                data-easing="easeOutExpo">
338 
                Lorem ipsum dolor sit amet, dolore eiusmod<br> quis tempor incididunt. Sed unde omnis iste.
339 
              </div>
340 
              <a class="caption lft btn green slide_btn slide_item_left" href="http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes"
341 
                data-x="30"
342 
                data-y="290"
343 
                data-speed="400"
344 
                data-start="3000"
345 
                data-easing="easeOutExpo">
346 
                Purchase Now!
347 
              </a>                        
348 
              <div class="caption lfb"
349 
                data-x="640"
350 
                data-y="55"
351 
                data-speed="700"
352 
                data-start="1000"
353 
                data-easing="easeOutExpo">
354 
                <img src="../../assets/frontend/pages/img/revolutionslider/man-winner.png" alt="Image 1">
355 
              </div>
356 
            </li>
357 
 
358 
            <!-- THE SECOND SLIDE -->
359 
            <li data-transition="fade" data-slotamount="7" data-masterspeed="300" data-delay="9400" data-thumb="../../assets/frontend/pages/img/revolutionslider/thumbs/thumb2.jpg">                        
360 
              <img src="../../assets/frontend/pages/img/revolutionslider/bg2.jpg" alt="">
361 
              <div class="caption lfl slide_title slide_item_left"
362 
                data-x="30"
363 
                data-y="125"
364 
                data-speed="400"
365 
                data-start="3500"
366 
                data-easing="easeOutExpo">
367 
                Powerfull &amp; Clean
368 
              </div>
369 
              <div class="caption lfl slide_subtitle slide_item_left"
370 
                data-x="30"
371 
                data-y="200"
372 
                data-speed="400"
373 
                data-start="4000"
374 
                data-easing="easeOutExpo">
375 
                Responsive Admin &amp; Website Theme
376 
              </div>
377 
              <div class="caption lfl slide_desc slide_item_left"
378 
                data-x="30"
379 
                data-y="245"
380 
                data-speed="400"
381 
                data-start="4500"
382 
                data-easing="easeOutExpo">
383 
                Lorem ipsum dolor sit amet, consectetuer elit sed diam<br> nonummy amet euismod dolore.
384 
              </div>                        
385 
              <div class="caption lfr slide_item_right"
386 
                data-x="635"
387 
                data-y="105"
388 
                data-speed="1200"
389 
                data-start="1500"
390 
                data-easing="easeOutBack">
391 
                <img src="../../assets/frontend/pages/img/revolutionslider/mac.png" alt="Image 1">
392 
              </div>
393 
              <div class="caption lfr slide_item_right"
394 
                data-x="580"
395 
                data-y="245"
396 
                data-speed="1200"
397 
                data-start="2000"
398 
                data-easing="easeOutBack">
399 
                <img src="../../assets/frontend/pages/img/revolutionslider/ipad.png" alt="Image 1">
400 
              </div>
401 
              <div class="caption lfr slide_item_right"
402 
                data-x="735"
403 
                data-y="290"
404 
                data-speed="1200"
405 
                data-start="2500"
406 
                data-easing="easeOutBack">
407 
                <img src="../../assets/frontend/pages/img/revolutionslider/iphone.png" alt="Image 1">
408 
              </div>
409 
              <div class="caption lfr slide_item_right"
410 
                data-x="835"
411 
                data-y="230"
412 
                data-speed="1200"
413 
                data-start="3000"
414 
                data-easing="easeOutBack">
415 
                <img src="../../assets/frontend/pages/img/revolutionslider/macbook.png" alt="Image 1">
416 
              </div>
417 
              <div class="caption lft slide_item_right"
418 
                data-x="865"
419 
                data-y="45"
420 
                data-speed="500"
421 
                data-start="5000"
422 
                data-easing="easeOutBack">
423 
                <img src="../../assets/frontend/pages/img/revolutionslider/hint1-red.png" id="rev-hint1" alt="Image 1">
424 
              </div>                        
425 
              <div class="caption lfb slide_item_right"
426 
                data-x="355"
427 
                data-y="355"
428 
                data-speed="500"
429 
                data-start="5500"
430 
                data-easing="easeOutBack">
431 
                <img src="../../assets/frontend/pages/img/revolutionslider/hint2-red.png" id="rev-hint2" alt="Image 1">
432 
              </div>
433 
            </li>
434 
 
435 
            <!-- THE THIRD SLIDE -->
436 
            <li data-transition="fade" data-slotamount="8" data-masterspeed="700" data-delay="9400" data-thumb="../../assets/frontend/pages/img/revolutionslider/thumbs/thumb2.jpg">
437 
              <img src="../../assets/frontend/pages/img/revolutionslider/bg3.jpg" alt="">
438 
              <div class="caption lfl slide_item_left"
439 
                data-x="30"
440 
                data-y="95"
441 
                data-speed="400"
442 
                data-start="1500"
443 
                data-easing="easeOutBack">
444 
                <iframe src="http://player.vimeo.com/video/56974716?portrait=0" width="420" height="240" style="border:0" allowFullScreen></iframe>
445 
              </div>
446 
              <div class="caption lfr slide_title"
447 
                data-x="470"
448 
                data-y="100"
449 
                data-speed="400"
450 
                data-start="2000"
451 
                data-easing="easeOutExpo">
452 
                Responsive Video Support
453 
              </div>
454 
              <div class="caption lfr slide_subtitle"
455 
                data-x="470"
456 
                data-y="170"
457 
                data-speed="400"
458 
                data-start="2500"
459 
                data-easing="easeOutExpo">
460 
                Youtube, Vimeo and others.
461 
              </div>
462 
              <div class="caption lfr slide_desc"
463 
                data-x="470"
464 
                data-y="220"
465 
                data-speed="400"
466 
                data-start="3000"
467 
                data-easing="easeOutExpo">
468 
                Lorem ipsum dolor sit amet, consectetuer elit sed diam<br> nonummy amet euismod dolore.
469 
              </div>
470 
              <a class="caption lfr btn yellow slide_btn" href=""
471 
                data-x="470"
472 
                data-y="280"
473 
                                 data-speed="400"
474 
                                 data-start="3500"
475 
                                 data-easing="easeOutExpo">
476 
                                 Watch more Videos!
477 
                            </a>
478 
                        </li>              
479 
 
480 
                        <!-- THE FORTH SLIDE -->
481 
                        <li data-transition="fade" data-slotamount="8" data-masterspeed="700" data-delay="9400" data-thumb="../../assets/frontend/pages/img/revolutionslider/thumbs/thumb2.jpg">
482 
                            <!-- THE MAIN IMAGE IN THE FIRST SLIDE -->
483 
                            <img src="../../assets/frontend/pages/img/revolutionslider/bg4.jpg" alt="">                        
484 
                             <div class="caption lft slide_title"
485 
                                 data-x="30"
486 
                                 data-y="105"
487 
                                 data-speed="400"
488 
                                 data-start="1500"
489 
                                 data-easing="easeOutExpo">
490 
                                 What else included ?
491 
                            </div>
492 
                            <div class="caption lft slide_subtitle"
493 
                                 data-x="30"
494 
                                 data-y="180"
495 
                                 data-speed="400"
496 
                                 data-start="2000"
497 
                                 data-easing="easeOutExpo">
498 
                                 The Most Complete Admin Theme
499 
                            </div>
500 
                            <div class="caption lft slide_desc"
501 
                                 data-x="30"
502 
                                 data-y="225"
503 
                                 data-speed="400"
504 
                                 data-start="2500"
505 
                                 data-easing="easeOutExpo">
506 
                                 Lorem ipsum dolor sit amet, consectetuer elit sed diam<br> nonummy amet euismod dolore.
507 
                            </div>
508 
                            <a class="caption lft slide_btn btn red slide_item_left" href="http://www.keenthemes.com/preview/index.php?theme=metronic_admin" target="_blank"
509 
                                 data-x="30"
510 
                                 data-y="300"
511 
                                 data-speed="400"
512 
                                 data-start="3000"
513 
                                 data-easing="easeOutExpo">
514 
                                 Learn More!
515 
                            </a>                        
516 
                            <div class="caption lft start"  
517 
                                 data-x="670"
518 
                                 data-y="55"
519 
                                 data-speed="400"
520 
                                 data-start="2000"
521 
                                 data-easing="easeOutBack"  >
522 
                                 <img src="../../assets/frontend/pages/img/revolutionslider/iphone_left.png" alt="Image 2">
523 
                            </div>
524 
 
525 
                            <div class="caption lft start"  
526 
                                 data-x="850"
527 
                                 data-y="55"
528 
                                 data-speed="400"
529 
                                 data-start="2400"
530 
                                 data-easing="easeOutBack"  >
531 
                                 <img src="../../assets/frontend/pages/img/revolutionslider/iphone_right.png" alt="Image 3">
532 
                            </div>                        
533 
                        </li>
534 
                </ul>
535 
                <div class="tp-bannertimer tp-bottom"></div>
536 
            </div>
537 
        </div>
538 
    </div>
539 
    <!-- END SLIDER -->
540 
 
541 
    <div class="main">
542 
      <div class="container">
543 
        <!-- BEGIN SERVICE BOX -->  
544 
        <div class="row service-box margin-bottom-40">
545 
          <div class="col-md-4 col-sm-4">
546 
            <div class="service-box-heading">
547 
              <em><i class="fa fa-location-arrow blue"></i></em>
548 
              <span>Multipurpose Template</span>
549 
            </div>
550 
            <p>Lorem ipsum dolor sit amet, dolore eiusmod quis tempor incididunt ut et dolore Ut veniam unde nostrudlaboris. Sed unde omnis iste natus error sit voluptatem.</p>
551 
          </div>
552 
          <div class="col-md-4 col-sm-4">
553 
            <div class="service-box-heading">
554 
              <em><i class="fa fa-check red"></i></em>
555 
              <span>Well Documented</span>
556 
            </div>
557 
            <p>Lorem ipsum dolor sit amet, dolore eiusmod quis tempor incididunt ut et dolore Ut veniam unde nostrudlaboris. Sed unde omnis iste natus error sit voluptatem.</p>
558 
          </div>
559 
          <div class="col-md-4 col-sm-4">
560 
            <div class="service-box-heading">
561 
              <em><i class="fa fa-compress green"></i></em>
562 
              <span>Responsive Design</span>
563 
            </div>
564 
            <p>Lorem ipsum dolor sit amet, dolore eiusmod quis tempor incididunt ut et dolore Ut veniam unde nostrudlaboris. Sed unde omnis iste natus error sit voluptatem.</p>
565 
          </div>
566 
        </div>
567 
        <!-- END SERVICE BOX -->
568 
 
569 
        <!-- BEGIN BLOCKQUOTE BLOCK -->  
570 
        <div class="row quote-v1 margin-bottom-30">
571 
          <div class="col-md-9">
572 
            <span>Metronic - The Most Complete &amp; Popular Admin &amp; Frontend Theme</span>
573 
          </div>
574 
          <div class="col-md-3 text-right">
575 
            <a class="btn-transparent" href="http://www.keenthemes.com/preview/index.php?theme=metronic_admin" target="_blank"><i class="fa fa-rocket margin-right-10"></i>Preview Admin</a>
576 
          </div>
577 
        </div>
578 
        <!-- END BLOCKQUOTE BLOCK -->
579 
 
580 
        <!-- BEGIN RECENT WORKS -->
581 
        <div class="row recent-work margin-bottom-40">
582 
          <div class="col-md-3">
583 
            <h2><a href="portfolio.html">Recent Works</a></h2>
584 
            <p>Lorem ipsum dolor sit amet, dolore eiusmod quis tempor incididunt ut et dolore Ut veniam unde voluptatem. Sed unde omnis iste natus error sit voluptatem.</p>
585 
          </div>
586 
          <div class="col-md-9">
587 
            <div class="owl-carousel owl-carousel3">
588 
              <div class="recent-work-item">
589 
                <em>
590 
                  <img src="../../assets/frontend/pages/img/works/img1.jpg" alt="Amazing Project" class="img-responsive">
591 
                  <a href="portfolio-item.html"><i class="fa fa-link"></i></a>
592 
                  <a href="../../assets/frontend/pages/img/works/img1.jpg" class="fancybox-button" title="Project Name #1" data-rel="fancybox-button"><i class="fa fa-search"></i></a>
593 
                </em>
594 
                <a class="recent-work-description" href="#">
595 
                  <strong>Amazing Project</strong>
596 
                  <b>Agenda corp.</b>
597 
                </a>
598 
              </div>
599 
              <div class="recent-work-item">
600 
                <em>
601 
                  <img src="../../assets/frontend/pages/img/works/img2.jpg" alt="Amazing Project" class="img-responsive">
602 
                  <a href="portfolio-item.html"><i class="fa fa-link"></i></a>
603 
                  <a href="../../assets/frontend/pages/img/works/img2.jpg" class="fancybox-button" title="Project Name #2" data-rel="fancybox-button"><i class="fa fa-search"></i></a>
604 
                </em>
605 
                <a class="recent-work-description" href="#">
606 
                  <strong>Amazing Project</strong>
607 
                  <b>Agenda corp.</b>
608 
                </a>
609 
              </div>
610 
              <div class="recent-work-item">
611 
                <em>
612 
                  <img src="../../assets/frontend/pages/img/works/img3.jpg" alt="Amazing Project" class="img-responsive">
613 
                  <a href="portfolio-item.html"><i class="fa fa-link"></i></a>
614 
                  <a href="../../assets/frontend/pages/img/works/img3.jpg" class="fancybox-button" title="Project Name #3" data-rel="fancybox-button"><i class="fa fa-search"></i></a>
615 
                </em>
616 
                <a class="recent-work-description" href="#">
617 
                  <strong>Amazing Project</strong>
618 
                  <b>Agenda corp.</b>
619 
                </a>
620 
              </div>
621 
              <div class="recent-work-item">
622 
                <em>
623 
                  <img src="../../assets/frontend/pages/img/works/img4.jpg" alt="Amazing Project" class="img-responsive">
624 
                  <a href="portfolio-item.html"><i class="fa fa-link"></i></a>
625 
                  <a href="../../assets/frontend/pages/img/works/img4.jpg" class="fancybox-button" title="Project Name #4" data-rel="fancybox-button"><i class="fa fa-search"></i></a>
626 
                </em>
627 
                <a class="recent-work-description" href="#">
628 
                  <strong>Amazing Project</strong>
629 
                  <b>Agenda corp.</b>
630 
                </a>
631 
              </div>
632 
              <div class="recent-work-item">
633 
                <em>
634 
                  <img src="../../assets/frontend/pages/img/works/img5.jpg" alt="Amazing Project" class="img-responsive">
635 
                  <a href="portfolio-item.html"><i class="fa fa-link"></i></a>
636 
                  <a href="../../assets/frontend/pages/img/works/img5.jpg" class="fancybox-button" title="Project Name #5" data-rel="fancybox-button"><i class="fa fa-search"></i></a>
637 
                </em>
638 
                <a class="recent-work-description" href="#">
639 
                  <strong>Amazing Project</strong>
640 
                  <b>Agenda corp.</b>
641 
                </a>
642 
              </div>
643 
              <div class="recent-work-item">
644 
                <em>
645 
                  <img src="../../assets/frontend/pages/img/works/img6.jpg" alt="Amazing Project" class="img-responsive">
646 
                  <a href="portfolio-item.html"><i class="fa fa-link"></i></a>
647 
                  <a href="../../assets/frontend/pages/img/works/img6.jpg" class="fancybox-button" title="Project Name #6" data-rel="fancybox-button"><i class="fa fa-search"></i></a>
648 
                </em>
649 
                <a class="recent-work-description" href="#">
650 
                  <strong>Amazing Project</strong>
651 
                  <b>Agenda corp.</b>
652 
                </a>
653 
              </div>
654 
              <div class="recent-work-item">
655 
                <em>
656 
                  <img src="../../assets/frontend/pages/img/works/img3.jpg" alt="Amazing Project" class="img-responsive">
657 
                  <a href="portfolio-item.html"><i class="fa fa-link"></i></a>
658 
                  <a href="../../assets/frontend/pages/img/works/img3.jpg" class="fancybox-button" title="Project Name #3" data-rel="fancybox-button"><i class="fa fa-search"></i></a>
659 
                </em>
660 
                <a class="recent-work-description" href="#">
661 
                  <strong>Amazing Project</strong>
662 
                  <b>Agenda corp.</b>
663 
                </a>
664 
              </div>
665 
              <div class="recent-work-item">
666 
                <em>
667 
                  <img src="../../assets/frontend/pages/img/works/img4.jpg" alt="Amazing Project" class="img-responsive">
668 
                  <a href="portfolio-item.html"><i class="fa fa-link"></i></a>
669 
                  <a href="../../assets/frontend/pages/img/works/img4.jpg" class="fancybox-button" title="Project Name #4" data-rel="fancybox-button"><i class="fa fa-search"></i></a>
670 
                </em>
671 
                <a class="recent-work-description" href="#">
672 
                  <strong>Amazing Project</strong>
673 
                  <b>Agenda corp.</b>
674 
                </a>
675 
              </div>
676 
            </div>      
677 
          </div>
678 
        </div>  
679 
        <!-- END RECENT WORKS -->
680 
 
681 
        <!-- BEGIN TABS AND TESTIMONIALS -->
682 
        <div class="row mix-block margin-bottom-40">
683 
          <!-- TABS -->
684 
          <div class="col-md-7 tab-style-1">
685 
            <ul class="nav nav-tabs">
686 
              <li class="active"><a href="#tab-1" data-toggle="tab">Multipurpose</a></li>
687 
              <li><a href="#tab-2" data-toggle="tab">Documented</a></li>
688 
              <li><a href="#tab-3" data-toggle="tab">Responsive</a></li>
689 
              <li><a href="#tab-4" data-toggle="tab">Clean & Fresh</a></li>
690 
            </ul>
691 
            <div class="tab-content">
692 
              <div class="tab-pane row fade in active" id="tab-1">
693 
                <div class="col-md-3 col-sm-3">
694 
                  <a href="assets/temp/photos/img7.jpg" class="fancybox-button" title="Image Title" data-rel="fancybox-button">
695 
                    <img class="img-responsive" src="../../assets/frontend/pages/img/photos/img7.jpg" alt="">
696 
                  </a>
697 
                </div>
698 
                <div class="col-md-9 col-sm-9">
699 
                  <p class="margin-bottom-10">Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Cosby sweater eu banh mi, qui irure terry richardson ex squid Aliquip placeat salvia cillum iphone.</p>
700 
                  <p><a class="more" href="#">Read more <i class="icon-angle-right"></i></a></p>
701 
                </div>
702 
              </div>
703 
              <div class="tab-pane row fade" id="tab-2">
704 
                <div class="col-md-9 col-sm-9">
705 
                  <p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia..</p>
706 
                </div>
707 
                <div class="col-md-3 col-sm-3">
708 
                  <a href="assets/temp/photos/img10.jpg" class="fancybox-button" title="Image Title" data-rel="fancybox-button">
709 
                    <img class="img-responsive" src="../../assets/frontend/pages/img/photos/img10.jpg" alt="">
710 
                  </a>
711 
                </div>
712 
              </div>
713 
              <div class="tab-pane fade" id="tab-3">
714 
                <p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.</p>
715 
              </div>
716 
              <div class="tab-pane fade" id="tab-4">
717 
                <p>Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi before they sold out farm-to-table VHS viral locavore cosby sweater. Lomo wolf viral, mustache readymade thundercats keffiyeh craft beer marfa ethical. Wolf salvia freegan, sartorial keffiyeh echo park vegan.</p>
718 
              </div>
719 
            </div>
720 
          </div>
721 
          <!-- END TABS -->
722 
 
723 
          <!-- TESTIMONIALS -->
724 
          <div class="col-md-5 testimonials-v1">
725 
            <div id="myCarousel" class="carousel slide">
726 
              <!-- Carousel items -->
727 
              <div class="carousel-inner">
728 
                <div class="active item">
729 
                  <blockquote><p>Denim you probably haven't heard of. Lorem ipsum dolor met consectetur adipisicing sit amet, consectetur adipisicing elit, of them jean shorts sed magna aliqua. Lorem ipsum dolor met.</p></blockquote>
730 
                  <div class="carousel-info">
731 
                    <img class="pull-left" src="../../assets/frontend/pages/img/people/img1-small.jpg" alt="">
732 
                    <div class="pull-left">
733 
                      <span class="testimonials-name">Lina Mars</span>
734 
                      <span class="testimonials-post">Commercial Director</span>
735 
                    </div>
736 
                  </div>
737 
                </div>
738 
                <div class="item">
739 
                  <blockquote><p>Raw denim you Mustache cliche tempor, williamsburg carles vegan helvetica probably haven't heard of them jean shorts austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica.</p></blockquote>
740 
                  <div class="carousel-info">
741 
                    <img class="pull-left" src="../../assets/frontend/pages/img/people/img5-small.jpg" alt="">
742 
                    <div class="pull-left">
743 
                      <span class="testimonials-name">Kate Ford</span>
744 
                      <span class="testimonials-post">Commercial Director</span>
745 
                    </div>
746 
                  </div>
747 
                </div>
748 
                <div class="item">
749 
                  <blockquote><p>Reprehenderit butcher stache cliche tempor, williamsburg carles vegan helvetica.retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid Aliquip placeat salvia cillum iphone.</p></blockquote>
750 
                  <div class="carousel-info">
751 
                    <img class="pull-left" src="../../assets/frontend/pages/img/people/img2-small.jpg" alt="">
752 
                    <div class="pull-left">
753 
                      <span class="testimonials-name">Jake Witson</span>
754 
                      <span class="testimonials-post">Commercial Director</span>
755 
                    </div>
756 
                  </div>
757 
                </div>
758 
              </div>
759 
 
760 
              <!-- Carousel nav -->
761 
              <a class="left-btn" href="#myCarousel" data-slide="prev"></a>
762 
              <a class="right-btn" href="#myCarousel" data-slide="next"></a>
763 
            </div>
764 
          </div>
765 
          <!-- END TESTIMONIALS -->
766 
        </div>                
767 
        <!-- END TABS AND TESTIMONIALS -->
768 
 
769 
        <!-- BEGIN STEPS -->
770 
        <div class="row margin-bottom-40 front-steps-wrapper front-steps-count-3">
771 
          <div class="col-md-4 col-sm-4 front-step-col">
772 
            <div class="front-step front-step1">
773 
              <h2>Goal definition</h2>
774 
              <p>Lorem ipsum dolor sit amet sit consectetur adipisicing eiusmod tempor.</p>
775 
            </div>
776 
          </div>
777 
          <div class="col-md-4 col-sm-4 front-step-col">
778 
            <div class="front-step front-step2">
779 
              <h2>Analyse</h2>
780 
              <p>Lorem ipsum dolor sit amet sit consectetur adipisicing eiusmod tempor.</p>
781 
            </div>
782 
          </div>
783 
          <div class="col-md-4 col-sm-4 front-step-col">
784 
            <div class="front-step front-step3">
785 
              <h2>Implementation</h2>
786 
              <p>Lorem ipsum dolor sit amet sit consectetur adipisicing eiusmod tempor.</p>
787 
            </div>
788 
          </div>
789 
        </div>
790 
        <!-- END STEPS -->
791 
 
792 
        <!-- BEGIN CLIENTS -->
793 
        <div class="row margin-bottom-40 our-clients">
794 
          <div class="col-md-3">
795 
            <h2><a href="#">Our Clients</a></h2>
796 
            <p>Lorem dipsum folor margade sitede lametep eiusmod psumquis dolore.</p>
797 
          </div>
798 
          <div class="col-md-9">
799 
            <div class="owl-carousel owl-carousel6-brands">
800 
              <div class="client-item">
801 
                <a href="#">
802 
                  <img src="../../assets/frontend/pages/img/clients/client_1_gray.png" class="img-responsive" alt="">
803 
                  <img src="../../assets/frontend/pages/img/clients/client_1.png" class="color-img img-responsive" alt="">
804 
                </a>
805 
              </div>
806 
              <div class="client-item">
807 
                <a href="#">
808 
                  <img src="../../assets/frontend/pages/img/clients/client_2_gray.png" class="img-responsive" alt="">
809 
                  <img src="../../assets/frontend/pages/img/clients/client_2.png" class="color-img img-responsive" alt="">
810 
                </a>
811 
              </div>
812 
              <div class="client-item">
813 
                <a href="#">
814 
                  <img src="../../assets/frontend/pages/img/clients/client_3_gray.png" class="img-responsive" alt="">
815 
                  <img src="../../assets/frontend/pages/img/clients/client_3.png" class="color-img img-responsive" alt="">
816 
                </a>
817 
              </div>
818 
              <div class="client-item">
819 
                <a href="#">
820 
                  <img src="../../assets/frontend/pages/img/clients/client_4_gray.png" class="img-responsive" alt="">
821 
                  <img src="../../assets/frontend/pages/img/clients/client_4.png" class="color-img img-responsive" alt="">
822 
                </a>
823 
              </div>
824 
              <div class="client-item">
825 
                <a href="#">
826 
                  <img src="../../assets/frontend/pages/img/clients/client_5_gray.png" class="img-responsive" alt="">
827 
                  <img src="../../assets/frontend/pages/img/clients/client_5.png" class="color-img img-responsive" alt="">
828 
                </a>
829 
              </div>
830 
              <div class="client-item">
831 
                <a href="#">
832 
                  <img src="../../assets/frontend/pages/img/clients/client_6_gray.png" class="img-responsive" alt="">
833 
                  <img src="../../assets/frontend/pages/img/clients/client_6.png" class="color-img img-responsive" alt="">
834 
                </a>
835 
              </div>
836 
              <div class="client-item">
837 
                <a href="#">
838 
                  <img src="../../assets/frontend/pages/img/clients/client_7_gray.png" class="img-responsive" alt="">
839 
                  <img src="../../assets/frontend/pages/img/clients/client_7.png" class="color-img img-responsive" alt="">
840 
                </a>
841 
              </div>
842 
              <div class="client-item">
843 
                <a href="#">
844 
                  <img src="../../assets/frontend/pages/img/clients/client_8_gray.png" class="img-responsive" alt="">
845 
                  <img src="../../assets/frontend/pages/img/clients/client_8.png" class="color-img img-responsive" alt="">
846 
                </a>
847 
              </div>                  
848 
            </div>
849 
          </div>          
850 
        </div>
851 
        <!-- END CLIENTS -->
852 
      </div>
853 
    </div>
854 
 
855 
    <!-- BEGIN PRE-FOOTER -->
856 
    <div class="pre-footer">
857 
      <div class="container">
858 
        <div class="row">
859 
          <!-- BEGIN BOTTOM ABOUT BLOCK -->
860 
          <div class="col-md-4 col-sm-6 pre-footer-col">
861 
            <h2>About us</h2>
862 
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam sit nonummy nibh euismod tincidunt ut laoreet dolore magna aliquarm erat sit volutpat.</p>
863 
 
864 
            <div class="photo-stream">
865 
              <h2>Photos Stream</h2>
866 
              <ul class="list-unstyled">
867 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img5-small.jpg"></a></li>
868 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img1.jpg"></a></li>
869 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img4-large.jpg"></a></li>
870 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img6.jpg"></a></li>
871 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img3.jpg"></a></li>
872 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img2-large.jpg"></a></li>
873 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img2.jpg"></a></li>
874 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img5.jpg"></a></li>
875 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img5-small.jpg"></a></li>
876 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img1.jpg"></a></li>
877 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img4-large.jpg"></a></li>
878 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img6.jpg"></a></li>
879 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img3.jpg"></a></li>
880 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img2-large.jpg"></a></li>
881 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img2.jpg"></a></li>
882 
              </ul>                    
883 
            </div>
884 
          </div>
885 
          <!-- END BOTTOM ABOUT BLOCK -->
886 
 
887 
          <!-- BEGIN BOTTOM CONTACTS -->
888 
          <div class="col-md-4 col-sm-6 pre-footer-col">
889 
            <h2>Our Contacts</h2>
890 
            <address class="margin-bottom-40">
891 
              35, Lorem Lis Street, Park Ave<br>
892 
              California, US<br>
893 
              Phone: 300 323 3456<br>
894 
              Fax: 300 323 1456<br>
895 
              Email: <a href="mailto:info@metronic.com">info@metronic.com</a><br>
896 
              Skype: <a href="skype:metronic">metronic</a>
897 
            </address>
898 
 
899 
            <div class="pre-footer-subscribe-box pre-footer-subscribe-box-vertical">
900 
              <h2>Newsletter</h2>
901 
              <p>Subscribe to our newsletter and stay up to date with the latest news and deals!</p>
902 
              <form action="#">
903 
                <div class="input-group">
904 
                  <input type="text" placeholder="youremail@mail.com" class="form-control">
905 
                  <span class="input-group-btn">
906 
                    <button class="btn btn-primary" type="submit">Subscribe</button>
907 
                  </span>
908 
                </div>
909 
              </form>
910 
            </div>
911 
          </div>
912 
          <!-- END BOTTOM CONTACTS -->
913 
 
914 
          <!-- BEGIN TWITTER BLOCK -->
915 
          <div class="col-md-4 col-sm-6 pre-footer-col">
916 
            <h2 class="margin-bottom-0">Latest Tweets</h2>
917 
            <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>
918 
          </div>
919 
          <!-- END TWITTER BLOCK -->
920 
        </div>
921 
      </div>
922 
    </div>
923 
    <!-- END PRE-FOOTER -->
924 
 
925 
    <!-- BEGIN FOOTER -->
926 
    <div class="footer">
927 
      <div class="container">
928 
        <div class="row">
929 
          <!-- BEGIN COPYRIGHT -->
930 
          <div class="col-md-6 col-sm-6 padding-top-10">
931 
            2014 © Metronic Shop UI. ALL Rights Reserved. <a href="#">Privacy Policy</a> | <a href="#">Terms of Service</a>
932 
          </div>
933 
          <!-- END COPYRIGHT -->
934 
          <!-- BEGIN PAYMENTS -->
935 
          <div class="col-md-6 col-sm-6">
936 
            <ul class="social-footer list-unstyled list-inline pull-right">
937 
              <li><a href="#"><i class="fa fa-facebook"></i></a></li>
938 
              <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
939 
              <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
940 
              <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
941 
              <li><a href="#"><i class="fa fa-twitter"></i></a></li>
942 
              <li><a href="#"><i class="fa fa-skype"></i></a></li>
943 
              <li><a href="#"><i class="fa fa-github"></i></a></li>
944 
              <li><a href="#"><i class="fa fa-youtube"></i></a></li>
945 
              <li><a href="#"><i class="fa fa-dropbox"></i></a></li>
946 
            </ul>  
947 
          </div>
948 
          <!-- END PAYMENTS -->
949 
        </div>
950 
      </div>
951 
    </div>
952 
    <!-- END FOOTER -->
953 
 
954 
    <!-- Load javascripts at bottom, this will reduce page load time -->
955 
    <!-- BEGIN CORE PLUGINS (REQUIRED FOR ALL PAGES) -->
956 
    <!--[if lt IE 9]>
957 
    <script src="../../assets/global/plugins/respond.min.js"></script>
958 
    <![endif]-->
959 
    <script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
960 
    <script src="../../assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
961 
    <script src="../../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>      
962 
    <script src="../../assets/frontend/layout/scripts/back-to-top.js" type="text/javascript"></script>
963 
    <!-- END CORE PLUGINS -->
964 
 
965 
    <!-- BEGIN PAGE LEVEL JAVASCRIPTS (REQUIRED ONLY FOR CURRENT PAGE) -->
966 
    <script src="../../assets/global/plugins/fancybox/source/jquery.fancybox.pack.js" type="text/javascript"></script><!-- pop up -->
967 
    <script src="../../assets/global/plugins/carousel-owl-carousel/owl-carousel/owl.carousel.min.js" type="text/javascript"></script><!-- slider for products -->
968 
 
969 
    <!-- BEGIN RevolutionSlider -->
970 
 
971 
    <script src="../../assets/global/plugins/slider-revolution-slider/rs-plugin/js/jquery.themepunch.plugins.min.js" type="text/javascript"></script>
972 
    <script src="../../assets/global/plugins/slider-revolution-slider/rs-plugin/js/jquery.themepunch.revolution.min.js" type="text/javascript"></script>
973 
    <script src="../../assets/global/plugins/slider-revolution-slider/rs-plugin/js/jquery.themepunch.tools.min.js" type="text/javascript"></script>
974 
    <script src="../../assets/frontend/pages/scripts/revo-slider-init.js" type="text/javascript"></script>
975 
    <!-- END RevolutionSlider -->
976 
 
977 
    <script src="../../assets/frontend/layout/scripts/layout.js" type="text/javascript"></script>
978 
    <script type="text/javascript">
979 
        jQuery(document).ready(function() {
980 
            Layout.init();    
981 
            Layout.initOWL();
982 
            RevosliderInit.initRevoSlider();
983 
            Layout.initTwitter();
984 
            //Layout.initNavScrolling();
985 
        });
986 
    </script>
987 
    <!-- END PAGE LEVEL JAVASCRIPTS -->
988 
</body>
989 
<!-- END BODY -->
990 
</html>