Difference between revisions of "Team:CSU Fort Collins/Experiments"

m
Line 19: Line 19:
 
<style>  
 
<style>  
 
  .flip {
 
  .flip {
−
    border-radius: 5px;
 
 
     margin: auto;
 
     margin: auto;
 
     padding: 5px;
 
     padding: 5px;
 
     cursor: pointer;
 
     cursor: pointer;
 
      
 
      
−
     background-color: #DCDCDC;
+
     background-color: #e1e1e1;
 
     border-color: #383838;  
 
     border-color: #383838;  
−
     border-style: solid;
+
     border-style: solid 1px;
−
     width: 80%;
+
     width: 90%;
 +
 
 
}
 
}
−
     .panel {
+
 
 +
h4 {
 +
     font-weight: bold;
 +
    font-size: 16px;
 +
    padding: 1px;
 +
    padding-left: 10px;
 +
}
 +
 
 +
.panel {
 
      
 
      
 
     margin: auto;
 
     margin: auto;
Line 42: Line 50:
 
<body>
 
<body>
  
 +
<p align="center">Click the panels to slide down or up</p>
  
 
<h1 align="center">Protocols</h1>
 
<h1 align="center">Protocols</h1>
−
<h2>Section One</h2>
+
 
−
<div class="flip" id="flip1" href ="#panel1"> Click to slide the panel down or up
+
<div class="flip" id="flip1" href ="#panel1"> <h4>Plasmid Construction</h4>
 
<div class="panel" id="panel1">
 
<div class="panel" id="panel1">
 
     <h3>Materials</h3>
 
     <h3>Materials</h3>
Line 85: Line 94:
 
     </div>
 
     </div>
 
</div>
 
</div>
 +
 +
<p></p>
 +
 +
<div class="flip" id="flip1" href ="#panel1"> <h4>Gel Electrophoresis</h4>
 +
<div class="panel" id="panel1">
 +
    <h3>Materials</h3>
 +
    <ul>    <li>First</li>
 +
            <li>Second</li>
 +
            <li>Third</li>
 +
    </ul>
 +
    <h3 >Procedure</h3>
 +
      <ol>  <li>First</li>
 +
            <li>Second</li>
 +
            <li>Third</li>
 +
      </ol>
 +
 +
 +
 +
    </div>
 +
</div>
 +
 +
<h1 align="center">Experiments</h1>
 +
 +
<div class="flip" id="flip1" href ="#panel1"> <h4>Growth on Fatty Acids</h4>
 +
<div class="panel" id="panel1">
 +
    <h3>Materials</h3>
 +
   
 +
    <table id="myTable" class="tablesorter">
 +
<thead>
 +
<tr>
 +
    <th>Material</th>
 +
    <th>Amount</th>
 +
</tr>
 +
</thead>
 +
<tbody>
 +
<tr>
 +
    <td>Something</td>
 +
    <td>ul</td>
 +
   
 +
</tr>
 +
<tr>
 +
    <td>Something</td>
 +
    <td>ul</td>
 +
   
 +
</tr>
 +
<tr>
 +
    <td>Something</td>
 +
    <td>ul</td>
 +
   
 +
</tr>
 +
</tbody>
 +
</table>     
 +
 +
    <h3 >Procedure</h3>
 +
      <ol>  <li>First</li>
 +
            <li>Second</li>
 +
            <li>Third</li>
 +
      </ol>
 +
 +
 +
 +
    </div>
 +
</div>
 +
<p></p>
 +
 +
 +
<div class="flip" id="flip1" href ="#panel1"> <h4>Terpenoid Production and Detection</h4>
 +
<div class="panel" id="panel1">
 +
    <h3>Materials</h3>
 +
    <ul>    <li>First</li>
 +
            <li>Second</li>
 +
            <li>Third</li>
 +
    </ul>
 +
    <h3 >Procedure</h3>
 +
      <ol>  <li>First</li>
 +
            <li>Second</li>
 +
            <li>Third</li>
 +
      </ol>
 +
 +
 +
 +
    </div>
 +
</div>
 +
 
<p></p>
 
<p></p>
  
−
<h2>Section Two</h2>
+
<div class="flip" id="flip1" href ="#panel1"> <h4>KillerRed Kill Curve</h4>
−
<div class="flip" id="flip1" href ="#panel1"> Click to slide the panel down or up
+
 
<div class="panel" id="panel1">
 
<div class="panel" id="panel1">
 
     <h3>Materials</h3>
 
     <h3>Materials</h3>

Revision as of 19:50, 27 August 2015

Click the panels to slide down or up

Protocols

Plasmid Construction

Materials

Material Amount
Something ul
Something ul
Something ul

Procedure

  1. First
  2. Second
  3. Third

Gel Electrophoresis

Materials

  • First
  • Second
  • Third

Procedure

  1. First
  2. Second
  3. Third

Experiments

Growth on Fatty Acids

Materials

Material Amount
Something ul
Something ul
Something ul

Procedure

  1. First
  2. Second
  3. Third

Terpenoid Production and Detection

Materials

  • First
  • Second
  • Third

Procedure

  1. First
  2. Second
  3. Third

KillerRed Kill Curve

Materials

  • First
  • Second
  • Third

Procedure

  1. First
  2. Second
  3. Third

Inspiration