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

 
(35 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{East_Chapel_Hill}}
 
{{East_Chapel_Hill}}
 +
 
<html>
 
<html>
−
<style>
+
<body>
−
  #top_title {display: none;}
+
<h1>Experiments</h1>
−
  #sideMenu  {display: none;}
+
<div class="column full_size">
−
  #content  {margin: auto; padding: 0; width: 100%; background:#3aafa9;}
+
−
</style>
+
  
−
<center>
 
  
−
<head>
+
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
−
  <meta charset="utf-8">
+
            <div class="panel panel-default">
−
  <meta name="viewport" content="width=device-width, initial-scale=1">
+
                <div class="panel-heading" role="tab" id="P1">
−
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+
                    <h4 class="panel-title">
−
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+
                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#P1-collapse" aria-expanded="false" aria-controls="P1-collapse">
−
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
<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>
 +
                    </a>
 +
                    </h4>
  
−
  <style>
+
                </div>
−
    .navbar {margin: 12px 0 0 0; padding: 4px; border-radius: 0; width: 100%; }
+
                <div id="P1-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="P1">
 +
                    <div class="panel-body">
 +
<img src="https://static.igem.org/mediawiki/2018/b/bf/T--East_Chapel_Hill--GELEXTRACT.png"
 +
    </div>
 +
  </div>
 +
</div>
  
−
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #000;  /*Sets the text hover color on navbar*/}
+
<div class="some-padding"></div>
 +
<div class="some-padding"></div>
  
−
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active >  
+
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
−
    a:hover, .navbar-default .navbar-nav > .active > a:focus {
+
            <div class="panel panel-default">
−
    color: white; /*BACKGROUND color for active*/background-color: #ffe400;}
+
                <div class="panel-heading" role="tab" id="P2">
 +
                    <h4 class="panel-title">
 +
                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#P2-collapse" aria-expanded="false" aria-controls="P2-collapse">
 +
<div>
 +
                    <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>
 +
                    </a>
 +
                    </h4>
  
−
    .navbar-default { background-color: #2b7a78;border-color: #2b7a78; }
+
                </div>
 +
                <div id="P2-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="P2">
 +
                    <div class="panel-body">
 +
<img src="https://static.igem.org/mediawiki/2018/a/a1/T--East_Chapel_Hill--CHEMICALLYCOMPETENT.png"
 +
  </div>
 +
</div>
 +
</div>
  
−
  .dropdown-menu > li > a:hover,
+
<div class="some-padding"></div>
−
  .dropdown-menu > li > a:focus {
+
<div class="some-padding"></div>
−
    color: #262626;text-decoration: none;
+
−
    background-color: #66CCFF;  /*change color of links in drop down here*/}
+
  
−
    .nav > li > a:hover,
+
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
−
    .nav > li > a:focus {
+
            <div class="panel panel-default">
−
    text-decoration: none;
+
                <div class="panel-heading" role="tab" id="P3">
−
    background-color: silver; /*Change rollover cell color here*/}
+
                    <h4 class="panel-title">
 +
                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#P3-collapse" aria-expanded="false" aria-controls="P3-collapse">
 +
<div>
 +
                    <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>
 +
                    </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"
  
−
   .navbar-default .navbar-nav > li > a {
+
   </div>
−
  color: white; /*Change active text color here*/}
+
</div>
 +
</div>
  
−
  .navbar-default .navbar-brand>img {height: 48px;width: auto; margin-top: -8px;}
+
<div class="some-padding"></div>
 +
<div class="some-padding"></div>
  
−
  .row {display: table;}
+
<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>
  
−
  .row [class*="col-"] {float: none; display: table-cell;vertical-align: top; }
+
                </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>
  
−
  body {background-color: #3aafa9;}
+
<div class="some-padding"></div>
−
 
+
<div class="some-padding"></div>
−
  h1,h2{color:#ffe400;}
+
−
+
−
  </style>
+
  
 +
<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>
  
−
</head>
+
                </div>
−
<body>
+
                <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>
  
−
<nav class="navbar navbar-default  navbar-fixed-top">
+
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
−
  <div class="navbar-header">
+
            <div class="panel panel-default">
−
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
+
                <div class="panel-heading" role="tab" id="P6">
−
        <span class="icon-bar"></span>
+
                    <h4 class="panel-title">
−
        <span class="icon-bar"></span>
+
                    <a role="button" data-toggle="collapse" data-parent="#accordion" href="#P6-collapse" aria-expanded="false" aria-controls="P6-collapse">
−
        <span class="icon-bar"></span>
+
<div>
−
      </button>
+
                    <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>
−
      <a class="navbar-brand">
+
</div>
−
          <img src="https://static.igem.org/mediawiki/2017/6/65/T--East_Chapel_Hill--Icon-new.png">
+
                    </a>
−
      </a>
+
                    </h4>
−
  </div>
+
−
  <div class="collapse navbar-collapse" id="myNavbar">
+
−
    <ul class="nav navbar-nav navbar-right">
+
−
        <li><a href="https://2017.igem.org/Team:East_Chapel_Hill">Home</a></li>
+
−
        <li class="dropdown">
+
−
        <a class="dropdown-toggle" data-toggle="dropdown" href="https://2017.igem.org/Team:East_Chapel_Hill/Team">Team
+
−
        <span class="caret"></span></a>
+
−
        <ul class="dropdown-menu">
+
−
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/Team">Members</a></li>
+
−
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/Attributions">Attributions</a></li>
+
−
        </ul>
+
−
        </li>
+
−
        <li class="dropdown active">
+
−
        <a class="dropdown-toggle" data-toggle="dropdown" href="https://2017.igem.org/Team:East_Chapel_Hill/Design">Project
+
−
        <span class="caret"></span></a>
+
−
        <ul class="dropdown-menu">
+
−
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/Design">Design and Method</a></li>
+
−
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/Notebook">Lab Notebook</a></li>
+
−
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/Composite_Part">Composite Part</a></li>
+
−
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/Contribution">Contribution</a></li>
+
−
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/Safety">Safety</a></li>
+
−
        </ul>
+
−
        </li>
+
−
        <li class="dropdown">
+
−
        <a class="dropdown-toggle" data-toggle="dropdown" href="https://2017.igem.org/Team:East_Chapel_Hill/Results">Results
+
−
        <span class="caret"></span></a>
+
−
        <ul class="dropdown-menu">
+
−
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/Results">Results and Future Directions</a></li>
+
−
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/Demonstrate">Demonstrate</a></li>
+
−
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/Measurement">Measurement</a></li>
+
−
        </ul>
+
−
        </li>
+
−
        <li class="dropdown">
+
−
        <a class="dropdown-toggle" data-toggle="dropdown" href="https://2017.igem.org/Team:East_Chapel_Hill/HP/Silver">Human Practices
+
−
        <span class="caret"></span></a>
+
−
        <ul class="dropdown-menu">
+
−
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/HP/Silver">HP Silver</a></li>
+
−
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/HP/Gold_Integrated">HP Gold</a></li>
+
−
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/Engagement">Engagement</a></li>       
+
−
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/Collaborations">Collaborations</a></li>
+
−
        </ul>
+
−
        </li>
+
−
    </ul>
+
−
  </div>
+
−
</nav>  
+
  
 +
                </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 class="container" style="color:#feffff; margin-top:80px;">
+
</div>
−
<div class="row text-center">
+
</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 class="panel-group" id="accordion">
+
                </div>
−
    <div class="panel panel-default" style="background-color:#3aafa9;">
+
                <div id="P7-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="P7">
−
      <div class="panel-heading" style="background-color:#ffe400;">
+
                    <div class="panel-body">
−
        <h4 class="panel-title" style="color:#feffff;">
+
<img src="https://static.igem.org/mediawiki/2018/2/2f/T--East_Chapel_Hill--GLASSBEAD.png"
−
          <a data-toggle="collapse" data-parent="#accordion" href="#collapse1"><b>June 16th, 2017</b></a>
+
  </div>
−
        </h4>
+
−
      </div>
+
−
      <div id="collapse1" class="panel-collapse collapse in">
+
−
        <div class="panel-body">
+
−
        <embed src="https://static.igem.org/mediawiki/2017/d/db/T--East_Chapel_Hill--Jun16.pdf" style="height:800px;width:900px;" type='application/pdf'>
+
−
        </div>
+
−
      </div>
+
−
    </div>
+
−
 
+
−
    <div class="panel panel-default" style="background-color:#3aafa9;">
+
−
      <div class="panel-heading" style="background-color:#ffe400;">
+
−
        <h4 class="panel-title" style="color:#feffff;">
+
−
          <a data-toggle="collapse" data-parent="#accordion" href="#collapse2"><b>June 23rd, 2017</b></a>
+
−
        </h4>
+
−
      </div>
+
−
      <div id="collapse2" class="panel-collapse collapse">
+
−
        <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="panel-heading" style="background-color:#ffe400;">
+
−
        <h4 class="panel-title" style="color:#feffff;">
+
−
          <a data-toggle="collapse" data-parent="#accordion" href="#collapse3"><b>June 30th, 2017</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-heading" style="background-color:#ffe400;">
+
−
        <h4 class="panel-title" style="color:#feffff;">
+
−
          <a data-toggle="collapse" data-parent="#accordion" href="#collapse4"><b>July 22nd and July 29th, 2017</b></a>
+
−
        </h4>
+
−
      </div>
+
−
      <div id="collapse4" class="panel-collapse collapse">
+
−
        <div class="panel-body">
+
−
        <embed src="https://static.igem.org/mediawiki/2017/c/cc/T--East_Chapel_Hill--Jul22.pdf" style="height:800px;width:900px;" type='application/pdf'>
+
−
        </div>
+
−
      </div>
+
−
    </div>
+
−
 
+
−
    <div class="panel panel-default" style="background-color:#3aafa9;">
+
−
      <div class="panel-heading" style="background-color:#ffe400;">
+
−
        <h4 class="panel-title" style="color:#feffff;">
+
−
          <a data-toggle="collapse" data-parent="#accordion" href="#collapse5"><b>July 31st, 2017</b></a>
+
−
        </h4>
+
−
      </div>
+
−
      <div id="collapse5" class="panel-collapse collapse">
+
−
        <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>
 
</div>
 
</div>
 +
  
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 20:42, 16 October 2018

East Chapel Hill

Experiments