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>Metronic One Page</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 
  <!-- Fonts START -->
40 
  <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Pathway+Gothic+One|PT+Sans+Narrow:400+700|Source+Sans+Pro:200,300,400,600,700,900&amp;subset=all" rel="stylesheet" type="text/css">
41 
  <!-- Fonts END -->
42 
  <!-- Global styles BEGIN -->
43 
  <link href="../../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
44 
  <link href="../../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet">
45 
  <link href="../../assets/global/plugins/slider-revolution-slider/rs-plugin/css/settings.css" rel="stylesheet">
46 
  <!-- Global styles END -->
47 
  <!-- Page level plugin styles BEGIN -->
48 
  <link href="../../assets/global/plugins/fancybox/source/jquery.fancybox.css" rel="stylesheet">
49 
  <!-- Page level plugin styles END -->
50 
  <!-- Theme styles BEGIN -->
51 
  <link href="../../assets/global/css/components.css" rel="stylesheet">
52 
  <link href="../../assets/frontend/onepage/css/style.css" rel="stylesheet">
53 
  <link href="../../assets/frontend/onepage/css/style-responsive.css" rel="stylesheet">
54 
  <link href="../../assets/frontend/onepage/css/themes/red.css" rel="stylesheet" id="style-color">
55 
  <link href="../../assets/frontend/onepage/css/custom.css" rel="stylesheet">
56 
  <!-- Theme styles END -->
57 
</head>
58 
<!--DOC: menu-always-on-top class to the body element to set menu on top -->
59 
<body>
60 
  <!-- BEGIN STYLE CUSTOMIZER -->
61 
  <div class="color-panel">
62 
    <div class="color-mode-icons icon-color"></div>
63 
    <div class="color-mode-icons icon-color-close"></div>
64 
    <div class="color-mode">
65 
      <p>THEME COLOR</p>
66 
      <ul class="inline">
67 
        <li class="color-red current color-default" data-style="red"></li>
68 
        <li class="color-blue" data-style="blue"></li>
69 
        <li class="color-green" data-style="green"></li>
70 
        <li class="color-orange" data-style="orange"></li>
71 
        <li class="color-gray" data-style="gray"></li>
72 
        <li class="color-turquoise" data-style="turquoise"></li>
73 
      </ul>
74 
      <p>MENU POSITION</p>
75 
      <select class="form-control menu-pos">
76 
        <option value="bottom">Bottom</option>
77 
        <option value="top">Top</option>
78 
      </select>
79 
    </div>
80 
  </div>
81 
  <!-- END BEGIN STYLE CUSTOMIZER -->
82 
  <!-- Header BEGIN -->
83 
  <div class="header header-mobi-ext">
84 
    <div class="container">
85 
      <div class="row">
86 
        <!-- Logo BEGIN -->
87 
        <div class="col-md-2 col-sm-2">
88 
          <a class="scroll site-logo" href="#promo-block"><img src="../../assets/frontend/onepage/img/logo/red.png" alt="Metronic One Page"></a>
89 
        </div>
90 
        <!-- Logo END -->
91 
        <a href="javascript:void(0);" class="mobi-toggler"><i class="fa fa-bars"></i></a>
92 
        <!-- Navigation BEGIN -->
93 
        <div class="col-md-10 pull-right">
94 
          <ul class="header-navigation">
95 
            <li class="current"><a href="#promo-block">Home</a></li>
96 
            <li><a href="#about">About</a></li>
97 
            <li><a href="#services">Services</a></li>
98 
            <li><a href="#team">Team</a></li>
99 
            <li><a href="#portfolio">Portfolio</a></li>
100 
            <li><a href="#benefits">Benefits</a></li>
101 
            <li><a href="#prices">Pricing</a></li>
102 
            <li><a href="#contact">Contact</a></li>
103 
          </ul>
104 
        </div>
105 
        <!-- Navigation END -->
106 
      </div>
107 
    </div>
108 
  </div>
109 
  <!-- Header END -->
110 
  <!-- Promo block BEGIN -->
111 
  <div class="promo-block" id="promo-block">
112 
    <div class="tp-banner-container">
113 
      <div class="tp-banner" >
114 
        <ul>
115 
          <li data-transition="fade" data-slotamount="5" data-masterspeed="700" data-delay="9400" class="slider-item-1">
116 
            <img src="../../assets/frontend/onepage/img/silder/slide1.jpg" alt="" data-bgfit="cover" style="opacity:0.4 !important;" data-bgposition="center center" data-bgrepeat="no-repeat">
117 
            <div class="tp-caption large_text customin customout start"
118 
              data-x="center"
119 
              data-hoffset="0"
120 
              data-y="center"
121 
              data-voffset="60"
122 
              data-customin="x:0;y:0;z:0;rotationX:90;rotationY:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
123 
              data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
124 
              data-speed="1000"
125 
              data-start="500"
126 
              data-easing="Back.easeInOut"
127 
              data-endspeed="300">
128 
              <div class="promo-like"><i class="fa fa-thumbs-up"></i></div>
129 
              <div class="promo-like-text">
130 
                <h2>Let's just do it</h2>
131 
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing<br> elit amet sed diam nonummy nibh <a href="javascript:void(0);">dolore</a></p>
132 
              </div>
133 
            </div>
134 
            <div class="tp-caption large_bold_white fade"
135 
              data-x="center"
136 
              data-y="center"
137 
              data-voffset="-110"
138 
              data-speed="300"
139 
              data-start="1700"
140 
              data-easing="Power4.easeOut"
141 
              data-endspeed="500"
142 
              data-endeasing="Power1.easeIn"
143 
              data-captionhidden="off"
144 
              style="z-index: 6">Parallax <span>One Page</span> Has Arrived
145 
            </div>
146 
          </li>
147 
          <li data-transition="fadefromright" data-slotamount="5" data-masterspeed="700" data-delay="9400" class="slider-item-2">
148 
            <img src="../../assets/frontend/onepage/img/silder/Slide2_bg.jpg" alt="slidebg2" data-bgfit="cover" data-bgposition="center center" data-bgrepeat="no-repeat">
149 
            <div class="caption lft start"
150 
              data-y="center"
151 
              data-voffset="40"
152 
              data-x="center"
153 
              data-hoffset="-250"
154 
              data-speed="600"
155 
              data-start="500"
156 
              data-easing="easeOutBack"><img src="../../assets/frontend/onepage/img/silder/Slide2_iphone_left.png" alt="">
157 
            </div>
158 
            <div class="caption lft start"
159 
              data-y="center"
160 
              data-voffset="130"
161 
              data-x="center"
162 
              data-hoffset="170"
163 
              data-speed="600"
164 
              data-start="1200"
165 
              data-easing="easeOutBack"><img src="../../assets/frontend/onepage/img/silder/Slide2_iphone_right.png" alt="">
166 
            </div>
167 
            <div class="tp-caption large_bold_white fade"
168 
              data-x="center"
169 
              data-y="40"
170 
              data-speed="300"
171 
              data-start="1700"
172 
              data-easing="Power4.easeOut"
173 
              data-endspeed="500"
174 
              data-endeasing="Power1.easeIn"
175 
              data-captionhidden="off"
176 
              style="z-index: 6">Extremely <span>Responsive</span> Design
177 
            </div>
178 
          </li>
179 
          <li data-transition="fade" data-slotamount="5" data-masterspeed="700" data-delay="9400" class="slider-item-3">
180 
            <img src="http://themepunch.com/revolution/wp-content/uploads/2014/05/video_woman_cover3.jpg"  alt="video_woman_cover3"  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat">
181 
 
182 
            <div class="tp-caption tp-fade fadeout fullscreenvideo"
183 
              data-x="0"
184 
              data-y="0"
185 
              data-speed="1000"
186 
              data-start="1100"
187 
              data-easing="Power4.easeOut"
188 
              data-endspeed="1500"
189 
              data-endeasing="Power4.easeIn"
190 
              data-autoplay="true"
191 
              data-autoplayonlyfirsttime="false"
192 
              data-nextslideatend="true"
193 
              data-forceCover="1"
194 
              data-dottedoverlay="twoxtwo"
195 
              data-aspectratio="16:9"
196 
              data-forcerewind="on"
197 
              style="z-index: 2">
198 
              <video class="video-js vjs-default-skin" preload="none" width="100%" height="100%">
199 
                  <source src='http://goodwebtheme.com/previewvideo/forest_edit.mp4' type='video/mp4'>
200 
                <source src='http://goodwebtheme.com/previewvideo/forest_edit.webm' type='video/webm'>
201 
                <source src='http://goodwebtheme.com/previewvideo/forest_edit.ogv' type='video/ogg'>
202 
 
203 
              </video>
204 
            </div>
205 
            <div class="tp-caption large_bold_white_25 customin customout tp-resizeme"
206 
              data-x="center" data-hoffset="0"
207 
              data-y="170"
208 
              data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:5;scaleY:5;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
209 
              data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
210 
              data-speed="600"
211 
              data-start="1400"
212 
              data-easing="Power4.easeOut"
213 
              data-endspeed="600"
214 
              data-endeasing="Power0.easeIn"
215 
              style="z-index: 3">The clearest way into the Universe<br/>is through a forest wilderness.
216 
            </div>
217 
            <div class="tp-caption medium_text_shadow customin customout tp-resizeme"
218 
              data-x="center" data-hoffset="0"
219 
              data-y="bottom" data-voffset="-140"
220 
              data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:5;scaleY:5;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
221 
              data-customout="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0.75;scaleY:0.75;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
222 
              data-speed="600"
223 
              data-start="1700"
224 
              data-easing="Power4.easeOut"
225 
              data-endspeed="600"
226 
              data-endeasing="Power0.easeIn"
227 
              style="z-index: 4">John Muir
228 
            </div>
229 
          </li>
230 
        </ul>
231 
      </div>
232 
    </div>
233 
  </div>
234 
  <!-- Promo block END -->
235 
  <!-- About block BEGIN -->
236 
  <div class="about-block content content-center" id="about">
237 
    <div class="container">
238 
      <h2><strong>Metronic</strong> Inspires</h2>
239 
      <h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h4>
240 
      <div class="ab-trio">
241 
        <img src="../../assets/frontend/onepage/img/trio.png" alt="" class="img-responsive">
242 
        <div class="ab-cirlce ab-cirle-blue">
243 
          <i class="fa fa-code"></i>
244 
          <strong>Clean Code</strong>
245 
        </div>
246 
        <div class="ab-cirlce ab-cirle-red">
247 
          <i class="fa fa-gift"></i>
248 
          <strong>Huge Updates</strong>
249 
        </div>
250 
        <div class="ab-cirlce ab-cirle-green">
251 
          <i class="fa fa-mobile"></i>
252 
          <strong>Responsive</strong>
253 
        </div>
254 
      </div>
255 
    </div>
256 
  </div>
257 
  <!-- About block END -->
258 
  <!-- Services block BEGIN -->
259 
  <div class="services-block content content-center" id="services">
260 
    <div class="container">
261 
      <h2>Our <strong>services</strong></h2>
262 
      <h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h4>
263 
      <div class="row">
264 
        <div class="col-md-3 col-sm-3 col-xs-12 item">
265 
          <i class="fa fa-heart"></i>
266 
          <h3>Fantastic Support</h3>
267 
          <p>Lorem ipsum et dolor amet<br> consectetuer diam</p>
268 
        </div>
269 
        <div class="col-md-3 col-sm-3 col-xs-12 item">
270 
          <i class="fa fa-mobile"></i>
271 
          <h3>Mobile Solutions</h3>
272 
          <p>Lorem ipsum et dolor amet<br> consectetuer diam</p>
273 
        </div>
274 
        <div class="col-md-3 col-sm-3 col-xs-12 item">
275 
          <i class="fa fa-signal"></i>
276 
          <h3>Market Analysis</h3>
277 
          <p>Lorem ipsum et dolor amet<br> consectetuer diam</p>
278 
        </div>
279 
        <div class="col-md-3 col-sm-3 col-xs-12 item">
280 
          <i class="fa fa-camera"></i>
281 
          <h3>Photography</h3>
282 
          <p>Lorem ipsum et dolor amet<br> consectetuer diam</p>
283 
        </div>
284 
      </div>
285 
    </div>
286 
  </div>
287 
  <!-- Services block END -->
288 
  <!-- Message block BEGIN -->
289 
  <div class="message-block content content-center valign-center" id="message-block">
290 
    <div class="valign-center-elem">
291 
      <h2>The details are not the details <strong>They make the design</strong></h2>
292 
      <em>KEEN THEMES</em>
293 
    </div>
294 
  </div>
295 
  <!-- Message block END -->
296 
  <!-- Team block BEGIN -->
297 
  <div class="team-block content content-center margin-bottom-40" id="team">
298 
    <div class="container">
299 
      <h2>Meet <strong>the team</strong></h2>
300 
      <h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h4>
301 
      <div class="row">
302 
        <div class="col-md-4 item">
303 
          <img src="../../assets/frontend/onepage/img/people/img6-large.jpg" alt="Marcus Doe" class="img-responsive">
304 
          <h3>Marcus Doe</h3>
305 
          <em>Founder</em>
306 
          <p>Lorem ipsum dolor amet, tempor ut labore magna tempor dolore</p>
307 
          <div class="tb-socio">
308 
            <a href="javascript:void(0);" class="fa fa-facebook"></a>
309 
            <a href="javascript:void(0);" class="fa fa-twitter"></a>
310 
            <a href="javascript:void(0);" class="fa fa-google-plus"></a>
311 
          </div>
312 
        </div>
313 
        <div class="col-md-4 item">
314 
          <img src="../../assets/frontend/onepage/img/people/img7-large.jpg" alt="Elena Taylor" class="img-responsive">
315 
          <h3>Elena Taylor</h3>
316 
          <em>Designer</em>
317 
          <p>Lorem ipsum dolor amet, tempor ut labore magna tempor dolore</p>
318 
          <div class="tb-socio">
319 
            <a href="javascript:void(0);" class="fa fa-facebook"></a>
320 
            <a href="javascript:void(0);" class="fa fa-twitter"></a>
321 
            <a href="javascript:void(0);" class="fa fa-google-plus"></a>
322 
          </div>
323 
        </div>
324 
        <div class="col-md-4 item">
325 
          <img src="../../assets/frontend/onepage/img/people/img8-large.jpg" alt="Cris Nilson" class="img-responsive">
326 
          <h3>Cris Nilson</h3>
327 
          <em>Developer</em>
328 
          <p>Lorem ipsum dolor amet, tempor ut labore magna tempor dolore</p>
329 
          <div class="tb-socio">
330 
            <a href="javascript:void(0);" class="fa fa-facebook"></a>
331 
            <a href="javascript:void(0);" class="fa fa-twitter"></a>
332 
            <a href="javascript:void(0);" class="fa fa-google-plus"></a>
333 
          </div>
334 
        </div>
335 
      </div>
336 
    </div>
337 
  </div>
338 
  <!-- Team block END -->
339 
  <!-- Portfolio block BEGIN -->
340 
  <div class="portfolio-block content content-center" id="portfolio">
341 
    <div class="container">
342 
      <h2 class="margin-bottom-50">Latest <strong>works</strong></h2>
343 
    </div>
344 
    <div class="row">
345 
      <div class="item col-md-2 col-sm-6 col-xs-12">
346 
        <img src="../../assets/frontend/onepage/img/portfolio/2.jpg" alt="NAME" class="img-responsive">
347 
        <a href="../../assets/frontend/onepage/img/portfolio/2.jpg" class="zoom valign-center">
348 
          <div class="valign-center-elem">
349 
            <strong>London City Project</strong>
350 
            <em>Property</em>
351 
            <b>Details</b>
352 
          </div>
353 
        </a>
354 
      </div>
355 
      <div class="item col-md-2 col-sm-6 col-xs-12">
356 
        <img src="../../assets/frontend/onepage/img/portfolio/6.jpg" alt="NAME" class="img-responsive">
357 
        <a href="../../assets/frontend/onepage/img/portfolio/6.jpg" class="zoom valign-center">
358 
          <div class="valign-center-elem">
359 
            <strong>London City Project</strong>
360 
            <em>Property</em>
361 
            <b>Details</b>
362 
          </div>
363 
        </a>
364 
      </div>
365 
      <div class="item col-md-2 col-sm-6 col-xs-12">
366 
        <img src="../../assets/frontend/onepage/img/portfolio/8.jpg" alt="NAME" class="img-responsive">
367 
        <a href="../../assets/frontend/onepage/img/portfolio/8.jpg" class="zoom valign-center">
368 
          <div class="valign-center-elem">
369 
            <strong>London City Project</strong>
370 
            <em>Property</em>
371 
            <b>Details</b>
372 
          </div>
373 
        </a>
374 
      </div>
375 
      <div class="item col-md-2 col-sm-6 col-xs-12">
376 
        <img src="../../assets/frontend/onepage/img/portfolio/3.jpg" alt="NAME" class="img-responsive">
377 
        <a href="../../assets/frontend/onepage/img/portfolio/3.jpg" class="zoom valign-center">
378 
          <div class="valign-center-elem">
379 
            <strong>London City Project</strong>
380 
            <em>Property</em>
381 
            <b>Details</b>
382 
          </div>
383 
        </a>
384 
      </div>
385 
      <div class="item col-md-2 col-sm-6 col-xs-12">
386 
        <img src="../../assets/frontend/onepage/img/portfolio/5.jpg" alt="NAME" class="img-responsive">
387 
        <a href="../../assets/frontend/onepage/img/portfolio/5.jpg" class="zoom valign-center">
388 
          <div class="valign-center-elem">
389 
            <strong>London City Project</strong>
390 
            <em>Property</em>
391 
            <b>Details</b>
392 
          </div>
393 
        </a>
394 
      </div>
395 
      <div class="item col-md-2 col-sm-6 col-xs-12">
396 
        <img src="../../assets/frontend/onepage/img/portfolio/4.jpg" alt="NAME" class="img-responsive">
397 
        <a href="../../assets/frontend/onepage/img/portfolio/4.jpg" class="zoom valign-center">
398 
          <div class="valign-center-elem">
399 
            <strong>London City Project</strong>
400 
            <em>Property</em>
401 
            <b>Details</b>
402 
          </div>
403 
        </a>
404 
      </div>
405 
      <div class="item col-md-2 col-sm-6 col-xs-12">
406 
        <img src="../../assets/frontend/onepage/img/portfolio/1.jpg" alt="NAME" class="img-responsive">
407 
        <a href="../../assets/frontend/onepage/img/portfolio/1.jpg" class="zoom valign-center">
408 
          <div class="valign-center-elem">
409 
            <strong>London City Project</strong>
410 
            <em>Property</em>
411 
            <b>Details</b>
412 
          </div>
413 
        </a>
414 
      </div>
415 
      <div class="item col-md-2 col-sm-6 col-xs-12">
416 
        <img src="../../assets/frontend/onepage/img/portfolio/10.jpg" alt="NAME" class="img-responsive">
417 
        <a href="../../assets/frontend/onepage/img/portfolio/10.jpg" class="zoom valign-center">
418 
          <div class="valign-center-elem">
419 
            <strong>London City Project</strong>
420 
            <em>Property</em>
421 
            <b>Details</b>
422 
          </div>
423 
        </a>
424 
      </div>
425 
      <div class="item col-md-2 col-sm-6 col-xs-12">
426 
        <img src="../../assets/frontend/onepage/img/portfolio/9.jpg" alt="NAME" class="img-responsive">
427 
        <a href="../../assets/frontend/onepage/img/portfolio/9.jpg" class="zoom valign-center">
428 
          <div class="valign-center-elem">
429 
            <strong>London City Project</strong>
430 
            <em>Property</em>
431 
            <b>Details</b>
432 
          </div>
433 
        </a>
434 
      </div>
435 
      <div class="item col-md-2 col-sm-6 col-xs-12">
436 
        <img src="../../assets/frontend/onepage/img/portfolio/7.jpg" alt="NAME" class="img-responsive">
437 
        <a href="../../assets/frontend/onepage/img/portfolio/7.jpg" class="zoom valign-center">
438 
          <div class="valign-center-elem">
439 
            <strong>London City Project</strong>
440 
            <em>Property</em>
441 
            <b>Details</b>
442 
          </div>
443 
        </a>
444 
      </div>
445 
      <div class="item col-md-2 col-sm-6 col-xs-12">
446 
        <img src="../../assets/frontend/onepage/img/portfolio/2.jpg" alt="NAME" class="img-responsive">
447 
        <a href="../../assets/frontend/onepage/img/portfolio/2.jpg" class="zoom valign-center">
448 
          <div class="valign-center-elem">
449 
            <strong>London City Project</strong>
450 
            <em>Property</em>
451 
            <b>Details</b>
452 
          </div>
453 
        </a>
454 
      </div>
455 
      <div class="item col-md-2 col-sm-6 col-xs-12">
456 
        <img src="../../assets/frontend/onepage/img/portfolio/8.jpg" alt="NAME" class="img-responsive">
457 
        <a href="../../assets/frontend/onepage/img/portfolio/8.jpg" class="zoom valign-center">
458 
          <div class="valign-center-elem">
459 
            <strong>London City Project</strong>
460 
            <em>Property</em>
461 
            <b>Details</b>
462 
          </div>
463 
        </a>
464 
      </div>
465 
    </div>
466 
  </div>
467 
  <!-- Portfolio block END -->
468 
  <!-- Choose us block BEGIN -->
469 
  <div class="choose-us-block content text-center margin-bottom-40" id="benefits">
470 
    <div class="container">
471 
      <h2>Why to <strong>choose us</strong></h2>
472 
      <h4>Lorem ipsum dolor sit amet, <a href="javascript:void(0);">consectetuer adipiscing</a> elit, sed diam nonummy<br> nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</h4>
473 
      <div class="row">
474 
        <div class="col-md-6 col-sm-6 col-xs-12 text-left">
475 
          <img src="../../assets/frontend/onepage/img/choose-us.png" alt="Why to choose us" class="img-responsive">
476 
        </div>
477 
        <div class="col-md-6 col-sm-6 col-xs-12 text-left">
478 
          <div class="panel-group" id="accordion1">
479 
            <div class="panel panel-default">
480 
              <div class="panel-heading">
481 
                <h5 class="panel-title">
482 
                  <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#accordion1_1">Lorem ipsum dolor sit amet</a>
483 
                </h5>
484 
              </div>
485 
              <div id="accordion1_1" class="panel-collapse collapse in">
486 
                <div class="panel-body">
487 
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim minim veniam quis nostrud exercitation dolore magna ullamco.</p>
488 
                  <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco sed eiusmod tempor ut labore et dolore.</p>
489 
                </div>
490 
              </div>
491 
            </div>
492 
            <div class="panel panel-default">
493 
              <div class="panel-heading">
494 
                <h5 class="panel-title">
495 
                  <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion1" href="#accordion1_2">Consectetur adipisicing elit</a>
496 
                </h5>
497 
              </div>
498 
              <div id="accordion1_2" class="panel-collapse collapse">
499 
                <div class="panel-body">
500 
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim minim veniam quis nostrud exercitation dolore magna ullamco.</p>
501 
                  <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco sed eiusmod tempor ut labore et dolore.</p>
502 
                </div>
503 
              </div>
504 
            </div>
505 
            <div class="panel panel-default">
506 
              <div class="panel-heading">
507 
                <h5 class="panel-title">
508 
                  <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion1" href="#accordion1_3">Augue assum anteposuerit dolore</a>
509 
                </h5>
510 
              </div>
511 
              <div id="accordion1_3" class="panel-collapse collapse">
512 
                <div class="panel-body">
513 
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim minim veniam quis nostrud exercitation dolore magna ullamco.</p>
514 
                  <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco sed eiusmod tempor ut labore et dolore.</p>
515 
                </div>
516 
              </div>
517 
            </div>
518 
            <div class="panel panel-default">
519 
              <div class="panel-heading">
520 
                <h5 class="panel-title">
521 
                  <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion1" href="#accordion1_4">Sollemnes in futurum</a>
522 
                </h5>
523 
              </div>
524 
              <div id="accordion1_4" class="panel-collapse collapse">
525 
                <div class="panel-body">
526 
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim minim veniam quis nostrud exercitation dolore magna ullamco.</p>
527 
                  <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco sed eiusmod tempor ut labore et dolore.</p>
528 
                </div>
529 
              </div>
530 
            </div>
531 
            <div class="panel panel-default">
532 
              <div class="panel-heading">
533 
                <h5 class="panel-title">
534 
                  <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion1" href="#accordion1_5">Nostrud Tempor veniam</a>
535 
                </h5>
536 
              </div>
537 
              <div id="accordion1_5" class="panel-collapse collapse">
538 
                <div class="panel-body">
539 
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim minim veniam quis nostrud exercitation dolore magna ullamco.</p>
540 
                  <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco sed eiusmod tempor ut labore et dolore.</p>
541 
                </div>
542 
              </div>
543 
            </div>
544 
            <div class="panel panel-default">
545 
              <div class="panel-heading">
546 
                <h5 class="panel-title">
547 
                  <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion1" href="#accordion1_6">Ut enem magana sed dolore</a>
548 
                </h5>
549 
              </div>
550 
              <div id="accordion1_6" class="panel-collapse collapse">
551 
                <div class="panel-body">
552 
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim minim veniam quis nostrud exercitation dolore magna ullamco.</p>
553 
                  <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco sed eiusmod tempor ut labore et dolore.</p>
554 
                </div>
555 
              </div>
556 
            </div>
557 
          </div>
558 
        </div>
559 
      </div>
560 
    </div>
561 
  </div>
562 
  <!-- Choose us block END -->
563 
  <!-- Checkout block BEGIN -->
564 
  <div class="checkout-block content">
565 
    <div class="container">
566 
      <div class="row">
567 
        <div class="col-md-10">
568 
          <h2>CHECK OUT ADMIN THEME! <em>Most Full Featured &amp; Powerfull Admin Theme</em></h2>
569 
        </div>
570 
        <div class="col-md-2 text-right">
571 
          <a href="http://www.keenthemes.com/preview/index.php?theme=metronic_admin&amp;page=index.html" target="_blank" class="btn btn-primary">Live preview</a>
572 
        </div>
573 
      </div>
574 
    </div>
575 
  </div>
576 
  <!-- Checkout block END -->
577 
  <!-- Facts block BEGIN -->
578 
  <div class="facts-block content content-center" id="facts-block">
579 
    <h2>Some facts about us</h2>
580 
    <div class="container">
581 
      <div class="row">
582 
        <div class="col-md-3 col-sm-3 col-xs-6">
583 
          <div class="item">
584 
            <strong>39</strong>
585 
            Projects Completed
586 
          </div>
587 
        </div>
588 
        <div class="col-md-3 col-sm-3 col-xs-6">
589 
          <div class="item">
590 
            <strong>14</strong>
591 
            Team Members
592 
          </div>
593 
        </div>
594 
        <div class="col-md-3 col-sm-3 col-xs-6">
595 
          <div class="item">
596 
            <strong>29k+</strong>
597 
            Products Sold
598 
          </div>
599 
        </div>
600 
        <div class="col-md-3 col-sm-3 col-xs-6">
601 
          <div class="item">
602 
            <strong>500</strong>
603 
            Weekly Sales
604 
          </div>
605 
        </div>
606 
      </div>
607 
    </div>
608 
  </div>
609 
  <!-- Facts block END -->
610 
  <!-- Prices block BEGIN -->
611 
  <div class="prices-block content content-center" id="prices">
612 
    <div class="container">
613 
      <h2 class="margin-bottom-50"><strong>Pricing</strong> Tables</h2>
614 
      <div class="row">
615 
        <!-- Pricing item BEGIN -->
616 
        <div class="col-md-3 col-sm-6 col-xs-12">
617 
          <div class="pricing-item">
618 
            <div class="pricing-head">
619 
              <h3>Beginner</h3>
620 
              <p>Lorem ipsum dolor</p>
621 
            </div>
622 
            <div class="pricing-content">
623 
              <div class="pi-price">
624 
                <strong>$<em>19</em></strong>
625 
                <p>Per Month</p>
626 
              </div>
627 
              <ul class="list-unstyled">
628 
                <li><i class="fa fa-circle"></i> Lorem ipsum dolor</li>
629 
                <li><i class="fa fa-circle"></i> Lorem ipsum dolor</li>
630 
                <li><i class="fa fa-circle"></i> Lorem ipsum dolor</li>
631 
              </ul>
632 
            </div>
633 
            <div class="pricing-footer">
634 
              <a class="btn btn-default" href="javascript:void(0);">Sign Up</a>
635 
            </div>
636 
          </div>
637 
        </div>
638 
        <!-- Pricing item END -->
639 
        <!-- Pricing item BEGIN -->
640 
        <div class="col-md-3 col-sm-6 col-xs-12">
641 
          <div class="pricing-item">
642 
            <div class="pricing-head">
643 
              <h3>Pro</h3>
644 
              <p>Lorem ipsum dolor</p>
645 
            </div>
646 
            <div class="pricing-content">
647 
              <div class="pi-price">
648 
                <strong>$<em>25</em></strong>
649 
                <p>Per Month</p>
650 
              </div>
651 
              <ul class="list-unstyled">
652 
                <li><i class="fa fa-circle"></i> Lorem ipsum dolor</li>
653 
                <li><i class="fa fa-circle"></i> Lorem ipsum dolor</li>
654 
                <li><i class="fa fa-circle"></i> Lorem ipsum dolor</li>
655 
              </ul>
656 
            </div>
657 
            <div class="pricing-footer">
658 
              <a class="btn btn-default" href="javascript:void(0);">Sign Up</a>
659 
            </div>
660 
          </div>
661 
        </div>
662 
        <!-- Pricing item END -->
663 
        <!-- Pricing item BEGIN -->
664 
        <div class="col-md-3 col-sm-6 col-xs-12">
665 
          <div class="pricing-item">
666 
            <div class="pricing-head">
667 
              <h3>Expert</h3>
668 
              <p>Lorem ipsum dolor</p>
669 
            </div>
670 
            <div class="pricing-content">
671 
              <div class="pi-price">
672 
                <strong>$<em>59</em></strong>
673 
                <p>Per Month</p>
674 
              </div>
675 
              <ul class="list-unstyled">
676 
                <li><i class="fa fa-circle"></i> Lorem ipsum dolor</li>
677 
                <li><i class="fa fa-circle"></i> Lorem ipsum dolor</li>
678 
                <li><i class="fa fa-circle"></i> Lorem ipsum dolor</li>
679 
              </ul>
680 
            </div>
681 
            <div class="pricing-footer">
682 
              <a class="btn btn-default" href="javascript:void(0);">Sign Up</a>
683 
            </div>
684 
          </div>
685 
        </div>
686 
        <!-- Pricing item END -->
687 
        <!-- Pricing item BEGIN -->
688 
        <div class="col-md-3 col-sm-6 col-xs-12">
689 
          <div class="pricing-item">
690 
            <div class="pricing-head">
691 
              <h3>Hi-Tech</h3>
692 
              <p>Lorem ipsum dolor</p>
693 
            </div>
694 
            <div class="pricing-content">
695 
              <div class="pi-price">
696 
                <strong>$<em>98</em></strong>
697 
                <p>Per Month</p>
698 
              </div>
699 
              <ul class="list-unstyled">
700 
                <li><i class="fa fa-circle"></i> Lorem ipsum dolor</li>
701 
                <li><i class="fa fa-circle"></i> Lorem ipsum dolor</li>
702 
                <li><i class="fa fa-circle"></i> Lorem ipsum dolor</li>
703 
              </ul>
704 
            </div>
705 
            <div class="pricing-footer">
706 
              <a class="btn btn-default" href="javascript:void(0);">Sign Up</a>
707 
            </div>
708 
          </div>
709 
        </div>
710 
        <!-- Pricing item END -->
711 
      </div>
712 
    </div>
713 
  </div>
714 
  <!-- Prices block END -->
715 
  <!-- Testimonials block BEGIN -->
716 
  <div class="testimonials-block content content-center margin-bottom-65">
717 
    <div class="container">
718 
      <h2>Customer <strong>testimonials</strong></h2>
719 
      <h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h4>
720 
      <div class="carousel slide" data-ride="carousel" id="testimonials-block">
721 
        <!-- Wrapper for slides -->
722 
        <div class="carousel-inner">
723 
          <!-- Carousel items -->
724 
          <div class="active item">
725 
            <blockquote>
726 
              <p>This is the most awesome, full featured, easy, costomizeble theme. It’s extremely responsive and very helpful to all suggestions.</p>
727 
            </blockquote>
728 
            <span class="testimonials-name">Mark Doe</span>
729 
          </div>
730 
          <!-- Carousel items -->
731 
          <div class="item">
732 
            <blockquote>
733 
              <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse.</p>
734 
            </blockquote>
735 
            <span class="testimonials-name">Joe Smith</span>
736 
          </div>
737 
          <!-- Carousel items -->
738 
          <div class="item">
739 
            <blockquote>
740 
              <p>Williamsburg carles vegan helvetica. Cosby sweater eu banh mi, qui irure terry richardson ex squid Aliquip placeat salvia cillum iphone.</p>
741 
            </blockquote>
742 
            <span class="testimonials-name">Linda Adams</span>
743 
          </div>
744 
        </div>
745 
        <!-- Indicators -->
746 
        <ol class="carousel-indicators">
747 
          <li data-target="#testimonials-block" data-slide-to="0" class="active"></li>
748 
          <li data-target="#testimonials-block" data-slide-to="1"></li>
749 
          <li data-target="#testimonials-block" data-slide-to="2"></li>
750 
        </ol>
751 
      </div>
752 
    </div>
753 
  </div>
754 
  <!-- Testimonials block END -->
755 
  <!-- Partners block BEGIN -->
756 
  <div class="partners-block">
757 
    <div class="container">
758 
      <div class="row">
759 
        <div class="col-md-2 col-sm-3 col-xs-6">
760 
          <img src="../../assets/frontend/onepage/img/partners/cisco.png" alt="cisco">
761 
        </div>
762 
        <div class="col-md-2 col-sm-3 col-xs-6">
763 
          <img src="../../assets/frontend/onepage/img/partners/walmart.png" alt="walmart">
764 
        </div>
765 
        <div class="col-md-2 col-sm-3 col-xs-6">
766 
          <img src="../../assets/frontend/onepage/img/partners/gamescast.png" alt="gamescast">
767 
        </div>
768 
        <div class="col-md-2 col-sm-3 col-xs-6">
769 
          <img src="../../assets/frontend/onepage/img/partners/spinwokrx.png" alt="spinwokrx">
770 
        </div>
771 
        <div class="col-md-2 col-sm-3 col-xs-6">
772 
          <img src="../../assets/frontend/onepage/img/partners/ngreen.png" alt="ngreen">
773 
        </div>
774 
        <div class="col-md-2 col-sm-3 col-xs-6">
775 
          <img src="../../assets/frontend/onepage/img/partners/vimeo.png" alt="vimeo">
776 
        </div>
777 
      </div>
778 
    </div>
779 
  </div>
780 
  <!-- Partners block END -->
781 
  <!-- BEGIN PRE-FOOTER -->
782 
  <div class="pre-footer" id="contact">
783 
    <div class="container">
784 
      <div class="row">
785 
        <!-- BEGIN BOTTOM ABOUT BLOCK -->
786 
        <div class="col-md-4 col-sm-6 pre-footer-col">
787 
          <h2>About us</h2>
788 
          <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam sit nonummy nibh euismod tincidunt ut laoreet dolore magna aliquarm erat sit volutpat. Nostrud exerci tation ullamcorper suscipit lobortis nisl aliquip  commodo consequat. </p>
789 
          <p>Duis autem vel eum iriure dolor vulputate velit esse molestie at dolore.</p>
790 
        </div>
791 
        <!-- END BOTTOM ABOUT BLOCK -->
792 
        <!-- BEGIN TWITTER BLOCK -->
793 
        <div class="col-md-4 col-sm-6 pre-footer-col">
794 
          <h2 class="margin-bottom-0">Latest Tweets</h2>
795 
          <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>      
796 
        </div>
797 
        <!-- END TWITTER BLOCK -->
798 
        <div class="col-md-4 col-sm-6 pre-footer-col">
799 
          <!-- BEGIN BOTTOM CONTACTS -->
800 
          <h2>Our Contacts</h2>
801 
          <address class="margin-bottom-20">
802 
            35, Lorem Lis Street, Park Ave<br>
803 
            California, US<br>
804 
            Phone: 300 323 3456<br>
805 
            Fax: 300 323 1456<br>
806 
            Email: <a href="mailto:info@metronic.com">info@metronic.com</a><br>
807 
            Skype: <a href="skype:metronic">metronic</a>
808 
          </address>
809 
          <!-- END BOTTOM CONTACTS -->
810 
          <div class="pre-footer-subscribe-box">
811 
            <h2>Newsletter</h2>
812 
            <form action="javascript:void(0);">
813 
              <div class="input-group">
814 
                <input type="text" placeholder="youremail@mail.com" class="form-control">
815 
                <span class="input-group-btn">
816 
                <button class="btn btn-primary" type="submit">Subscribe</button>
817 
                </span>
818 
              </div>
819 
            </form>
820 
          </div>
821 
        </div>
822 
      </div>
823 
    </div>
824 
  </div>
825 
  <!-- END PRE-FOOTER -->
826 
  <!-- BEGIN FOOTER -->
827 
  <div class="footer">
828 
    <div class="container">
829 
      <div class="row">
830 
        <!-- BEGIN COPYRIGHT -->
831 
        <div class="col-md-6 col-sm-6">
832 
          <div class="copyright">2014 © Metronic One Page. ALL Rights Reserved.</div>
833 
        </div>
834 
        <!-- END COPYRIGHT -->
835 
        <!-- BEGIN SOCIAL ICONS -->
836 
        <div class="col-md-6 col-sm-6 pull-right">
837 
          <ul class="social-icons">
838 
            <li><a class="rss" data-original-title="rss" href="javascript:void(0);"></a></li>
839 
            <li><a class="facebook" data-original-title="facebook" href="javascript:void(0);"></a></li>
840 
            <li><a class="twitter" data-original-title="twitter" href="javascript:void(0);"></a></li>
841 
            <li><a class="googleplus" data-original-title="googleplus" href="javascript:void(0);"></a></li>
842 
            <li><a class="linkedin" data-original-title="linkedin" href="javascript:void(0);"></a></li>
843 
            <li><a class="youtube" data-original-title="youtube" href="javascript:void(0);"></a></li>
844 
            <li><a class="vimeo" data-original-title="vimeo" href="javascript:void(0);"></a></li>
845 
            <li><a class="skype" data-original-title="skype" href="javascript:void(0);"></a></li>
846 
          </ul>
847 
        </div>
848 
        <!-- END SOCIAL ICONS -->
849 
      </div>
850 
    </div>
851 
  </div>
852 
  <!-- END FOOTER -->
853 
  <a href="#promo-block" class="go2top scroll"><i class="fa fa-arrow-up"></i></a>
854 
  <!--[if lt IE 9]>
855 
  <script src="../../assets/global/plugins/respond.min.js"></script>
856 
  <![endif]-->
857 
  <!-- Load JavaScripts at the bottom, because it will reduce page load time -->
858 
  <!-- Core plugins BEGIN (For ALL pages) -->
859 
  <script src="../../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
860 
  <script src="../../assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
861 
  <script src="../../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
862 
  <!-- Core plugins END (For ALL pages) -->
863 
  <!-- BEGIN RevolutionSlider -->
864 
  <script src="../../assets/global/plugins/slider-revolution-slider/rs-plugin/js/jquery.themepunch.revolution.min.js" type="text/javascript"></script>
865 
  <script src="../../assets/global/plugins/slider-revolution-slider/rs-plugin/js/jquery.themepunch.tools.min.js" type="text/javascript"></script>
866 
  <script src="../../assets/frontend/onepage/scripts/revo-ini.js" type="text/javascript"></script>
867 
  <!-- END RevolutionSlider -->
868 
  <!-- Core plugins BEGIN (required only for current page) -->
869 
  <script src="../../assets/global/plugins/fancybox/source/jquery.fancybox.pack.js" type="text/javascript"></script><!-- pop up -->
870 
  <script src="../../assets/global/plugins/jquery.easing.js"></script>
871 
  <script src="../../assets/global/plugins/jquery.parallax.js"></script>
872 
  <script src="../../assets/global/plugins/jquery.scrollTo.min.js"></script>
873 
  <script src="../../assets/frontend/onepage/scripts/jquery.nav.js"></script>
874 
  <!-- Core plugins END (required only for current page) -->
875 
  <!-- Global js BEGIN -->
876 
  <script src="../../assets/frontend/onepage/scripts/layout.js" type="text/javascript"></script>
877 
  <script>
878 
    $(document).ready(function() {
879 
      Layout.init();
880 
    });
881 
  </script>
882 
  <!-- Global js END -->
883 
</body>
884 
</html>