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