Difference between revisions of "Team:Valencia UPV/Model"

Line 1: Line 1:
<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="http://goldenbraid.cloudno.de/template/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /><link href="http://goldenbraid.cloudno.de/template/assets/css/essentials.css" rel="stylesheet" type="text/css" /><link href="http://goldenbraid.cloudno.de/template/assets/css/layout.css" rel="stylesheet" type="text/css" /><link href="http://goldenbraid.cloudno.de/template/assets/css/header-1.css" rel="stylesheet" type="text/css" /><link href="http://goldenbraid.cloudno.de/template/assets/css/color_scheme/green.css" rel="stylesheet" type="text/css" id="color_scheme" /><style>#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>a,#topMain.nav-pills>li:hover>a,#topMain.nav-pills>li:focus>a{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}</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="http://goldenbraid.cloudno.de/template/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="https://2016.igem.org/Team:Valencia_UPV/Team">OUR TEAM</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Collaborations">COLLABORATIONS</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/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="https://2016.igem.org/Team:Valencia_UPV/Project">OUR PROJECT</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Design">DESIGN</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Software">DATA PROCESSING SOFTWARE</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/proof">GRNA TESTING SYSTEM</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Split">SPLIT CAS9</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Hardware">LAB CASE</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Demonstrate">DEMONSTRATE</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Results">RESULTS</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/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="https://2016.igem.org/Team:Valencia_UPV/Human_Practices">OUR HUMAN PRACTICES</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/HP/Silver">SOCIAL ENGAGEMENT</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/HP/Gold">GOLD</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Integrated_Practices">INTEGRATED PRACTICES</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/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="https://2016.igem.org/Team:Valencia_UPV/Parts">Our PARTS</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Basic_Part">BASIC PARTS</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Composite_Part">COMPOSITEPARTS</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Part_Collection">PART COLLECTION</a></li></ul></li><li> <a class="active" href="https://2016.igem.org/Team:Valencia_UPV/Model"> MODEL </a></li></ul> </nav></div></div> </header></div><section class="page-header page-header-xs"><div class="container"><h1>MODEL</h1> <span class="font-lato size-18 hidden-xs">We believe in Simple &amp; Creative</span></div> </section> <section><div class="container"><div class="row nomargin"><div class="col-md-8 col-sm-8"><div class="heading-title heading-border"><h2>Project Name <span>Details</span></h2><ul class="list-inline categories nomargin"><li><a href="#">Photography</a></li><li><a href="#">Design</a></li></ul></div><p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum.</p><p class="font-lato size-18">Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div><div class="col-md-4 col-sm-4"><div class="panel panel-default"><div class="panel-body"><p class="font-lato size-18">Integer posuere erat a ante venenatis dapibus posuere velit aliquet nulla sed consectetur.</p><ul class="portfolio-detail-list list-unstyled nomargin"><li><span><i class="fa fa-user"></i>Author:</span> Smarty Inc.</li><li><span><i class="fa fa-calendar"></i>Released:</span> 29th June 2015</li><li><span><i class="fa fa-lightbulb-o"></i>Technologies:</span> HTML / CSS / JAVASCRIPT</li><li><span><i class="fa fa-link"></i>Website:</span> <a href="#">www.stepofweb.com</a></li></ul></div><div class="panel-footer"> <a href="#" class="social-icon social-icon-sm social-icon-transparent social-facebook" 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-sm social-icon-transparent social-twitter" 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-sm social-icon-transparent social-gplus" 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-sm social-icon-transparent social-linkedin" 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-sm social-icon-transparent social-pinterest" data-toggle="tooltip" data-placement="top" title="Pinterest"> <i class="icon-pinterest"></i> <i class="icon-pinterest"></i> </a></div></div></div></div></div> </section> <section class="section-video padding-xlg"><div class="overlay dark-7"></div><div class="section-container-video"><video poster="http://goldenbraid.cloudno.de/template/assets/images/demo/video/back.jpg" preload="auto" loop autoplay muted> <source src='http://goldenbraid.cloudno.de/template/assets/images/demo/video/back.webm' type='video/webm' /> <source src='http://goldenbraid.cloudno.de/template/assets/images/demo/video/back.mp4' type='video/mp4' /> </video></div><div class="container"><div class="text-center hidden-xs"><div class="piechart" data-color="#ffffff" data-trackcolor="rgba(255,255,255,0.2)" data-size="150" data-percent="87" data-width="2" data-animate="1700"> <span class="size-30"><span class="countTo" data-speed="4000">87</span>%</span></div><div class="piechart" data-color="#ffffff" data-trackcolor="rgba(255,255,255,0.2)" data-size="150" data-percent="66" data-width="2" data-animate="1700"> <span class="size-30"><span class="countTo" data-speed="4000">66</span>%</span></div><div class="piechart" data-color="#ffffff" data-trackcolor="rgba(255,255,255,0.2)" data-size="150" data-percent="97" data-width="2" data-animate="1700"> <span class="size-30"><span class="countTo" data-speed="4000">97</span>%</span></div><div class="piechart" data-color="#ffffff" data-trackcolor="rgba(255,255,255,0.2)" data-size="150" data-percent="76" data-width="2" data-animate="1700"> <span class="size-30"><span class="countTo" data-speed="4000">76</span>%</span></div></div></div></section> <section class="callout-dark heading-title heading-arrow-bottom"><div class="container"><div class="text-center"><h3 class="size-30">The Future Of Multipurpose</h3><p>We can't solve problems by using the same kind of thinking we used when we created them.</p></div></div> </section> <section class="nopadding"><div class="row nomargin"><div class="col-md-6 col-sm-6 nopadding nomargin"><img class="img-responsive" src="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/4-min.jpg" alt="image" /></div><div class="col-md-6 col-sm-6 nopadding nomargin"><div class="padding-40"><h2>Multipurpose Unlimited Options</h2><p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum.</p><p class="font-lato size-18">Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p><div class="row margin-top-60"><div class="col-md-6"><div class="heading-title heading-border-bottom heading-color"><h3>Precision</h3></div><p>Fabulas definitiones ei pri per recteque hendrerit scriptorem in errem scribentur mel fastidii propriae philosophia cu mea. Utinam ipsum everti necessitatibus at fuisset splendide.</p><a href="#"> Read <span class="word-rotator" data-delay="2000"> <span class="items"> <span>more</span> <span>now</span> </span> </span> <i class="glyphicon glyphicon-menu-right size-12"></i> </a></div><div class="col-md-6"><div class="heading-title heading-border-bottom heading-color"><h3>Simplicity</h3></div><p>Fabulas definitiones ei pri per recteque hendrerit scriptorem in errem scribentur mel fastidii propriae philosophia cu mea. Utinam ipsum everti necessitatibus at fuisset splendide.</p><a href="#"> Read <span class="word-rotator" data-delay="2000"> <span class="items"> <span>more</span> <span>now</span> </span> </span> <i class="glyphicon glyphicon-menu-right size-12"></i> </a></div></div></div></div></div></section> <section><div class="container"><div class="heading-title heading-border"><h3>Related <span>Projects</span></h3><p class="font-lato size-14">Lorem ipsum dolor sit amet.</p></div><div class="text-center"><div class="owl-carousel owl-padding-1 nomargin buttons-autohide controlls-over" data-plugin-options='{"singleItem": false, "items": "4", "autoPlay": 3500, "navigation": true, "pagination": false}'><div class="item-box"> <figure> <span class="item-hover"> <span class="overlay dark-5"></span> <span class="inner"> <a class="ico-rounded lightbox" href="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/16-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="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/16-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 class="item-box"> <figure> <span class="item-hover"> <span class="overlay dark-5"></span> <span class="inner"> <a class="ico-rounded lightbox" href="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/4-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="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/4-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 class="item-box"> <figure> <span class="item-hover"> <span class="overlay dark-5"></span> <span class="inner"> <a class="ico-rounded lightbox" href="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/5-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="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/5-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 class="item-box"> <figure> <span class="item-hover"> <span class="overlay dark-5"></span> <span class="inner"> <a class="ico-rounded lightbox" href="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/6-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="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/6-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 class="item-box"> <figure> <span class="item-hover"> <span class="overlay dark-5"></span> <span class="inner"> <a class="ico-rounded lightbox" href="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/7-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="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/7-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 class="item-box"> <figure> <span class="item-hover"> <span class="overlay dark-5"></span> <span class="inner"> <a class="ico-rounded lightbox" href="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/8-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="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/8-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 class="item-box"> <figure> <span class="item-hover"> <span class="overlay dark-5"></span> <span class="inner"> <a class="ico-rounded lightbox" href="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/9-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="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/9-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 class="item-box"> <figure> <span class="item-hover"> <span class="overlay dark-5"></span> <span class="inner"> <a class="ico-rounded lightbox" href="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/10-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="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/10-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></div> </section> <footer id="footer"><div class="container"><div class="row"><div class="col-md-3"> <img class="footer-logo" src="http://goldenbraid.cloudno.de/template/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='http://goldenbraid.cloudno.de/template/assets/plugins/';</script> <script type="text/javascript" src="http://goldenbraid.cloudno.de/template/assets/plugins/jquery/jquery-2.2.3.min.js"></script> <script type="text/javascript" src="http://goldenbraid.cloudno.de/template/assets/js/scripts.js"></script> </body></html>
+
<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="http://goldenbraid.cloudno.de/template/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /><link href="http://goldenbraid.cloudno.de/template/assets/css/essentials.css" rel="stylesheet" type="text/css" /><link href="http://goldenbraid.cloudno.de/template/assets/css/layout.css" rel="stylesheet" type="text/css" /><link href="http://goldenbraid.cloudno.de/template/assets/css/header-1.css" rel="stylesheet" type="text/css" /><link href="http://goldenbraid.cloudno.de/template/assets/css/color_scheme/green.css" rel="stylesheet" type="text/css" id="color_scheme" /><style>#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}</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="http://goldenbraid.cloudno.de/template/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="https://2016.igem.org/Team:Valencia_UPV/Team">OUR TEAM</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Collaborations">COLLABORATIONS</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/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="https://2016.igem.org/Team:Valencia_UPV/Project">OUR PROJECT</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Design">DESIGN</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Software">DATA PROCESSING SOFTWARE</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/proof">GRNA TESTING SYSTEM</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Split">SPLIT CAS9</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Hardware">LAB CASE</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Demonstrate">DEMONSTRATE</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Results">RESULTS</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/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="https://2016.igem.org/Team:Valencia_UPV/Human_Practices">OUR HUMAN PRACTICES</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/HP/Silver">SOCIAL ENGAGEMENT</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/HP/Gold">GOLD</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Integrated_Practices">INTEGRATED PRACTICES</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/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="https://2016.igem.org/Team:Valencia_UPV/Parts">Our PARTS</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Basic_Part">BASIC PARTS</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Composite_Part">COMPOSITEPARTS</a></li><li><a href="https://2016.igem.org/Team:Valencia_UPV/Part_Collection">PART COLLECTION</a></li></ul></li><li> <a class="active" href="https://2016.igem.org/Team:Valencia_UPV/Model"> MODEL </a></li></ul> </nav></div></div> </header></div><section class="page-header page-header-xs"><div class="container"><h1>MODEL</h1> <span class="font-lato size-18 hidden-xs">We believe in Simple &amp; Creative</span></div> </section> <section><div class="container"><div class="row nomargin"><div class="col-md-8 col-sm-8"><div class="heading-title heading-border"><h2>Project Name <span>Details</span></h2><ul class="list-inline categories nomargin"><li><a href="#">Photography</a></li><li><a href="#">Design</a></li></ul></div><p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum.</p><p class="font-lato size-18">Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div><div class="col-md-4 col-sm-4"><div class="panel panel-default"><div class="panel-body"><p class="font-lato size-18">Integer posuere erat a ante venenatis dapibus posuere velit aliquet nulla sed consectetur.</p><ul class="portfolio-detail-list list-unstyled nomargin"><li><span><i class="fa fa-user"></i>Author:</span> Smarty Inc.</li><li><span><i class="fa fa-calendar"></i>Released:</span> 29th June 2015</li><li><span><i class="fa fa-lightbulb-o"></i>Technologies:</span> HTML / CSS / JAVASCRIPT</li><li><span><i class="fa fa-link"></i>Website:</span> <a href="#">www.stepofweb.com</a></li></ul></div><div class="panel-footer"> <a href="#" class="social-icon social-icon-sm social-icon-transparent social-facebook" 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-sm social-icon-transparent social-twitter" 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-sm social-icon-transparent social-gplus" 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-sm social-icon-transparent social-linkedin" 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-sm social-icon-transparent social-pinterest" data-toggle="tooltip" data-placement="top" title="Pinterest"> <i class="icon-pinterest"></i> <i class="icon-pinterest"></i> </a></div></div></div></div></div> </section> <section class="section-video padding-xlg"><div class="overlay dark-7"></div><div class="section-container-video"><video poster="http://goldenbraid.cloudno.de/template/assets/images/demo/video/back.jpg" preload="auto" loop autoplay muted> <source src='http://goldenbraid.cloudno.de/template/assets/images/demo/video/back.webm' type='video/webm' /> <source src='http://goldenbraid.cloudno.de/template/assets/images/demo/video/back.mp4' type='video/mp4' /> </video></div><div class="container"><div class="text-center hidden-xs"><div class="piechart" data-color="#ffffff" data-trackcolor="rgba(255,255,255,0.2)" data-size="150" data-percent="87" data-width="2" data-animate="1700"> <span class="size-30"><span class="countTo" data-speed="4000">87</span>%</span></div><div class="piechart" data-color="#ffffff" data-trackcolor="rgba(255,255,255,0.2)" data-size="150" data-percent="66" data-width="2" data-animate="1700"> <span class="size-30"><span class="countTo" data-speed="4000">66</span>%</span></div><div class="piechart" data-color="#ffffff" data-trackcolor="rgba(255,255,255,0.2)" data-size="150" data-percent="97" data-width="2" data-animate="1700"> <span class="size-30"><span class="countTo" data-speed="4000">97</span>%</span></div><div class="piechart" data-color="#ffffff" data-trackcolor="rgba(255,255,255,0.2)" data-size="150" data-percent="76" data-width="2" data-animate="1700"> <span class="size-30"><span class="countTo" data-speed="4000">76</span>%</span></div></div></div></section> <section class="callout-dark heading-title heading-arrow-bottom"><div class="container"><div class="text-center"><h3 class="size-30">The Future Of Multipurpose</h3><p>We can't solve problems by using the same kind of thinking we used when we created them.</p></div></div> </section> <section class="nopadding"><div class="row nomargin"><div class="col-md-6 col-sm-6 nopadding nomargin"><img class="img-responsive" src="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/4-min.jpg" alt="image" /></div><div class="col-md-6 col-sm-6 nopadding nomargin"><div class="padding-40"><h2>Multipurpose Unlimited Options</h2><p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum.</p><p class="font-lato size-18">Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p><div class="row margin-top-60"><div class="col-md-6"><div class="heading-title heading-border-bottom heading-color"><h3>Precision</h3></div><p>Fabulas definitiones ei pri per recteque hendrerit scriptorem in errem scribentur mel fastidii propriae philosophia cu mea. Utinam ipsum everti necessitatibus at fuisset splendide.</p><a href="#"> Read <span class="word-rotator" data-delay="2000"> <span class="items"> <span>more</span> <span>now</span> </span> </span> <i class="glyphicon glyphicon-menu-right size-12"></i> </a></div><div class="col-md-6"><div class="heading-title heading-border-bottom heading-color"><h3>Simplicity</h3></div><p>Fabulas definitiones ei pri per recteque hendrerit scriptorem in errem scribentur mel fastidii propriae philosophia cu mea. Utinam ipsum everti necessitatibus at fuisset splendide.</p><a href="#"> Read <span class="word-rotator" data-delay="2000"> <span class="items"> <span>more</span> <span>now</span> </span> </span> <i class="glyphicon glyphicon-menu-right size-12"></i> </a></div></div></div></div></div></section> <section><div class="container"><div class="heading-title heading-border"><h3>Related <span>Projects</span></h3><p class="font-lato size-14">Lorem ipsum dolor sit amet.</p></div><div class="text-center"><div class="owl-carousel owl-padding-1 nomargin buttons-autohide controlls-over" data-plugin-options='{"singleItem": false, "items": "4", "autoPlay": 3500, "navigation": true, "pagination": false}'><div class="item-box"> <figure> <span class="item-hover"> <span class="overlay dark-5"></span> <span class="inner"> <a class="ico-rounded lightbox" href="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/16-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="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/16-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 class="item-box"> <figure> <span class="item-hover"> <span class="overlay dark-5"></span> <span class="inner"> <a class="ico-rounded lightbox" href="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/4-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="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/4-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 class="item-box"> <figure> <span class="item-hover"> <span class="overlay dark-5"></span> <span class="inner"> <a class="ico-rounded lightbox" href="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/5-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="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/5-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 class="item-box"> <figure> <span class="item-hover"> <span class="overlay dark-5"></span> <span class="inner"> <a class="ico-rounded lightbox" href="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/6-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="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/6-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 class="item-box"> <figure> <span class="item-hover"> <span class="overlay dark-5"></span> <span class="inner"> <a class="ico-rounded lightbox" href="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/7-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="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/7-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 class="item-box"> <figure> <span class="item-hover"> <span class="overlay dark-5"></span> <span class="inner"> <a class="ico-rounded lightbox" href="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/8-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="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/8-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 class="item-box"> <figure> <span class="item-hover"> <span class="overlay dark-5"></span> <span class="inner"> <a class="ico-rounded lightbox" href="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/9-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="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/9-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 class="item-box"> <figure> <span class="item-hover"> <span class="overlay dark-5"></span> <span class="inner"> <a class="ico-rounded lightbox" href="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/10-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="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/10-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></div> </section> <footer id="footer"><div class="container"><div class="row"><div class="col-md-3"> <img class="footer-logo" src="http://goldenbraid.cloudno.de/template/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='http://goldenbraid.cloudno.de/template/assets/plugins/';</script> <script type="text/javascript" src="http://goldenbraid.cloudno.de/template/assets/plugins/jquery/jquery-2.2.3.min.js"></script> <script type="text/javascript" src="http://goldenbraid.cloudno.de/template/assets/js/scripts.js"></script> </body></html>

Revision as of 14:38, 1 September 2016

HYPE IT - Valencia UPV

Project Name Details

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum.

Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Integer posuere erat a ante venenatis dapibus posuere velit aliquet nulla sed consectetur.

  • Author: Smarty Inc.
  • Released: 29th June 2015
  • Technologies: HTML / CSS / JAVASCRIPT
  • Website: www.stepofweb.com

The Future Of Multipurpose

We can't solve problems by using the same kind of thinking we used when we created them.

image

Multipurpose Unlimited Options

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum.

Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Precision

Fabulas definitiones ei pri per recteque hendrerit scriptorem in errem scribentur mel fastidii propriae philosophia cu mea. Utinam ipsum everti necessitatibus at fuisset splendide.

Read more now

Simplicity

Fabulas definitiones ei pri per recteque hendrerit scriptorem in errem scribentur mel fastidii propriae philosophia cu mea. Utinam ipsum everti necessitatibus at fuisset splendide.

Read more now

Related Projects

Lorem ipsum dolor sit amet.