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>About Us | Metronic Frontend</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 
  <!-- Page level plugin styles END -->
52 
 
53 
  <!-- Theme styles START -->
54 
  <link href="../../assets/global/css/components.css" rel="stylesheet">
55 
  <link href="../../assets/frontend/layout/css/style.css" rel="stylesheet">
56 
  <link href="../../assets/frontend/layout/css/style-responsive.css" rel="stylesheet">
57 
  <link href="../../assets/frontend/layout/css/themes/red.css" rel="stylesheet" id="style-color">
58 
  <link href="../../assets/frontend/layout/css/custom.css" rel="stylesheet">
59 
  <!-- Theme styles END -->
60 
</head>
61 
<!-- Head END -->
62 
 
63 
<!-- Body BEGIN -->
64 
<body class="corporate">
65 
    <!-- BEGIN STYLE CUSTOMIZER -->
66 
    <div class="color-panel hidden-sm">
67 
      <div class="color-mode-icons icon-color"></div>
68 
      <div class="color-mode-icons icon-color-close"></div>
69 
      <div class="color-mode">
70 
        <p>THEME COLOR</p>
71 
        <ul class="inline">
72 
          <li class="color-red current color-default" data-style="red"></li>
73 
          <li class="color-blue" data-style="blue"></li>
74 
          <li class="color-green" data-style="green"></li>
75 
          <li class="color-orange" data-style="orange"></li>
76 
          <li class="color-gray" data-style="gray"></li>
77 
          <li class="color-turquoise" data-style="turquoise"></li>
78 
        </ul>
79 
      </div>
80 
    </div>
81 
    <!-- END BEGIN STYLE CUSTOMIZER -->
82 
 
83 
    <!-- BEGIN TOP BAR -->
84 
    <div class="pre-header">
85 
        <div class="container">
86 
            <div class="row">
87 
                <!-- BEGIN TOP BAR LEFT PART -->
88 
                <div class="col-md-6 col-sm-6 additional-shop-info">
89 
                    <ul class="list-unstyled list-inline">
90 
                        <li><i class="fa fa-phone"></i><span>+1 456 6717</span></li>
91 
                        <li><i class="fa fa-envelope-o"></i><span>info@keenthemes.com</span></li>
92 
                    </ul>
93 
                </div>
94 
                <!-- END TOP BAR LEFT PART -->
95 
                <!-- BEGIN TOP BAR MENU -->
96 
                <div class="col-md-6 col-sm-6 additional-nav">
97 
                    <ul class="list-unstyled list-inline pull-right">
98 
                        <li><a href="page-login.html">Log In</a></li>
99 
                        <li><a href="page-reg-page.html">Registration</a></li>
100 
                    </ul>
101 
                </div>
102 
                <!-- END TOP BAR MENU -->
103 
            </div>
104 
        </div>        
105 
    </div>
106 
    <!-- END TOP BAR -->
107 
    <!-- BEGIN HEADER -->
108 
    <div class="header">
109 
      <div class="container">
110 
        <a class="site-logo" href="index.html"><img src="../../assets/frontend/layout/img/logos/logo-corp-red.png" alt="Metronic FrontEnd"></a>
111 
 
112 
        <a href="javascript:void(0);" class="mobi-toggler"><i class="fa fa-bars"></i></a>
113 
 
114 
        <!-- BEGIN NAVIGATION -->
115 
        <div class="header-navigation pull-right font-transform-inherit">
116 
          <ul>
117 
            <li class="dropdown">
118 
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
119 
                Home
120 
 
121 
              </a>
122 
 
123 
              <ul class="dropdown-menu">
124 
                <li><a href="index.html">Home Default</a></li>
125 
                <li><a href="index-header-fix.html">Home with Header Fixed</a></li>
126 
                <li><a href="index-without-topbar.html">Home without Top Bar</a></li>
127 
              </ul>
128 
            </li>
129 
            <li class="dropdown dropdown-megamenu">
130 
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
131 
                Mega Menu
132 
 
133 
              </a>
134 
              <ul class="dropdown-menu">
135 
                <li>
136 
                  <div class="header-navigation-content">
137 
                    <div class="row">
138 
                      <div class="col-md-4 header-navigation-col">
139 
                        <h4>Footwear</h4>
140 
                        <ul>
141 
                          <li><a href="index.html">Astro Trainers</a></li>
142 
                          <li><a href="index.html">Basketball Shoes</a></li>
143 
                          <li><a href="index.html">Boots</a></li>
144 
                          <li><a href="index.html">Canvas Shoes</a></li>
145 
                          <li><a href="index.html">Football Boots</a></li>
146 
                          <li><a href="index.html">Golf Shoes</a></li>
147 
                          <li><a href="index.html">Hi Tops</a></li>
148 
                          <li><a href="index.html">Indoor Trainers</a></li>
149 
                        </ul>
150 
                      </div>
151 
                      <div class="col-md-4 header-navigation-col">
152 
                        <h4>Clothing</h4>
153 
                        <ul>
154 
                          <li><a href="index.html">Base Layer</a></li>
155 
                          <li><a href="index.html">Character</a></li>
156 
                          <li><a href="index.html">Chinos</a></li>
157 
                          <li><a href="index.html">Combats</a></li>
158 
                          <li><a href="index.html">Cricket Clothing</a></li>
159 
                          <li><a href="index.html">Fleeces</a></li>
160 
                          <li><a href="index.html">Gilets</a></li>
161 
                          <li><a href="index.html">Golf Tops</a></li>
162 
                        </ul>
163 
                      </div>
164 
                      <div class="col-md-4 header-navigation-col">
165 
                        <h4>Accessories</h4>
166 
                        <ul>
167 
                          <li><a href="index.html">Belts</a></li>
168 
                          <li><a href="index.html">Caps</a></li>
169 
                          <li><a href="index.html">Gloves</a></li>
170 
                        </ul>
171 
 
172 
                        <h4>Clearance</h4>
173 
                        <ul>
174 
                          <li><a href="index.html">Jackets</a></li>
175 
                          <li><a href="index.html">Bottoms</a></li>
176 
                        </ul>
177 
                      </div>
178 
                    </div>
179 
                  </div>
180 
                </li>
181 
              </ul>
182 
            </li>
183 
            <li class="dropdown active">
184 
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
185 
                Pages
186 
 
187 
              </a>
188 
 
189 
              <ul class="dropdown-menu">
190 
                <li class="active"><a href="page-about.html">About Us</a></li>
191 
                <li><a href="page-services.html">Services</a></li>
192 
                <li><a href="page-prices.html">Prices</a></li>
193 
                <li><a href="page-faq.html">FAQ</a></li>
194 
                <li><a href="page-gallery.html">Gallery</a></li>
195 
                <li><a href="page-search-result.html">Search Result</a></li>
196 
                <li><a href="page-404.html">404</a></li>
197 
                <li><a href="page-500.html">500</a></li>
198 
                <li><a href="page-login.html">Login Page</a></li>
199 
                <li><a href="page-forgotton-password.html">Forget Password</a></li>
200 
                <li><a href="page-reg-page.html">Signup Page</a></li>
201 
                <li><a href="page-careers.html">Careers</a></li>
202 
                <li><a href="page-site-map.html">Site Map</a></li>
203 
                <li><a href="page-contacts.html">Contact</a></li>                
204 
              </ul>
205 
            </li>
206 
            <li class="dropdown">
207 
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
208 
                Features
209 
 
210 
              </a>
211 
 
212 
              <ul class="dropdown-menu">
213 
                <li><a href="feature-typography.html">Typography</a></li>
214 
                <li><a href="feature-buttons.html">Buttons</a></li>
215 
                <li><a href="feature-forms.html">Forms</a></li>
216 
                <li class="dropdown-submenu">
217 
                  <a href="index.html">Multi level <i class="fa fa-angle-right"></i></a>
218 
                  <ul class="dropdown-menu" role="menu">
219 
                    <li><a href="index.html">Second Level Link</a></li>
220 
                    <li><a href="index.html">Second Level Link</a></li>
221 
                    <li class="dropdown-submenu">
222 
                      <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
223 
                        Second Level Link
224 
                        <i class="fa fa-angle-right"></i>
225 
                      </a>
226 
                      <ul class="dropdown-menu">
227 
                        <li><a href="index.html">Third Level Link</a></li>
228 
                        <li><a href="index.html">Third Level Link</a></li>
229 
                        <li><a href="index.html">Third Level Link</a></li>
230 
                      </ul>
231 
                    </li>
232 
                  </ul>
233 
                </li>
234 
              </ul>
235 
            </li>
236 
            <li class="dropdown">
237 
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
238 
                Portfolio
239 
 
240 
              </a>
241 
 
242 
              <ul class="dropdown-menu">
243 
                <li><a href="portfolio-4.html">Portfolio 4</a></li>
244 
                <li><a href="portfolio-3.html">Portfolio 3</a></li>
245 
                <li><a href="portfolio-2.html">Portfolio 2</a></li>
246 
                <li><a href="portfolio-item.html">Portfolio Item</a></li>
247 
              </ul>
248 
            </li>
249 
            <li class="dropdown">
250 
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
251 
                Blog
252 
 
253 
              </a>
254 
 
255 
              <ul class="dropdown-menu">
256 
                <li><a href="blog.html">Blog Page</a></li>
257 
                <li><a href="blog-item.html">Blog Item</a></li>
258 
              </ul>
259 
            </li>
260 
            <li><a href="shop-index.html" target="_blank">E-Commerce</a></li>
261 
            <li><a href="onepage-index.html" target="_blank">One Page</a></li>
262 
            <li><a href="http://keenthemes.com/preview/metronic/theme/templates/admin" target="_blank">Admin theme</a></li>
263 
 
264 
            <!-- BEGIN TOP SEARCH -->
265 
            <li class="menu-search">
266 
              <span class="sep"></span>
267 
              <i class="fa fa-search search-btn"></i>
268 
              <div class="search-box">
269 
                <form action="#">
270 
                  <div class="input-group">
271 
                    <input type="text" placeholder="Search" class="form-control">
272 
                    <span class="input-group-btn">
273 
                      <button class="btn btn-primary" type="submit">Search</button>
274 
                    </span>
275 
                  </div>
276 
                </form>
277 
              </div>
278 
            </li>
279 
            <!-- END TOP SEARCH -->
280 
          </ul>
281 
        </div>
282 
        <!-- END NAVIGATION -->
283 
      </div>
284 
    </div>
285 
    <!-- Header END -->
286 
 
287 
    <div class="main">
288 
      <div class="container">
289 
        <ul class="breadcrumb">
290 
            <li><a href="index.html">Home</a></li>
291 
            <li><a href="#">Pages</a></li>
292 
            <li class="active">About Us</li>
293 
        </ul>
294 
        <!-- BEGIN SIDEBAR & CONTENT -->
295 
        <div class="row margin-bottom-40">
296 
          <!-- BEGIN CONTENT -->
297 
          <div class="col-md-12 col-sm-12">
298 
            <h1>About Us</h1>
299 
            <div class="content-page">
300 
              <div class="row margin-bottom-30">
301 
                <!-- BEGIN INFO BLOCK -->              
302 
                <div class="col-md-7">
303 
                  <h2 class="no-top-space">Vero eos et accusamus</h2>
304 
                  <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi.</p>
305 
                  <p>Idest laborum et dolorum fuga. Et harum quidem rerum et quas molestias excepturi sint occaecati facilis est et expedita distinctio lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non libero consectetur adipiscing elit magna. Sed et quam lacus.</p>
306 
                  <!-- BEGIN LISTS -->
307 
                  <div class="row front-lists-v1">
308 
                    <div class="col-md-6">
309 
                      <ul class="list-unstyled margin-bottom-20">
310 
                        <li><i class="fa fa-check"></i> Officia deserunt molliti</li>
311 
                        <li><i class="fa fa-check"></i> Consectetur adipiscing </li>
312 
                        <li><i class="fa fa-check"></i> Deserunt fpicia</li>
313 
                      </ul>
314 
                    </div>
315 
                    <div class="col-md-6">
316 
                      <ul class="list-unstyled">
317 
                        <li><i class="fa fa-check"></i> Officia deserunt molliti</li>
318 
                        <li><i class="fa fa-check"></i> Consectetur adipiscing </li>
319 
                        <li><i class="fa fa-check"></i> Deserunt fpicia</li>
320 
                      </ul>
321 
                    </div>
322 
                  </div>
323 
                  <!-- END LISTS -->
324 
                </div>
325 
                <!-- END INFO BLOCK -->  
326 
 
327 
                <!-- BEGIN CAROUSEL -->            
328 
                <div class="col-md-5 front-carousel">
329 
                  <div id="myCarousel" class="carousel slide">
330 
                    <!-- Carousel items -->
331 
                    <div class="carousel-inner">
332 
                      <div class="item active">
333 
                        <img src="../../assets/frontend/pages/img/pics/img2-medium.jpg" alt="">
334 
                        <div class="carousel-caption">
335 
                          <p>Excepturi sint occaecati cupiditate non provident</p>
336 
                        </div>
337 
                      </div>
338 
                      <div class="item">
339 
                        <img src="../../assets/frontend/pages/img/pics/img1-medium.jpg" alt="">
340 
                        <div class="carousel-caption">
341 
                          <p>Ducimus qui blanditiis praesentium voluptatum</p>
342 
                        </div>
343 
                      </div>
344 
                      <div class="item">
345 
                        <img src="../../assets/frontend/pages/img/pics/img2-medium.jpg" alt="">
346 
                        <div class="carousel-caption">
347 
                          <p>Ut non libero consectetur adipiscing elit magna</p>
348 
                        </div>
349 
                      </div>
350 
                    </div>
351 
                    <!-- Carousel nav -->
352 
                    <a class="carousel-control left" href="#myCarousel" data-slide="prev">
353 
                      <i class="fa fa-angle-left"></i>
354 
                    </a>
355 
                    <a class="carousel-control right" href="#myCarousel" data-slide="next">
356 
                      <i class="fa fa-angle-right"></i>
357 
                    </a>
358 
                  </div>                
359 
                </div>
360 
                <!-- END CAROUSEL -->
361 
              </div>
362 
 
363 
              <div class="row margin-bottom-40">
364 
                <!-- BEGIN TESTIMONIALS -->
365 
                <div class="col-md-7 testimonials-v1">
366 
                  <h2>Clients Testimonials</h2>                
367 
                  <div id="myCarousel1" class="carousel slide">
368 
                    <!-- Carousel items -->
369 
                    <div class="carousel-inner">
370 
                      <div class="active item">
371 
                        <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 consectetur adipisicing sit amet do eiusmod dolore.</p></blockquote>
372 
                        <div class="carousel-info">
373 
                          <img class="pull-left" src="../../assets/frontend/pages/img/people/img1-small.jpg" alt="">
374 
                          <div class="pull-left">
375 
                            <span class="testimonials-name">Lina Mars</span>
376 
                            <span class="testimonials-post">Commercial Director</span>
377 
                          </div>
378 
                        </div>
379 
                      </div>
380 
                      <div class="item">
381 
                        <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>
382 
                        <div class="carousel-info">
383 
                          <img class="pull-left" src="../../assets/frontend/pages/img/people/img5-small.jpg" alt="">
384 
                          <div class="pull-left">
385 
                            <span class="testimonials-name">Kate Ford</span>
386 
                            <span class="testimonials-post">Commercial Director</span>
387 
                          </div>
388 
                        </div>
389 
                      </div>
390 
                      <div class="item">
391 
                        <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>
392 
                        <div class="carousel-info">
393 
                          <img class="pull-left" src="../../assets/frontend/pages/img/people/img2-small.jpg" alt="">
394 
                          <div class="pull-left">
395 
                            <span class="testimonials-name">Jake Witson</span>
396 
                            <span class="testimonials-post">Commercial Director</span>
397 
                          </div>
398 
                        </div>
399 
                      </div>
400 
                    </div>
401 
                    <!-- Carousel nav -->
402 
                    <a class="left-btn" href="#myCarousel1" data-slide="prev"></a>
403 
                    <a class="right-btn" href="#myCarousel1" data-slide="next"></a>
404 
                  </div>
405 
                </div>
406 
                <!-- END TESTIMONIALS -->
407 
 
408 
                <!-- BEGIN PROGRESS BAR -->
409 
                <div class="col-md-5 front-skills">
410 
                  <h2 class="block">Our Skills</h2>
411 
                  <span>UI Design 90%</span>
412 
                  <div class="progress">
413 
                    <div role="progressbar" class="progress-bar" style="width: 90%;"></div>
414 
                  </div>
415 
                  <span>Wordpress CMS 60%</span>
416 
                  <div class="progress">
417 
                    <div role="progressbar" class="progress-bar" style="width: 60%;"></div>
418 
                  </div>
419 
                  <span>HTML/CSS &amp; JavaScirp 75%</span>
420 
                  <div class="progress">
421 
                    <div role="progressbar" class="progress-bar" style="width: 75%;"></div>
422 
                  </div>
423 
                </div>                      
424 
                <!-- END PROGRESS BAR -->
425 
              </div>
426 
 
427 
              <div class="row front-team">
428 
                <ul class="list-unstyled">
429 
                  <li class="col-md-3">
430 
                    <div class="thumbnail">
431 
                      <img alt="" src="../../assets/frontend/pages/img/people/img1-large.jpg">
432 
                      <h3>
433 
                        <strong>Lina Doe</strong>
434 
                        <small>Chief Executive Officer / CEO</small>
435 
                      </h3>
436 
                      <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, justo sit amet risus etiam porta sem...</p>
437 
                      <ul class="social-icons social-icons-color">
438 
                        <li><a class="facebook" data-original-title="Facebook" href="#"></a></li>
439 
                        <li><a class="twitter" data-original-title="Twitter" href="#"></a></li>
440 
                        <li><a class="googleplus" data-original-title="Goole Plus" href="#"></a></li>
441 
                        <li><a class="linkedin" data-original-title="Linkedin" href="#"></a></li>
442 
                      </ul>
443 
                    </div>
444 
                  </li>
445 
                  <li class="col-md-3">
446 
                    <div class="thumbnail">
447 
                      <img alt="" src="../../assets/frontend/pages/img/people/img4-large.jpg">
448 
                      <h3>
449 
                        <strong>Carles Puyol</strong>
450 
                        <small>Chief Executive Officer / CEO</small>
451 
                      </h3>
452 
                      <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, justo sit amet risus etiam porta sem...</p>
453 
                      <ul class="social-icons social-icons-color">
454 
                        <li><a class="facebook" data-original-title="Facebook" href="#"></a></li>
455 
                        <li><a class="twitter" data-original-title="Twitter" href="#"></a></li>
456 
                        <li><a class="googleplus" data-original-title="Goole Plus" href="#"></a></li>
457 
                        <li><a class="linkedin" data-original-title="Linkedin" href="#"></a></li>
458 
                      </ul>
459 
                    </div>
460 
                  </li>
461 
                  <li class="col-md-3">
462 
                    <div class="thumbnail">
463 
                      <img alt="" src="../../assets/frontend/pages/img/people/img2-large.jpg">
464 
                      <h3>
465 
                        <strong>Andres Iniesta</strong>
466 
                        <small>Chief Executive Officer / CEO</small>
467 
                      </h3>
468 
                      <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, justo sit amet risus etiam porta sem...</p>
469 
                      <ul class="social-icons social-icons-color">
470 
                        <li><a class="facebook" data-original-title="Facebook" href="#"></a></li>
471 
                        <li><a class="twitter" data-original-title="Twitter" href="#"></a></li>
472 
                        <li><a class="googleplus" data-original-title="Goole Plus" href="#"></a></li>
473 
                        <li><a class="linkedin" data-original-title="Linkedin" href="#"></a></li>
474 
                      </ul>
475 
                    </div>
476 
                  </li>
477 
                  <li class="col-md-3">
478 
                    <div class="thumbnail">
479 
                      <img alt="" src="../../assets/frontend/pages/img/people/img5-large.jpg">
480 
                      <h3>
481 
                        <strong>Jessica Alba</strong>
482 
                        <small>Chief Executive Officer / CEO</small>
483 
                      </h3>
484 
                      <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, justo sit amet risus etiam porta sem...</p>
485 
                      <ul class="social-icons social-icons-color">
486 
                        <li><a class="facebook" data-original-title="Facebook" href="#"></a></li>
487 
                        <li><a class="twitter" data-original-title="Twitter" href="#"></a></li>
488 
                        <li><a class="googleplus" data-original-title="Goole Plus" href="#"></a></li>
489 
                        <li><a class="linkedin" data-original-title="Linkedin" href="#"></a></li>
490 
                      </ul>
491 
                    </div>
492 
                  </li>
493 
                </ul>            
494 
              </div>
495 
 
496 
            </div>
497 
          </div>
498 
          <!-- END CONTENT -->
499 
        </div>
500 
        <!-- END SIDEBAR & CONTENT -->
501 
      </div>
502 
    </div>
503 
 
504 
    <!-- BEGIN PRE-FOOTER -->
505 
    <div class="pre-footer">
506 
      <div class="container">
507 
        <div class="row">
508 
          <!-- BEGIN BOTTOM ABOUT BLOCK -->
509 
          <div class="col-md-4 col-sm-6 pre-footer-col">
510 
            <h2>About us</h2>
511 
            <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>
512 
 
513 
            <div class="photo-stream">
514 
              <h2>Photos Stream</h2>
515 
              <ul class="list-unstyled">
516 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img5-small.jpg"></a></li>
517 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img1.jpg"></a></li>
518 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img4-large.jpg"></a></li>
519 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img6.jpg"></a></li>
520 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img3.jpg"></a></li>
521 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img2-large.jpg"></a></li>
522 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img2.jpg"></a></li>
523 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img5.jpg"></a></li>
524 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img5-small.jpg"></a></li>
525 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img1.jpg"></a></li>
526 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img4-large.jpg"></a></li>
527 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img6.jpg"></a></li>
528 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img3.jpg"></a></li>
529 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img2-large.jpg"></a></li>
530 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img2.jpg"></a></li>
531 
              </ul>                    
532 
            </div>
533 
          </div>
534 
          <!-- END BOTTOM ABOUT BLOCK -->
535 
 
536 
          <!-- BEGIN BOTTOM CONTACTS -->
537 
          <div class="col-md-4 col-sm-6 pre-footer-col">
538 
            <h2>Our Contacts</h2>
539 
            <address class="margin-bottom-40">
540 
              35, Lorem Lis Street, Park Ave<br>
541 
              California, US<br>
542 
              Phone: 300 323 3456<br>
543 
              Fax: 300 323 1456<br>
544 
              Email: <a href="mailto:info@metronic.com">info@metronic.com</a><br>
545 
              Skype: <a href="skype:metronic">metronic</a>
546 
            </address>
547 
 
548 
            <div class="pre-footer-subscribe-box pre-footer-subscribe-box-vertical">
549 
              <h2>Newsletter</h2>
550 
              <p>Subscribe to our newsletter and stay up to date with the latest news and deals!</p>
551 
              <form action="#">
552 
                <div class="input-group">
553 
                  <input type="text" placeholder="youremail@mail.com" class="form-control">
554 
                  <span class="input-group-btn">
555 
                    <button class="btn btn-primary" type="submit">Subscribe</button>
556 
                  </span>
557 
                </div>
558 
              </form>
559 
            </div>
560 
          </div>
561 
          <!-- END BOTTOM CONTACTS -->
562 
 
563 
          <!-- BEGIN TWITTER BLOCK -->
564 
          <div class="col-md-4 col-sm-6 pre-footer-col">
565 
            <h2 class="margin-bottom-0">Latest Tweets</h2>
566 
            <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>
567 
          </div>
568 
          <!-- END TWITTER BLOCK -->
569 
        </div>
570 
      </div>
571 
    </div>
572 
    <!-- END PRE-FOOTER -->
573 
 
574 
    <!-- BEGIN FOOTER -->
575 
    <div class="footer">
576 
      <div class="container">
577 
        <div class="row">
578 
          <!-- BEGIN COPYRIGHT -->
579 
          <div class="col-md-6 col-sm-6 padding-top-10">
580 
            2014 © Metronic Shop UI. ALL Rights Reserved. <a href="#">Privacy Policy</a> | <a href="#">Terms of Service</a>
581 
          </div>
582 
          <!-- END COPYRIGHT -->
583 
          <!-- BEGIN PAYMENTS -->
584 
          <div class="col-md-6 col-sm-6">
585 
            <ul class="social-footer list-unstyled list-inline pull-right">
586 
              <li><a href="#"><i class="fa fa-facebook"></i></a></li>
587 
              <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
588 
              <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
589 
              <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
590 
              <li><a href="#"><i class="fa fa-twitter"></i></a></li>
591 
              <li><a href="#"><i class="fa fa-skype"></i></a></li>
592 
              <li><a href="#"><i class="fa fa-github"></i></a></li>
593 
              <li><a href="#"><i class="fa fa-youtube"></i></a></li>
594 
              <li><a href="#"><i class="fa fa-dropbox"></i></a></li>
595 
            </ul>  
596 
          </div>
597 
          <!-- END PAYMENTS -->
598 
        </div>
599 
      </div>
600 
    </div>
601 
    <!-- END FOOTER -->
602 
 
603 
    <!-- Load javascripts at bottom, this will reduce page load time -->
604 
    <!-- BEGIN CORE PLUGINS (REQUIRED FOR ALL PAGES) -->
605 
    <!--[if lt IE 9]>
606 
    <script src="../../assets/global/plugins/respond.min.js"></script>
607 
    <![endif]-->
608 
    <script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
609 
    <script src="../../assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
610 
    <script src="../../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>      
611 
    <script src="../../assets/frontend/layout/scripts/back-to-top.js" type="text/javascript"></script>
612 
    <!-- END CORE PLUGINS -->
613 
 
614 
    <!-- BEGIN PAGE LEVEL JAVASCRIPTS (REQUIRED ONLY FOR CURRENT PAGE) -->
615 
    <script src="../../assets/global/plugins/fancybox/source/jquery.fancybox.pack.js" type="text/javascript"></script><!-- pop up -->
616 
 
617 
    <script src="../../assets/frontend/layout/scripts/layout.js" type="text/javascript"></script>
618 
    <script type="text/javascript">
619 
        jQuery(document).ready(function() {
620 
            Layout.init();    
621 
            Layout.initTwitter();
622 
        });
623 
    </script>
624 
    <!-- END PAGE LEVEL JAVASCRIPTS -->
625 
</body>
626 
<!-- END BODY -->
627 
</html>