Difference between revisions of "Team:Lethbridge HS/Notebook"

 
(3 intermediate revisions by 2 users not shown)
Line 817: Line 817:
 
                                     <a href="https://2016.igem.org/Team:Lethbridge_HS/Description">DESCRIPTION</a>
 
                                     <a href="https://2016.igem.org/Team:Lethbridge_HS/Description">DESCRIPTION</a>
 
                                     <a href="https://2016.igem.org/Team:Lethbridge_HS/Design">DESIGN</a>
 
                                     <a href="https://2016.igem.org/Team:Lethbridge_HS/Design">DESIGN</a>
 +
<a href="https://2016.igem.org/Team:Lethbridge_HS/Prototype">PROTOTYPE</a>
 
<a href="https://2016.igem.org/Team:Lethbridge_HS/Proof">PROOF OF CONCEPT</a>
 
<a href="https://2016.igem.org/Team:Lethbridge_HS/Proof">PROOF OF CONCEPT</a>
 
                                     <a href="https://2016.igem.org/Team:Lethbridge_HS/Experiments">EXPERIMENTS</a>
 
                                     <a href="https://2016.igem.org/Team:Lethbridge_HS/Experiments">EXPERIMENTS</a>
 
                                     <a href="https://2016.igem.org/Team:Lethbridge_HS/Results">RESULTS</a>
 
                                     <a href="https://2016.igem.org/Team:Lethbridge_HS/Results">RESULTS</a>
 +
<a href="https://2016.igem.org/Team:Lethbridge_HS/Achievements">ACHIEVEMENTS</a>
 
                                 </li>
 
                                 </li>
 
                             </ul>     
 
                             </ul>     
Line 852: Line 854:
  
  
                        <li><a href="https://2016.igem.org/Team:Lethbridge_HS/Notebook" style="" class="menuitem" style="margin:0; padding:0;">NOTEBOOK</a></li>
+
 
 +
 
 +
<li class= "dropdown">
 +
                            <a href="#" class="dropdown-toggle" data-toggle = "dropdown">NOTEBOOK<b class="caret"></b></a>
 +
                            <ul class="dropdown-menu">
 +
                                <li>
 +
                                    <a href="https://2016.igem.org/Team:Lethbridge_HS/Notebook">NOTEBOOK</a>
 +
<a href="https://2016.igem.org/Team:Lethbridge_HS/Methods">METHODS</a>
 +
 
 +
                                </li>
 +
                            </ul>   
 +
                        </li>
 +
 
 +
 
 +
 
 
                         <li><a href="https://2016.igem.org/Team:Lethbridge_HS/Safety" style="" class="menuitem" style="margin:0; padding:0; ">SAFETY</a></li>
 
                         <li><a href="https://2016.igem.org/Team:Lethbridge_HS/Safety" style="" class="menuitem" style="margin:0; padding:0; ">SAFETY</a></li>
 
                                                  
 
                                                  
Line 887: Line 903:
 
    
 
    
 
<div class="container-fluid" style="margin-left:5%; margin-right:5%;">     
 
<div class="container-fluid" style="margin-left:5%; margin-right:5%;">     
<div class="row">
 
  
<div class="col-md-12">
+
<embed src="https://static.igem.org/mediawiki/2016/f/f7/T%E2%80%94lethbridgehs--ntoebook2134_and.pdf" width="80%" height="800px" type='application/pdf'>
<h3>sample title 1</h3>
+
<a name="first"></a>
+
 
+
                            <ul class="timeline">
+
                                <li>
+
                                    <div class="tl_month"> 
+
                                        <h2>August</h2>
+
                                    </div>
+
                                </li>
+
                                <li>
+
                                    <a name="July1"></a>
+
                                    <p class="tl_time">2015-July-10</p>
+
                                    <div class="tl_icon">
+
                                        <div style="" class="notebookIcon flaticon-dna-structure"></div>
+
                                    </div>
+
                                    <div class="tl_label">
+
                                        <div class="topOfTimeLineEntry">
+
                                        <h2 class="tl_label_header">Digestion of Signal Sequences</h2>
+
                                            </div>
+
                                        <div class="dateContent">
+
                                        <h3>Names: Billy, Bob, and Cob</h3>
+
                                           
+
                                        <div class="row">
+
                                            <div class="col-md-6">
+
                                        <table class="table table-striped table-bordered">
+
                                           
+
                                            <caption>Title for table</caption>
+
                                            <thead>
+
                                                <tr>
+
                                                    <th>Components</th>
+
                                                    <th>Volume (ul)</th>
+
                                                </tr>
+
                                            </thead>
+
                                            <tbody>
+
                                                <tr>
+
                                                    <td>MILLI-Q H2O</td>
+
                                                    <td>4</td>
+
                                                </tr>
+
                                                <tr>
+
                                                    <td>10 Cutsmart buffer</td>
+
                                                    <td>1</td>
+
                                                </tr>
+
                                                <tr>
+
                                                    <td>pDNA (~100ug/ml)</td>
+
                                                    <td>4</td>
+
                                                </tr>
+
                                                <tr>
+
                                                    <td>Enzyme I</td>
+
                                                    <td>0.5</td>
+
                                                </tr>
+
                                                <tr>
+
                                                    <td>Enzyme II</td>
+
                                                    <td>0.5</td>
+
                                                </tr>
+
                                                <tr>
+
                                                    <td>Total</td>
+
                                                    <td>10</td>
+
                                                </tr>
+
 
+
                                            </tbody>
+
                                        </table>
+
                                            </div>
+
                                            <div class="col-md-6">
+
                                        <table class="table table-striped table-bordered">
+
                                           
+
                                            <caption>Title for table</caption>
+
                                            <thead>
+
                                                <tr>
+
                                                    <th>Components</th>
+
                                                    <th>Volume (ul)</th>
+
                                                </tr>
+
                                            </thead>
+
                                            <tbody>
+
                                                <tr>
+
                                                    <td>MILLI-Q H2O</td>
+
                                                    <td>4</td>
+
                                                </tr>
+
                                                <tr>
+
                                                    <td>10 Cutsmart buffer</td>
+
                                                    <td>1</td>
+
                                                </tr>
+
                                                <tr>
+
                                                    <td>pDNA (~100ug/ml)</td>
+
                                                    <td>4</td>
+
                                                </tr>
+
                                                <tr>
+
                                                    <td>Enzyme I</td>
+
                                                    <td>0.5</td>
+
                                                </tr>
+
                                                <tr>
+
                                                    <td>Enzyme II</td>
+
                                                    <td>0.5</td>
+
                                                </tr>
+
                                                <tr>
+
                                                    <td>Total</td>
+
                                                    <td>10</td>
+
                                                </tr>
+
 
+
                                            </tbody>
+
                                        </table>
+
                                            </div>
+
                                    </div>
+
                                    </div>
+
                                       
+
                                </li>
+
                                <li>
+
                                    <a name="July2"></a>
+
                                    <p class="tl_time">2015-July-10</p>
+
                                    <div class="tl_icon">
+
                                        <img src="images/Plasmid.png" width="30px" height="30px">
+
                                    </div>
+
                                    <div class="tl_label">
+
                                        <h2 class="tl_label_header">Ligation</h2>
+
                                        <p>We did this stuff...</p>
+
                                    </div>
+
                                </li>
+
                                <a name="July3"></a>
+
                                <li>
+
                                    <p class="tl_time">2015-July-10</p>
+
                                    <div class="tl_icon">
+
                                        <img src="images/Plasmid.png" width="30px" height="30px">
+
                                    </div>
+
                                    <div class="tl_label">
+
                                        <h2 class="tl_label_header">Ligation</h2>
+
                                        <p>We did this stuff...</p>
+
                                    </div>
+
                                </li>
+
                                <li>
+
                                    <a name="July4"></a>
+
                                    <p class="tl_time">2015-July-10</p>
+
                                    <div class="tl_icon">
+
                                        <img src="images/Plasmid.png" width="30px" height="30px">
+
                                    </div>
+
                                    <div class="tl_label">
+
                                        <h2 class="tl_label_header">Ligation</h2>
+
                                        <p>OMG I AM MAKING AN EDIT LETS GO
+
 
+
</p>
+
                                    </div>
+
                                </li>
+
                                <li>
+
                                    <a name="July5">                          </a>
+
                                    <p class="tl_time">2016-August-10</p>
+
                                    <div class="tl_icon">
+
                                        <img src="images/Plasmid.png" width="30px" height="30px">
+
                                    </div>
+
                                    <div class="tl_label">
+
                                        <h2 class="tl_label_header">Ligation</h2>
+
                                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam maximus erat vitae orci rutrum finibus. Nullam quis nunc tincidunt, sodales risus id, dignissim neque. Pellentesque efficitur, sem non lobortis euismod, justo mi laoreet turpis, sed fringilla enim diam non massa. Suspendisse imperdiet vel enim a elementum. Nam pretium diam vel metus rhoncus ullamcorper. Suspendisse in consectetur tortor. Nulla diam justo, lobortis suscipit erat quis, rhoncus accumsan tellus. Cras rutrum, lorem ac sodales accumsan, ante diam ornare tellus, in tincidunt metus magna quis lacus. Ut auctor metus sed lectus auctor volutpat. Aliquam ac nulla maximus, congue sem a, feugiat mauris.
+
 
+
</p>
+
                                    </div>
+
                                </li>
+
                                <li>
+
                                    <div class="tl_month"> 
+
                                        <h2>September</h2>
+
                                    </div>
+
 
+
                                </li>
+
                                <li>
+
                                    <p class="tl_time">2016-September-10</p>
+
                                    <div class="tl_icon">
+
                                        <img src="images/Plasmid.png" width="30px" height="30px">
+
                                    </div>
+
                                    <div class="tl_label">
+
                                        <h2 class="tl_label_header">Ligation</h2>
+
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sed commodo dui, id ultricies massa. Aliquam erat volutpat. Proin maximus, nibh eu luctus tincidunt, libero dui euismod ex, a pellentesque sem nulla ac lorem. Pellentesque sagittis leo eget ornare efficitur. Nullam vulputate rutrum eros, quis mollis ipsum tempus eu. Integer porttitor quam vitae finibus blandit. Nulla vulputate dolor dui, et cursus dolor ullamcorper nec. Nunc dictum scelerisque purus, ut pulvinar sapien tristique eget. Donec feugiat risus vel nibh pellentesque auctor id id neque. Aenean facilisis dui vitae massa finibus, et condimentum dui consectetur. Pellentesque tempus imperdiet posuere. Sed ornare urna in dictum dictum. Vestibulum suscipit, tortor sit amet finibus bibendum, dui nunc semper enim, eget pulvinar sem justo nec risus. Integer justo ex, aliquet sit amet massa at, aliquam vestibulum dolor. Sed dictum nunc eu sem finibus eleifend.</p>
+
                                    </div>
+
                                </li>
+
                                <li>
+
                                    <p class="tl_time">2016-September-10</p>
+
                                    <div class="tl_icon">
+
                                        <img src="images/Plasmid.png" width="30px" height="30px">
+
                                    </div>
+
                                    <div class="tl_label">
+
                                        <h2 class="tl_label_header">Ligation</h2>
+
                                        <p>We did this stuff...</p>
+
                                    </div>
+
                                </li>
+
                                <li>
+
                                    <p class="tl_time">2016-September-10</p>
+
                                    <div class="tl_icon">
+
                                        <img src="images/Plasmid.png" width="30px" height="30px">
+
                                    </div>
+
                                    <div class="tl_label">
+
                                        <h2 class="tl_label_header">Ligation</h2>
+
                                        <p>We did this stuff...</p>
+
                                    </div>
+
                                </li>
+
                                <li>
+
                                    <p class="tl_time">2016-September-10</p>
+
                                    <div class="tl_icon">
+
                                        <img src="images/Plasmid.png" width="30px" height="30px">
+
                                    </div>
+
                                    <div class="tl_label">
+
                                        <h2 class="tl_label_header">Ligation</h2>
+
                                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam maximus erat vitae orci rutrum finibus. Nullam quis nunc tincidunt, sodales risus id, dignissim neque. Pellentesque efficitur, sem non lobortis euismod, justo mi laoreet turpis, sed fringilla enim diam non massa. Suspendisse imperdiet vel enim a elementum. Nam pretium diam vel metus rhoncus ullamcorper. Suspendisse in consectetur tortor. Nulla diam justo, lobortis suscipit erat quis, rhoncus accumsan tellus. Cras rutrum, lorem ac sodales accumsan, ante diam ornare tellus, in tincidunt metus magna quis lacus. Ut auctor metus sed lectus auctor volutpat. Aliquam ac nulla maximus, congue sem a, feugiat mauris.
+
 
+
</p>
+
                                    </div>
+
                                </li>
+
                                <li>
+
                                    <p class="tl_time">2016-September-10</p>
+
                                    <div class="tl_icon">
+
                                        <img src="images/Plasmid.png" width="30px" height="30px">
+
                                    </div>
+
                                    <div class="tl_label">
+
                                        <h2 class="tl_label_header">Ligation</h2>
+
                                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam maximus erat vitae orci rutrum finibus. Nullam quis nunc tincidunt, sodales risus id, dignissim neque. Pellentesque efficitur, sem non lobortis euismod, justo mi laoreet turpis, sed fringilla enim diam non massa. Suspendisse imperdiet vel enim a elementum. Nam pretium diam vel metus rhoncus ullamcorper. Suspendisse in consectetur tortor. Nulla diam justo, lobortis suscipit erat quis, rhoncus accumsan tellus. Cras rutrum, lorem ac sodales accumsan, ante diam ornare tellus, in tincidunt metus magna quis lacus. Ut auctor metus sed lectus auctor volutpat. Aliquam ac nulla maximus, congue sem a, feugiat mauris.
+
 
+
</p>
+
 
+
                                    </div>
+
                                </li>
+
                                <li>
+
                                    <div class="tl_month"> 
+
                                        <h2>October</h2>
+
                                    </div>
+
 
+
                                </li>
+
                                <li>
+
                                    <p class="tl_time">2016-October-10</p>
+
                                    <div class="tl_icon">
+
                                        <img src="images/Plasmid.png" width="30px" height="30px">
+
                                    </div>
+
                                    <div class="tl_label">
+
                                        <h2 class="tl_label_header">Ligation</h2>
+
                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sed commodo dui, id ultricies massa. Aliquam erat volutpat. Proin maximus, nibh eu luctus tincidunt, libero dui euismod ex, a pellentesque sem nulla ac lorem. Pellentesque sagittis leo eget ornare efficitur. Nullam vulputate rutrum eros, quis mollis ipsum tempus eu. Integer porttitor quam vitae finibus blandit. Nulla vulputate dolor dui, et cursus dolor ullamcorper nec. Nunc dictum scelerisque purus, ut pulvinar sapien tristique eget. Donec feugiat risus vel nibh pellentesque auctor id id neque. Aenean facilisis dui vitae massa finibus, et condimentum dui consectetur. Pellentesque tempus imperdiet posuere. Sed ornare urna in dictum dictum. Vestibulum suscipit, tortor sit amet finibus bibendum, dui nunc semper enim, eget pulvinar sem justo nec risus. Integer justo ex, aliquet sit amet massa at, aliquam vestibulum dolor. Sed dictum nunc eu sem finibus eleifend.</p>
+
                                    </div>
+
                                </li>
+
                                <li>
+
                                    <p class="tl_time">2016-October-10</p>
+
                                    <div class="tl_icon">
+
                                        <img src="images/Plasmid.png" width="30px" height="30px">
+
                                    </div>
+
                                    <div class="tl_label">
+
                                        <h2 class="tl_label_header">Ligation</h2>
+
                                        <p>We did this stuff...</p>
+
                                    </div>
+
                                </li>
+
                                <li>
+
                                    <p class="tl_time">2016-October-10</p>
+
                                    <div class="tl_icon">
+
                                        <img src="images/Plasmid.png" width="30px" height="30px">
+
                                    </div>
+
                                    <div class="tl_label">
+
                                        <h2 class="tl_label_header">Ligation</h2>
+
                                        <p>We did this stuff...</p>
+
                                    </div>
+
                                </li>
+
                                <li>
+
                                    <p class="tl_time">2016-October-10</p>
+
                                    <div class="tl_icon">
+
                                        <img src="images/Plasmid.png" width="30px" height="30px">
+
                                    </div>
+
                                    <div class="tl_label">
+
                                        <h2 class="tl_label_header">Ligation</h2>
+
                                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam maximus erat vitae orci rutrum finibus. Nullam quis nunc tincidunt, sodales risus id, dignissim neque. Pellentesque efficitur, sem non lobortis euismod, justo mi laoreet turpis, sed fringilla enim diam non massa. Suspendisse imperdiet vel enim a elementum. Nam pretium diam vel metus rhoncus ullamcorper. Suspendisse in consectetur tortor. Nulla diam justo, lobortis suscipit erat quis, rhoncus accumsan tellus. Cras rutrum, lorem ac sodales accumsan, ante diam ornare tellus, in tincidunt metus magna quis lacus. Ut auctor metus sed lectus auctor volutpat. Aliquam ac nulla maximus, congue sem a, feugiat mauris.
+
 
+
</p>
+
                                    </div>
+
                                </li>
+
                                <li>
+
                                    <p class="tl_time">2016-October-10</p>
+
                                    <div class="tl_icon">
+
                                        <img src="images/Plasmid.png" width="30px" height="30px">
+
                                    </div>
+
                                    <div class="tl_label">
+
                                        <h2 class="tl_label_header">Ligation</h2>
+
                                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam maximus erat vitae orci rutrum finibus. Nullam quis nunc tincidunt, sodales risus id, dignissim neque. Pellentesque efficitur, sem non lobortis euismod, justo mi laoreet turpis, sed fringilla enim diam non massa. Suspendisse imperdiet vel enim a elementum. Nam pretium diam vel metus rhoncus ullamcorper. Suspendisse in consectetur tortor. Nulla diam justo, lobortis suscipit erat quis, rhoncus accumsan tellus. Cras rutrum, lorem ac sodales accumsan, ante diam ornare tellus, in tincidunt metus magna quis lacus. Ut auctor metus sed lectus auctor volutpat. Aliquam ac nulla maximus, congue sem a, feugiat mauris.
+
 
+
</p>
+
                                    </div>
+
                                </li>
+
                            </ul>
+
                           
+
                        </div>
+
  
  

Latest revision as of 03:58, 20 October 2016

Lethbridge HS iGEM 2016

LAB NOTEBOOK