Difference between revisions of "Team:Valencia UPV/Basic Part"

 
(34 intermediate revisions by 2 users not shown)
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_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}</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/Grna_testing_system">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>HUMAN PRACTICES</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="font-lato size-18 align-center><p>How society affects our project and how our project affects society? Those words got stuck in Valencia UPV team when we first read about human practices in iGEM. Science and innovation are nothing if it does not exist a relationship between them and people. We aimed to create a link not only between our project and society, but also between synthetic biology and people. Our team also made a deep study of how HYPE-IT and its usage can improve several factors in communities. In the following lines it is shown a summary of what we made for our human practices. If you want to deeply read about any of this points, you can access the pages through the navigation bar.</p></div><div class="heading-title heading-border"><p>How society affects our project and how our project affects society? Those words got stuck in Valencia UPV team when we first read about human practices in iGEM. Science and innovation are nothing if it does not exist a relationship between them and people. We aimed to create a link not only between our project and society, but also between synthetic biology and people. Our team also made a deep study of how HYPE-IT and its usage can improve several factors in communities. In the following lines it is shown a summary of what we made for our human practices. If you want to deeply read about any of this points, you can access the pages through the navigation bar.</p><h2>Social engagement </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></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>
+
{{:Team:Valencia_UPV/Templates:headerGeneralUPV}}
 +
<html>
 +
<body>
 +
 
 +
<style>
 +
.page-header{
 +
background-position-y:-27em;
 +
}
 +
@media screen and (max-width: 1370px){
 +
.page-header{
 +
background-position-y:-15em;
 +
}
 +
}
 +
</style>
 +
  <section class="page-header page-header-lg parallax parallax-3" style="background-image:url('https://static.igem.org/mediawiki/2016/6/66/T--Valencia_UPV--parts2.jpg');">
 +
<div class="overlay dark-5"><!-- dark overlay [1 to 9 opacity] --></div>
 +
<div class="container">
 +
<h1>Basic Parts</h1>
 +
</div>
 +
    </section>
 +
    <section>
 +
 
 +
</body>
 +
</html>
 
{{:Team:Valencia_UPV/Templates:footerUPV}}
 
{{:Team:Valencia_UPV/Templates:footerUPV}}

Latest revision as of 14:43, 19 October 2016

Sponsors