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