Difference between revisions of "Team:East Chapel Hill/Experiments"

 
(22 intermediate revisions by 2 users not shown)
Line 3: Line 3:
 
<html>
 
<html>
 
<body>
 
<body>
 +
<h1>Experiments</h1>
 
<div class="column full_size">
 
<div class="column full_size">
−
<h1>Parts</h1>
 
  
  
−
  <div class="panel-group" id="accordion">
+
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
−
    <div class="panel panel-default" style="background-color:#3aafa9;">
+
            <div class="panel panel-default">
−
      <div class="panel-heading" style="background-color:#ffe400;">
+
                <div class="panel-heading" role="tab" id="P1">
−
        <h4 class="panel-title" style="color:#feffff;">
+
                    <h4 class="panel-title">
−
          <a data-toggle="collapse" data-parent="#accordion" href="#collapse1">Chemically Competent Cells<b></b></a>
+
                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#P1-collapse" aria-expanded="false" aria-controls="P1-collapse">
−
        </h4>
+
<div>
−
      </div>
+
                    <div class="col-md-11">Gel Extraction</div><div class="col-md-1"><i class="fa fa-arrow-down fa-10" aria-hidden="true"></i></div>
−
      <div id="collapse1" class="panel-collapse collapse in">
+
</div>
−
        <div class="panel-body">
+
                    </a>
−
        <embed src="https://static.igem.org/mediawiki/2017/d/db/T--East_Chapel_Hill--Jun16.pdf" style="height:800px;width:900px;" type='application/pdf'>
+
                    </h4>
−
        </div>
+
−
      </div>
+
−
    </div>
+
  
−
    <div class="panel panel-default" style="background-color:#3aafa9;">
+
                </div>
−
      <div class="panel-heading" style="background-color:#ffe400;">
+
                <div id="P1-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="P1">
−
        <h4 class="panel-title" style="color:#feffff;">
+
                    <div class="panel-body">
−
          <a data-toggle="collapse" data-parent="#accordion" href="#collapse2"><b>Glass Bead Plating</b></a>
+
<img src="https://static.igem.org/mediawiki/2018/b/bf/T--East_Chapel_Hill--GELEXTRACT.png"
−
        </h4>
+
    </div>
−
      </div>
+
  </div>
−
      <div id="collapse2" class="panel-collapse collapse">
+
</div>
−
        <div class="panel-body">
+
−
        <embed src="https://static.igem.org/mediawiki/2017/7/78/T--East_Chapel_Hill--Jun23.pdf" style="height:800px;width:900px;" type='application/pdf'>
+
−
        </div>
+
−
      </div>
+
−
    </div>
+
  
−
    <div class="panel panel-default" style="background-color:#3aafa9;">
+
<div class="some-padding"></div>
−
      <div class="panel-heading" style="background-color:#ffe400;">
+
<div class="some-padding"></div>
−
        <h4 class="panel-title" style="color:#feffff;">
+
−
          <a data-toggle="collapse" data-parent="#accordion" href="#collapse3"><b>Serial Dilutions</b></a>
+
−
        </h4>
+
−
      </div>
+
−
      <div id="collapse3" class="panel-collapse collapse">
+
−
        <div class="panel-body">
+
−
        <embed src="https://static.igem.org/mediawiki/2017/9/96/T--East_Chapel_Hill--Jun30.pdf" style="height:800px;width:900px;" type='application/pdf'>
+
−
        </div>
+
−
      </div>
+
−
    </div>
+
  
−
    <div class="panel panel-default" style="background-color:#3aafa9;">
+
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
−
      <div class="panel-heading" style="background-color:#ffe400;">
+
            <div class="panel panel-default">
−
        <h4 class="panel-title" style="color:#feffff;">
+
                <div class="panel-heading" role="tab" id="P2">
−
          <a data-toggle="collapse" data-parent="#accordion" href="#collapse4"><b>Agar Gel Electrophoresis</b></a>
+
                    <h4 class="panel-title">
−
        </h4>
+
                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#P2-collapse" aria-expanded="false" aria-controls="P2-collapse">
−
      </div>
+
<div>
−
      <div id="collapse4" class="panel-collapse collapse">
+
                    <div class="col-md-11">Chemically Competent Cells</div><div class="col-md-1"><i class="fa fa-arrow-down fa-10" aria-hidden="true"></i></div>
−
        <div class="panel-body">
+
</div>
−
        <embed src="https://static.igem.org/mediawiki/2017/c/cc/T--East_Chapel_Hill--Jul22.pdf" style="height:800px;width:900px;" type='application/pdf'>
+
                    </a>
−
        </div>
+
                    </h4>
−
      </div>
+
−
    </div>
+
  
−
    <div class="panel panel-default" style="background-color:#3aafa9;">
+
                </div>
−
      <div class="panel-heading" style="background-color:#ffe400;">
+
                <div id="P2-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="P2">
−
        <h4 class="panel-title" style="color:#feffff;">
+
                    <div class="panel-body">
−
          <a data-toggle="collapse" data-parent="#accordion" href="#collapse5"><b>Gibson Cloning and Heat Shock</b></a>
+
<img src="https://static.igem.org/mediawiki/2018/a/a1/T--East_Chapel_Hill--CHEMICALLYCOMPETENT.png"
−
        </h4>
+
  </div>
−
      </div>
+
</div>
−
      <div id="collapse5" class="panel-collapse collapse">
+
</div>
−
        <div class="panel-body">
+
−
        <embed src="https://static.igem.org/mediawiki/2017/8/88/T--East_Chapel_Hill--Jul31.pdf" style="height:800px;width:900px;" type='application/pdf'>
+
−
        </div>
+
−
      </div>
+
−
    </div>
+
−
  </div>  
+
  
−
<div class="panel panel-default" style="background-color:#3aafa9;">
+
<div class="some-padding"></div>
−
      <div class="panel-heading" style="background-color:#ffe400;">
+
<div class="some-padding"></div>
−
        <h4 class="panel-title" style="color:#feffff;">
+
−
          <a data-toggle="collapse" data-parent="#accordion" href="#collapse5"><b>Gel Extraction</b></a>
+
−
        </h4>
+
−
      </div>
+
−
      <div id="collapse5" class="panel-collapse collapse">
+
−
        <div class="panel-body">
+
−
        <embed src="https://static.igem.org/mediawiki/2018/6/6f/T--East_Chapel_Hill--GELEXTRACTION.pdf" style="height:800px;width:900px;" type='application/pdf'>
+
−
        </div>
+
−
      </div>
+
−
    </div>
+
−
  </div>  
+
  
−
<div class="panel panel-default" style="background-color:#3aafa9;">
+
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
−
      <div class="panel-heading" style="background-color:#ffe400;">
+
            <div class="panel panel-default">
−
        <h4 class="panel-title" style="color:#feffff;">
+
                <div class="panel-heading" role="tab" id="P3">
−
          <a data-toggle="collapse" data-parent="#accordion" href="#collapse5"><b>Polymerase Chain Reaction (PCR)</b></a>
+
                    <h4 class="panel-title">
−
        </h4>
+
                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#P3-collapse" aria-expanded="false" aria-controls="P3-collapse">
−
      </div>
+
<div>
−
      <div id="collapse5" class="panel-collapse collapse">
+
                    <div class="col-md-11">Serial Dilutions</div><div class="col-md-1"><i class="fa fa-arrow-down fa-10" aria-hidden="true"></i></div>
−
        <div class="panel-body">
+
−
        <embed src="https://static.igem.org/mediawiki/2017/8/88/T--East_Chapel_Hill--Jul31.pdf" style="height:800px;width:900px;" type='application/pdf'>
+
−
        </div>
+
−
      </div>
+
−
    </div>
+
−
  </div>  
+
 
</div>
 
</div>
 +
                    </a>
 +
                    </h4>
 +
 +
                </div>
 +
                <div id="P3-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="P3">
 +
                    <div class="panel-body">
 +
<img src="https://static.igem.org/mediawiki/2018/4/42/T--East_Chapel_Hill--SERIALDILUTIONS.png"
 +
 +
  </div>
 
</div>
 
</div>
 +
</div>
 +
 +
<div class="some-padding"></div>
 +
<div class="some-padding"></div>
 +
 +
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
 +
            <div class="panel panel-default">
 +
                <div class="panel-heading" role="tab" id="P4">
 +
                    <h4 class="panel-title">
 +
                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#P4-collapse" aria-expanded="false" aria-controls="P4-collapse">
 +
<div>
 +
                    <div class="col-md-11">Gibson Cloning and Heat Shock</div><div class="col-md-1"><i class="fa fa-arrow-down fa-10" aria-hidden="true"></i></div>
 +
</div>                   
 +
                    </a>
 +
                    </h4>
 +
 +
                </div>
 +
                <div id="P4-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="P4">
 +
                    <div class="panel-body">
 +
<img src="https://static.igem.org/mediawiki/2018/f/f8/T--East_Chapel_Hill--GIBSONHEATSHOCK.tiff"
 +
<img src="https://static.igem.org/mediawiki/2018/a/ad/T--East_Chapel_Hill--GIBSONHEATSHOCK-2_%28dragged%29.png"
 +
  </div>
 +
</div>
 +
</div>
 +
 +
<div class="some-padding"></div>
 +
<div class="some-padding"></div>
 +
 +
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
 +
            <div class="panel panel-default">
 +
                <div class="panel-heading" role="tab" id="P5">
 +
                    <h4 class="panel-title">
 +
                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#P5-collapse" aria-expanded="false" aria-controls="P5-collapse">
 +
<div>
 +
                    <div class="col-md-11">Agar Gel Electrophoresis</div><div class="col-md-1"><i class="fa fa-arrow-down fa-10" aria-hidden="true"></i></div>
 +
</div>                   
 +
                    </a>
 +
                    </h4>
 +
 +
                </div>
 +
                <div id="P5-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="P5">
 +
                    <div class="panel-body">
 +
 +
<img src="https://static.igem.org/mediawiki/2018/c/c7/T--East_Chapel_Hill--AGARGELELECTRO.png"
 +
  </div>
 +
</div>
 +
</div>
 +
 +
<div class="some-padding"></div>
 +
<div class="some-padding"></div>
 +
 +
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
 +
            <div class="panel panel-default">
 +
                <div class="panel-heading" role="tab" id="P6">
 +
                    <h4 class="panel-title">
 +
                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#P6-collapse" aria-expanded="false" aria-controls="P6-collapse">
 +
<div>
 +
                    <div class="col-md-11">Polymerase Chain Reaction</div><div class="col-md-1"><i class="fa fa-arrow-down fa-10" aria-hidden="true"></i></div>
 +
</div>
 +
                    </a>
 +
                    </h4>
 +
 +
                </div>
 +
                <div id="P6-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="P6">
 +
                    <div class="panel-body">
 +
<img src="https://static.igem.org/mediawiki/2018/0/07/T--East_Chapel_Hill--PCR.png"
 +
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div class="some-padding"></div>
 +
<div class="some-padding"></div>
 +
 +
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
 +
            <div class="panel panel-default">
 +
                <div class="panel-heading" role="tab" id="P7">
 +
                    <h4 class="panel-title">
 +
                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#P7-collapse" aria-expanded="false" aria-controls="P7-collapse">
 +
<div>
 +
                    <div class="col-md-11">Glass Bead Plating</div><div class="col-md-1"><i class="fa fa-arrow-down fa-10" aria-hidden="true"></i></div>
 +
</div>                   
 +
                    </a>
 +
                    </h4>
 +
 +
                </div>
 +
                <div id="P7-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="P7">
 +
                    <div class="panel-body">
 +
<img src="https://static.igem.org/mediawiki/2018/2/2f/T--East_Chapel_Hill--GLASSBEAD.png"
 +
  </div>
 +
</div>
 +
</div>
 +
  
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 20:42, 16 October 2018

East Chapel Hill

Experiments