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>Blog 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 
  <!-- Page level plugin styles END -->
52 
 
53 
  <!-- Theme styles START -->
54 
  <link href="../../assets/global/css/components.css" rel="stylesheet">
55 
  <link href="../../assets/frontend/layout/css/style.css" rel="stylesheet">
56 
  <link href="../../assets/frontend/layout/css/style-responsive.css" rel="stylesheet">
57 
  <link href="../../assets/frontend/layout/css/themes/red.css" rel="stylesheet" id="style-color">
58 
  <link href="../../assets/frontend/layout/css/custom.css" rel="stylesheet">
59 
  <!-- Theme styles END -->
60 
</head>
61 
<!-- Head END -->
62 
 
63 
<!-- Body BEGIN -->
64 
<body class="corporate">
65 
    <!-- BEGIN STYLE CUSTOMIZER -->
66 
    <div class="color-panel hidden-sm">
67 
      <div class="color-mode-icons icon-color"></div>
68 
      <div class="color-mode-icons icon-color-close"></div>
69 
      <div class="color-mode">
70 
        <p>THEME COLOR</p>
71 
        <ul class="inline">
72 
          <li class="color-red current color-default" data-style="red"></li>
73 
          <li class="color-blue" data-style="blue"></li>
74 
          <li class="color-green" data-style="green"></li>
75 
          <li class="color-orange" data-style="orange"></li>
76 
          <li class="color-gray" data-style="gray"></li>
77 
          <li class="color-turquoise" data-style="turquoise"></li>
78 
        </ul>
79 
      </div>
80 
    </div>
81 
    <!-- END BEGIN STYLE CUSTOMIZER -->
82 
 
83 
    <!-- BEGIN TOP BAR -->
84 
    <div class="pre-header">
85 
        <div class="container">
86 
            <div class="row">
87 
                <!-- BEGIN TOP BAR LEFT PART -->
88 
                <div class="col-md-6 col-sm-6 additional-shop-info">
89 
                    <ul class="list-unstyled list-inline">
90 
                        <li><i class="fa fa-phone"></i><span>+1 456 6717</span></li>
91 
                        <li><i class="fa fa-envelope-o"></i><span>info@keenthemes.com</span></li>
92 
                    </ul>
93 
                </div>
94 
                <!-- END TOP BAR LEFT PART -->
95 
                <!-- BEGIN TOP BAR MENU -->
96 
                <div class="col-md-6 col-sm-6 additional-nav">
97 
                    <ul class="list-unstyled list-inline pull-right">
98 
                        <li><a href="page-login.html">Log In</a></li>
99 
                        <li><a href="page-reg-page.html">Registration</a></li>
100 
                    </ul>
101 
                </div>
102 
                <!-- END TOP BAR MENU -->
103 
            </div>
104 
        </div>        
105 
    </div>
106 
    <!-- END TOP BAR -->
107 
    <!-- BEGIN HEADER -->
108 
    <div class="header">
109 
      <div class="container">
110 
        <a class="site-logo" href="index.html"><img src="../../assets/frontend/layout/img/logos/logo-corp-red.png" alt="Metronic FrontEnd"></a>
111 
 
112 
        <a href="javascript:void(0);" class="mobi-toggler"><i class="fa fa-bars"></i></a>
113 
 
114 
        <!-- BEGIN NAVIGATION -->
115 
        <div class="header-navigation pull-right font-transform-inherit">
116 
          <ul>
117 
            <li class="dropdown">
118 
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
119 
                Home
120 
 
121 
              </a>
122 
 
123 
              <ul class="dropdown-menu">
124 
                <li><a href="index.html">Home Default</a></li>
125 
                <li><a href="index-header-fix.html">Home with Header Fixed</a></li>
126 
                <li><a href="index-without-topbar.html">Home without Top Bar</a></li>
127 
              </ul>
128 
            </li>
129 
            <li class="dropdown dropdown-megamenu">
130 
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
131 
                Mega Menu
132 
 
133 
              </a>
134 
              <ul class="dropdown-menu">
135 
                <li>
136 
                  <div class="header-navigation-content">
137 
                    <div class="row">
138 
                      <div class="col-md-4 header-navigation-col">
139 
                        <h4>Footwear</h4>
140 
                        <ul>
141 
                          <li><a href="index.html">Astro Trainers</a></li>
142 
                          <li><a href="index.html">Basketball Shoes</a></li>
143 
                          <li><a href="index.html">Boots</a></li>
144 
                          <li><a href="index.html">Canvas Shoes</a></li>
145 
                          <li><a href="index.html">Football Boots</a></li>
146 
                          <li><a href="index.html">Golf Shoes</a></li>
147 
                          <li><a href="index.html">Hi Tops</a></li>
148 
                          <li><a href="index.html">Indoor Trainers</a></li>
149 
                        </ul>
150 
                      </div>
151 
                      <div class="col-md-4 header-navigation-col">
152 
                        <h4>Clothing</h4>
153 
                        <ul>
154 
                          <li><a href="index.html">Base Layer</a></li>
155 
                          <li><a href="index.html">Character</a></li>
156 
                          <li><a href="index.html">Chinos</a></li>
157 
                          <li><a href="index.html">Combats</a></li>
158 
                          <li><a href="index.html">Cricket Clothing</a></li>
159 
                          <li><a href="index.html">Fleeces</a></li>
160 
                          <li><a href="index.html">Gilets</a></li>
161 
                          <li><a href="index.html">Golf Tops</a></li>
162 
                        </ul>
163 
                      </div>
164 
                      <div class="col-md-4 header-navigation-col">
165 
                        <h4>Accessories</h4>
166 
                        <ul>
167 
                          <li><a href="index.html">Belts</a></li>
168 
                          <li><a href="index.html">Caps</a></li>
169 
                          <li><a href="index.html">Gloves</a></li>
170 
                        </ul>
171 
 
172 
                        <h4>Clearance</h4>
173 
                        <ul>
174 
                          <li><a href="index.html">Jackets</a></li>
175 
                          <li><a href="index.html">Bottoms</a></li>
176 
                        </ul>
177 
                      </div>
178 
                    </div>
179 
                  </div>
180 
                </li>
181 
              </ul>
182 
            </li>
183 
            <li class="dropdown">
184 
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
185 
                Pages
186 
 
187 
              </a>
188 
 
189 
              <ul class="dropdown-menu">
190 
                <li><a href="page-about.html">About Us</a></li>
191 
                <li><a href="page-services.html">Services</a></li>
192 
                <li><a href="page-prices.html">Prices</a></li>
193 
                <li><a href="page-faq.html">FAQ</a></li>
194 
                <li><a href="page-gallery.html">Gallery</a></li>
195 
                <li><a href="page-search-result.html">Search Result</a></li>
196 
                <li><a href="page-404.html">404</a></li>
197 
                <li><a href="page-500.html">500</a></li>
198 
                <li><a href="page-login.html">Login Page</a></li>
199 
                <li><a href="page-forgotton-password.html">Forget Password</a></li>
200 
                <li><a href="page-reg-page.html">Signup Page</a></li>
201 
                <li><a href="page-careers.html">Careers</a></li>
202 
                <li><a href="page-site-map.html">Site Map</a></li>
203 
                <li><a href="page-contacts.html">Contact</a></li>                
204 
              </ul>
205 
            </li>
206 
            <li class="dropdown">
207 
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
208 
                Features
209 
 
210 
              </a>
211 
 
212 
              <ul class="dropdown-menu">
213 
                <li><a href="feature-typography.html">Typography</a></li>
214 
                <li><a href="feature-buttons.html">Buttons</a></li>
215 
                <li><a href="feature-forms.html">Forms</a></li>
216 
                <li class="dropdown-submenu">
217 
                  <a href="index.html">Multi level <i class="fa fa-angle-right"></i></a>
218 
                  <ul class="dropdown-menu" role="menu">
219 
                    <li><a href="index.html">Second Level Link</a></li>
220 
                    <li><a href="index.html">Second Level Link</a></li>
221 
                    <li class="dropdown-submenu">
222 
                      <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
223 
                        Second Level Link
224 
                        <i class="fa fa-angle-right"></i>
225 
                      </a>
226 
                      <ul class="dropdown-menu">
227 
                        <li><a href="index.html">Third Level Link</a></li>
228 
                        <li><a href="index.html">Third Level Link</a></li>
229 
                        <li><a href="index.html">Third Level Link</a></li>
230 
                      </ul>
231 
                    </li>
232 
                  </ul>
233 
                </li>
234 
              </ul>
235 
            </li>
236 
            <li class="dropdown">
237 
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
238 
                Portfolio
239 
 
240 
              </a>
241 
 
242 
              <ul class="dropdown-menu">
243 
                <li><a href="portfolio-4.html">Portfolio 4</a></li>
244 
                <li><a href="portfolio-3.html">Portfolio 3</a></li>
245 
                <li><a href="portfolio-2.html">Portfolio 2</a></li>
246 
                <li><a href="portfolio-item.html">Portfolio Item</a></li>
247 
              </ul>
248 
            </li>
249 
            <li class="dropdown active">
250 
              <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#">
251 
                Blog
252 
 
253 
              </a>
254 
 
255 
              <ul class="dropdown-menu">
256 
                <li><a href="blog.html">Blog Page</a></li>
257 
                <li class="active"><a href="blog-item.html">Blog Item</a></li>
258 
              </ul>
259 
            </li>
260 
            <li><a href="shop-index.html" target="_blank">E-Commerce</a></li>
261 
            <li><a href="onepage-index.html" target="_blank">One Page</a></li>
262 
            <li><a href="http://keenthemes.com/preview/metronic/theme/templates/admin" target="_blank">Admin theme</a></li>
263 
 
264 
            <!-- BEGIN TOP SEARCH -->
265 
            <li class="menu-search">
266 
              <span class="sep"></span>
267 
              <i class="fa fa-search search-btn"></i>
268 
              <div class="search-box">
269 
                <form action="#">
270 
                  <div class="input-group">
271 
                    <input type="text" placeholder="Search" class="form-control">
272 
                    <span class="input-group-btn">
273 
                      <button class="btn btn-primary" type="submit">Search</button>
274 
                    </span>
275 
                  </div>
276 
                </form>
277 
              </div>
278 
            </li>
279 
            <!-- END TOP SEARCH -->
280 
          </ul>
281 
        </div>
282 
        <!-- END NAVIGATION -->
283 
      </div>
284 
    </div>
285 
    <!-- Header END -->
286 
 
287 
    <div class="main">
288 
      <div class="container">
289 
        <ul class="breadcrumb">
290 
            <li><a href="index.html">Home</a></li>
291 
            <li><a href="#">Blog</a></li>
292 
            <li class="active">Blog Item</li>
293 
        </ul>
294 
        <!-- BEGIN SIDEBAR & CONTENT -->
295 
        <div class="row margin-bottom-40">
296 
          <!-- BEGIN CONTENT -->
297 
          <div class="col-md-12 col-sm-12">
298 
            <h1>Blog Item</h1>
299 
            <div class="content-page">
300 
              <div class="row">
301 
                <!-- BEGIN LEFT SIDEBAR -->            
302 
                <div class="col-md-9 col-sm-9 blog-item">
303 
                  <div class="blog-item-img">
304 
                    <!-- BEGIN CAROUSEL -->            
305 
                    <div class="front-carousel">
306 
                      <div id="myCarousel" class="carousel slide">
307 
                        <!-- Carousel items -->
308 
                        <div class="carousel-inner">
309 
                          <div class="item">
310 
                            <img src="../../assets/frontend/pages/img/posts/img1.jpg" alt="">
311 
                          </div>
312 
                          <div class="item">
313 
                            <!-- BEGIN VIDEO -->  
314 
                            <iframe src="http://player.vimeo.com/video/56974716?portrait=0" style="width:100%; border:0" allowfullscreen="" height="259"></iframe>
315 
                            <!-- END VIDEO -->  
316 
                          </div>
317 
                          <div class="item active">
318 
                            <img src="../../assets/frontend/pages/img/posts/img3.jpg" alt="">
319 
                          </div>
320 
                        </div>
321 
                        <!-- Carousel nav -->
322 
                        <a class="carousel-control left" href="#myCarousel" data-slide="prev">
323 
                          <i class="fa fa-angle-left"></i>
324 
                        </a>
325 
                        <a class="carousel-control right" href="#myCarousel" data-slide="next">
326 
                          <i class="fa fa-angle-right"></i>
327 
                        </a>
328 
                      </div>                
329 
                    </div>
330 
                    <!-- END CAROUSEL -->            
331 
                  </div>
332 
                  <h2><a href="#">Corrupti quos dolores etquas</a></h2>
333 
                  <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui sint blanditiis prae sentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non eleifend enim a feugiat. Pellentesque viverra vehicula sem ut volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing condimentum eleifend enim a feugiat.</p>
334 
                  <blockquote>
335 
                    <p>Pellentesque ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante Integer posuere erat a ante.</p>
336 
                    <small>Someone famous <cite title="Source Title">Source Title</cite></small>
337 
                  </blockquote>                
338 
                  <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, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non libero consectetur adipiscing elit magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat. Pellentesque viverra vehicula sem ut volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non libero magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat.</p>
339 
                  <p>Culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non libero consectetur adipiscing elit magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat. Pellentesque viverra vehicula sem ut volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut non libero magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat.</p>
340 
                  <ul class="blog-info">
341 
                    <li><i class="fa fa-user"></i> By admin</li>
342 
                    <li><i class="fa fa-calendar"></i> 25/07/2013</li>
343 
                    <li><i class="fa fa-comments"></i> 17</li>
344 
                    <li><i class="fa fa-tags"></i> Metronic, Keenthemes, UI Design</li>
345 
                  </ul>
346 
 
347 
                  <h2>Comments</h2>
348 
                  <div class="comments">
349 
                    <div class="media">                    
350 
                      <a href="#" class="pull-left">
351 
                      <img src="../../assets/frontend/pages/img/people/img1-small.jpg" alt="" class="media-object">
352 
                      </a>
353 
                      <div class="media-body">
354 
                        <h4 class="media-heading">Media heading <span>5 hours ago / <a href="#">Reply</a></span></h4>
355 
                        <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
356 
                        <!-- Nested media object -->
357 
                        <div class="media">
358 
                          <a href="#" class="pull-left">
359 
                          <img src="../../assets/frontend/pages/img/people/img2-small.jpg" alt="" class="media-object">
360 
                          </a>
361 
                          <div class="media-body">
362 
                            <h4 class="media-heading">Media heading <span>17 hours ago / <a href="#">Reply</a></span></h4>
363 
                            <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
364 
                          </div>
365 
                        </div>
366 
                        <!--end media-->                      
367 
                        <div class="media">
368 
                          <a href="#" class="pull-left">
369 
                          <img src="../../assets/frontend/pages/img/people/img3-small.jpg" alt="" class="media-object">
370 
                          </a>
371 
                          <div class="media-body">
372 
                            <h4 class="media-heading">Media heading <span>2 days ago / <a href="#">Reply</a></span></h4>
373 
                            <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
374 
                          </div>
375 
                        </div>
376 
                        <!--end media-->
377 
                      </div>
378 
                    </div>
379 
                    <!--end media-->
380 
                    <div class="media">
381 
                      <a href="#" class="pull-left">
382 
                      <img src="../../assets/frontend/pages/img/people/img4-small.jpg" alt="" class="media-object">
383 
                      </a>
384 
                      <div class="media-body">
385 
                        <h4 class="media-heading">Media heading <span>July 25,2013 / <a href="#">Reply</a></span></h4>
386 
                        <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
387 
                      </div>
388 
                    </div>
389 
                    <!--end media-->
390 
                  </div>
391 
 
392 
                  <div class="post-comment padding-top-40">
393 
                    <h3>Leave a Comment</h3>
394 
                    <form role="form">
395 
                      <div class="form-group">
396 
                        <label>Name</label>
397 
                        <input class="form-control" type="text">
398 
                      </div>
399 
 
400 
                      <div class="form-group">
401 
                        <label>Email <span class="color-red">*</span></label>
402 
                        <input class="form-control" type="text">
403 
                      </div>
404 
 
405 
                      <div class="form-group">
406 
                        <label>Message</label>
407 
                        <textarea class="form-control" rows="8"></textarea>
408 
                      </div>
409 
                      <p><button class="btn btn-primary" type="submit">Post a Comment</button></p>
410 
                    </form>
411 
                  </div>                      
412 
                </div>
413 
                <!-- END LEFT SIDEBAR -->
414 
 
415 
                <!-- BEGIN RIGHT SIDEBAR -->            
416 
                <div class="col-md-3 col-sm-3 blog-sidebar">
417 
                  <!-- CATEGORIES START -->
418 
                  <h2 class="no-top-space">Categories</h2>
419 
                  <ul class="nav sidebar-categories margin-bottom-40">
420 
                    <li><a href="#">London (18)</a></li>
421 
                    <li><a href="#">Moscow (5)</a></li>
422 
                    <li class="active"><a href="#">Paris (12)</a></li>
423 
                    <li><a href="#">Berlin (7)</a></li>
424 
                    <li><a href="#">Istanbul (3)</a></li>
425 
                  </ul>
426 
                  <!-- CATEGORIES END -->
427 
 
428 
                  <!-- BEGIN RECENT NEWS -->                            
429 
                  <h2>Recent News</h2>
430 
                  <div class="recent-news margin-bottom-10">
431 
                    <div class="row margin-bottom-10">
432 
                      <div class="col-md-3">
433 
                        <img class="img-responsive" alt="" src="../../assets/frontend/pages/img/people/img2-large.jpg">                        
434 
                      </div>
435 
                      <div class="col-md-9 recent-news-inner">
436 
                        <h3><a href="#">Letiusto gnissimos</a></h3>
437 
                        <p>Decusamus tiusto odiodig nis simos ducimus qui sint</p>
438 
                      </div>                        
439 
                    </div>
440 
                    <div class="row margin-bottom-10">
441 
                      <div class="col-md-3">
442 
                        <img class="img-responsive" alt="" src="../../assets/frontend/pages/img/people/img1-large.jpg">                        
443 
                      </div>
444 
                      <div class="col-md-9 recent-news-inner">
445 
                        <h3><a href="#">Deiusto anissimos</a></h3>
446 
                        <p>Decusamus tiusto odiodig nis simos ducimus qui sint</p>
447 
                      </div>                        
448 
                    </div>
449 
                    <div class="row margin-bottom-10">
450 
                      <div class="col-md-3">
451 
                        <img class="img-responsive" alt="" src="../../assets/frontend/pages/img/people/img3-large.jpg">                        
452 
                      </div>
453 
                      <div class="col-md-9 recent-news-inner">
454 
                        <h3><a href="#">Tesiusto baissimos</a></h3>
455 
                        <p>Decusamus tiusto odiodig nis simos ducimus qui sint</p>
456 
                      </div>                        
457 
                    </div>
458 
                  </div>
459 
                  <!-- END RECENT NEWS -->                            
460 
 
461 
                  <!-- BEGIN BLOG TALKS -->
462 
                  <div class="blog-talks margin-bottom-30">
463 
                    <h2>Popular Talks</h2>
464 
                    <div class="tab-style-1">
465 
                      <ul class="nav nav-tabs">
466 
                        <li class="active"><a data-toggle="tab" href="#tab-1">Multipurpose</a></li>
467 
                        <li><a data-toggle="tab" href="#tab-2">Documented</a></li>
468 
                      </ul>
469 
                      <div class="tab-content">
470 
                        <div id="tab-1" class="tab-pane row-fluid fade in active">
471 
                          <p class="margin-bottom-10">Raw denim you probably haven't heard of them jean shorts Austin. eu banh mi, qui irure terry richardson ex squid Aliquip placeat salvia cillum iphone.</p>
472 
                          <p><a class="more" href="#">Read more</a></p>
473 
                        </div>
474 
                        <div id="tab-2" class="tab-pane fade">
475 
                          <p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. aliquip jean shorts ullamco ad vinyl aesthetic magna delectus mollit. Keytar helvetica VHS salvia..</p>
476 
                        </div>
477 
                      </div>
478 
                    </div>
479 
                  </div>                            
480 
                  <!-- END BLOG TALKS -->
481 
 
482 
                  <!-- BEGIN BLOG PHOTOS STREAM -->
483 
                  <div class="blog-photo-stream margin-bottom-20">
484 
                    <h2>Photos Stream</h2>
485 
                    <ul class="list-unstyled">
486 
                      <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img5-small.jpg"></a></li>
487 
                      <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img1.jpg"></a></li>
488 
                      <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img4-large.jpg"></a></li>
489 
                      <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img6.jpg"></a></li>
490 
                      <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/pics/img1-large.jpg"></a></li>
491 
                      <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/pics/img2-large.jpg"></a></li>
492 
                      <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img3.jpg"></a></li>
493 
                      <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img2-large.jpg"></a></li>
494 
                    </ul>                    
495 
                  </div>
496 
                  <!-- END BLOG PHOTOS STREAM -->
497 
 
498 
                  <!-- BEGIN BLOG TAGS -->
499 
                  <div class="blog-tags margin-bottom-20">
500 
                    <h2>Tags</h2>
501 
                    <ul>
502 
                      <li><a href="#"><i class="fa fa-tags"></i>OS</a></li>
503 
                      <li><a href="#"><i class="fa fa-tags"></i>Metronic</a></li>
504 
                      <li><a href="#"><i class="fa fa-tags"></i>Dell</a></li>
505 
                      <li><a href="#"><i class="fa fa-tags"></i>Conquer</a></li>
506 
                      <li><a href="#"><i class="fa fa-tags"></i>MS</a></li>
507 
                      <li><a href="#"><i class="fa fa-tags"></i>Google</a></li>
508 
                      <li><a href="#"><i class="fa fa-tags"></i>Keenthemes</a></li>
509 
                      <li><a href="#"><i class="fa fa-tags"></i>Twitter</a></li>
510 
                    </ul>
511 
                  </div>
512 
                  <!-- END BLOG TAGS -->
513 
                </div>
514 
                <!-- END RIGHT SIDEBAR -->            
515 
              </div>
516 
            </div>
517 
          </div>
518 
          <!-- END CONTENT -->
519 
        </div>
520 
        <!-- END SIDEBAR & CONTENT -->
521 
      </div>
522 
    </div>
523 
 
524 
    <!-- BEGIN PRE-FOOTER -->
525 
    <div class="pre-footer">
526 
      <div class="container">
527 
        <div class="row">
528 
          <!-- BEGIN BOTTOM ABOUT BLOCK -->
529 
          <div class="col-md-4 col-sm-6 pre-footer-col">
530 
            <h2>About us</h2>
531 
            <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>
532 
 
533 
            <div class="photo-stream">
534 
              <h2>Photos Stream</h2>
535 
              <ul class="list-unstyled">
536 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img5-small.jpg"></a></li>
537 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img1.jpg"></a></li>
538 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img4-large.jpg"></a></li>
539 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img6.jpg"></a></li>
540 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img3.jpg"></a></li>
541 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img2-large.jpg"></a></li>
542 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img2.jpg"></a></li>
543 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img5.jpg"></a></li>
544 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img5-small.jpg"></a></li>
545 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img1.jpg"></a></li>
546 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img4-large.jpg"></a></li>
547 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img6.jpg"></a></li>
548 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img3.jpg"></a></li>
549 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/people/img2-large.jpg"></a></li>
550 
                <li><a href="#"><img alt="" src="../../assets/frontend/pages/img/works/img2.jpg"></a></li>
551 
              </ul>                    
552 
            </div>
553 
          </div>
554 
          <!-- END BOTTOM ABOUT BLOCK -->
555 
 
556 
          <!-- BEGIN BOTTOM CONTACTS -->
557 
          <div class="col-md-4 col-sm-6 pre-footer-col">
558 
            <h2>Our Contacts</h2>
559 
            <address class="margin-bottom-40">
560 
              35, Lorem Lis Street, Park Ave<br>
561 
              California, US<br>
562 
              Phone: 300 323 3456<br>
563 
              Fax: 300 323 1456<br>
564 
              Email: <a href="mailto:info@metronic.com">info@metronic.com</a><br>
565 
              Skype: <a href="skype:metronic">metronic</a>
566 
            </address>
567 
 
568 
            <div class="pre-footer-subscribe-box pre-footer-subscribe-box-vertical">
569 
              <h2>Newsletter</h2>
570 
              <p>Subscribe to our newsletter and stay up to date with the latest news and deals!</p>
571 
              <form action="#">
572 
                <div class="input-group">
573 
                  <input type="text" placeholder="youremail@mail.com" class="form-control">
574 
                  <span class="input-group-btn">
575 
                    <button class="btn btn-primary" type="submit">Subscribe</button>
576 
                  </span>
577 
                </div>
578 
              </form>
579 
            </div>
580 
          </div>
581 
          <!-- END BOTTOM CONTACTS -->
582 
 
583 
          <!-- BEGIN TWITTER BLOCK -->
584 
          <div class="col-md-4 col-sm-6 pre-footer-col">
585 
            <h2 class="margin-bottom-0">Latest Tweets</h2>
586 
            <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>
587 
          </div>
588 
          <!-- END TWITTER BLOCK -->
589 
        </div>
590 
      </div>
591 
    </div>
592 
    <!-- END PRE-FOOTER -->
593 
 
594 
    <!-- BEGIN FOOTER -->
595 
    <div class="footer">
596 
      <div class="container">
597 
        <div class="row">
598 
          <!-- BEGIN COPYRIGHT -->
599 
          <div class="col-md-6 col-sm-6 padding-top-10">
600 
            2014 © Metronic Shop UI. ALL Rights Reserved. <a href="#">Privacy Policy</a> | <a href="#">Terms of Service</a>
601 
          </div>
602 
          <!-- END COPYRIGHT -->
603 
          <!-- BEGIN PAYMENTS -->
604 
          <div class="col-md-6 col-sm-6">
605 
            <ul class="social-footer list-unstyled list-inline pull-right">
606 
              <li><a href="#"><i class="fa fa-facebook"></i></a></li>
607 
              <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
608 
              <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
609 
              <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
610 
              <li><a href="#"><i class="fa fa-twitter"></i></a></li>
611 
              <li><a href="#"><i class="fa fa-skype"></i></a></li>
612 
              <li><a href="#"><i class="fa fa-github"></i></a></li>
613 
              <li><a href="#"><i class="fa fa-youtube"></i></a></li>
614 
              <li><a href="#"><i class="fa fa-dropbox"></i></a></li>
615 
            </ul>  
616 
          </div>
617 
          <!-- END PAYMENTS -->
618 
        </div>
619 
      </div>
620 
    </div>
621 
    <!-- END FOOTER -->
622 
 
623 
    <!-- Load javascripts at bottom, this will reduce page load time -->
624 
    <!-- BEGIN CORE PLUGINS (REQUIRED FOR ALL PAGES) -->
625 
    <!--[if lt IE 9]>
626 
    <script src="../../assets/global/plugins/respond.min.js"></script>
627 
    <![endif]-->
628 
    <script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
629 
    <script src="../../assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
630 
    <script src="../../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>      
631 
    <script src="../../assets/frontend/layout/scripts/back-to-top.js" type="text/javascript"></script>
632 
    <!-- END CORE PLUGINS -->
633 
 
634 
    <!-- BEGIN PAGE LEVEL JAVASCRIPTS (REQUIRED ONLY FOR CURRENT PAGE) -->
635 
    <script src="../../assets/global/plugins/fancybox/source/jquery.fancybox.pack.js" type="text/javascript"></script><!-- pop up -->
636 
 
637 
    <script src="../../assets/frontend/layout/scripts/layout.js" type="text/javascript"></script>
638 
    <script type="text/javascript">
639 
        jQuery(document).ready(function() {
640 
            Layout.init();
641 
            Layout.initTwitter();
642 
        });
643 
    </script>
644 
    <!-- END PAGE LEVEL JAVASCRIPTS -->
645 
</body>
646 
<!-- END BODY -->
647 
</html>