Difference between revisions of "Team:Oxford/protocols"

Line 43: Line 43:
 
     <div class="panel-heading">
 
     <div class="panel-heading">
 
       <h4 class="panel-title">
 
       <h4 class="panel-title">
         <a data-toggle="collapse" href="#profile">Cell Culturing</a>
+
         <a data-toggle="collapse" href="#culture">Cell Culturing</a>
 
       </h4>
 
       </h4>
 +
    </div> <br>
 +
    <div id="profile" class="panel-collapse collapse">
 +
      <div class="panel-body"><figure>
 
     </div>
 
     </div>
 +
  </div>
 +
</div>
 +
<div class="panel-group">
 +
  <div class="panel panel-default">
 +
    <div class="panel-heading">
 +
      <h4 class="panel-title">
 +
        <a data-toggle="collapse" href="#competent">Competent Cells</a>
 +
      </h4>
 +
    </div> <br>
 
     <div id="profile" class="panel-collapse collapse">
 
     <div id="profile" class="panel-collapse collapse">
 
       <div class="panel-body"><figure>
 
       <div class="panel-body"><figure>
 +
    </div>
 +
  </div>
 +
</div>
 +
<div class="panel-group">
 +
  <div class="panel panel-default">
 +
    <div class="panel-heading">
 +
      <h4 class="panel-title">
 +
        <a data-toggle="collapse" href="#colony">Colony PCR</a>
 +
      </h4>
 +
    </div> <br>
 +
    <div id="profile" class="panel-collapse collapse">
 +
      <div class="panel-body"><figure>
 +
    </div>
 +
  </div>
 +
</div>
 +
<div class="panel-group">
 +
  <div class="panel panel-default">
 +
    <div class="panel-heading">
 +
      <h4 class="panel-title">
 +
        <a data-toggle="collapse" href="#dilution">Dilution of g-Blocks and Primers</a>
 +
      </h4>
 +
    </div> <br>
 +
    <div id="profile" class="panel-collapse collapse">
 +
      <div class="panel-body"><figure>
 +
    </div>
 +
  </div>
 +
</div>
 +
<div class="panel-group">
 +
  <div class="panel panel-default">
 +
    <div class="panel-heading">
 +
      <h4 class="panel-title">
 +
        <a data-toggle="collapse" href="#digest">DNA- Digests</a>
 +
      </h4>
 +
    </div> <br>
 +
    <div id="profile" class="panel-collapse collapse">
 +
      <div class="panel-body"><figure>
 +
    </div>
 +
  </div>
 +
</div>
 +
<div class="panel-group">
 +
  <div class="panel panel-default">
 +
    <div class="panel-heading">
 +
      <h4 class="panel-title">
 +
        <a data-toggle="collapse" href="#ligation">DNA- ligation</a>
 +
      </h4>
 +
    </div> <br>
 +
    <div id="profile" class="panel-collapse collapse">
 +
      <div class="panel-body"><figure>
 +
    </div>
 +
  </div>
 +
</div>
 +
<div class="panel-group">
 +
  <div class="panel panel-default">
 +
    <div class="panel-heading">
 +
      <h4 class="panel-title">
 +
        <a data-toggle="collapse" href="#transformations">DNA- transformations</a>
 +
      </h4>
 +
    </div> <br>
 +
    <div id="profile" class="panel-collapse collapse">
 +
      <div class="panel-body"><figure>
 +
    </div>
 +
  </div>
 +
</div>
 +
<div class="panel-group">
 +
  <div class="panel panel-default">
 +
    <div class="panel-heading">
 +
      <h4 class="panel-title">
 +
        <a data-toggle="collapse" href="#a">Gel Analysis</a>
 +
      </h4>
 +
    </div> <br>
 +
    <div id="profile" class="panel-collapse collapse">
 +
      <div class="panel-body"><figure>
 +
    </div>
 +
  </div>
 +
</div>
 +
<div class="panel-group">
 +
  <div class="panel panel-default">
 +
    <div class="panel-heading">
 +
      <h4 class="panel-title">
 +
        <a data-toggle="collapse" href="#extraction">Gel extraction</a>
 +
      </h4>
 +
    </div> <br>
 +
    <div id="profile" class="panel-collapse collapse">
 +
      <div class="panel-body"><figure>
 +
    </div>
 +
  </div>
 +
</div>
 +
<div class="panel-group">
 +
  <div class="panel panel-default">
 +
    <div class="panel-heading">
 +
      <h4 class="panel-title">
 +
        <a data-toggle="collapse" href="#loading">Gel Loading</a>
 +
      </h4>
 +
    </div> <br>
 +
    <div id="profile" class="panel-collapse collapse">
 +
      <div class="panel-body"><figure>
 +
    </div>
 +
  </div>
 +
</div>
 +
<div class="panel-group">
 +
  <div class="panel panel-default">
 +
    <div class="panel-heading">
 +
      <h4 class="panel-title">
 +
        <a data-toggle="collapse" href="#prep">Gel Preparation</a>
 +
      </h4>
 +
    </div> <br>
 +
    <div id="profile" class="panel-collapse collapse">
 +
      <div class="panel-body"><figure>
 +
    </div>
 +
  </div>
 +
</div>
 +
<div class="panel-group">
 +
  <div class="panel panel-default">
 +
    <div class="panel-heading">
 +
      <h4 class="panel-title">
 +
        <a data-toggle="collapse" href="#oe">oePCR</a>
 +
      </h4>
 +
    </div> <br>
 +
    <div id="profile" class="panel-collapse collapse">
 +
      <div class="panel-body"><figure>
 +
    </div>
 +
  </div>
 +
</div>
 +
<div class="panel-group">
 +
  <div class="panel panel-default">
 +
    <div class="panel-heading">
 +
      <h4 class="panel-title">
 +
        <a data-toggle="collapse" href="#standard">Standard PCR</a>
 +
      </h4>
 +
    </div> <br>
 +
    <div id="profile" class="panel-collapse collapse">
 +
      <div class="panel-body"><figure>
 +
  
  
Line 54: Line 199:
 
         <div class="row">
 
         <div class="row">
  
       <!-- Protocols Row -->
+
        
        <div class="col-lg-3 col-sm-4 text-center mb-4 team-profile">
+
          <img class="rounded-circle img-fluid d-block mx-auto" src="http://placehold.it/200x200" alt="">
+
          <div class="protocol-header">Competent cells</div>
+
        </div>
+
        <div class="col-lg-3 col-sm-4 text-center mb-4 team-profile">
+
          <img class="rounded-circle img-fluid d-block mx-auto" src="http://placehold.it/200x200" alt="">
+
          <div class="protocol-header">Culturing cells</div>
+
        </div>
+
        <div class="col-lg-3 col-sm-4 text-center mb-4 team-profile">
+
          <img class="rounded-circle img-fluid d-block mx-auto" src="http://placehold.it/200x200" alt="">
+
          <div class="protocol-header">Colony PCR</div>
+
        </div>
+
        <div class="col-lg-3 col-sm-4 text-center mb-4 team-profile">
+
          <img class="rounded-circle img-fluid d-block mx-auto" src="http://placehold.it/200x200" alt="">
+
          <div class="protocol-header">Dilutions- gBlocks/ primers</div>
+
        </div>
+
        <div class="col-lg-3 col-sm-4 text-center mb-4 team-profile">
+
          <img src="https://static.igem.org/mediawiki/2018/1/10/T--Oxford--Digestionpng.png" alt="Forest" style="width:50%"></a>
+
          <div class="protocol-header">Digests (DNA)</div>
+
        </div>
+
        <div class="col-lg-3 col-sm-4 text-center mb-4 team-profile">
+
          <img class="rounded-circle img-fluid d-block mx-auto" src="http://placehold.it/200x200" alt="">
+
          <div class="protocol-header">Gel preparation</div>
+
        </div>
+
        <div class="col-lg-3 col-sm-4 text-center mb-4 team-profile">
+
          <img src="https://static.igem.org/mediawiki/2018/2/2d/T--Oxford--Gelelectrophoresis.png" alt="Forest" style="width:50%"></a>
+
          <div class="protocol-header">Gel loading</div>
+
        </div>
+
        <div class="col-lg-3 col-sm-4 text-center mb-4 team-profile">
+
          <img class="rounded-circle img-fluid d-block mx-auto" src="http://placehold.it/200x200" alt="">
+
          <div class="protocol-header">Gel analysis and extraction</div>
+
        </div>
+
        <div class="col-lg-3 col-sm-4 text-center mb-4 team-profile">
+
          <img class="rounded-circle img-fluid d-block mx-auto" src="http://placehold.it/200x200" alt="">
+
          <div class="protocol-header">Ligation (DNA)</div>
+
        </div>
+
      <div class="col-lg-3 col-sm-4 text-center mb-4 team-profile">
+
          <img src="https://static.igem.org/mediawiki/2018/8/85/T--Oxford--oePCR.png" alt="Forest" style="width:50%"></a>
+
          <div class="protocol-header">oePCR</div>
+
        </div>
+
      <div class="col-lg-3 col-sm-4 text-center mb-4 team-profile">
+
          <img src="https://static.igem.org/mediawiki/2018/e/ed/T--Oxford--PCR.png" alt="Forest" style="width:50%"></a>
+
          <div class="protocol-header">PCR</div>
+
    <div>
+
        <div class="col-lg-3 col-sm-4 text-center mb-4 team-profile">
+
            <img src="https://static.igem.org/mediawiki/2018/4/45/T--Oxford--Transformation.png" alt="Forest" style="width:50%"></a> 
+
          <div class="protocol-header">Transformation</div>
+
      </div>
+
 
+
 
</div>
 
</div>
 
</div>
 
</div>

Revision as of 19:15, 16 October 2018

Full Width Pics - Start Bootstrap Template

Experiments

Protocols

We used the website Benchling to write down all of our protocols to make sure they were easily accessible to all members of the team. Below are some of the most commonly used protocols over this project.