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