Difference between revisions of "Team:UNITN-Trento/Test"

m (Created page with "<html> <meta name="viewport" content="width=device-width, initial-scale=1" /> <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]--> <link rel="...")
 
 
(155 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
<meta name="viewport" content="width=device-width, initial-scale=1" />
+
</p></div>
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:UNITN-Trento/CSSreset?action=raw&ctype=text/css" />
+
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:UNITN-Trento/CSSfontawesome?action=raw&ctype=text/css" />
+
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:UNITN-Trento/mainCSS?action=raw&ctype=text/css" />
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:UNITN-Trento/CSSflaticon?action=raw&ctype=text/css" />
+
+
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
+
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
+
+
<style>
+
#sliderersct b{font-weight:500;font-size:16px;color:#c3522f}#sliderersct .banner{position:relative;width:100%;overflow:auto;-webkit-font-smoothing:antialiased;font-size:18px;line-height:24px;text-align:center;color:rgba(255,255,255,.9);text-shadow:0 0 1px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.3);background:#5b4d3d;box-shadow:0 1px 2px rgba(0,0,0,.25)}#sliderersct .banner ul{list-style:none;width:300%}#sliderersct .banner ul li{display:block;float:left;width:33%;padding:160px 0 110px;min-height:350px;background-size:cover;background-position:center center;box-shadow:inset 0 -3px 6px rgba(0,0,0,.1)}#sliderersct .pintest{font-size:40px;line-height:52px;color:#fff;font-weight:300;font-family:bree-web,Bree,sans-serif;padding:20px;background-color:rgba(0,0,0,.4);margin-top:0}#sliderersct .pintest span{margin-top:0;font-size:16px}#sliderersct .banner .btn{display:inline-block;margin:25px 0 0;padding:9px 22px 7px;clear:both;line-height:18px;color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;text-decoration:none;border:2px solid rgba(255,255,255,.4);border-radius:5px}#sliderersct .banner .btn:hover{background:rgba(255,255,255,.05)}#sliderersct .banner .btn:active{-webkit-filter:drop-shadow(0 -1px 2px rgba(0,0,0,.5));-moz-filter:drop-shadow(0 -1px 2px rgba(0,0,0,.5));-ms-filter:drop-shadow(0 -1px 2px rgba(0,0,0,.5));-o-filter:drop-shadow(0 -1px 2px rgba(0,0,0,.5));filter:drop-shadow(0 -1px 2px rgba(0, 0, 0, .5))}#sliderersct .banner .btn,.banner .dot{-webkit-filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));-moz-filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));-ms-filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));-o-filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .3))}#sliderersct .banner .dots{position:absolute;left:0;right:0;bottom:20px}#sliderersct .banner .dots li{display:inline-block;width:10px;height:10px;margin:0 4px;text-indent:-999em;border:2px solid #fff;border-radius:6px;cursor:pointer;opacity:.4;-webkit-transition:background .5s,opacity .5s;-moz-transition:background .5s,opacity .5s;transition:background .5s,opacity .5s}#sliderersct .banner .dots li.active{background:#fff;opacity:1}
+
</style>
+
 
 
 +
</html>{{UNITN-Trento/globalIncluder}}<html>
 +
 +
<script src="https://2015.igem.org/Template:UNITN-Trento/JSnotebookFunctions?action=raw&ctype=text/javascript"></script>
 
 
 +
<link rel="stylesheet" type="text/css" href="http://www.startrekfederation.it/transfer_area/timeline.css?action=raw&ctype=text/css" />
 +
<style>[class^="flaticon-"]:before, [class*=" flaticon-"]:before,[class^="flaticon-"]:after, [class*=" flaticon-"]:after{font-family:Flaticon;font-size:40px;font-style:normal;margin-left:3px}</style>
 +
 +
<div id="super_wrap">
 +
<div class="no-sidebar">
 
<div id="page-wrapper">
 
<div id="page-wrapper">
  
 
<!-- Header -->
 
<!-- Header -->
<header id="header" class="alt">  
+
<header id="header"></html>
<h1 id="logo"><a href="index.html">UNITN-TRENTO <span id="igem2015-spanned">iGEM 2015</span></a> </h1>
+
{{UNITN-Trento/mainMenu}}
<nav id="nav">
+
<html><script>
<ul>
+
<li class="current"><a href="index.html">Home</a></li>
+
jQuery('#menulin_interlab').addClass('current');
<li><a href="index.html">Team</a></li>
+
<li class="submenu">
+
</script></header>
<a href="#">Project</a>
+
<!-- Main -->
<ul>
+
<li><a href="left-sidebar.html">Description</a></li>
+
<section id="cta" style="background-image:url('https://static.igem.org/mediawiki/2015/0/04/Unitn_pics_slider_5.jpg');">
<li><a href="right-sidebar.html">Experiments / Protocols</a></li>
+
<li><a href="no-sidebar.html">Results</a></li>
+
<li><a href="notebook.html">Notebook</a></li>
+
<li><a href="no-sidebar.html">Design</a></li>
+
</ul>
+
</li>
+
<li><a href="index.html">Interlab</a></li>
+
<li class="submenu">
+
<a href="#">Parts</a>
+
<ul>
+
<li><a href="left-sidebar.html">Team Parts</a></li>
+
<li><a href="right-sidebar.html">Basic Parts</a></li>
+
<li><a href="no-sidebar.html">Composite Parts</a></li>
+
<li><a href="no-sidebar.html">Part Collections</a></li>
+
</ul>
+
</li>
+
<li class="submenu">
+
<a href="#">More...</a>
+
<ul>
+
<li><a href="right-sidebar.html">Human Practices</a></li>
+
<li><a href="no-sidebar.html">Attributions</a></li> 
+
<li><a href="no-sidebar.html">Safety</a></li> 
+
</ul>
+
</li>
+
</ul>
+
</nav>
+
</header>
+
  
<!-- Banner -->
+
<header>
<section id="banner" data-stellar-background-ratio="0.4">
+
<h2><strong>InterLab Measurement Study</strong></h2>
 +
<p>What happens when GFP meets different promoters? Are they all the same? Here is what we found out!</p>
 +
</header>
 +
  
 
<div class="inner">
 
 
<header>
 
<hr />
 
<h2>UNITN iGEM 2015</h2>
 
<hr />
 
</header>
 
<div style="clear:both; width:95%; margin:auto;">
 
<div style="background-image:url('https://static.igem.org/mediawiki/2015/d/df/Unitn_pics_main_logo_200.png'); width:170px; height:170px; float:left; background-size:cover;"></div>
 
<div style="float:left;display: table;  height: 164px; width:65%; overflow: hidden;">
 
<div style="display: table-cell; vertical-align: middle;">
 
<p>Electron-production with <br /> engineered <i>E. coli</i> and <br /> <strong>proteorhodopsin</strong></p>
 
</div>
 
</div>
 
</div>
 
</div>
 
 
</section>
 
</section>
 
<!-- Main -->
 
<article id="main">
 
 
<header class="special container">
 
<h2>Electron production with <strong><i>E. coli</i></strong> and proteorhodopsin </h2>
 
<br />
 
<p>The aim of our project is to develop a pseudoautotrophic <span class="italicEnph">E. coli</span>, enabling it to live in the microbial fuel cell anaerobic condition. Our idea is to engineer E. coli with proteorhodopsin, a light-powered proton pump identified in bacteria that live in deep waters. This protein is activated by light and needs retinal molecules to pump protons outward following excitation. Thus we want to engineer our bacteria with blh, that encodes for the enzyme that cleaves beta-carotene and produces retinal.</p>
 
<p>To increase electron production we plan to overexpress pncB that represents the limiting step in the NAD+ synthesis pathway. The more NAD+ is produced, the more electrons are transported by NADH. In short: light activates proteorhodopsin, increases bacterial viability, and drives to a more efficient electron production.
 
Our bacterial device will give rise to a self-sustainable system, powered by sunlight during the day and by a light bulb at night. Daytime-electricity can be either used or stored to be employed as a power source for the lightbulb at night.</p>
 
</header> 
 
</article>
 
 
 
+
<article id="main">  
<article id="sliderersct" >
+
 
+
<a class="anchor-off" name="interlab_intro" id="interlab_intro"></a>
<div id="sliderer" class="banner has-dots" style="overflow: hidden; width: 100%; height: 415px;">
+
<section  class="wrapper style4 container" style="margin-top:1em;">
<ul style="width: 400%; position: relative; left: -300%; height: 415px;">
+
<li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/8/8c/Unitn_pics_slider_1.jpg'); ">
+
<div class="content">
<p class="pintest">Electricity from E. coli<br/>
+
<section>
<span>Check out our amazing idea! Have fun!<br/>
+
<header>
<a class="btn" href="#">Project</a></span></p>  
+
<h3 class="wow fadeInDown">The Interlab Measurement Study</h3>
</li>
+
</header>
+
 
<li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/a/a0/Unitn_pics_slider_2.jpg'); ">
+
<p class="pintest">Electricity from E. coli<br/>
+
<span>Check out our amazing idea! Have fun!<br/>
+
<div class="row">
<a class="btn" href="#">Project</a></span></p>
+
<div class="4u 12u(narrower)">
</li>
+
<div href="#" class="wow zoomIn rotate-box square-icon">
+
<span class="rotate-box-icon tals"><i class="faa flaticon-up151"></i></span>
<li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/f/fc/Unitn_pics_slider_3.jpg'); ">
+
</div>
<p class="pintest">Electricity from E. coli<br/>
+
</div>  
<span>Check out our amazing idea! Have fun!<br/>
+
<a class="btn" href="#">Project</a></span></p>  
+
</li>
+
+
<li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/a/a7/Unitn_pics_slider_4.jpg'); ">
+
<p class="pintest">Meet the team!<br/>
+
<span>We are UNITN iGEM 2015 and we are such essence as dNTPs are made on<br/>
+
 
 
<a class="btn" href="#"> To->Team </a></span></p>
 
</li>
 
<li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/0/04/Unitn_pics_slider_5.jpg'); ">
 
<p class="pintest">Catch 'em all!<br/>
 
<span>Many techniques, different strains and so much fluorescence… Enjoy the Measurement Interlab Study<br/>
 
 
 
<a class="btn" href="#"> To->Interlab </a></span></p>
+
</section>
</li>
+
</div>  
<li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/5/58/Unitn_pics_slider_6.jpg'); ">
+
</section>
<p class="pintest">Synthetic Biology and mountains<br/>
+
<span>Admire our lovely city, surrounded by mountains. Trento is waiting for you<br/>
+
<a class="btn" href="#"> To->Interlab </a></span></p>
+
</li>
+
</ul>
+
<ol class="dots"><li class="dot active">1</li><li class="dot">2</li><li class="dot">3</li><li class="dot">4</li><li class="dot">4</li><li class="dot">4</li></ol></div>
+
 
</article>
 
</article>
 
 
 
 
<section class="wrapper style1 container special" style="padding-top:5em;">
 
 
<h2>Achievements</h2>
 
 
<div class="row">
 
<div class="4u 12u(narrower)">
 
 
<div href="#" class="rotate-box square-icon">
 
<span class="rotate-box-icon"><i class="faa flaticon-science8"></i></span>
 
<div class="rotate-box-info">
 
<h4>PR caracterization!</h4>
 
<p>Lorem ipsum dolor sit amet set, consectetur utes anet adipisicing elit, sed do eiusmod tempor incidist.</p>
 
</div>
 
</div>
 
</div>
 
 
<div class="4u 12u(narrower)">
 
<div href="#" class="rotate-box square-icon">
 
<span class="rotate-box-icon"><i class="faa flaticon-bacteria3"></i></span>
 
<div class="rotate-box-info">
 
<h4>PR caracterization!</h4>
 
<p>Lorem ipsum dolor sit amet set, consectetur utes anet adipisicing elit, sed do eiusmod tempor incidist.</p>
 
</div>
 
</div>
 
</div>
 
<div class="4u 12u(narrower)">
 
<div href="#" class="rotate-box square-icon">
 
<span class="rotate-box-icon"><i class="faa flaticon-laboratory4"></i></span>
 
<div class="rotate-box-info">
 
<h4>PR caracterization!</h4>
 
<p>Lorem ipsum dolor sit amet set, consectetur utes anet adipisicing elit, sed do eiusmod tempor incidist.</p>
 
</div>
 
</div>
 
</div>
 
</div>
 
 
<div class="row">
 
<div class="4u 12u(narrower)">
 
<div href="#" class="rotate-box square-icon">
 
<span class="rotate-box-icon"><i class="faa flaticon-science8"></i></span>
 
<div class="rotate-box-info">
 
<h4>PR caracterization!</h4>
 
<p>Lorem ipsum dolor sit amet set, consectetur utes anet adipisicing elit, sed do eiusmod tempor incidist.</p>
 
</div>
 
</div>
 
</div>
 
<div class="4u 12u(narrower)">
 
<div href="#" class="rotate-box square-icon">
 
<span class="rotate-box-icon"><i class="faa flaticon-bacteria3"></i></span>
 
<div class="rotate-box-info">
 
<h4>PR caracterization!</h4>
 
<p>Lorem ipsum dolor sit amet set, consectetur utes anet adipisicing elit, sed do eiusmod tempor incidist.</p>
 
</div>
 
</div>
 
</div>
 
<div class="4u 12u(narrower)">
 
<div href="#" class="rotate-box square-icon">
 
<span class="rotate-box-icon"><i class="faa flaticon-laboratory4"></i></span>
 
<div class="rotate-box-info">
 
<h4>PR caracterization!</h4>
 
<p>Lorem ipsum dolor sit amet set, consectetur utes anet adipisicing elit, sed do eiusmod tempor incidist.</p>
 
</div>
 
</div>
 
</div>
 
</div>
 
</section>
 
 
  
 
<!-- Footer -->
 
<!-- Footer -->
<footer id="footer">
+
</html>{{UNITN-Trento/mainFooter}}<html>  
  
<div class="container">
+
</div>  
<div class="row">
+
<script>
<div class="4u 12u(narrower) footer1">
+
function showAftPar(ob)
<h1>Institutions</h1>
+
{
<hr  style="border:1px dotted #AAA;"/>
+
<ul>
+
if(jQuery(ob).next().css('display') == 'none')
<li><a href="#" class="unitn_icon">University of Trento</a></li>
+
{
<li><a href="#" class="cibio_icon">CIBIO - Centre for Integrative Biology</a></li>
+
jQuery(ob).addClass('spinnable');  
<li><a href="#" class="igem_icon">iGEM HeadQuarter</a></li> 
+
jQuery(ob).next().fadeIn(100);   
</ul>
+
</div>
+
}else
+
{
+
jQuery(ob).next().fadeOut(100,function(){jQuery(ob).removeClass('spinnable'); });
+
<div class="5u 12u(narrower) footer1">
+
}
<h1>Info</h1>
+
}
<hr  style="border:1px dotted #AAA;"/>
+
+
$(function(){
</div>
+
new WOW().init(); 
<div class="3u 12u(narrower) footer1">
+
<h1>Follow us</h1>
+
<hr  style="border:1px dotted #AAA;"/>
+
<ul>
+
<li><a href="#" class="facebook_icon">Facebook</a></li>
+
<li><a href="#" class="twitter_icon">Twitter</a></li>  
+
</ul>
+
</div>
+
+
 
+
</div>
+
</div>
+
+
</footer>
+
 
+
</div>
+
 
+
<!-- Scripts -->
+
<script src="assets/js/jquery.min.js"></script>
+
<script src="https://2015.igem.org/Template:UNITN-Trento/JSdroptron?action=raw&ctype=text/javascript"></script>
+
<script src="https://2015.igem.org/Template:UNITN-Trento/JSscrollgress?action=raw&ctype=text/javascript"></script>
+
<script src="https://2015.igem.org/Template:UNITN-Trento/JSskel?action=raw&ctype=text/javascript"></script> 
+
<script src="https://2015.igem.org/Template:UNITN-Trento/JSutils?action=raw&ctype=text/javascript"></script> 
+
<script src="https://2015.igem.org/Template:UNITN-Trento/JSStellar?action=raw&ctype=text/javascript"></script>
+
<script src="https://2015.igem.org/Template:UNITN-Trento/JSunslider?action=raw&ctype=text/javascript"></script>
+
<script src="https://2015.igem.org/Template:UNITN-Trento/JSmainincluable?action=raw&ctype=text/javascript"></script>
+
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
+
<script>
+
 
 
$('.banner').unslider({
+
jQuery('.displayControl').click(function() {
fluid: true,
+
var me = $(this);
dots: true,
+
showAftPar(me);
speed: 500
+
 
});  
 
});  
 +
});
 +
 
</script>
 
</script>
 +
</div>
 +
</div>
 
</html>
 
</html>

Latest revision as of 14:24, 17 September 2015

InterLab Measurement Study

What happens when GFP meets different promoters? Are they all the same? Here is what we found out!

The Interlab Measurement Study