https://metroarcheo.com/ma2018/taxonomy/term/5 en https://metroarcheo.com/ma2018/portfolio-single-extended <span class="field field--name-title field--type-string field--label-hidden">Porto Website</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/ma2018/user/1" typeof="schema:Person" property="schema:name" datatype="">admin</span></span> <span class="field field--name-created field--type-created field--label-hidden">Wed, 02/08/2017 - 08:09</span> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tempus nibh sed elimttis adipiscing. Fusce in hendrerit purus. Suspendisse potenti. Proin quis eros odio, dapibus dictum mauris. Donec nisi libero, adipiscing id pretium eget, consectetur sit amet leo. Nam at eros quis mi egestas fringilla non nec purus.</p></div> <div class="field field--name-field-image field--type-image field--label-above"> <div class="field__label">Image</div> <div class="field__items"> <div class="field__item"> <img src="/ma2018/sites/default/files/2017-02/project-1_12.jpg" width="1000" height="1000" alt="" typeof="foaf:Image" /> </div> <div class="field__item"> <img src="/ma2018/sites/default/files/2017-02/project-1-2_11.jpg" width="1000" height="1000" alt="" typeof="foaf:Image" /> </div> </div> </div> <div class="field field--name-field-thumbnail field--type-image field--label-above"> <div class="field__label">Thumbnail</div> <div class="field__item"> <img src="/ma2018/sites/default/files/2017-02/project-26.jpg" width="1000" height="1000" alt="" typeof="foaf:Image" /> </div> </div> <div class="field field--name-field-portfolio-link field--type-string field--label-hidden field__item">#</div> <ul class="list list-inline list-icons"> <li><i class="fa fa-check-circle"></i> Design </li> <li><i class="fa fa-check-circle"></i> HTML/CSS </li> <li><i class="fa fa-check-circle"></i> Javascript </li> <li><i class="fa fa-check-circle"></i> Backend </li> </ul> <a href="/ma2018/taxonomy/term/13" hreflang="en">Websites</a> , <a href="/ma2018/taxonomy/term/5" hreflang="en">Designs</a> <!--/div--> <div class="field field--name-field-portfolio-client field--type-string field--label-hidden field__item">Okler Themes</div> <div class="field field--name-field-portfolio-client-link field--type-string field--label-hidden field__item">http://www.okler.net</div> <!--div class="field__items"--> <a href="/ma2018/taxonomy/term/21" hreflang="en">Design</a> , <a href="/ma2018/taxonomy/term/22" hreflang="en">Brand</a> <!--/div--> <drupal-render-placeholder callback="flag.link_builder:build" arguments="0=node&amp;1=76&amp;2=portfolio" token="ba7kElIDU6ZIFqB-FEX9dYfRgBwjOLEL4XMxfuMoeXs"></drupal-render-placeholder> <div class="field field--name-field-layout-mode field--type-list-string field--label-above"> <div class="field__label">Layout Mode</div> <div class="field__item">Extended</div> </div> <div class="field field--name-field-portfolio-testimonial field--type-entity-reference field--label-hidden field__item"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><div class="testimonial testimonial-style-4"> <blockquote> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat.</p> </blockquote> <div class="testimonial-arrow-down"></div> <div class="testimonial-author"> <div class="testimonial-author-thumbnail"> <img alt="" class="img-responsive img-circle" src="https://www.metroarcheo.com/ma2018/themes/porto/img/clients/client-1.jpg"> </div> <p><strong>John Smith</strong><span>CEO &amp; Founder - Okler</span></p> </div> </div></div> </div> <div class="field field--name-field-portfolio-extended field--type-entity-reference field--label-hidden field__items"> <div class="field__item"> <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><section class="page-header custom-product mt-xlg"> <div class="container"> <div class="row"> <div class="col-sm-7"> <h1>New Porto <strong>Website</strong>.</h1> <p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta.</p> <a href="#" class="btn btn-default btn-lg mb-xl">Live Preview!</a> <span class="arrow hlt" style="top: 10px;"></span> </div> <div class="col-sm-5"> <img class="pull-right img-responsive" alt="" src="https://www.metroarcheo.com/ma2018/themes/porto/img/projects/project-27-short-transparent.png"> </div> </div> </div> </section> <div class="container"> <div class="row mt-xl"> <div class="col-md-4"> <div class="feature-box feature-box-style-2"> <div class="feature-box-icon"> <i class="fa fa-file"></i> </div> <div class="feature-box-info"> <h4 class="mb-xs">Project</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing <span class="alternative-font">metus.</span> elit. Quisque rutrum pellentesque imperdiet.</p> </div> </div> </div> <div class="col-md-4"> <div class="feature-box feature-box-style-2"> <div class="feature-box-icon"> <i class="fa fa-puzzle-piece"></i> </div> <div class="feature-box-info"> <h4 class="mb-xs">Challenge</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque imperdiet. Nulla lacinia iaculis nulla.</p> </div> </div> </div> <div class="col-md-4"> <div class="feature-box feature-box-style-2"> <div class="feature-box-icon"> <i class="fa fa-star"></i> </div> <div class="feature-box-info"> <h4 class="mb-xs">Result</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque imperdiet. Nulla lacinia iaculis nulla.</p> </div> </div> </div> </div> </div> <section class="section section-default mt-xl mb-none pb-none"> <div class="container"> <div class="row"> <div class="col-md-8 col-md-offset-2"> <div class="row"> <div class="col-md-3"> <div class="feature-box feature-box-style-6"> <div class="feature-box-icon"> <i class="fa fa-check text-color-primary"></i> </div> <div class="feature-box-info"> <h5 class="pt-xs"><strong class="semi-bold"><small>Award</small><br>Winning</strong></h5> </div> </div> </div> <div class="col-md-3"> <div class="feature-box feature-box-style-6"> <div class="feature-box-icon"> <i class="fa fa-check text-color-primary"></i> </div> <div class="feature-box-info"> <h5 class="pt-xs"><strong class="semi-bold"><small>Fully</small><br>Responsive</strong></h5> </div> </div> </div> <div class="col-md-3"> <div class="feature-box feature-box-style-6"> <div class="feature-box-icon"> <i class="fa fa-check text-color-primary"></i> </div> <div class="feature-box-info"> <h5 class="pt-sm"><strong class="semi-bold"><small>Code</small><br>Optimized</strong></h5> </div> </div> </div> <div class="col-md-3"> <div class="feature-box feature-box-style-6"> <div class="feature-box-icon"> <i class="fa fa-check text-color-primary"></i> </div> <div class="feature-box-info"> <h5 class="pt-sm"><strong class="semi-bold"><small>Retina</small><br>Ready</strong></h5> </div> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="carousel-areas mt-xl"> <div class="owl-carousel owl-theme m-none" data-plugin-options='{"autoHeight": true, "items": 1, "margin": 10, "nav": true, "dots": false, "stagePadding": 0}'> <div> <img alt="" class="img-responsive" src="https://www.metroarcheo.com/ma2018/themes/porto/img/previews/areas/content-6.png"> </div> <div> <img alt="" class="img-responsive" src="https://www.metroarcheo.com/ma2018/themes/porto/img/previews/areas/content-9.png"> </div> <div> <img alt="" class="img-responsive" src="https://www.metroarcheo.com/ma2018/themes/porto/img/previews/areas/content-8.png"> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="section section-default section-default-scale-9 section-front m-none"> <div class="container"> <div class="row"> <div class="counters counters-text-light"> <div class="col-md-3 col-sm-6"> <div class="counter"> <strong data-to="15000" data-append="+">0</strong> <label>Lines of Code</label> </div> </div> <div class="col-md-3 col-sm-6"> <div class="counter"> <strong data-to="240">0</strong> <label>Work Hours</label> </div> </div> <div class="col-md-3 col-sm-6"> <div class="counter"> <strong data-to="124">0</strong> <label>Cups of Coffee</label> </div> </div> <div class="col-md-3 col-sm-6"> <div class="counter"> <strong data-to="688">0</strong> <label>Files</label> </div> </div> </div> </div> </div> </section> <!-- <section class="video video-overlay-dark section section-text-light section-video section-center mt-none" data-video-path="video/landing" data-plugin-video-background data-plugin-options='{"posterType": "jpg", "position": "50% 50%", "overlay": true}' style="min-height: 400px;"> </section> --></div> </div> </div> <div class="field field--name-field-portfolio-size field--type-entity-reference field--label-above"> <div class="field__label">Portfolio Size</div> <div class="field__item"><a href="/ma2018/taxonomy/term/48" hreflang="en">Medium</a></div> </div> Wed, 08 Feb 2017 08:09:17 +0000 admin 76 at https://metroarcheo.com/ma2018