Difference between revisions of "Team:IISc-Bangalore/Hardware"

 
(97 intermediate revisions by 4 users not shown)
Line 3: Line 3:
 
<html>
 
<html>
  
−
            <ol id="inPageNav">
 
−
                <li><a href="#mini"> GCODe Mini </a></li>
 
−
                <li><a href="#pro"> GCODe Pro </a></li>
 
−
                <li><a href="#results"> Results </a></li>
 
−
                <li><a href="#cost"> Cost </a></li>
 
−
                <li><a href="#rpm"> Praise for the Mini </a></li>
 
−
            </ol>
 
  
  
−
<div id="contentMain">
+
<center>
 +
<img src="https://static.igem.org/mediawiki/2017/7/7a/T--IISc-Bangalore--HW--MainPage.svg">
 +
</center>
  
−
<h2 id = "mini">GCODe Mini</h2>
 
  
−
<h2 id = "mini">GCODe Pro</h2>
+
<div id="contentMain">
  
−
<h2 id = "mini">Results</h2>
+
<div style="width:30%; display: inline-block; padding: 10px; float: left;">
 +
<center>
 +
<a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/GCODe-Mini">
 +
<button style = "border: 3px solid #689a0c; background-color: #ffffff; color: #689a0c; font-size:20px; text-align: center; padding: 15px 32px; border-radius: 30px";>
 +
Click Here
 +
</button>
 +
</a>
 +
</center>
 +
</div>
  
−
<h2 id = "mini">Cost</h2>
+
<div style="width:30%; display: inline-block; padding: 10px; float: right">
 +
<center>
 +
<a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/GCODe-Pro">
 +
<button style = "border: 3px solid #689a0c; background-color: #ffffff; color: #689a0c; font-size:20px; text-align: center; padding: 15px 32px; border-radius: 30px;">
 +
Click here
 +
</button>
 +
</a>
 +
</center>
 +
</div>
  
−
<h2 id = "mini">Praise for the Mini</h2>
+
<div style="padding: 60px;">
 +
</div>
  
−
<p>Sai Matha
+
<div style="padding: 50px; margin-right: 10%">
−
Shahnavaz</p>
+
  
−
<p>"I would love to buy it - just waiting for the version with two test tubes!" - <i>Dr. Neha Bahl, Biology Lab Instructor, IISc</i></p>
+
<p style="text-align: center; font-size: 3.2em; padding: 45px">It's cheap. Two orders of magnitude less than alternatives.</p>
 +
<center>
 +
<a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/GCODe-Pro#Whatisit">
 +
<button style = "border: 3px solid #689a0c; background-color: #ffffff; color: #689a0c; font-size:20px; text-align: center; padding: 15px 32px; border-radius: 30px">
 +
See How
 +
</button>
 +
</a>
 +
</center>
 +
</div>
  
−
<p>"I'm gonna use the Mini for all my experiments now!" - <i>Rishi, grad student at the Molecular Pathogenesis Lab, IISc where we tested the GCODe Mini</i>
 
−
</p>
 
  
−
<p class='img-caption'>Test caption</p>
+
<div style="padding: 50px; margin-right: 10%">
  
 +
<p style="text-align: center; font-size: 3.2em; padding: 45px"> And it holds its own against the gold standard - a spectrophotometer.</p>
 +
<center>
 +
<a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/Results">
 +
<button style = "border: 3px solid #689a0c; background-color: #ffffff; color: #689a0c; font-size:20px; text-align: center; padding: 15px 32px; border-radius: 30px">
 +
Results
 +
</button>
 +
</a>
 +
</center>
  
 
</div>
 
</div>
 +
 +
 +
 +
<div style="padding: 50px; margin-right: 10%">
 +
 +
<p style="text-align: center; font-size: 3.2em; padding: 45px">It's easy to build. A college freshman built it in two hours.</p>
 +
<center>
 +
<a href="https://2017.igem.org/Team:IISc-Bangalore/HP/Silver#mini">
 +
<button style = "border: 3px solid #689a0c; background-color: #ffffff; color: #689a0c; font-size:20px; text-align: center; padding: 15px 32px; border-radius: 30px">
 +
See How
 +
</button>
 +
</a>
 +
</center>
 +
 +
</div>
 +
 +
 +
 +
<div style="padding: 50px; margin-right: 10%">
 +
 +
<p style="text-align: center; font-size: 3.2em; padding: 45px">Want to build one yourself?
 +
We know you want to.</p>
 +
<center>
 +
<a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/Documentation">
 +
<button style = "border: 3px solid #689a0c; background-color: #ffffff; color: #689a0c; font-size:20px; text-align: center; padding: 15px 32px; border-radius: 30px">
 +
Construction
 +
</button>
 +
</a>
 +
</center>
 +
 +
</div>
 +
 +
 +
 +
<div style="padding: 50px; margin-right: 10%">
 +
 +
<p style="text-align: center; font-size: 3.2em; padding: 45px">But designing it wasn't so easy. See how we failed -
 +
and tried again.</p>
 +
<center>
 +
<a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/Notebook">
 +
<button style = "border: 3px solid #689a0c; background-color: #ffffff; color: #689a0c; font-size:20px; text-align: center; padding: 15px 32px; border-radius: 30px">
 +
Evolution
 +
</button>
 +
</a>
 +
</center>
 +
 +
</div>
 +
 +
<div style="padding: 50px; margin-right: 10%">
 +
 +
<center>
 +
<a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/GCODe-Mini">
 +
<button style = "border: 3px solid #689a0c; background-color: #689a0c; color: #ffffff; font-size:20px; text-align: center; padding: 15px 32px; border-radius: 30px">
 +
Click here to continue to the GCODe Mini Page
 +
</button>
 +
</a>
 +
</center>
 +
 +
</div>
 +
 +
 +
 +
 +
 +
 +
</div>
 +
 +
<div id="scroll" style="padding: 40px; position: absolute; top: 6%; left: 45.5%;">
 +
<center>
 +
<img src="https://static.igem.org/mediawiki/2017/b/b4/T--IISc-Bangalore--HW--scroll.png" height="50" width="50" id="scroll">
 +
</center>
 +
</div>
 +
 +
 +
</div>
 +
 +
<script>
 +
window.slide = new SlideNav({
 +
  changeHash: true   
 +
});
 +
 +
$('#scroll').click(function(){
 +
    $("html, body").animate({ scrollTop: $(window).height()}, 600);
 +
    return false;
 +
});
 +
 +
</script>
  
 
</html>
 
</html>

Latest revision as of 01:43, 2 November 2017

It's cheap. Two orders of magnitude less than alternatives.

And it holds its own against the gold standard - a spectrophotometer.

It's easy to build. A college freshman built it in two hours.

Want to build one yourself? We know you want to.

But designing it wasn't so easy. See how we failed - and tried again.