Difference between revisions of "Team:Technion Israel/Lab Notebook/Protocols"

Line 11: Line 11:
 
}
 
}
 
 
−
#protocol_instructions
+
.Protocol_Main{
 +
width:900px;
 +
height: 2000px;
 +
margin:auto;
 +
background-color: white;
 +
overflow: hidden;}
 +
 +
.four_columns
 
{width: 900px;
 
{width: 900px;
 +
height: 300;
 +
position: absolute;
 +
left:200px;
 
margin: auto;
 
margin: auto;
−
padding: 10px;
+
padding: 10px;}
−
background-color: white;
+
−
font-size: 16}
+
 
 
−
#DNA_protocols
+
.four_columns h1
−
{position: absolute;
+
{font-size: 18; font-style: underline; font-style: bold;}
−
width: 150px;
+
.four_columns h2
−
top:200px;
+
{font-size: 14; font-style: bold;}
−
left:25%
+
.four_columns h3
 +
{font-size: 12;}
 +
 +
#pic_cloning {
 +
position: absolute;
 +
top: 90px;
 +
right: 38px;
 +
margin-bottom: 10px;
 +
}
 +
#pic_proof {
 +
position: absolute;
 +
right: 38px;
 +
margin-bottom: 10px;
 
}
 
}
 
 
−
#DNA_protocols h1
+
.wrapper{height: 300px;
−
{font-size: 24;
+
position: absolute;  
−
text-align: center;
+
top: 300px;
−
float: top;}
+
left: 100px;}
 
 
−
#Medium_protocols
+
.cloning_left{float: left; width: 400px;}
−
{position: absolute;
+
−
width: 150px;
+
#proof {
−
top: 500px;
+
position: absolute;
−
left: 75%;
+
top: 600px;}
−
}
+
−
#Medium_protocols h1{font-size: 24;
+
−
text-align: center;}
+
 
 
−
#Comb_protocols h1{font-size: 24;
+
#pic_comb {
−
text-align: center;}
+
position: absolute;
−
#Comb_protocols
+
top: 500px;
−
{position: absolute;
+
right: 38px;
−
width: 100px;
+
margin-bottom: 10px;}
−
top: 500px;
+
−
left: 60%;
+
−
}
+
 
 
−
#Proof_protocols
+
#comb {
−
{position: absolute;
+
position: absolute;
−
width: 100px;
+
top: 500px;}
−
top: 500px;
+
−
left: 20%;
+
#misc {
 +
position: absolute;
 +
top: 1500px;}
 +
 +
#pic_misc {
 +
position: absolute;
 +
right: 38px;
 +
margin-bottom: 10px;}
 +
 +
.wrapper_misc {height: 300px;
 +
position: absolute;
 +
top: 220px;
 +
left: 100px;
 
}
 
}
−
#Proof_protocols h1{font-size: 24;
 
−
text-align: center;
 
−
float: left;}
 
 
 
−
#Misc_protocols
+
.wrapper_proof {height: 300px;
−
{position: absolute;
+
position: absolute;
−
top: 200px;
+
top: 220px;
−
left: 35%;
+
left: 100px;
 
}
 
}
 +
 +
 
 
 
</style>
 
</style>
Line 168: Line 193:
 
<!---------------------------------------dropdown menu-end----------------------------------->
 
<!---------------------------------------dropdown menu-end----------------------------------->
  
−
<div id="protocol_instructions">
 
−
<p>Here you can find all the final protocols we worked with for out project.  Click the main protocol category to be linked to the webpage containing the protocols in that category.  There, you will have the option to download PDFs of each protocol.</p>
 
−
</div>
 
 
<div class= "Protocol_Main">
 
<div class= "Protocol_Main">
−
<div id="DNA_protocols">
+
<div class="protocol_list">
−
<img src="https://static.igem.org/mediawiki/2015/6/64/Technion_Israel_2015_DNA.png" alt="DNA" height="200" width="200" >
+
<div class="four_columns">
−
<a href="https://2015.igem.org/Team:Technion_Israel/Lab_Notebook/Protocols/Cloning"><h1>DNA and Cloning</h1></a>
+
<div id="pic_cloning">
 +
<img style="border-top: 5px solid black; border-bottom: 5px solid black" src="https://static.igem.org/mediawiki/2015/4/47/DNA.png" alt="DNA and Cloning" width="900px" height="200px">
 +
</div>
 +
<div class="wrapper">
 +
<div class="cloning_left">
 +
<ul>
 +
<li>
 +
<h2>Gel Extraction</h2>
 +
</li>
 +
<li>
 +
<h2>Sigma-Aldrich Miniprep</h2>
 +
<li>
 +
<h2>Phusion PCR</h2>
 +
</li>
 +
<li>
 +
<h2>Electroporation</h2>
 +
<ol>
 +
<h3><i>E.coli</i></h3>
 +
</ol>
 +
<ol>
 +
<a href="https://static.igem.org/mediawiki/2015/e/ef/Technion_iGEM_2015_B.Subtilis_Transformation.pdf"><h3><i>B.Subtilis</i></h3></a>
 +
</ol>
 +
</li>
 +
</ul>
 +
</div>
 +
<div class="cloning_left">
 +
<ul>
 +
<li>
 +
<h2>Transformation</h2>
 +
<ol>
 +
<h3><i>E.coli</i></h3>
 +
</ol>
 +
<ol>
 +
<h3><i>B.Subtilis</i></h3>
 +
</ol>
 +
</li>
 +
<li>
 +
<h2>Colony PCR</h2>
 +
<ol><a href="https://static.igem.org/mediawiki/2015/b/bf/Technion_Israel_2015_Colony_PCR_for_B.Subtilis_.pdf"><h3><i>B. Subtilis</i></h3></a>
 +
</ol>
 +
<li>
 +
<h2>Preparing Competent <i>E.coli</i></h2>
 +
</li>
 +
<li>
 +
<h2>DNA Gel Electrophoresis</h2>
 +
</li>
 +
<li>
 +
<h2>Preparation of DNA for Sequencing</h2>
 +
</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="four_columns" id="Proof">
 +
<div id="pic_proof">
 +
<img style="border-top: 5px solid black; border-bottom: 5px solid black" src="https://static.igem.org/mediawiki/2015/6/66/Technion_Israel_2015_Protocols_Proof.jpg" alt="Proof of Concept" width="900px" height="200px">
 +
</div>
 +
<div class="wrapper_proof">
 +
<div class="cloning_left">
 +
<ul>
 +
<li><a href="https://static.igem.org/mediawiki/2015/4/4b/Technion_Israel_2015_LysisMethodComparison.pdf" target="_blank"><h2>Comparison of Lysis Procedures</h2></a>
 +
</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
<div class="four_columns" id="comb">
 +
<div id="pic_comb">
 +
<img style="border-top: 5px solid black; border-bottom: 5px solid black" src="https://static.igem.org/mediawiki/2015/f/f4/Technion_igem_2015_Protocols_Comb.png" alt="Comb" width="900px" height="200px">
 +
</div>
 +
</div>
 +
<div class="four_columns" id="misc">
 +
<div id="pic_misc">
 +
<img style="border-top: 5px solid black; border-bottom: 5px solid black" src="https://static.igem.org/mediawiki/2015/7/7c/Technion_Israel_2015_Protocols_Misc.jpg" alt="Miscellaneous" width="900px" height="200px"></a>
 +
</div>
 +
<div class="wrapper_misc">
 +
<div class="cloning_left">
 +
<ul>
 +
<li><a href="https://static.igem.org/mediawiki/2015/b/bb/Technion_iGEM_2015_Primer_dilution_protocol.pdf" target="_blank"><h2>Primer Dilution</h2></a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 
</div>
 
</div>
−
<div id= "Proof_protocols">
+
</div>
−
<img src="https://static.igem.org/mediawiki/2015/7/7f/Technion_Israel_2015_Protocols_i.png" alt="Medium" height="150" width="50" >
+
</body>
−
<a href="https://2015.igem.org/Team:Technion_Israel/Lab_Notebook/Protocols/Proof"><h1>The Works: Proof of Concept</h1></a>
+
<footer>
 +
<div class="team_name">
 +
<h3>Contact Us</h3>
 
</div>
 
</div>
−
<div id="Comb_protocols">
+
<nav class="connect_links">
−
<img src="https://static.igem.org/mediawiki/2015/1/1a/Technion_Israel_2015_Protocols_Comb.png" alt="Medium" height="200" width="200" >
+
<div class="facebook_link">
−
<a href="https://2015.igem.org/Team:Technion_Israel/Lab_Notebook/Protocols/Comb"><h1>Comb Experiments</h1></a>
+
<a href="https://www.facebook.com/technioniGEM2015?pnref=story" target="_blank">
−
</div>
+
<img src="https://static.igem.org/mediawiki/2015/0/06/Team_Technion_Footer_facebook.png" alt="Follow us on facebook" /></a>
−
<div id= "Medium_protocols">
+
</div>
−
<img src="https://static.igem.org/mediawiki/2015/e/e0/Technion_Israel_2015_Protocols_Methods.png" alt="Medium" height="150" width="100" >
+
<div class="email_link">
−
<a href="https://2015.igem.org/Team:Technion_Israel/Lab_Notebook/Protocols/Mediums"><h1>Medium Preparation</h1></a>
+
<a href="mailto:igem.technion2015@gmail.com">
−
</div>
+
<img src="https://static.igem.org/mediawiki/2015/d/da/Team_Technion_Footer_gmail.png" alt="Send us an Email" /></a>
−
<div id= "Misc_protocols">
+
</div>
−
<img src="https://static.igem.org/mediawiki/2015/8/8a/Technion_Israel_2015_Protocols_Bacteria.png" alt="Medium" height="500" width="450">
+
</nav>
−
</div>
+
</footer>
−
</div>
+
 
</html>
 
</html>

Revision as of 06:20, 28 August 2015

Team: Technion 2015

Home
Navigate
DNA and Cloning

  • Gel Extraction

  • Sigma-Aldrich Miniprep

  • Phusion PCR

  • Electroporation

      E.coli

      B.Subtilis

  • Transformation

      E.coli

      B.Subtilis

  • Colony PCR

      B. Subtilis

  • Preparing Competent E.coli

  • DNA Gel Electrophoresis

  • Preparation of DNA for Sequencing

Comb

Contact Us