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>Gallery | 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/pages/css/gallery.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 class="active"><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><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">Gallery</li>
295 
        </ul>
296 
        <!-- BEGIN SIDEBAR & CONTENT -->
297 
        <div class="row margin-bottom-40">
298 
          <!-- BEGIN CONTENT -->
299 
          <div class="col-md-12">
300 
            <h1>Gallery</h1>
301 
            <div class="content-page">
302 
              <div class="row margin-bottom-40">
303 
                <div class="col-md-3 col-sm-4 gallery-item">
304 
                  <a data-rel="fancybox-button" title="Project Name" href="../../assets/frontend/pages/img/works/img1.jpg" class="fancybox-button">
305 
                    <img alt="" src="../../assets/frontend/pages/img/works/img1.jpg" class="img-responsive">
306 
                    <div class="zoomix"><i class="fa fa-search"></i></div>
307 
                  </a>
308 
                </div>
309 
                <div class="col-md-3 col-sm-4 gallery-item">
310 
                  <a data-rel="fancybox-button" title="Project Name" href="../../assets/frontend/pages/img/works/img2.jpg" class="fancybox-button">
311 
                    <img alt="" src="../../assets/frontend/pages/img/works/img2.jpg" class="img-responsive">
312 
                    <div class="zoomix"><i class="fa fa-search"></i></div>
313 
                  </a>
314 
                </div>
315 
                <div class="col-md-3 col-sm-4 gallery-item">
316 
                  <a data-rel="fancybox-button" title="Project Name" href="../../assets/frontend/pages/img/works/img3.jpg" class="fancybox-button">
317 
                    <img alt="" src="../../assets/frontend/pages/img/works/img3.jpg" class="img-responsive">
318 
                    <div class="zoomix"><i class="fa fa-search"></i></div>
319 
                  </a>
320 
                </div>
321 
                <div class="col-md-3 col-sm-4 gallery-item">
322 
                  <a data-rel="fancybox-button" title="Project Name" href="../../assets/frontend/pages/img/works/img4.jpg" class="fancybox-button">
323 
                    <img alt="" src="../../assets/frontend/pages/img/works/img4.jpg" class="img-responsive">
324 
                    <div class="zoomix"><i class="fa fa-search"></i></div>
325 
                  </a>
326 
                </div>
327 
                <div class="col-md-3 col-sm-4 gallery-item">
328 
                  <a data-rel="fancybox-button" title="Project Name" href="../../assets/frontend/pages/img/works/img5.jpg" class="fancybox-button">
329 
                    <img alt="" src="../../assets/frontend/pages/img/works/img5.jpg" class="img-responsive">
330 
                    <div class="zoomix"><i class="fa fa-search"></i></div>
331 
                  </a>
332 
                </div>
333 
                <div class="col-md-3 col-sm-4 gallery-item">
334 
                  <a data-rel="fancybox-button" title="Project Name" href="../../assets/frontend/pages/img/works/img6.jpg" class="fancybox-button">
335 
                    <img alt="" src="../../assets/frontend/pages/img/works/img6.jpg" class="img-responsive">
336 
                    <div class="zoomix"><i class="fa fa-search"></i></div>
337 
                  </a>
338 
                </div>
339 
                <div class="col-md-3 col-sm-4 gallery-item">
340 
                  <a data-rel="fancybox-button" title="Project Name" href="../../assets/frontend/pages/img/works/img1.jpg" class="fancybox-button">
341 
                    <img alt="" src="../../assets/frontend/pages/img/works/img1.jpg" class="img-responsive">
342 
                    <div class="zoomix"><i class="fa fa-search"></i></div>
343 
                  </a>
344 
                </div>
345 
                <div class="col-md-3 col-sm-4 gallery-item">
346 
                  <a data-rel="fancybox-button" title="Project Name" href="../../assets/frontend/pages/img/works/img2.jpg" class="fancybox-button">
347 
                    <img alt="" src="../../assets/frontend/pages/img/works/img2.jpg" class="img-responsive">
348 
                    <div class="zoomix"><i class="fa fa-search"></i></div>
349 
                  </a>
350 
                </div>
351 
                <div class="col-md-3 col-sm-4 gallery-item">
352 
                  <a data-rel="fancybox-button" title="Project Name" href="../../assets/frontend/pages/img/works/img3.jpg" class="fancybox-button">
353 
                    <img alt="" src="../../assets/frontend/pages/img/works/img3.jpg" class="img-responsive">
354 
                    <div class="zoomix"><i class="fa fa-search"></i></div>
355 
                  </a>
356 
                </div>
357 
                <div class="col-md-3 col-sm-4 gallery-item">
358 
                  <a data-rel="fancybox-button" title="Project Name" href="../../assets/frontend/pages/img/works/img4.jpg" class="fancybox-button">
359 
                    <img alt="" src="../../assets/frontend/pages/img/works/img4.jpg" class="img-responsive">
360 
                    <div class="zoomix"><i class="fa fa-search"></i></div>
361 
                  </a>
362 
                </div>
363 
                <div class="col-md-3 col-sm-4 gallery-item">
364 
                  <a data-rel="fancybox-button" title="Project Name" href="../../assets/frontend/pages/img/works/img5.jpg" class="fancybox-button">
365 
                    <img alt="" src="../../assets/frontend/pages/img/works/img5.jpg" class="img-responsive">
366 
                    <div class="zoomix"><i class="fa fa-search"></i></div>
367 
                  </a>
368 
                </div>
369 
                <div class="col-md-3 col-sm-4 gallery-item">
370 
                  <a data-rel="fancybox-button" title="Project Name" href="../../assets/frontend/pages/img/works/img2.jpg" class="fancybox-button">
371 
                    <img alt="" src="../../assets/frontend/pages/img/works/img2.jpg" class="img-responsive">
372 
                    <div class="zoomix"><i class="fa fa-search"></i></div>
373 
                  </a>
374 
                </div>
375 
                <div class="col-md-3 col-sm-4 gallery-item">
376 
                  <a data-rel="fancybox-button" title="Project Name" href="../../assets/frontend/pages/img/works/img2.jpg" class="fancybox-button">
377 
                    <img alt="" src="../../assets/frontend/pages/img/works/img2.jpg" class="img-responsive">
378 
                    <div class="zoomix"><i class="fa fa-search"></i></div>
379 
                  </a>
380 
                </div>
381 
                <div class="col-md-3 col-sm-4 gallery-item">
382 
                  <a data-rel="fancybox-button" title="Project Name" href="../../assets/frontend/pages/img/works/img3.jpg" class="fancybox-button">
383 
                    <img alt="" src="../../assets/frontend/pages/img/works/img3.jpg" class="img-responsive">
384 
                    <div class="zoomix"><i class="fa fa-search"></i></div>
385 
                  </a>
386 
                </div>        
387 
              </div>
388 
            </div>
389 
          </div>
390 
          <!-- END CONTENT -->
391 
        </div>
392 
      </div>
393 
    </div>
394 
 
395 
    <!-- BEGIN PRE-FOOTER -->
396 
    <div class="pre-footer">
397 
      <div class="container">
398 
        <div class="row">
399 
          <!-- BEGIN BOTTOM ABOUT BLOCK -->
400 
          <div class="col-md-4 col-sm-6 pre-footer-col">
401 
            <h2>About us</h2>
402 
            <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>
403 
 
404 
            <div class="photo-stream">
405 
              <h2>Photos Stream</h2>
406 
              <ul class="list-unstyled">
407 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img5-small.jpg"></a></li>
408 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img1.jpg"></a></li>
409 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img4-large.jpg"></a></li>
410 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img6.jpg"></a></li>
411 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img3.jpg"></a></li>
412 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img2-large.jpg"></a></li>
413 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img2.jpg"></a></li>
414 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img5.jpg"></a></li>
415 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img5-small.jpg"></a></li>
416 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img1.jpg"></a></li>
417 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img4-large.jpg"></a></li>
418 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img6.jpg"></a></li>
419 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img3.jpg"></a></li>
420 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img2-large.jpg"></a></li>
421 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img2.jpg"></a></li>
422 
              </ul>                    
423 
            </div>
424 
          </div>
425 
          <!-- END BOTTOM ABOUT BLOCK -->
426 
 
427 
          <!-- BEGIN BOTTOM CONTACTS -->
428 
          <div class="col-md-4 col-sm-6 pre-footer-col">
429 
            <h2>Our Contacts</h2>
430 
            <address class="margin-bottom-40">
431 
              35, Lorem Lis Street, Park Ave<br>
432 
              California, US<br>
433 
              Phone: 300 323 3456<br>
434 
              Fax: 300 323 1456<br>
435 
              Email: <a href="mailto:info@metronic.com">info@metronic.com</a><br>
436 
              Skype: <a href="skype:metronic">metronic</a>
437 
            </address>
438 
 
439 
            <div class="pre-footer-subscribe-box pre-footer-subscribe-box-vertical">
440 
              <h2>Newsletter</h2>
441 
              <p>Subscribe to our newsletter and stay up to date with the latest news and deals!</p>
442 
              <form action="#">
443 
                <div class="input-group">
444 
                  <input type="text" placeholder="youremail@mail.com" class="form-control">
445 
                  <span class="input-group-btn">
446 
                    <button class="btn btn-primary" type="submit">Subscribe</button>
447 
                  </span>
448 
                </div>
449 
              </form>
450 
            </div>
451 
          </div>
452 
          <!-- END BOTTOM CONTACTS -->
453 
 
454 
          <!-- BEGIN TWITTER BLOCK -->
455 
          <div class="col-md-4 col-sm-6 pre-footer-col">
456 
            <h2 class="margin-bottom-0">Latest Tweets</h2>
457 
            <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>
458 
          </div>
459 
          <!-- END TWITTER BLOCK -->
460 
        </div>
461 
      </div>
462 
    </div>
463 
    <!-- END PRE-FOOTER -->
464 
 
465 
    <!-- BEGIN FOOTER -->
466 
    <div class="footer">
467 
      <div class="container">
468 
        <div class="row">
469 
          <!-- BEGIN COPYRIGHT -->
470 
          <div class="col-md-6 col-sm-6 padding-top-10">
471 
            2014 © Metronic Shop UI. ALL Rights Reserved. <a href="#">Privacy Policy</a> | <a href="#">Terms of Service</a>
472 
          </div>
473 
          <!-- END COPYRIGHT -->
474 
          <!-- BEGIN PAYMENTS -->
475 
          <div class="col-md-6 col-sm-6">
476 
            <ul class="social-footer list-unstyled list-inline pull-right">
477 
              <li><a href="#"><i class="fa fa-facebook"></i></a></li>
478 
              <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
479 
              <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
480 
              <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
481 
              <li><a href="#"><i class="fa fa-twitter"></i></a></li>
482 
              <li><a href="#"><i class="fa fa-skype"></i></a></li>
483 
              <li><a href="#"><i class="fa fa-github"></i></a></li>
484 
              <li><a href="#"><i class="fa fa-youtube"></i></a></li>
485 
              <li><a href="#"><i class="fa fa-dropbox"></i></a></li>
486 
            </ul>  
487 
          </div>
488 
          <!-- END PAYMENTS -->
489 
        </div>
490 
      </div>
491 
    </div>
492 
    <!-- END FOOTER -->
493 
 
494 
    <!-- Load javascripts at bottom, this will reduce page load time -->
495 
    <!-- BEGIN CORE PLUGINS (REQUIRED FOR ALL PAGES) -->
496 
    <!--[if lt IE 9]>
497 
    <script src="../../assets/global/plugins/respond.min.js"></script>
498 
    <![endif]-->
499 
    <script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
500 
    <script src="../../assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
501 
    <script src="../../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>      
502 
    <script src="../../assets/frontend/layout/scripts/back-to-top.js" type="text/javascript"></script>
503 
    <!-- END CORE PLUGINS -->
504 
 
505 
    <!-- BEGIN PAGE LEVEL JAVASCRIPTS (REQUIRED ONLY FOR CURRENT PAGE) -->
506 
    <script src="../../assets/global/plugins/fancybox/source/jquery.fancybox.pack.js" type="text/javascript"></script><!-- pop up -->
507 
 
508 
    <script src="../../assets/frontend/layout/scripts/layout.js" type="text/javascript"></script>
509 
    <script type="text/javascript">
510 
        jQuery(document).ready(function() {
511 
            Layout.init();    
512 
            Layout.initTwitter();
513 
        });
514 
    </script>
515 
    <!-- END PAGE LEVEL JAVASCRIPTS -->
516 
</body>
517 
<!-- END BODY -->
518 
</html>