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

 
(46 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
<html>
 
<html>
  
−
<div style="padding: 200px">
 
  
−
<p style="text-align: center; font-size: 3.5em; padding: 45px"> It costs less than other alternatives. 100 times as less.</p>
+
 
 +
<center>
 +
<img src="https://static.igem.org/mediawiki/2017/7/7a/T--IISc-Bangalore--HW--MainPage.svg">
 +
</center>
 +
 
 +
 
 +
<div id="contentMain">
 +
 
 +
<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>
 +
 
 +
<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>
 +
 
 +
<div style="padding: 60px;">
 +
</div>
 +
 
 +
<div style="padding: 50px; margin-right: 10%">
 +
 
 +
<p style="text-align: center; font-size: 3.2em; padding: 45px">It's cheap. Two orders of magnitude less than alternatives.</p>
 
<center>
 
<center>
−
<a href="#">
+
<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">
 
<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
 
See How
Line 16: Line 48:
  
  
−
<div style="padding: 200px">
+
<div style="padding: 50px; margin-right: 10%">
  
−
<p style="text-align: center; font-size: 3.5em; padding: 45px"> And it stands its ground against the gold standard - the Spectrophotometer.</p>
+
<p style="text-align: center; font-size: 3.2em; padding: 45px"> And it holds its own against the gold standard - a spectrophotometer.</p>
 
<center>
 
<center>
 
<a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/Results">
 
<a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/Results">
Line 31: Line 63:
  
  
−
<div style="padding: 200px">
+
<div style="padding: 50px; margin-right: 10%">
  
−
<p style="text-align: center; font-size: 3.5em; padding: 45px">It is not hard to build. A college freshman built it in two hours.</p>
+
<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>
 
<center>
−
<a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/Documentation">
+
<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">
 
<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
 
See How
Line 46: Line 78:
  
  
−
<div style="padding: 200px">
+
<div style="padding: 50px; margin-right: 10%">
  
−
<p style="text-align: center; font-size: 3.5em; padding: 45px">Want to build one yourself?  
+
<p style="text-align: center; font-size: 3.2em; padding: 45px">Want to build one yourself?  
 
We know you want to.</p>
 
We know you want to.</p>
 
<center>
 
<center>
Line 62: Line 94:
  
  
−
<div style="padding: 200px">
+
<div style="padding: 50px; margin-right: 10%">
  
−
<p style="text-align: center; font-size: 3.5em; padding: 45px">But we had to go through a lot of trial and error. See how we did it.</p>
+
<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>
 
<center>
 
<a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware/Notebook">
 
<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">
 
<button style = "border: 3px solid #689a0c; background-color: #ffffff; color: #689a0c; font-size:20px; text-align: center; padding: 15px 32px; border-radius: 30px">
−
Construction
+
Evolution
 
</button>
 
</button>
 
</a>
 
</a>
Line 75: Line 108:
 
</div>
 
</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>
  
  
Line 83: Line 140:
 
   changeHash: true     
 
   changeHash: true     
 
});
 
});
 +
 +
$('#scroll').click(function(){
 +
    $("html, body").animate({ scrollTop: $(window).height()}, 600);
 +
    return false;
 +
});
 +
 
</script>
 
</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.