Difference between revisions of "Template:Technion HS Israel6"

 
(78 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
     <head>
 
     <head>
           <link href="//2015.igem.org/Template:Technion_HS_Israel4/Technion_HS_Israel_menu_style.css?action=raw&ctype=text/css" rel="stylesheet">
+
           <link href="//2015.igem.org/Template:Technion_HS_Israel4/Technion_HS_Israel_menu_style?action=raw&ctype=text/css" rel="stylesheet">
 
<link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
 
<link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
  
Line 200: Line 200:
  
  
<div id="top" style="position: absolute; top: 250px; height: 230px; z-index:2; margin:0;">
+
<h1 style=
<h1 style="font-family: 'Varela Round', sans-serif; font-size:4em">Innovative Autonomous Kill Switch for Bacteria</h1>
+
    "font-family: &quot;Varela Round&quot;,sans-serif; margin-left: 5%; padding: 5% 3%; width: 70%; font-size: 650%; text-align: left; line-height: 1;">
<h2 style=" font-size:2em">That's <font color="green"><b>What We Do.</b></font color></h2>
+
    Innovative Autonomous<br>
</div>
+
      <span>Kill Switch for Bacteria</span>
 +
    </h1>
 
<div id="top" style="position: absolute; top: 480px; height: 200px; z-index:2; margin:0; background-color: hsla(0,0%,85%,0.91);">
 
<div id="top" style="position: absolute; top: 480px; height: 200px; z-index:2; margin:0; background-color: hsla(0,0%,85%,0.91);">
 
<h1 style="font-family: 'Varela Round', sans-serif;padding-top:20px">We Are The Technion HS 2015 iGEM Team</h1>
 
<h1 style="font-family: 'Varela Round', sans-serif;padding-top:20px">We Are The Technion HS 2015 iGEM Team</h1>
Line 209: Line 210:
 
</div>
 
</div>
 
<div id="top" style="position: absolute; top: 680px; height: 200px; z-index:2; margin:0; background-color: hsla(0,0%,85%,0.91);">
 
<div id="top" style="position: absolute; top: 680px; height: 200px; z-index:2; margin:0; background-color: hsla(0,0%,85%,0.91);">
<p style="font-family: 'Varela Round', sans-serif; padding-top:20px; font-size:2em"><span style="font-size:4em; width:300 px; margin-left: -2.5em; margin-right:15px" >What</span> We do</p>
+
<p style="font-family: 'Varela Round', sans-serif; padding-top:20px; font-size:2em"><span style="font-size:4em; width:300 px;   margin-right:15px" >What</span><b> We do</b></p>
 
</div>
 
</div>
<div id="top" style="position: absolute; top: 800px; height: 400px; z-index:2; margin:0; background-color: hsla(216, 100%, 50%, 1);">
+
<div id="top" style="position: absolute; top: 800px; height: 300px; z-index:2; margin:0; background-color: hsla(216, 100%, 50%, 1);">
 
</div>
 
</div>
 
<div id="top" style="position: absolute; top: 800px; width: 30%; height: 200px; z-index:3; margin-left:5%; margin-top: 3%; margin-bottom: 3%; margin-right:75%; background-color: white;">
 
<div id="top" style="position: absolute; top: 800px; width: 30%; height: 200px; z-index:3; margin-left:5%; margin-top: 3%; margin-bottom: 3%; margin-right:75%; background-color: white;">
<p style="font-family: 'Varela Round', sans-serif; padding-top:5px; font-size:2em"><span style="font-size:2.5em; width:100 px; margin-left: -2.5em; margin-right:15px" >We design</span><br> a chain of reactions that end with poison</p>
+
<div style="font-family: 'Varela Round', sans-serif; margin-top:10px; font-size:4em; margin:15px; margin-top:25px; margin-left:1em" >We design</div>
 +
<p style="font-family: 'Varela Round', sans-serif"> a chain of reactions that ends with poison</p>
 
</div>
 
</div>
 
<div id="top" style="position: absolute; top: 800px; width: 30%; height: 200px; z-index:3; margin-left:36%; margin-top: 3%; margin-bottom: 3%; margin-right:75%; background-color: white;">
 
<div id="top" style="position: absolute; top: 800px; width: 30%; height: 200px; z-index:3; margin-left:36%; margin-top: 3%; margin-bottom: 3%; margin-right:75%; background-color: white;">
 
</div>
 
</div>
 +
<div id="top" style="position: absolute; top: 1100px; height: 140px; z-index:2; margin:0; background-color: hsla(216, 100%, 50%, 1);">
 +
<p style="font-family: 'Varela Round', sans-serif; padding-top:20px; font-size:2em"><span style="font-size:4em;  width:300 px;  margin-right:15px" >Why</span><b> should you care</b></p>
 +
</div>
 +
<div id="top" style="position: absolute; top: 1240px; height: 300px; z-index:2; margin:0; background-color: hsla(194, 100%, 53%, 1);">
 +
 +
<div id="top" style="position: absolute;  width: 30%; height: 200px; z-index:3; margin-left:5%; margin-top: 3%; margin-bottom: 3%; margin-right:75%; background-color: white;">
 +
<p style="font-family: 'Varela Round', sans-serif"> Genetically Engineered Organisms (GMO) </p>
 +
<div style="font-family: 'Varela Round', sans-serif; margin-top:30px;  font-size:3em; margin:15px; margin-top:25px; margin-left:1em" >Are quite common</div>
 +
<p style="font-family: 'Varela Round', sans-serif"> in foods, medicines, industries... </p>
 +
</div>
 +
<div id="top" style="position: absolute; width: 30%; height: 200px; z-index:3; margin-left:36%; margin-top: 3%; margin-bottom: 3%; margin-right:75%; background-color: white;">
 +
<p style="font-family: 'Varela Round', sans-serif"> GMOs can mutate and some people find it </p>
 +
<div style="font-family: 'Varela Round', sans-serif; margin-top:30px;  font-size:3em; margin:15px; margin-top:25px; margin-left:1em" >Scary</div>
 +
<p style="font-family: 'Varela Round', sans-serif ; margin-left:1em"> that's why an Innovative Autonomous Kill Switch for Bacteria can come in handy </p>
 +
</div>
 +
</div>
 +
<div id="top" style="position: absolute; top: 1500px; height: 140px; z-index:2; margin:0; background-color:  hsla(194, 100%, 53%, 1);">
 +
<p style="font-family: 'Varela Round', sans-serif; padding-top:20px; font-size:2em"><span style="font-size:4em;  width:300 px;  margin-right:15px" >How</span><b> we do it</b></p>
 +
</div>
 +
<div id="top" style="position: absolute; top: 1640px; height: 350px; z-index:2; margin:0; background-color: hsla(134, 100%, 53%, 1);">
 +
<div id="top" style="position: absolute; width: 80%; height: 300px; z-index:3; margin-left:5%; margin-top: 3%; margin-bottom: 3%;  background-color: white;font-family: 'Varela Round', sans-serif; margin-top:30px;  margin:15px; margin-top:25px; margin-left:1em">
 +
<table style=" margin:20px; padding:20px">
 +
 +
    <colgroup>
 +
        <col style="width:20%">
 +
        <col style="width:20%">
 +
        <col style="width:20%">
 +
    </colgroup>
 +
<tbody style="padding:20px">
 +
    <tr style="font-size:3em; margin-bottom: 20px">
 +
        <th>Lab work</th>
 +
        <th>Modelling</th>
 +
        <th>Software</th>
 +
    </tr>
 +
    <tr>
 +
        <td> nice lab work bla bla bla</td>
 +
        <td>We describe different aspects of our system mathematically, including gene expression, plasmid loss and diffusion. We use to improve the design of our genetic circuit.</p>
 +
</td>
 +
        <td>We build tools for the benefit of people interested in synthetic biology</td>
 +
    </tr>
 +
</tbody>   
 +
</table>
 +
</div>
 +
</div>
 +
 
</html>
 
</html>

Latest revision as of 15:39, 12 September 2015

Innovative Autonomous
Kill Switch for Bacteria

We Are The Technion HS 2015 iGEM Team

Welcome to our wiki.

What We do

We design

a chain of reactions that ends with poison

Why should you care

Genetically Engineered Organisms (GMO)

Are quite common

in foods, medicines, industries...

GMOs can mutate and some people find it

Scary

that's why an Innovative Autonomous Kill Switch for Bacteria can come in handy

How we do it

Lab work Modelling Software
nice lab work bla bla bla We describe different aspects of our system mathematically, including gene expression, plasmid loss and diffusion. We use to improve the design of our genetic circuit.

We build tools for the benefit of people interested in synthetic biology