View source for Team:Valencia UPV

<html><head><meta charset="utf-8" /><meta name="keywords" content="HTML5,CSS3,Template" /><meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, user-scalable=0" /><meta name="description" content="" /><title>HYPE IT - Valencia UPV</title><meta name="Author" content="Dorin Grigoras [www.stepofweb.com]" /><link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400%7CRaleway:300,400,500,600,700%7CLato:300,400,400italic,600,700" rel="stylesheet" type="text/css" /><link href="https://2016.igem.org/Team:Valencia_UPV/assets/plugins/bootstrap/css/bootstrap.min.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" /><link href="https://2016.igem.org/Team:Valencia_UPV/assets/plugins/slider.revolution/css/extralayers.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" /><link href="https://2016.igem.org/Team:Valencia_UPV/assets/plugins/slider.revolution/css/settings.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" /><link href="https://2016.igem.org/Team:Valencia_UPV/assets/css/essentials.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" /><link href="https://2016.igem.org/Team:Valencia_UPV/assets/css/layout.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" /><link href="https://2016.igem.org/Team:Valencia_UPV/assets/css/header-1.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" /><link href="https://2016.igem.org/Team:Valencia_UPV/assets/css/color_scheme/green.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" id="color_scheme" /><link href="https://2016.igem.org/Team:Valencia_UPV/assets/css/hypeit.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" id="color_scheme" /><style>#top_menu_under{height:25px}#top_menu_14{height:20px}#header.fixed #topNav a.logo{height:auto}#top_title{display:none}#sideMenu{display:none}#content{background:white;border-left:0px;border:none;color:black;line-height:1.5em;margin-left:auto;margin-right:auto;padding:0px;position:relative;width:100%}#topNav a.logo{padding-top:10px}#HQ_page{margin-top:-50px}.mw-content-ltr ul{font-size:14px}#topMain.nav-pills>li{padding-top:20px}h1,h2,h3,h4,h5,h6{font-family:'Raleway','Open Sans',Arial,Helvetica,sans-serif;font-weight:600;color:#414141;margin:0 0 30px 0;line-height:1.5;-webkit-font-smoothing:antialiased}section{padding:0px;padding-top:10px;padding-bottom:10px;border:0px}</style></head><body class="smoothscroll enable-animation"><div id="wrapper"><div id="header" class="sticky clearfix"> <header id="topNav"><div class="container"> <button class="btn btn-mobile" data-toggle="collapse" data-target=".nav-main-collapse"> <i class="fa fa-bars"></i> </button><a class="logo pull-left" href="index.html"> <img src="https://2016.igem.org/Team:Valencia_UPV/assets/images/logo_dark.png" alt="" /> </a><div class="navbar-collapse pull-right nav-main-collapse collapse submenu-dark"> <nav class="nav-main"><ul id="topMain" class="nav nav-pills nav-main"><li> <a href="https://2016.igem.org/Team:Valencia_UPV"> HOME </a></li><li class="dropdown"> <a class="dropdown-toggle" href="#"> TEAM </a><ul class="dropdown-menu pull-right"><li><a href="Team">OUR TEAM</a></li><li><a href="Collaborations">COLLABORATIONS</a></li><li><a href="Attributions">ATTRIBUTIONS</a></li></ul></li><li class="dropdown"> <a class="dropdown-toggle" href="#"> PROJECT </a><ul class="dropdown-menu pull-right"><li><a href="Project">OUR PROJECT</a></li><li><a href="Design">DESIGN</a></li><li><a href="Software">DATA PROCESSING SOFTWARE</a></li><li><a href="Grna_testing_system">GRNA TESTING SYSTEM</a></li><li><a href="Split">SPLIT CAS9</a></li><li><a href="Hardware">LAB CASE</a></li><li><a href="Demonstrate">DEMONSTRATE</a></li><li><a href="Results">RESULTS</a></li><li><a href="notebook">NOTEBOOK</a></li></ul></li><li class="dropdown"> <a class="dropdown-toggle" href="#"> HUMAN PRACTICES </a><ul class="dropdown-menu pull-right"><li><a href="Human_Practices">OUR HUMAN PRACTICES</a></li><li><a href="HP/Silver">SOCIAL ENGAGEMENT</a></li><li><a href="HP/Gold">GOLD</a></li><li><a href="Integrated_Practices">INTEGRATED PRACTICES</a></li><li><a href="Safety">SAFETY</a></li></ul></li><li class="dropdown"> <a class="dropdown-toggle" href="#"> PARTS </a><ul class="dropdown-menu pull-right"><li><a href="Parts">Our PARTS</a></li><li><a href="Basic_Part">BASIC PARTS</a></li><li><a href="Composite_Part">COMPOSITEPARTS</a></li><li><a href="Part_Collection">PART COLLECTION</a></li></ul></li><li> <a class="active" href="Model"> MODEL </a></li></ul> </nav></div></div> </header></div><div class="slider fullwidthbanner-container roundedcorners"><div class="fullwidthbanner" data-height="600" data-shadow="0" data-navigationStyle="preview2"><ul class="hide"><li data-transition="fade" data-slotamount="7" data-masterspeed="300" data-saveperformance="off" data-title="Slide 3"><img src="https://2016.igem.org/Team:Valencia_UPV/assets/images/1x1.png" data-lazyload="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/wall2.jpg" alt="" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat" /><div class="tp-caption lfr" data-x="left" data-hoffset="60" data-y="85" data-speed="1500" data-start="500" data-easing="easeOutExpo" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 2;"> <video preload="" id="vid" poster="https://2016.igem.org/Team:Valencia_UPV/assets/img/play.gif" controls="" loop="" autoplay style="width:600px"> <source src="https://static.igem.org/mediawiki/2016/d/da/T--Valencia_UPV--presentation.mp4" type="video/mp4"> Your browser does not support HTML5 video. </video></div><div class="tp-caption block_black sft" data-x="right" data-hoffset="-70" data-y="137" data-speed="750" data-start="1100" data-easing="easeOutExpo" data-splitin="none" data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 3; max-width: auto; max-height: auto; white-space: nowrap;">Hack</div><div class="tp-caption block_black sfb" data-x="right" data-hoffset="-70" data-y="176" data-speed="750" data-start="1400" data-easing="easeOutExpo" data-splitin="none" data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 4; max-width: auto; max-height: auto; white-space: nowrap;">Your</div><div class="tp-caption block_theme_color sft" data-x="right" data-hoffset="-70" data-y="215" data-speed="750" data-start="1700" data-easing="easeOutExpo" data-splitin="none" data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 5; max-width: auto; max-height: auto; white-space: nowrap;"></div><div class="tp-caption block_theme_color sfb" data-x="right" data-hoffset="-70" data-y="254" data-speed="750" data-start="2000" data-easing="easeOutExpo" data-splitin="none" data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 6; max-width: auto; max-height: auto; white-space: nowrap;">Editing</div><div class="tp-caption block_black sft" data-x="right" data-hoffset="-200" data-y="320" data-speed="750" data-start="2300" data-easing="easeOutExpo" data-splitin="none" data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 7; max-width: auto; max-height: auto; white-space: nowrap;">With us</div></li></ul><div class="tp-bannertimer"></div></div></div> <section class="info-bar info-bar-clean"><div class="container"><div class="row"><div class="col-sm-4"> <i class="glyphicon glyphicon-globe"></i><h3>Better use of resources</h3><p>Smarty Template is fully responsive</p></div><div class="col-sm-4"> <i class="glyphicon glyphicon-usd"></i><h3>More varieties</h3><p>Smarty Template include admin</p></div><div class="col-sm-4"> <i class="glyphicon glyphicon-flag"></i><h3>High precision in Genome Editing</h3><p>Free support via email</p></div></div></div> </section> <section class="nopadding-bottom"><div class="container"> <header class="text-center margin-bottom-40"><h1 class="weight-300">Welcome to Smarty</h1><h2 class="weight-300 letter-spacing-1 size-13"><span>THE MOST COMPLETE TEMPLATE EVER</span></h2> </header><div class="text-center"><p class="lead"> Smarty has powerful options &amp; tools, unlimited designs, responsive framework and amazing support. We are dedicated to providing you with the best experience possible. Read below to find out why the sky's the limit when using Smarty.</p><div class="margin-top-40"> <img class="img-responsive" src="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/index/ipad.jpg" alt="welcome" /></div></div></div> </section> <section class="alternate"><div class="container"><div class="row"><div class="col-md-4"><div class="box-icon box-icon-side box-icon-color box-icon-round"> <i class="fa fa-tablet"></i> <a class="box-icon-title" href="#"><h2>Fully Reposnive</h2> </a><p>Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p> <a class="box-icon-more font-lato weight-300" href="#">Learn More</a></div></div><div class="col-md-4"><div class="box-icon box-icon-side box-icon-color box-icon-round"> <i class="fa fa-tint"></i> <a class="box-icon-title" href="#"><h2>Reusable Elements</h2> </a><p>Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p> <a class="box-icon-more font-lato weight-300" href="#">Learn More</a></div></div><div class="col-md-4"><div class="box-icon box-icon-side box-icon-color box-icon-round"> <i class="fa fa-cogs"></i> <a class="box-icon-title" href="#"><h2>Multipurpose</h2> </a><p>Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p> <a class="box-icon-more font-lato weight-300" href="#">Learn More</a></div></div></div></div> </section> <section><div class="container"> <header class="text-center margin-bottom-40"><h1 class="weight-300">Real Support. Real People.</h1><h2 class="weight-300 letter-spacing-1 size-13"><span>THE MOST COMPLETE TEMPLATE EVER</span></h2> </header><div class="row"><div class="col-sm-6"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero quod consequuntur quibusdam, enim expedita sed quia nesciunt incidunt accusamus necessitatibus modi adipisci officia libero accusantium esse hic, obcaecati, ullam, laboriosam!</p><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti vero, animi suscipit id facere officia. Aspernatur, quo, quos nisi dolorum aperiam fugiat deserunt velit rerum laudantium cum magnam.</p><a class="btn btn-default" href="#">LEARN MORE</a></div><div class="col-sm-6"> <img class="img-responsive" src="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/index/support.jpg" alt="support" /></div></div></div> </section> <section class="nopadding noborder"><div class="row box-gradient box-gray"><div class="col-xs-6 col-sm-3"> <i class="fa fa-child fa-4x"></i><h2 class="countTo font-raleway" data-speed="3000">8165</h2><p>HAPPY CUSTOMERS</p></div><div class="col-xs-6 col-sm-3"> <i class="fa fa-smile-o fa-4x"></i><h2 class="countTo font-raleway" data-speed="3000">1033</h2><p>FACIALS</p></div><div class="col-xs-6 col-sm-3"> <i class="fa fa-heart fa-4x"></i><h2 class="countTo font-raleway" data-speed="3000">24567</h2><p>MASSAGES</p></div><div class="col-xs-6 col-sm-3"> <i class="fa fa-female fa-4x"></i><h2 class="countTo font-raleway" data-speed="3000">68</h2><p>MOTHERS TO BE</p></div></div> </section> <section><div class="container"><header class="text-center margin-bottom-40"><h1 class="weight-300">Smarty Features</h1><h2 class="weight-300 letter-spacing-1 size-13"><span>WE TRULY CARE ABOUT OUR CUSTOMERS</span></h2> </header><div class="row margin-top-80"><div class="col-lg-4 col-md-4 col-md-push-4 text-center"><img class="img-responsive" src="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/iphone-min.png" alt="" /></div><div class="col-lg-4 col-md-4 col-sm-6 col-md-pull-4"><div class="box-icon box-icon-right"> <a class="box-icon-title" href="#"> <i class="fa fa-eye"></i><h2>Retina Ready</h2> </a><p>Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p></div><div class="box-icon box-icon-right"> <a class="box-icon-title" href="#"> <i class="fa fa-check"></i><h2>Unlimited Options</h2> </a><p>Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p></div><div class="box-icon box-icon-right"> <a class="box-icon-title" href="#"> <i class="fa fa-rocket"></i><h2>Premium Sliders</h2> </a><p>Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p></div><div class="box-icon box-icon-right"> <a class="box-icon-title" href="#"> <i class="fa fa-flash"></i><h2>performance</h2> </a><p>Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p></div></div><div class="col-lg-4 col-md-4 col-sm-6"><div class="box-icon box-icon-left"> <a class="box-icon-title" href="#"> <i class="fa fa-tablet"></i><h2>Fully Reposnive</h2> </a><p>Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p></div><div class="box-icon box-icon-left"> <a class="box-icon-title" href="#"> <i class="fa fa-random"></i><h2>Clean Design</h2> </a><p>Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p></div><div class="box-icon box-icon-left"> <a class="box-icon-title" href="#"> <i class="fa fa-tint"></i><h2>Reusable Elements</h2> </a><p>Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p></div><div class="box-icon box-icon-left"> <a class="box-icon-title" href="#"> <i class="fa fa-cogs"></i><h2>Multipurpose</h2> </a><p>Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p></div></div></div></div> </section> <section class="callout-dark heading-title heading-arrow-bottom"><div class="container"><header class="text-center"><h1 class="weight-300 size-40">Our Latest Works</h1><h2 class="weight-300 letter-spacing-1 size-13"><span>WE TRULY CARE ABOUT OUR CUSTOMERS</span></h2> </header></div> </section> <section class="nopadding"><div id="portfolio" class="portfolio-nogutter"><div class="row mix-grid"><div class="col-md-3 col-sm-3 mix development"><div class="item-box"> <figure> <span class="item-hover"> <span class="overlay dark-5"></span> <span class="inner"> <a class="ico-rounded lightbox" href="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/mockups/1200x800/1-min.jpg" data-plugin-options='{"type":"image"}'> <span class="fa fa-plus size-20"></span> </a> <a class="ico-rounded" href="portfolio-single-slider.html"> <span class="glyphicon glyphicon-option-horizontal size-20"></span> </a></span> </span><img class="img-responsive" src="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/mockups/600x399/1-min.jpg" width="600" height="399" alt=""> </figure><div class="item-box-desc"><h3>Nature Photography</h3><ul class="list-inline categories nomargin"><li><a href="#">Photography</a></li><li><a href="#">Design</a></li></ul></div></div></div><div class="col-md-3 col-sm-3 mix development"><div class="item-box"> <figure> <span class="item-hover"> <span class="overlay dark-5"></span> <span class="inner"> <a class="ico-rounded lightbox" href="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/mockups/1200x800/11-min.jpg" data-plugin-options='{"type":"image"}'> <span class="fa fa-plus size-20"></span> </a> <a class="ico-rounded" href="portfolio-single-slider.html"> <span class="glyphicon glyphicon-option-horizontal size-20"></span> </a></span> </span><img class="img-responsive" src="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/mockups/600x399/11-min.jpg" width="600" height="399" alt=""> </figure><div class="item-box-desc"><h3>Nature Photography</h3><ul class="list-inline categories nomargin"><li><a href="#">Photography</a></li><li><a href="#">Design</a></li></ul></div></div></div><div class="col-md-3 col-sm-3 mix photography"><div class="item-box"> <figure> <span class="item-hover"> <span class="overlay dark-5"></span> <span class="inner"> <a class="ico-rounded lightbox" href="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/mockups/1200x800/20-min.jpg" data-plugin-options='{"type":"image"}'> <span class="fa fa-plus size-20"></span> </a> <a class="ico-rounded" href="portfolio-single-slider.html"> <span class="glyphicon glyphicon-option-horizontal size-20"></span> </a></span> </span><img class="img-responsive" src="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/mockups/600x399/20-min.jpg" width="600" height="399" alt=""> </figure><div class="item-box-desc"><h3>Fashion Design</h3><ul class="list-inline categories nomargin"><li><a href="#">Photography</a></li><li><a href="#">Design</a></li></ul></div></div></div><div class="col-md-3 col-sm-3 mix design"><div class="item-box"> <figure> <span class="item-hover"> <span class="overlay dark-5"></span> <span class="inner"> <a class="ico-rounded lightbox" href="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/mockups/1200x800/19-min.jpg" data-plugin-options='{"type":"image"}'> <span class="fa fa-plus size-20"></span> </a> <a class="ico-rounded" href="portfolio-single-slider.html"> <span class="glyphicon glyphicon-option-horizontal size-20"></span> </a></span> </span><img class="img-responsive" src="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/mockups/600x399/19-min.jpg" width="600" height="399" alt=""> </figure><div class="item-box-desc"><h3>Ocean Project</h3><ul class="list-inline categories nomargin"><li><a href="#">Photography</a></li><li><a href="#">Design</a></li></ul></div></div></div><div class="col-md-3 col-sm-3 mix design"><div class="item-box"> <figure> <span class="item-hover"> <span class="overlay dark-5"></span> <span class="inner"> <a class="ico-rounded lightbox" href="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/mockups/1200x800/12-min.jpg" data-plugin-options='{"type":"image"}'> <span class="fa fa-plus size-20"></span> </a> <a class="ico-rounded" href="portfolio-single-slider.html"> <span class="glyphicon glyphicon-option-horizontal size-20"></span> </a></span> </span><img class="img-responsive" src="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/mockups/600x399/12-min.jpg" width="600" height="399" alt=""> </figure><div class="item-box-desc"><h3>Architect Project</h3><ul class="list-inline categories nomargin"><li><a href="#">Architecture</a></li><li><a href="#">Design</a></li></ul></div></div></div><div class="col-md-3 col-sm-3 mix development"><div class="item-box"> <figure> <span class="item-hover"> <span class="overlay dark-5"></span> <span class="inner"> <a class="ico-rounded lightbox" href="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/mockups/1200x800/13-min.jpg" data-plugin-options='{"type":"image"}'> <span class="fa fa-plus size-20"></span> </a> <a class="ico-rounded" href="portfolio-single-slider.html"> <span class="glyphicon glyphicon-option-horizontal size-20"></span> </a></span> </span><img class="img-responsive" src="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/mockups/600x399/13-min.jpg" width="600" height="399" alt=""> </figure><div class="item-box-desc"><h3>Speaker Design</h3><ul class="list-inline categories nomargin"><li><a href="#">Audio</a></li><li><a href="#">Design</a></li></ul></div></div></div><div class="col-md-3 col-sm-3 mix photography"><div class="item-box"> <figure> <span class="item-hover"> <span class="overlay dark-5"></span> <span class="inner"> <a class="ico-rounded lightbox" href="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/mockups/1200x800/14-min.jpg" data-plugin-options='{"type":"image"}'> <span class="fa fa-plus size-20"></span> </a> <a class="ico-rounded" href="portfolio-single-slider.html"> <span class="glyphicon glyphicon-option-horizontal size-20"></span> </a></span> </span><img class="img-responsive" src="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/mockups/600x399/14-min.jpg" width="600" height="399" alt=""> </figure><div class="item-box-desc"><h3>Mobile Development</h3><ul class="list-inline categories nomargin"><li><a href="#">Development</a></li><li><a href="#">Design</a></li></ul></div></div></div><div class="col-md-3 col-sm-3 mix design"><div class="item-box"> <figure> <span class="item-hover"> <span class="overlay dark-5"></span> <span class="inner"> <a class="ico-rounded lightbox" href="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/mockups/1200x800/15-min.jpg" data-plugin-options='{"type":"image"}'> <span class="fa fa-plus size-20"></span> </a> <a class="ico-rounded" href="portfolio-single-slider.html"> <span class="glyphicon glyphicon-option-horizontal size-20"></span> </a></span> </span><img class="img-responsive" src="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/mockups/600x399/15-min.jpg" width="600" height="399" alt=""> </figure><div class="item-box-desc"><h3>Nature Art</h3><ul class="list-inline categories nomargin"><li><a href="#">Nature</a></li><li><a href="#">Art</a></li></ul></div></div></div></div></div> </section> <section><div class="container"><div class="row"><div class="col-md-4 col-sm-4"><div class="toggle toggle-accordion toggle-transparent toggle-bordered-full"><div class="toggle active"> <label>Lorem ipsum dolor.</label><div class="toggle-content"><p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p></div></div><div class="toggle"> <label>Sit amet, consectetur.</label><div class="toggle-content"><p>Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc.</p></div></div><div class="toggle"> <label>Consectetur adipiscing elit.</label><div class="toggle-content"><p>Ut enim massa, sodales tempor convallis et, iaculis ac massa.</p></div></div></div></div><div class="col-md-4 col-sm-4"><h4>Our Skills</h4><label> <span class="pull-right">60%</span> MARKETING </label><div class="progress progress-xxs"><div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%; min-width: 2em;"></div></div><label> <span class="pull-right">88%</span> SALES </label><div class="progress progress-xxs"><div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 88%; min-width: 2em;"></div></div><label> <span class="pull-right">93%</span> DESIGN </label><div class="progress progress-xxs"><div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 93%; min-width: 2em;"></div></div><label> <span class="pull-right">77%</span> DEVELOPMENT </label><div class="progress progress-xxs"><div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 77%; min-width: 2em;"></div></div><label> <span class="pull-right">99%</span> OTHER </label><div class="progress progress-xxs"><div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 99%; min-width: 2em;"></div></div></div><div class="col-md-4 col-sm-4"><h4>Recent News</h4><div class="row tab-post"><div class="col-md-2 col-sm-2 col-xs-2"> <a href="blog-sidebar-left.html"> <img src="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/people/300x300/1-min.jpg" width="50" alt="" /> </a></div><div class="col-md-10 col-sm-10 col-xs-10"> <a href="blog-sidebar-left.html" class="tab-post-link">Maecenas metus nulla</a> <small>June 29 2014</small></div></div><div class="row tab-post"><div class="col-md-2 col-sm-2 col-xs-2"> <a href="blog-sidebar-left.html"> <img src="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/people/300x300/2-min.jpg" width="50" alt="" /> </a></div><div class="col-md-10 col-sm-10 col-xs-10"> <a href="blog-sidebar-left.html" class="tab-post-link">Curabitur pellentesque neque eget</a> <small>June 29 2014</small></div></div><div class="row tab-post"><div class="col-md-2 col-sm-2 col-xs-2"> <a href="blog-sidebar-left.html"> <img src="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/people/300x300/3-min.jpg" width="50" alt="" /> </a></div><div class="col-md-10 col-sm-10 col-xs-10"> <a href="blog-sidebar-left.html" class="tab-post-link">Nam et lacus neque. Ut enim massa</a> <small>June 29 2014</small></div></div></div></div></div> </section> <section class="parallax parallax-2" style="background-image: url('https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/1200x800/3-min.jpg');"><div class="overlay dark-8"></div><div class="container"><div class="text-center"><h3 class="nomargin">Smarty Inside</h3><p class="font-lato weight-300 lead nomargin-top">We can't solve problems by using the same kind of thinking we used when we created them.</p></div><ul class="margin-top-80 social-icons list-unstyled list-inline"><li> <a target="_blank" href="#"> <i class="fa fa-facebook"></i><h4>Facebook</h4> <span>Be Our Friend</span> </a></li><li> <a target="_blank" href="#"> <i class="fa fa-twitter"></i><h4>Twitter</h4> <span>Follow Us</span> </a></li><li> <a target="_blank" href="#"> <i class="fa fa-youtube"></i><h4>Youtube</h4> <span>Our Videos</span> </a></li><li> <a target="_blank" href="#"> <i class="fa fa-instagram"></i><h4>Instagram</h4> <span>See Our Images</span> </a></li><li> <a target="_blank" href="#"> <i class="fa fa-linkedin"></i><h4>Linkedin</h4> <span>Check Our Identity</span> </a></li><li> <a target="_blank" href="#"> <i class="fa fa-pinterest"></i><h4>Pinterest</h4> <span>Visual Discovery</span> </a></li></ul></div></section> <section><div class="container"><header class="text-center margin-bottom-60"><h1 class="weight-300">Smarty Team</h1><h2 class="weight-300 letter-spacing-1 size-13"><span>WE TRULY CARE ABOUT OUR CUSTOMERS</span></h2> </header><div class="row"><div class="col-md-3 col-sm-6"><div class="box-flip box-color box-icon box-icon-center box-icon-round box-icon-large text-center"><div class="front"><div class="box1 box-default"><div class="box-icon-title"> <img class="img-responsive" src="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/people/460x700/7-min.jpg" alt="" /><h2>Felica Doe</h2> <small>CEO</small></div></div></div><div class="back"><div class="box2 box-default"><h4 class="nomargin">Felica Doe</h4> <small>CEO</small><hr /><p>Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere</p><hr /><a href="#" class="social-icon social-icon-sm social-facebook"> <i class="fa fa-facebook"></i> <i class="fa fa-facebook"></i> </a> <a href="#" class="social-icon social-icon-sm social-twitter"> <i class="fa fa-twitter"></i> <i class="fa fa-twitter"></i> </a> <a href="#" class="social-icon social-icon-sm social-linkedin"> <i class="fa fa-linkedin"></i> <i class="fa fa-linkedin"></i> </a></div></div></div></div><div class="col-md-3 col-sm-6"><div class="box-flip box-color box-icon box-icon-center box-icon-round box-icon-large text-center"><div class="front"><div class="box1 box-default"><div class="box-icon-title"> <img class="img-responsive" src="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/people/460x700/12-min.jpg" alt="" /><h2>Joana Doe</h2> <small>Art Director</small></div></div></div><div class="back"><div class="box2 box-default"><h4 class="nomargin">Joana Doe</h4> <small>Art Director</small><hr /><p>Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere</p><hr /><a href="#" class="social-icon social-icon-sm social-facebook"> <i class="fa fa-facebook"></i> <i class="fa fa-facebook"></i> </a> <a href="#" class="social-icon social-icon-sm social-twitter"> <i class="fa fa-twitter"></i> <i class="fa fa-twitter"></i> </a> <a href="#" class="social-icon social-icon-sm social-linkedin"> <i class="fa fa-linkedin"></i> <i class="fa fa-linkedin"></i> </a></div></div></div></div><div class="col-md-3 col-sm-6"><div class="box-flip box-color box-icon box-icon-center box-icon-round box-icon-large text-center"><div class="front"><div class="box1 box-default"><div class="box-icon-title"> <img class="img-responsive" src="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/people/460x700/10-min.jpg" alt="" /><h2>Melissa Doe</h2> <small>Web Developer</small></div></div></div><div class="back"><div class="box2 box-default"><h4 class="nomargin">Melissa Doe</h4> <small>Web Developer</small><hr /><p>Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere</p><hr /><a href="#" class="social-icon social-icon-sm social-facebook"> <i class="fa fa-facebook"></i> <i class="fa fa-facebook"></i> </a> <a href="#" class="social-icon social-icon-sm social-twitter"> <i class="fa fa-twitter"></i> <i class="fa fa-twitter"></i> </a> <a href="#" class="social-icon social-icon-sm social-linkedin"> <i class="fa fa-linkedin"></i> <i class="fa fa-linkedin"></i> </a></div></div></div></div><div class="col-md-3 col-sm-6"><div class="box-flip box-color box-icon box-icon-center box-icon-round box-icon-large text-center"><div class="front"><div class="box1 box-default"><div class="box-icon-title"> <img class="img-responsive" src="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/people/460x700/8-min.jpg" alt="" /><h2>Jessica Doe</h2> <small>Manager</small></div></div></div><div class="back"><div class="box2 box-default"><h4 class="nomargin">Jessica Doe</h4> <small>Manager</small><hr /><p>Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere</p><hr /><a href="#" class="social-icon social-icon-sm social-facebook"> <i class="fa fa-facebook"></i> <i class="fa fa-facebook"></i> </a> <a href="#" class="social-icon social-icon-sm social-twitter"> <i class="fa fa-twitter"></i> <i class="fa fa-twitter"></i> </a> <a href="#" class="social-icon social-icon-sm social-linkedin"> <i class="fa fa-linkedin"></i> <i class="fa fa-linkedin"></i> </a></div></div></div></div></div></div> </section> <section><div class="container"><header class="text-center margin-bottom-60"><h1 class="weight-300">Recent News</h1><h2 class="weight-300 letter-spacing-1 size-13"><span>WE TRULY CARE ABOUT OUR CUSTOMERS</span></h2> </header><div class="owl-carousel owl-padding-10 buttons-autohide controlls-over" data-plugin-options='{"singleItem": false, "items":"4", "autoPlay": 4000, "navigation": true, "pagination": false}'><div class="img-hover"> <a href="blog-single-default.html"> <img class="img-responsive" src="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/451x300/24-min.jpg" alt=""> </a><h4 class="text-left margin-top-20"><a href="blog-single-default.html">Lorem Ipsum Dolor</a></h4><p class="text-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, asperiores quod est tenetur in.</p><ul class="text-left size-12 list-inline list-separator"><li> <i class="fa fa-calendar"></i> 29th Jan 2015</li><li> <a href="blog-single-default.html#comments"> <i class="fa fa-comments"></i> 3 </a></li></ul></div><div class="img-hover"> <a href="blog-single-default.html"> <img class="img-responsive" src="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/451x300/17-min.jpg" alt=""> </a><h4 class="text-left margin-top-20"><a href="blog-single-default.html">Lorem Ipsum Dolor</a></h4><p class="text-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, asperiores quod est tenetur in.</p><ul class="text-left size-12 list-inline list-separator"><li> <i class="fa fa-calendar"></i> 29th Jan 2015</li><li> <a href="blog-single-default.html#comments"> <i class="fa fa-comments"></i> 3 </a></li></ul></div><div class="img-hover"> <a href="blog-single-default.html"> <img class="img-responsive" src="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/451x300/30-min.jpg" alt=""> </a><h4 class="text-left margin-top-20"><a href="blog-single-default.html">Lorem Ipsum Dolor</a></h4><p class="text-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, asperiores quod est tenetur in.</p><ul class="text-left size-12 list-inline list-separator"><li> <i class="fa fa-calendar"></i> 29th Jan 2015</li><li> <a href="blog-single-default.html#comments"> <i class="fa fa-comments"></i> 3 </a></li></ul></div><div class="img-hover"> <a href="blog-single-default.html"> <img class="img-responsive" src="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/451x300/26-min.jpg" alt=""> </a><h4 class="text-left margin-top-20"><a href="blog-single-default.html">Lorem Ipsum Dolor</a></h4><p class="text-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, asperiores quod est tenetur in.</p><ul class="text-left size-12 list-inline list-separator"><li> <i class="fa fa-calendar"></i> 29th Jan 2015</li><li> <a href="blog-single-default.html#comments"> <i class="fa fa-comments"></i> 3 </a></li></ul></div><div class="img-hover"> <a href="blog-single-default.html"> <img class="img-responsive" src="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/451x300/18-min.jpg" alt=""> </a><h4 class="text-left margin-top-20"><a href="blog-single-default.html">Lorem Ipsum Dolor</a></h4><p class="text-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, asperiores quod est tenetur in.</p><ul class="text-left size-12 list-inline list-separator"><li> <i class="fa fa-calendar"></i> 29th Jan 2015</li><li> <a href="blog-single-default.html#comments"> <i class="fa fa-comments"></i> 3 </a></li></ul></div><div class="img-hover"> <a href="blog-single-default.html"> <img class="img-responsive" src="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/451x300/34-min.jpg" alt=""> </a><h4 class="text-left margin-top-20"><a href="blog-single-default.html">Lorem Ipsum Dolor</a></h4><p class="text-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, asperiores quod est tenetur in.</p><ul class="text-left size-12 list-inline list-separator"><li> <i class="fa fa-calendar"></i> 29th Jan 2015</li><li> <a href="blog-single-default.html#comments"> <i class="fa fa-comments"></i> 3 </a></li></ul></div><div class="img-hover"> <a href="blog-single-default.html"> <img class="img-responsive" src="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/451x300/37-min.jpg" alt=""> </a><h4 class="text-left margin-top-20"><a href="blog-single-default.html">Lorem Ipsum Dolor</a></h4><p class="text-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, asperiores quod est tenetur in.</p><ul class="text-left size-12 list-inline list-separator"><li> <i class="fa fa-calendar"></i> 29th Jan 2015</li><li> <a href="blog-single-default.html#comments"> <i class="fa fa-comments"></i> 3 </a></li></ul></div><div class="img-hover"> <a href="blog-single-default.html"> <img class="img-responsive" src="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/451x300/23-min.jpg" alt=""> </a><h4 class="text-left margin-top-20"><a href="blog-single-default.html">Lorem Ipsum Dolor</a></h4><p class="text-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, asperiores quod est tenetur in.</p><ul class="text-left size-12 list-inline list-separator"><li> <i class="fa fa-calendar"></i> 29th Jan 2015</li><li> <a href="blog-single-default.html#comments"> <i class="fa fa-comments"></i> 3 </a></li></ul></div></div></div> </section><div class="text-center margin-top-30 margin-bottom-30"><div class="owl-carousel nomargin" data-plugin-options='{"items":6, "singleItem": false, "autoPlay": true}'><div> <img class="img-responsive" src="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/brands/1.jpg" alt=""></div><div> <img class="img-responsive" src="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/brands/2.jpg" alt=""></div><div> <img class="img-responsive" src="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/brands/3.jpg" alt=""></div><div> <img class="img-responsive" src="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/brands/4.jpg" alt=""></div><div> <img class="img-responsive" src="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/brands/5.jpg" alt=""></div><div> <img class="img-responsive" src="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/brands/6.jpg" alt=""></div><div> <img class="img-responsive" src="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/brands/7.jpg" alt=""></div><div> <img class="img-responsive" src="https://2016.igem.org/Team:Valencia_UPV/assets/images/demo/brands/8.jpg" alt=""></div></div></div> <footer id="footer"><div class="container"><div class="row"><div class="col-md-3"> <img class="footer-logo" src="https://2016.igem.org/Team:Valencia_UPV/assets/images/logo-footer.png" alt="" /><p>Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p> <address><ul class="list-unstyled"><li class="footer-sprite address"> PO Box 21132<br> Here Weare St, Melbourne<br> Vivas 2355 Australia<br></li><li class="footer-sprite phone"> Phone: 1-800-565-2390</li><li class="footer-sprite email"> <a href="mailto:support@yourname.com">support@yourname.com</a></li></ul> </address></div><div class="col-md-3"><h4 class="letter-spacing-1">LATEST NEWS</h4><ul class="footer-posts list-unstyled"><li> <a href="#">Donec sed odio dui. Nulla vitae elit libero, a pharetra augue</a> <small>29 June 2015</small></li><li> <a href="#">Nullam id dolor id nibh ultricies</a> <small>29 June 2015</small></li><li> <a href="#">Duis mollis, est non commodo luctus</a> <small>29 June 2015</small></li></ul></div><div class="col-md-2"><h4 class="letter-spacing-1">EXPLORE SMARTY</h4><ul class="footer-links list-unstyled"><li><a href="#">Home</a></li><li><a href="#">About Us</a></li><li><a href="#">Our Services</a></li><li><a href="#">Our Clients</a></li><li><a href="#">Our Pricing</a></li><li><a href="#">Smarty Tour</a></li><li><a href="#">Contact Us</a></li></ul></div><div class="col-md-4"><h4 class="letter-spacing-1">KEEP IN TOUCH</h4><p>Subscribe to Our Newsletter to get Important News &amp; Offers</p><form class="validate" action="php/newsletter.php" method="post" data-success="Subscribed! Thank you!" data-toastr-position="bottom-right"><div class="input-group"> <span class="input-group-addon"><i class="fa fa-envelope"></i></span> <input type="email" id="email" name="email" class="form-control required" placeholder="Enter your Email"> <span class="input-group-btn"> <button class="btn btn-success" type="submit">Subscribe</button> </span></div></form><div class="margin-top-20"> <a href="#" class="social-icon social-icon-border social-facebook pull-left" data-toggle="tooltip" data-placement="top" title="Facebook"><i class="icon-facebook"></i> <i class="icon-facebook"></i> </a><a href="#" class="social-icon social-icon-border social-twitter pull-left" data-toggle="tooltip" data-placement="top" title="Twitter"> <i class="icon-twitter"></i> <i class="icon-twitter"></i> </a><a href="#" class="social-icon social-icon-border social-gplus pull-left" data-toggle="tooltip" data-placement="top" title="Google plus"> <i class="icon-gplus"></i> <i class="icon-gplus"></i> </a><a href="#" class="social-icon social-icon-border social-linkedin pull-left" data-toggle="tooltip" data-placement="top" title="Linkedin"> <i class="icon-linkedin"></i> <i class="icon-linkedin"></i> </a><a href="#" class="social-icon social-icon-border social-rss pull-left" data-toggle="tooltip" data-placement="top" title="Rss"> <i class="icon-rss"></i> <i class="icon-rss"></i> </a></div></div></div></div><div class="copyright"><div class="container"><ul class="pull-right nomargin list-inline mobile-block"><li><a href="#">Terms &amp; Conditions</a></li><li>&bull;</li><li><a href="#">Privacy</a></li></ul> &copy; All Rights Reserved, Company LTD</div></div> </footer></div><a href="#" id="toTop"></a><div id="preloader"><div class="inner"> <span class="loader"></span></div></div> <script type="text/javascript">var plugin_path='https://2016.igem.org/Team:Valencia_UPV/assets/plugins/';</script> <script type="text/javascript" src="https://2016.igem.org/Team:Valencia_UPV/assets/plugins/jquery/jquery-2.2.3.min.js"></script> <script type="text/javascript" src="https://2016.igem.org/Team:Valencia_UPV/assets/js/scripts.js"></script> <script type="text/javascript" src="https://2016.igem.org/Team:Valencia_UPV/assets/plugins/slider.revolution/js/jquery.themepunch.tools.min.js"></script> <script type="text/javascript" src="https://2016.igem.org/Team:Valencia_UPV/assets/plugins/slider.revolution/js/jquery.themepunch.revolution.min.js"></script> <script type="text/javascript" src="https://2016.igem.org/Team:Valencia_UPV/assets/js/view/demo.revolution_slider.js"></script> <script>document.getElementById('vid').play();</script> </body></html>