Difference between revisions of "Team:Technion Israel/Lab Notebook/Protocols"
Line 11: | Line 11: | ||
} | } | ||
− | + | .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;} |
− | + | ||
− | + | ||
− | + | .four_columns h1 | |
− | {position: absolute; | + | {font-size: 18; font-style: underline; font-style: bold;} |
− | + | .four_columns h2 | |
− | + | {font-size: 14; font-style: bold;} | |
− | + | .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; | ||
} | } | ||
− | + | .wrapper{height: 300px; | |
− | + | position: absolute; | |
− | + | top: 300px; | |
− | + | left: 100px;} | |
− | + | .cloning_left{float: left; width: 400px;} | |
− | + | ||
− | + | #proof { | |
− | + | position: absolute; | |
− | + | top: 600px;} | |
− | + | ||
− | + | ||
− | + | ||
− | # | + | #pic_comb { |
− | + | position: absolute; | |
− | + | top: 500px; | |
− | + | right: 38px; | |
− | + | margin-bottom: 10px;} | |
− | + | ||
− | + | ||
− | + | ||
− | # | + | #comb { |
− | {position: absolute; | + | position: absolute; |
− | + | top: 500px;} | |
− | top: | + | |
− | left: | + | #misc { |
+ | position: absolute; | ||
+ | top: 1500px;} | ||
+ | |||
+ | #pic_misc { | ||
+ | position: absolute; | ||
+ | right: 38px; | ||
+ | margin-bottom: 10px;} | ||
+ | |||
+ | .wrapper_misc {height: 300px; | ||
+ | position: absolute; | ||
+ | top: 220px; | ||
+ | left: 100px; | ||
} | } | ||
− | |||
− | |||
− | |||
− | + | .wrapper_proof {height: 300px; | |
− | + | position: absolute; | |
− | top: | + | top: 220px; |
− | left: | + | left: 100px; |
} | } | ||
+ | |||
+ | |||
</style> | </style> | ||
Line 168: | Line 193: | ||
<!---------------------------------------dropdown menu-end-----------------------------------> | <!---------------------------------------dropdown menu-end-----------------------------------> | ||
− | |||
− | |||
− | |||
<div class= "Protocol_Main"> | <div class= "Protocol_Main"> | ||
− | <div | + | <div class="protocol_list"> |
− | <img src="https://static.igem.org/mediawiki/2015/ | + | <div class="four_columns"> |
− | <a href="https://2015.igem.org/ | + | <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> | |
− | + | </body> | |
− | + | <footer> | |
+ | <div class="team_name"> | ||
+ | <h3>Contact Us</h3> | ||
</div> | </div> | ||
− | < | + | <nav class="connect_links"> |
− | < | + | <div class="facebook_link"> |
− | + | <a href="https://www.facebook.com/technioniGEM2015?pnref=story" target="_blank"> | |
− | + | <img src="https://static.igem.org/mediawiki/2015/0/06/Team_Technion_Footer_facebook.png" alt="Follow us on facebook" /></a> | |
− | + | </div> | |
− | + | <div class="email_link"> | |
− | + | <a href="mailto:igem.technion2015@gmail.com"> | |
− | + | <img src="https://static.igem.org/mediawiki/2015/d/da/Team_Technion_Footer_gmail.png" alt="Send us an Email" /></a> | |
− | <div | + | </div> |
− | + | </nav> | |
− | + | </footer> | |
− | </ | + | |
</html> | </html> |
Revision as of 06:20, 28 August 2015
![DNA and Cloning](https://static.igem.org/mediawiki/2015/4/47/DNA.png)
-
Gel Extraction
-
Sigma-Aldrich Miniprep
-
Phusion PCR
-
Electroporation
E.coli
-
Transformation
E.coli
B.Subtilis
-
Colony PCR
-
Preparing Competent E.coli
-
DNA Gel Electrophoresis
-
Preparation of DNA for Sequencing
![Comb](https://static.igem.org/mediawiki/2015/f/f4/Technion_igem_2015_Protocols_Comb.png)