Difference between revisions of "Team:TecCEM/Experiments"

 
(44 intermediate revisions by 3 users not shown)
Line 2: Line 2:
 
<html>
 
<html>
 
<style>
 
<style>
     .wrapper {
+
     .wrapper .sidebar-index {
        display: flex;
+
            overflow: auto;
        align-items: stretch;
+
         }
        width: 100%;
+
     </style>
    }
+
<div id="gif-title" class="text-project">
 
+
     <img src="https://static.igem.org/mediawiki/2018/4/41/T--TecCEM--Cells--Experiments.gif" alt="Cell Gif">
    .sidebar-index {
+
        width: 20%;
+
         position: sticky;
+
        align-self: flex-start;
+
        top: 70px;
+
        z-index: 900;
+
        margin: 0;
+
        padding: 1rem;
+
    }
+
 
+
     .wrapper .content {
+
        width: 80%;
+
    }
+
 
+
    .sidebar-index .dropdown {
+
        position: absolute;
+
        left: 0px;
+
    }
+
 
+
    .sidebar-index a {
+
        color: inherit;
+
    }
+
 
+
    .sidebar-index a:hover {
+
        text-decoration: none;
+
        color: black !important;
+
    }
+
 
+
    .sidebar-index a:hover p {
+
        color: black !important;
+
    }
+
 
+
    .sidebar-index a:visited,
+
    .sidebar-index a:focus {
+
        color: inherit;
+
        text-decoration: none;
+
    }
+
 
+
    .sidebar-index span.open,
+
    .sidebar-index span.closed {
+
        background-color: black;
+
        vertical-align: middle;
+
    }
+
</style>
+
<div id="gif-title">
+
     <img src="https://static.igem.org/mediawiki/2018/a/aa/T--TecCEM--Cells.gif" alt="Cell Gif">
+
 
     <h1>Experiments</h1>
 
     <h1>Experiments</h1>
 
</div>
 
</div>
Line 60: Line 14:
 
         <div class="sidebar-header">
 
         <div class="sidebar-header">
 
             <h3>Project/ Experiments</h3>
 
             <h3>Project/ Experiments</h3>
            <a href="#experimentsSubmenu" data-toggle="collapse" aria-expanded="false" id="sideIndexCollapse"
 
                data-offset="100" data-change="sidemenu">
 
                <span data-change="el" class="d-inline-block open"></span>
 
                Index
 
            </a>
 
 
         </div>
 
         </div>
 +
        <a href="#experimentsSubmenu" data-toggle="collapse" aria-expanded="false" data-change="sidemenu">
 +
            <span data-change="el" class="d-inline-block open"></span>
 +
            Index
 +
        </a>
 
         <ul class="collapse list-unstyled" id="experimentsSubmenu">
 
         <ul class="collapse list-unstyled" id="experimentsSubmenu">
 
             <li class="active">
 
             <li class="active">
                 <a href="#description">Description</a>
+
                 <a>Description</a>
 
             </li>
 
             </li>
 +
 
             <li>
 
             <li>
                 <a href="#wsc">What should this page contain?</a>
+
                 <a href="#proteinSubmenu" data-toggle="collapse" aria-expanded="false" data-change="sidemenu">
 +
                    <span class="d-inline-bock open" data-change="el"></span>
 +
                    Protein
 +
                </a>
 +
                <ul class="collapse list-unstyled" id="proteinSubmenu">
 +
                    <li>
 +
                        <a href="#chitosan" data-toggle="collapse" aria-expanded="false" data-change="sidemenu">
 +
                            <span class="d-inline-bock open" data-change="el"></span>
 +
                            Chitosan
 +
                        </a>
 +
                        <ul class="collapse list-unstyled" id="chitosan">
 +
                            <li>
 +
                                <a>Protein encapsulation protocol</a>
 +
                            </li>
 +
                            <li>
 +
                                <a>Protein encapsulation efficiency
 +
                                    protocol</a>
 +
                            </li>
 +
                            <li>
 +
                                <a>Protein liberation and stability
 +
                                    protocol</a>
 +
                            </li>
 +
                        </ul>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#polyacrimlamide-gel" data-toggle="collapse" aria-expanded="false" data-change="sidemenu">
 +
                            <span class="d-inline-bock open" data-change="el"></span>
 +
                            Polyacrilamide gel
 +
                        </a>
 +
                        <ul class="collapse list-unstyled" id="polyacrimlamide-gel">
 +
                            <li>
 +
                                <a>AB Polyacrilamide gel</a>
 +
                            </li>
 +
                            <li>
 +
                                <a>Standard polyacrylamide gel</a>
 +
                            </li>
 +
                        </ul>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#productpurification" data-toggle="collapse" aria-expanded="false" data-change="sidemenu">
 +
                            <span class="d-inline-bock open" data-change="el"></span>
 +
                            Production/purification
 +
                        </a>
 +
                        <ul class="collapse list-unstyled" id="productpurification">
 +
                            <li>
 +
                                <a>Criofracture</a>
 +
                            </li>
 +
                            <li>
 +
                                <a>Fluorescent protein production</a>
 +
                            </li>
 +
                            <li>
 +
                                <a>Protein production/purification
 +
                                    protocol</a>
 +
                            </li>
 +
                        </ul>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#proteicquantification" data-toggle="collapse" aria-expanded="false" data-change="sidemenu">
 +
                            <span class="d-inline-bock open" data-change="el"></span>
 +
                            Proteic quantification
 +
                        </a>
 +
                        <ul class="collapse list-unstyled" id="proteicquantification">
 +
                            <li>
 +
                                <a>Bradford</a>
 +
                            </li>
 +
                            <li>
 +
                                <a>Lowry</a>
 +
                            </li>
 +
                            <li>
 +
                                <a>Pierce BCA</a>
 +
                            </li>
 +
                        </ul>
 +
                    </li>
 +
                </ul>
 +
            </li>
 +
            <li>
 +
                <a href="#cellSubmenu" data-toggle="collapse" aria-expanded="false" data-change="sidemenu">
 +
                    <span class="d-inline-bock open" data-change="el"></span>
 +
                    Cell
 +
                </a>
 +
                <ul class="collapse list-unstyled" id="cellSubmenu">
 +
                    <li>
 +
                        <a>In vitro burn essay protocol</a>
 +
                    </li>
 +
                </ul>
 +
            </li>
 +
            <li>
 +
                <a href="#reactantsSubmenu" data-toggle="collapse" aria-expanded="false" data-change="sidemenu">
 +
                    <span class="d-inline-bock open" data-change="el"></span>
 +
                    Reactants
 +
                </a>
 +
                <ul class="collapse list-unstyled" id="reactantsSubmenu">
 +
                    <li>
 +
                        <a>Protocol for the creation of lysis buffer P</a>
 +
                    </li>
 +
                    <li>
 +
                        <a>Protocol for the creation of polyacrylamide gel</a>
 +
                    </li>
 +
                    <li>
 +
                        <a>Protocol for the creation of thermal lysis buffer</a>
 +
                    </li>
 +
                    <li>
 +
                        <a>Protocol to make polyacrylamide AB</a>
 +
                    </li>
 +
                </ul>
 
             </li>
 
             </li>
 
             <li>
 
             <li>
                 <a href="#inspiration" data-toggle="collapse" aria-expanded="false" id="sideIndexCollapse"
+
                 <a href="#nucleicSubmenu" data-toggle="collapse" aria-expanded="false" data-change="sidemenu">
                    data-offset="100" data-change="sidemenu">
+
                     <span class="d-inline-bock open" data-change="el"></span>
                     <span class="d-inline-block open" data-change="el"></span>
+
                     Nucleic Acids
                     Subpage 2
+
 
                 </a>
 
                 </a>
 +
                <ul class="collapse list-unstyled" id="nucleicSubmenu">
 +
                    <li>
 +
                        <a href="#celltransformation" data-toggle="collapse" aria-expanded="false" data-change="sidemenu">
 +
                            <span class="d-inline-bock open" data-change="el"></span>
 +
                            Cell Transformation
 +
                        </a>
 +
                        <ul class="collapse list-unstyled" id="celltransformation">
 +
                            <li>
 +
                                <a>Chemocompetent cells transformation protocol</a>
 +
                            </li>
 +
                            <li>
 +
                                <a>Protocol for chemocompetent cells</a>
 +
                            </li>
 +
                            <li>
 +
                                <a>Thermal Shock cell transformation protocol</a>
 +
                            </li>
 +
                        </ul>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#enzymerestriction" data-toggle="collapse" aria-expanded="false" data-change="sidemenu">
 +
                            <span class="d-inline-bock open" data-change="el"></span>
 +
                            Enzyme restriction
 +
                        </a>
 +
                        <ul class="collapse list-unstyled" id="enzymerestriction">
 +
                            <li>
 +
                                <a>Protocol for enzyme digestion/alkaline phosphatase treatment
 +
                                    of iGEM plasmids and ligation</a>
 +
                            </li>
 +
                            <li>
 +
                                <a>Protocol for enzyme ligation of iGEM parts</a>
 +
                            </li>
 +
                            <li>
 +
                                <a>Protocol for enzyme restriction of IDT parts and iGEM plasmid</a>
 +
                            </li>
 +
                        </ul>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#pcr" data-toggle="collapse" aria-expanded="false" data-change="sidemenu">
 +
                            <span class="d-inline-bock open" data-change="el"></span>
 +
                            PCR
 +
                        </a>
 +
                        <ul class="collapse list-unstyled" id="pcr">
 +
                            <li>
 +
                                <a>Protocol for Colony PCR</a>
 +
                            </li>
 +
                            <li>
 +
                                <a>Protocol for PCR using VR and VF2 primers</a>
 +
                            </li>
 +
                        </ul>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#plasmidextraction" data-toggle="collapse" aria-expanded="false" data-change="sidemenu">
 +
                            <span class="d-inline-bock open" data-change="el"></span>
 +
                            Plasmid extraction
 +
                        </a>
 +
                        <ul class="collapse list-unstyled" id="plasmidextraction">
 +
                            <li>
 +
                                <a>Agarose Band purification (GenElute - Sigma)</a>
 +
                            </li>
 +
                            <li>
 +
                                <a>Alkaline plasmid purification protocol</a>
 +
                            </li>
 +
                            <li>
 +
                                <a>MiniPrep Sigma extraction protocol</a>
 +
                            </li>
 +
                        </ul>
 +
                    </li>
 +
                </ul>
 
             </li>
 
             </li>
 
         </ul>
 
         </ul>
 
     </nav>
 
     </nav>
 
     <div class="content">
 
     <div class="content">
         <div class="container-fluid first-container" id="description">
+
         <div class="container mt-3" id="description">
 
             <div class="row">
 
             <div class="row">
 
                 <div class="col">
 
                 <div class="col">
                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu orci non felis suscipit
+
                     <p>This is our experiment section. Here we compile important protocols for the development of
                         viverra id
+
                         TecTissue, ranging from our bacterial transformation procedures to our cell proliferation
                        et
+
                         assays.
                        metus. In quis nunc eget ligula tincidunt placerat. Integer pulvinar nisi a erat porttitor, in
+
                         We also address cell culture maintenance and protein loaded chitosan nanoparticles.
                         tempus
+
                         Here you may find the protocol for our growth factor delivery to damaged cells and how much
                        lectus consectetur. Donec eget mi aliquet, vulputate risus in, dignissim ligula. Vivamus sit
+
                         harm can be inflicted in vitro.
                         amet
+
                        ornare felis. Nunc imperdiet rutrum dui quis porttitor. Nulla eget risus arcu. Morbi placerat
+
                         aliquet
+
                         nisl, id semper neque lobortis et. Aenean ullamcorper turpis in massa lobortis rutrum. Proin
+
                        viverra,
+
                        nulla id aliquet molestie, justo justo finibus augue, in ullamcorper nisl libero ut nisl.
+
                        Quisque
+
                        imperdiet luctus ipsum nec porta. Vivamus et ex id nunc porttitor laoreet.
+
 
                     </p>
 
                     </p>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
         <div class="container-fluid" id="wsc">
+
         <div class="container mt-3">
 +
            <h1>Protein</h1>
 +
            <h2>Chitosan nanoparticles</h2>
 
             <div class="row">
 
             <div class="row">
 
                 <div class="col">
 
                 <div class="col">
                     <h3>What should this page contain?</h3>
+
                     <a class="btn-link text-notebook" data-toggle="collapse" href="#encapsulation" role="button"
                     <ul>
+
                        aria-expanded="false" aria-controls="encapsulation">
                         <li> Protocols </li>
+
                        <h3>Protein encapsulation protocol</h3>
                         <li> Experiments </li>
+
                     </a>
                         <li> Documentation of the development of your project </li>
+
                    <div class="collapse" id="encapsulation">
                     </ul>
+
                         <object type="application/pdf" data="https://static.igem.org/mediawiki/2018/0/02/T--TecCEM--Experiments-Proteins2.pdf"
                     <p>Etiam aliquet lacinia orci, eu maximus massa vestibulum sit amet. Quisque id metus eget magna
+
                            width="100%" height="900px">
                         egestas
+
                        </object>
                         mattis. Vivamus quam orci, facilisis in ullamcorper ac, faucibus ac enim. Cras egestas quam
+
                    </div>
                         eget
+
                </div>
                         justo
+
            </div>
                         euismod commodo vitae a libero. Morbi mattis aliquet leo, sit amet tempus enim viverra vel.
+
            <div class="row">
                         Quisque
+
                <div class="col">
                         tincidunt dignissim ex eget molestie. Donec aliquam quam et turpis porttitor, efficitur
+
                    <a class="btn-link text-notebook" data-toggle="collapse" href="#encapsulation-efficiency" role="button"
                         malesuada
+
                        aria-expanded="false" aria-controls="encapsulation-efficiency">
                         lectus ultrices. Nunc venenatis lacus vel ultrices pellentesque.</p>
+
                         <h3>Protein encapsulation efficiency protocol</h3>
                     <p>Curabitur sit amet suscipit enim. Quisque scelerisque hendrerit odio id egestas. Morbi
+
                    </a>
                         consectetur
+
                    <div class="collapse" id="encapsulation-efficiency">
                         ultrices tortor, vitae tempus enim vestibulum nec. Nam eget auctor quam. Curabitur feugiat
+
                        <object type="application/pdf" data="https://static.igem.org/mediawiki/2018/6/62/T--TecCEM--Experiments-Proteins1.pdf"
                         venenatis
+
                            width="100%" height="900px">
                         lorem, quis interdum nibh dapibus et. Donec porttitor dui quis arcu facilisis rhoncus. Praesent
+
                        </object>
                         vitae
+
                    </div>
                         dolor nisl. Cras vel cursus erat. Donec dictum massa urna, sed tempus libero pharetra eget.
+
                </div>
                         Duis
+
            </div>
                         ultricies neque in rutrum ullamcorper. </p>
+
            <div class="row">
 +
                <div class="col">
 +
                    <a class="btn-link text-notebook" data-toggle="collapse" href="#liberation-and-stability" role="button"
 +
                        aria-expanded="false" aria-controls="liberation-and-stability">
 +
                         <h3>Protein liberation and stability protocol</h3>
 +
                     </a>
 +
                     <div class="collapse" id="liberation-and-stability">
 +
                        <object type="application/pdf" data="https://static.igem.org/mediawiki/2018/2/23/T--TecCEM--Experiments-Proteins3.pdf"
 +
                            width="100%" height="900px">
 +
                         </object>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <h2>Polyacrylamide gel</h2>
 +
            <div class="row">
 +
                <div class="col">
 +
                    <a class="btn-link text-notebook" data-toggle="collapse" href="#abpolyacrilamidegel" role="button"
 +
                         aria-expanded="false" aria-controls="abpolyacrilamidegel">
 +
                        <h3>AB Polyacrilamide gel</h3>
 +
                    </a>
 +
                    <div class="collapse" id="abpolyacrilamidegel">
 +
                        <object type="application/pdf" data="https://static.igem.org/mediawiki/2018/5/5d/T--TecCEM--Experiments-Proteins4.pdf"
 +
                            width="100%" height="900px">
 +
                         </object>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="row">
 +
                <div class="col">
 +
                    <a class="btn-link text-notebook" data-toggle="collapse" href="#stdpolyacrilamidegeel" role="button"
 +
                         aria-expanded="false" aria-controls="stdpolyacrilamidegeel">
 +
                         <h3>Standard polyacrylamide gel</h3>
 +
                    </a>
 +
                    <div class="collapse" id="stdpolyacrilamidegeel">
 +
                        <object type="application/pdf" data="https://static.igem.org/mediawiki/2018/2/2c/T--TecCEM--Experiments-Proteins5.pdf"
 +
                            width="100%" height="900px">
 +
                         </object>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <h2>Production/purification</h2>
 +
            <div class="row">
 +
                <div class="col">
 +
                    <a class="btn-link text-notebook" data-toggle="collapse" href="#criofracture" role="button"
 +
                         aria-expanded="false" aria-controls="criofracture">
 +
                         <h3>Criofracture</h3>
 +
                    </a>
 +
                    <div class="collapse" id="criofracture">
 +
                         <object type="application/pdf" data="https://static.igem.org/mediawiki/2018/7/79/T--TecCEM--Experiments-Proteins6.pdf"
 +
                            width="100%" height="900px">
 +
                        </object>
 +
                     </div>
 +
                </div>
 +
            </div>
 +
            <div class="row">
 +
                <div class="col">
 +
                    <a class="btn-link text-notebook" data-toggle="collapse" href="#fluorescentproteinproduction" role="button"
 +
                        aria-expanded="false" aria-controls="fluorescentproteinproduction">
 +
                        <h3>Fluorescent protein production</h3>
 +
                    </a>
 +
                    <div class="collapse" id="fluorescentproteinproduction">
 +
                        <object type="application/pdf" data="https://static.igem.org/mediawiki/2018/7/74/T--TecCEM--Experiments-Proteins7.pdf"
 +
                            width="100%" height="900px">
 +
                         </object>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="row">
 +
                <div class="col">
 +
                    <a class="btn-link text-notebook" data-toggle="collapse" href="#proteinproductionpurificationprotocol"
 +
                         role="button" aria-expanded="false" aria-controls="proteinproductionpurificationprotocol">
 +
                        <h3>Protein production/purification
 +
                            protocol</h3>
 +
                    </a>
 +
                    <div class="collapse" id="proteinproductionpurificationprotocol">
 +
                        <object type="application/pdf" data="https://static.igem.org/mediawiki/2018/e/e9/T--TecCEM--Experiments-Proteins8.pdf"
 +
                            width="100%" height="900px">
 +
                         </object>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <h2>Proteic quantification</h2>
 +
            <div class="row">
 +
                <div class="col">
 +
                    <a class="btn-link text-notebook" data-toggle="collapse" href="#bradford" role="button"
 +
                         aria-expanded="false" aria-controls="bradford">
 +
                        <h3>Bradford</h3>
 +
                    </a>
 +
                    <div class="collapse" id="bradford">
 +
                        <object type="application/pdf" data="https://static.igem.org/mediawiki/2018/f/f9/T--TecCEM--Experiments-Proteins9.pdf"
 +
                            width="100%" height="900px">
 +
                         </object>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="row">
 +
                <div class="col">
 +
                    <a class="btn-link text-notebook" data-toggle="collapse" href="#lowry" role="button" aria-expanded="false"
 +
                         aria-controls="lowry">
 +
                        <h3>Lowry</h3>
 +
                    </a>
 +
                    <div class="collapse" id="lowry">
 +
                        <object type="application/pdf" data="https://static.igem.org/mediawiki/2018/9/90/T--TecCEM--Experiments-Proteins10.pdf"
 +
                            width="100%" height="900px">
 +
                         </object>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="row">
 +
                <div class="col">
 +
                    <a class="btn-link text-notebook" data-toggle="collapse" href="#piercebca" role="button"
 +
                         aria-expanded="false" aria-controls="piercebca">
 +
                        <h3>Pierce BCA</h3>
 +
                    </a>
 +
                    <div class="collapse" id="piercebca">
 +
                        <object type="application/pdf" data="https://static.igem.org/mediawiki/2018/a/af/T--TecCEM--Experiments-Proteins11.pdf"
 +
                            width="100%" height="900px">
 +
                        </object>
 +
                    </div>
 
                 </div>
 
                 </div>
 
 
             </div>
 
             </div>
 
         </div>
 
         </div>
         <div class="container-fluid" id="inspiration">
+
         <div class="container mt-3">
 +
            <h1>Cells</h1>
 +
            <div class="row">
 +
                <div class="col">
 +
                    <a class="btn-link text-notebook" data-toggle="collapse" href="#cellessay" role="button"
 +
                        aria-expanded="false" aria-controls="cellessay">
 +
                        <h3>In vitro burn essay protocol</h3>
 +
                    </a>
 +
                    <div class="collapse" id="cellessay">
 +
                        <object type="application/pdf" data="https://static.igem.org/mediawiki/2018/6/66/T--TecCEM--Experiments-Cells.pdf"
 +
                            width="100%" height="900px">
 +
                        </object>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="container mt-3">
 +
            <h1>Reactants</h1>
 +
            <div class="row">
 +
                <div class="col">
 +
                    <a class="btn-link text-notebook" data-toggle="collapse" href="#creationlysisbbuffer" role="button"
 +
                        aria-expanded="false" aria-controls="creationlysisbbuffer">
 +
                        <h3>Protocol for the creation of lysis buffer P</h3>
 +
                    </a>
 +
                    <div class="collapse" id="creationlysisbbuffer">
 +
                        <object type="application/pdf" data="https://static.igem.org/mediawiki/2018/e/e9/T--TecCEM--Experiments-Reactants1.pdf"
 +
                            width="100%" height="900px">
 +
                        </object>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="row">
 +
                <div class="col">
 +
                    <a class="btn-link text-notebook" data-toggle="collapse" href="#creationpolyacrylamidegel" role="button"
 +
                        aria-expanded="false" aria-controls="creationpolyacrylamidegel">
 +
                        <h3>Protocol for the creation of polyacrylamide gel</h3>
 +
                    </a>
 +
                    <div class="collapse" id="creationpolyacrylamidegel">
 +
                        <object type="application/pdf" data="https://static.igem.org/mediawiki/2018/c/c1/T--TecCEM--Experiments-Reactants2.pdf"
 +
                            width="100%" height="900px">
 +
                        </object>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="row">
 +
                <div class="col">
 +
                    <a class="btn-link text-notebook" data-toggle="collapse" href="#creationthemlysisbuffer" role="button"
 +
                        aria-expanded="false" aria-controls="creationthemlysisbuffer">
 +
                        <h3>Protocol for the creation of thermal lysis buffer</h3>
 +
                    </a>
 +
                    <div class="collapse" id="creationthemlysisbuffer">
 +
                        <object type="application/pdf" data="https://static.igem.org/mediawiki/2018/2/21/T--TecCEM--Experiments-Reactants3.pdf"
 +
                            width="
 +
                            100%" height="900px">
 +
                        </object>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="row">
 +
                <div class="col">
 +
                    <a class="btn-link text-notebook" data-toggle="collapse" href="#creationpolyacrylamideab" role="button"
 +
                        aria-expanded="false" aria-controls="creationpolyacrylamideab">
 +
                        <h3>Protocol to make polyacrylamide AB</h3>
 +
                    </a>
 +
                    <div class="collapse" id="creationpolyacrylamideab">
 +
                        <object type="application/pdf" data="https://static.igem.org/mediawiki/2018/1/19/T--TecCEM--Experiments-Reactants4.pdf"
 +
                            width="100%" height="900px">
 +
                        </object>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="container mt-3">
 +
            <h1>Nucleic acids</h1>
 +
            <h2>Cell transformation</h2>
 +
            <div class="row">
 +
                <div class="col">
 +
                    <a class="btn-link text-notebook" data-toggle="collapse" href="#chemocompetentcells" role="button"
 +
                        aria-expanded="false" aria-controls="chemocompetentcells">
 +
                        <h3>Chemocompetent cells transformation protocol</h3>
 +
                    </a>
 +
                    <div class="collapse" id="chemocompetentcells">
 +
                        <object type="application/pdf" data="https://static.igem.org/mediawiki/2018/f/fe/T--TecCEM--Experiments-NucleicAcids1.pdf"
 +
                            width="100%" height="900px">
 +
                        </object>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="row">
 +
                <div class="col">
 +
                    <a class="btn-link text-notebook" data-toggle="collapse" href="#pcc" role="button" aria-expanded="false"
 +
                        aria-controls="pcc">
 +
                        <h3>Protocol for chemocompetent cells</h3>
 +
                    </a>
 +
                    <div class="collapse" id="pcc">
 +
                        <object type="application/pdf" data="https://static.igem.org/mediawiki/2018/7/77/T--TecCEM--Experiments-NucleicAcids2.pdf"
 +
                            width="100%" height="900px">
 +
                        </object>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="row">
 +
                <div class="col">
 +
                    <a class="btn-link text-notebook" data-toggle="collapse" href="#tsc" role="button" aria-expanded="false"
 +
                        aria-controls="tsc">
 +
                        <h3>Thermal Shock cell transformation protocol</h3>
 +
                    </a>
 +
                    <div class="collapse" id="tsc">
 +
                        <object type="application/pdf" data="https://static.igem.org/mediawiki/2018/5/58/T--TecCEM--Experiments-NucleicAcids3.pdf"
 +
                            width="
 +
                            100%" height="900px">
 +
                        </object>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <h2>Enzyme restriction</h2>
 +
            <div class="row">
 +
                <div class="col">
 +
                    <a class="btn-link text-notebook" data-toggle="collapse" href="#ligacion" role="button"
 +
                        aria-expanded="false" aria-controls="ligacion">
 +
                        <h3>Protocol for enzyme digestion/alkaline phosphatase treatment of iGEM plasmids and ligation</h3>
 +
                    </a>
 +
                    <div class="collapse" id="ligacion">
 +
                        <object type="application/pdf" data="https://static.igem.org/mediawiki/2018/3/39/T--TecCEM--Experiments-NucleicAcids4.pdf"
 +
                            width="100%" height="900px">
 +
                        </object>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="row">
 +
                <div class="col">
 +
                    <a class="btn-link text-notebook" data-toggle="collapse" href="#enzymelig" role="button"
 +
                        aria-expanded="false" aria-controls="enzymelig">
 +
                        <h3>Protocol for enzyme ligation of iGEM parts</h3>
 +
                    </a>
 +
                    <div class="collapse" id="enzymelig">
 +
                        <object type="application/pdf" data="https://static.igem.org/mediawiki/2018/b/bd/T--TecCEM--Experiments-NucleicAcids5.pdf"
 +
                            width="100%" height="900px">
 +
                        </object>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="row">
 +
                <div class="col">
 +
                    <a class="btn-link text-notebook" data-toggle="collapse" href="#enzres" role="button" aria-expanded="false"
 +
                        aria-controls="enzres">
 +
                        <h3>Protocol for enzyme restriction of IDT parts and iGEM plasmid</h3>
 +
                    </a>
 +
                    <div class="collapse" id="enzres">
 +
                        <object type="application/pdf" data="https://static.igem.org/mediawiki/2018/8/84/T--TecCEM--Experiments-NucleicAcids6.pdf"
 +
                            width="100%" height="900px">
 +
                        </object>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <h2>PCR</h2>
 +
            <div class="row">
 +
                <div class="col">
 +
                    <a class="btn-link text-notebook" data-toggle="collapse" href="#protocolforcolonypcr" role="button"
 +
                        aria-expanded="false" aria-controls="protocolforcolonypcr">
 +
                        <h3>Protocol for Colony PCR</h3>
 +
                    </a>
 +
                    <div class="collapse" id="protocolforcolonypcr">
 +
                        <object type="application/pdf" data="https://static.igem.org/mediawiki/2018/e/eb/T--TecCEM--Experiments-NucleicAcids7.pdf"
 +
                            width="100%" height="900px">
 +
                        </object>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="row">
 +
                <div class="col">
 +
                    <a class="btn-link text-notebook" data-toggle="collapse" href="#protocolforpcrvrvf2primers" role="button"
 +
                        aria-expanded="false" aria-controls="protocolforpcrvrvf2primers">
 +
                        <h3>Protocol for PCR using VR and VF2 primers</h3>
 +
                    </a>
 +
                    <div class="collapse" id="protocolforpcrvrvf2primers">
 +
                        <object type="application/pdf" data="https://static.igem.org/mediawiki/2018/3/3c/T--TecCEM--Experiments-NucleicAcids8.pdf"
 +
                            width="100%" height="900px">
 +
                        </object>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <h2>Plasmid extraction</h2>
 +
            <div class="row">
 +
                <div class="col">
 +
                    <a class="btn-link text-notebook" data-toggle="collapse" href="#agarosebandpurification" role="button"
 +
                        aria-expanded="false" aria-controls="agarosebandpurification">
 +
                        <h3>Agarose Band purification (GenElute - Sigma)</h3>
 +
                    </a>
 +
                    <div class="collapse" id="agarosebandpurification">
 +
                        <object type="application/pdf" data="https://static.igem.org/mediawiki/2018/4/44/T--TecCEM--Experiments-NucleicAcids9.pdf"
 +
                            width="100%" height="900px">
 +
                        </object>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="row">
 +
                <div class="col">
 +
                    <a class="btn-link text-notebook" data-toggle="collapse" href="#alkalineplasmidpurification" role="button"
 +
                        aria-expanded="false" aria-controls="alkalineplasmidpurification">
 +
                        <h3>Alkaline plasmid purification protocol</h3>
 +
                    </a>
 +
                    <div class="collapse" id="alkalineplasmidpurification">
 +
                        <object type="application/pdf" data="https://static.igem.org/mediawiki/2018/e/e4/T--TecCEM--Experiments-NucleicAcids10.pdf"
 +
                            width="100%" height="900px">
 +
                        </object>
 +
                    </div>
 +
                </div>
 +
            </div>
 
             <div class="row">
 
             <div class="row">
 
                 <div class="col">
 
                 <div class="col">
                     <h3>Inspiration</h3>
+
                     <a class="btn-link text-notebook" data-toggle="collapse" href="#miniprepsigma" role="button"
                     <ul>
+
                        aria-expanded="false" aria-controls="miniprepsigma">
                        <li><a href="https://2014.igem.org/Team:Colombia/Protocols">2014 Colombia </a></li>
+
                        <h3>MiniPrep Sigma extraction protocol</h3>
                         <li><a href="https://2014.igem.org/Team:Imperial/Protocols">2014 Imperial </a></li>
+
                     </a>
                        <li><a href="https://2014.igem.org/Team:Caltech/Project/Experiments">2014 Caltech </a></li>
+
                    <div class="collapse" id="miniprepsigma">
                    </ul>
+
                         <object type="application/pdf" data="https://static.igem.org/mediawiki/2018/1/17/T--TecCEM--Experiments-NucleicAcids11.pdf"
                    <p>Sed in mauris malesuada, pulvinar ipsum nec, volutpat nisi. Duis nibh ipsum, egestas ac ligula
+
                            width="100%" height="900px">
                         in,
+
                         </object>
                        malesuada consequat lectus. Nam tincidunt interdum justo pharetra varius. Donec id placerat
+
                     </div>
                        mauris,
+
                        ut
+
                        viverra erat. Vivamus quam nisl, rutrum sit amet iaculis eget, aliquam nec elit. Mauris
+
                        ullamcorper
+
                        fermentum diam, non scelerisque magna elementum non. Mauris dictum at purus quis euismod.
+
                        Aliquam
+
                        erat
+
                        volutpat. Praesent vitae euismod justo, vel ultricies leo. Quisque id odio mattis lacus
+
                        volutpat
+
                        sagittis nec ac libero. Curabitur auctor commodo dui ac dapibus. Nulla facilisi. In hac
+
                        habitasse
+
                        platea dictumst. Suspendisse sed nulla a sapien posuere lobortis. In congue facilisis
+
                        consequat.</p>
+
                     <p>Nulla tellus est, dignissim vestibulum velit vitae, elementum dignissim justo. Proin in est
+
                        elementum
+
                        dui pharetra tincidunt. Quisque congue at justo vel facilisis. Quisque pellentesque ipsum nec
+
                        pellentesque dignissim. Praesent eu turpis sagittis, tempor arcu ac, imperdiet elit. Maecenas
+
                        accumsan
+
                        vulputate nisl, nec pulvinar purus sagittis in. Donec maximus luctus erat vel pretium. Donec
+
                        efficitur
+
                        mauris et tempor imperdiet. Suspendisse vehicula arcu ut felis rhoncus, eget consequat sapien
+
                        eleifend.
+
                        Nulla scelerisque elit sit amet maximus ullamcorper. Proin tristique nisl id erat pellentesque
+
                        euismod.
+
                        Maecenas massa neque, faucibus eu pretium ac, viverra vitae nibh. Ut finibus, lectus vel
+
                        finibus
+
                        mattis, lacus sem semper nisl, quis finibus ligula magna eget nulla. Maecenas consequat, sem
+
                        sed
+
                        tristique sodales, ipsum augue dictum risus, id tincidunt nulla sapien in sem.</p>
+
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>

Latest revision as of 23:43, 17 October 2018

Cell Gif

Experiments

This is our experiment section. Here we compile important protocols for the development of TecTissue, ranging from our bacterial transformation procedures to our cell proliferation assays. We also address cell culture maintenance and protein loaded chitosan nanoparticles. Here you may find the protocol for our growth factor delivery to damaged cells and how much harm can be inflicted in vitro.