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

m
 
(93 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
</p></div>
 
</p></div>
 +
<meta name="viewport" content="width=device-width, initial-scale=1" />
 
 
<meta name="viewport" content="width=device-width, initial-scale=1" />
+
</html>{{UNITN-Trento/globalIncluder}}<html>
+
</html>{{UNITN-Trento/globalIncluder}}<html>
+
+
<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/JSunslider?action=raw&ctype=text/javascript"></script>
+
<!--[if lte IE 9]><style>.inner{opacity:1;}</style><![endif]-->
+
 
 
<style>
+
<script src="https://2015.igem.org/Template:UNITN-Trento/JSnotebookFunctions?action=raw&ctype=text/javascript"></script>
#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>
+
+
+
 
 
<div id="super_wrap">
+
<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"></html>{{UNITN-Trento/mainMenu}}<html></header>
+
<header id="header"></html>
<!-- Banner -->
+
{{UNITN-Trento/mainMenu}}
<section id="banner" data-stellar-background-ratio="0.4">
+
<html><script>
<div class="inner">
+
<header>
+
jQuery('#menulin_interlab').addClass('current');
<hr />
+
<h2>UNITN iGEM 2015</h2>
+
</script></header>
<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:right;display: table;  height: 164px; overflow: hidden;">
+
<div style="display: table-cell; vertical-align: middle;">
+
<p>Electron-production with <br /> engineered <span style="font-style:italic;">E. coli</span> and <br /> <strong>proteorhodopsin</strong></p>
+
</div>
+
</div>
+
</div>
+
</div>
+
</section>
+
 
+
 
<!-- Main -->
 
<!-- Main -->
<article id="main">
+
 +
<section id="cta"  style="background-image:url('https://static.igem.org/mediawiki/2015/0/04/Unitn_pics_slider_5.jpg');">
  
<header class="special container">  
+
<header>
<h2>Electron production with <strong><i>E. coli</i></strong> and proteorhodopsin </h2>
+
<h2><strong>InterLab Measurement Study</strong></h2>
<br />
+
<p>What happens when GFP meets different promoters? Are they all the same? Here is what we found out!</p>
<p>Hi guys!<br />
+
</header>
 +
  
We are the UNITN-Trento iGEM team 2015, here is our wonderful idea to change the way people think about Microbial Fuel Cells.
+
</section>
We attempted to improve MFC platform by exploiting the power of the sun and the <span class="i_enph" style="font-style:italic;">E. coli</span> versatility, so we added new interesting features to build a “Solar pMFC”. Check out our wiki page to learn more about it!</p>
+
+
<article id="main">  
</header> 
+
</article>
+
<a class="anchor-off" name="interlab_intro" id="interlab_intro"></a>
+
<section  class="wrapper style4 container" style="margin-top:1em;">
<article id="sliderersct" >  
+
<div id="sliderer" class="banner has-dots" style="overflow: hidden; width: 100%; height: 415px;">
+
<div class="content">
<ul style="width: 400%; position: relative; left: -300%; height: 415px;">
+
<section>
<li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/f/fc/Unitn_pics_slider_3.jpg'); ">
+
<header>
<p class="pintest">Electricity from E. coli<br/>
+
<h3 class="wow fadeInDown">The Interlab Measurement Study</h3>
<span>Check out our amazing idea! Have fun!<br/>
+
</header>
<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">UNITN-iGEM Team 2015<br/>
+
<span>Click here to meet the team!<br/>
+
 
 
<a class="btn" href="https://2015.igem.org/Team:UNITN-Trento/Team"> Team </a></span></p>
+
<div class="row">
</li>
+
<div class="4u 12u(narrower)">
<li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/0/04/Unitn_pics_slider_5.jpg'); ">
+
<div href="#" class="wow zoomIn rotate-box square-icon">
<p class="pintest">Interlab Measurement Study<br/>
+
<span class="rotate-box-icon tals"><i class="faa flaticon-up151"></i></span>
<span>Many techniques, different strains and so much fluorescence… Enjoy the Measurement Interlab Study<br/>
+
</div>
 +
</div>
 +
 
 
<a class="btn" href="#"> Interlab Study </a></span></p>
 
</li>
 
 
<li style="width: 25%; background-image: url('https://static.igem.org/mediawiki/2015/6/6e/Unitn_pics_slider_7.jpg'); ">
 
<p class="pintest">Energy waste is a serious problem!<br/>
 
<span>Follow us and find out how to save it<br/>
 
 
 
<a class="btn" href="#"> Human Practices </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="http://www.unitn.it/en" target="_blank"> University of Trento </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></ol></div>
+
 
</article>
 
</article>
 
<section class="wrapper style1 container special" style="padding-top:5em;">
 
 
 
<h2>Achievements</h2>
+
  
<div class="row">
+
<!-- Footer -->
<div class="4u 12u(narrower)">
+
</html>{{UNITN-Trento/mainFooter}}<html>  
+
<div href="#" class="rotate-box square-icon">
+
<span class="rotate-box-icon"><i class="faa flaticon-dna17"></i></span>
+
<div class="rotate-box-info">
+
<h4><span style="font-size:2em;">8</span> new BioBricks</h4>
+
<p>We built and submitted a total number of new BioBricks. Check out our Parts page to know more!</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-tools6"></i></span>
+
<div class="rotate-box-info">
+
<h4>Improved <span style="font-size:2em;">2</span> Parts</h4>
+
<p>Something existing, reshaped better. Now they work better!</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-libra4"></i></span>
+
<div class="rotate-box-info">
+
<h4>Measurements Interlab Study</h4>
+
<p>We are participating also to the Measurements Interlab Study. Check out our progress in the Interlab Section!</p>
+
</div>
+
</div>
+
</div>
+
</div>
+
+
<div class="row">
+
<div class="4u 12u(narrower)">
+
+
</div>
+
<div class="4u 12u(narrower)">
+
+
</div>
+
<div class="4u 12u(narrower)">
+
+
</div>
+
</div>
+
</section>
+
  
<!-- Footer -->
+
</div>  
</html>{{UNITN-Trento/mainFooter}}<html>
+
<script>
</div>
+
function showAftPar(ob)
</div>
+
{
 +
 +
if(jQuery(ob).next().css('display') == 'none')
 +
{
 +
jQuery(ob).addClass('spinnable');
 +
jQuery(ob).next().fadeIn(100); 
 +
 +
}else
 +
{
 +
jQuery(ob).next().fadeOut(100,function(){jQuery(ob).removeClass('spinnable'); });
 +
 +
}
 +
}
 
 
<script>
+
$(function(){
$('.banner').unslider({
+
new WOW().init(); 
fluid: true,
+
dots: true,
+
jQuery('.displayControl').click(function() {
speed: 500
+
var me = $(this);
 +
showAftPar(me);
 
});  
 
});  
 +
});
 +
 
</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