Team:Heidelberg/Testibactin class

From 2013.igem.org

(Difference between revisions)
m
m
Line 1: Line 1:
 +
__NOTOC__
<html>
<html>
 +
<style type="text/css">
 +
/* Hiding predefined html elements */
 +
/***********************************/
 +
#contentSub, #search-controls, #catlinks, #p-logo, .firstHeading {
 +
display:none;
 +
padding:0px;
 +
margin:0px;
 +
}
 +
/* Override general formatting */
 +
/*******************************/
 +
 +
* { font-family:sans-serif;}
 +
p { margin:0px;}
 +
a:link { color:#009cc2; text-decoration:none; }
 +
a:visited { color:#009cc2;font-weight:bold; text-decoration:none; }
 +
a:focus { color:#009cc2; font-weight:bold; text-decoration:none;}
 +
a:hover { color:#009cc2; text-decoration:none; }
 +
a:active { font-weight:bold; color:#009cc2; text-decoration:none; }
 +
 +
ul{ list-style-image: url("https://static.igem.org/mediawiki/2013/d/de/HD_Bullet.png");
 +
list-style-type: square;}
 +
 +
a.menu-link:link { color:#FFFFFF; text-decoration:none; }
 +
a.menu-link:visited { color:#FFFFFF; text-decoration:none; }
 +
a.menu-link:focus { color:#FFCC00;text-decoration:none;}
 +
a.menu-link:hover { fond-weight:normal;color:#FFCC00; text-decoration:none; }
 +
a.menu-link:active {color:#FFCC00; text-decoration:none; }
 +
 +
a.left-nav:link { color:white; text-decoration:none; }
 +
a.left-nav:visited { color:#FFFFFF; text-decoration:none; }
 +
a.left-nav:focus { color:#FFCC00; text-decoration:none;}
 +
a.left-nav:hover { font-weight:bold; color:#FFCC00; text-decoration:none; }
 +
a.left-nav:active { font-weight:bold; color:#FFCC00; text-decoration:none; }
 +
/* Change user editing menu appearance */
 +
/***************************************/
 +
 +
*{
 +
                margin:0;
 +
                padding:0;
 +
            }
 +
            body{
 +
                background:#fff  no-repeat top left;
 +
            }
 +
            div:after {
 +
                content: "";
 +
               
 +
                background-repeat: no-repeat;
 +
                opacity: 0.8;
 +
                top: 0;
 +
                left: 0;
 +
                bottom:0;
 +
                right: 0;
 +
                position: absolute;
 +
                z-index: -1; 
 +
            }
 +
            .title{
 +
                width:548px;
 +
                height:119px;
 +
                position:absolute;
 +
                top:400px;
 +
                left:150px;   
 +
            }
 +
            #content{
 +
                margin:0 auto;
 +
            }
 +
            .months{
 +
                position:absolute;
 +
                left:0.5%;
 +
                top:260px;
 +
                z-index:8;
 +
            }
 +
            .slider{
 +
                position:absolute;
 +
                left:0.5%;
 +
                top:410px;
 +
                width:37%;
 +
            }
 +
            .weekly-tabs{
 +
                position:absolute;
 +
                top:320px;
 +
                left:39%;
 +
                width:61%;
 +
            }
 +
            #weekly{
 +
                position:absolute;
 +
                top:350px;
 +
                left:39%;
 +
                width:61%;
 +
            }
 +
            #scrollContent{
 +
                height:850px;
 +
                overflow:auto;
 +
                position:relative;
 +
            }
 +
            #scrollContent2{
 +
                height:280px;
 +
                overflow:auto;
 +
                position:relative;
 +
                top:15px;
 +
                width:63%;
 +
            }
 +
            #methods{
 +
                background-color: #eeeeee;
 +
                position:absolute;
 +
                left:0.5%;
 +
                top:650px;
 +
                width:37%;
 +
                height:615px;
 +
                overflow:auto;
 +
                position:relative;
 +
 +
            }
-
<link rel="stylesheet" href="https://2013.igem.org/Team:Heidelberg/Stylesheet?action=raw&ctype=text/css" type="text/css" />
 
</style>
</style>
-
<style type="text/css">
+
<link rel="stylesheet" href="https://2013.igem.org/Team:Heidelberg/Templates/bootstrap-css" type="text/css" />
-
.navigation-nils{
+
<link rel="stylesheet" href="https://2013.igem.org/Team:Heidelberg/Templates/carousel-css" type="text/css" />
-
        height:15em;
+
<link rel="stylesheet" href="https://2013.igem.org/Team:Heidelberg/Templates/style2-css" type="text/css" media="screen"/>
-
position:absolute;
+
-
top:-7em;
+
-
width:110%;
+
-
        left: -10%;
+
-
z-index:999;
+
-
background-color:#292929;
+
-
border:1px solid #292929;
+
-
        border-bottom-left-radius: 10px;
+
-
        border-bottom-right-radius: 10px;
+
-
        }
+
-
</style>
+
-
<script type="text/javascript">
+
-
+
-
</script>
+
-
<div id="top-matter">
+
-
<!-- Get top menu navigation going and enter -->
+
<div id="content">
-
<div class="navigation-nils">
+
            <a class="back"></a>
 +
            <div class="title"></div>
-
<div id="menu-team" class="menu-item">
+
            <!--<div class="navigation" id="nav">-->
-
<a href="https://2013.igem.org/Team:Heidelberg/Team" id="link-team" class="menu-link">
+
            <div class="navigation">
-
<img id="menu-symbol" src="https://static.igem.org/mediawiki/2013/a/a4/Heidelberg_menu_symbol1.png" />Team</a>
+
                <div class="item team">
-
<ul>
+
                    <div class="dropdown">
-
<li><a href="https://2013.igem.org/Team:Heidelberg/Team/StudentMembers" class="menu-link">Student Members</a></li>
+
                    <!--<img src="" alt="" width="199" height="199" class="circle"/>-->
-
<li><a href="https://2013.igem.org/Team:Heidelberg/Team/Supervisors" class="menu-link">Advisors</a></li>
+
                        <a data-toggle="dropdown" href="#" class="icon"><h2>Team</h2></a>
-
<li><a href="https://2013.igem.org/Team:Heidelberg/Team/Instructors" class="menu-link">Instructors</a></li>
+
                        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
-
<li><a href="https://2013.igem.org/Team:Heidelberg/Attributions" class="menu-link">Attributions</a></li>
+
                            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Student Members</a></li>
-
</ul>
+
                            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Advisors</a></li>
-
</div>
+
                            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Instructors</a></li>
-
<div id="menu-project" class="menu-item">
+
                            <!--<li><a href="#">Student Members</a></li>
-
<a href="https://2013.igem.org/Team:Heidelberg/Project" id="link-project" class="menu-link"><img id="menu-symbol" src="https://static.igem.org/mediawiki/2013/c/c4/Heidelberg_menu_symbol2.png"/>Project</a>
+
                            <li><a href="#">Advisors</a></li>
-
<ul>
+
                            <li><a href="#">Instructors</a></li>-->
-
<li><a href="#" class="menu-link">Achievements </a></li>
+
                        </ul>
-
<li><a href="#" class="menu-link">Lab 1</a></li>
+
                    </div>
-
<li><a href="#" class="menu-link">Lab 2</a></li>
+
                </div>
-
<li><a href="" class="menu-link">Lab 3</a></li>
+
                <div class="item project">
-
<li><a href="http://2013.iGEM.org/Team:Heidelberg/Project/Sponsors" class="left-nav">Sponsors</a></li>
+
                    <div class="dropdown">
-
<li><a href="#" class="menu-link">More</a></li>
+
                    <!--<img src="" alt="" width="199" height="199" class="circle"/>-->
-
</ul>
+
                        <a data-toggle="dropdown" href="#" class="icon"><h2>Project</h2></a>
-
</div>
+
                        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2">
-
<div id="menu-notebook" class="menu-item">
+
                            <li role="presentation" class="dropdown-header">Lab Projects</li>
-
<a href="https://2013.igem.org/Team:Heidelberg/Notebook" id="link-notebook" class="menu-link"><img id="menu-symbol" src="https://static.igem.org/mediawiki/2013/5/55/Heidelberg_menu_symbol3.png"/>Notebook</a>
+
                            <li role="presentation"><a role="menuitem" tabindex="1" href="#">Delftibactin</a></li>
-
<ul>
+
                            <li role="presentation"><a role="menuitem" tabindex="2" href="#">Indigoidine</a></li>
-
<li><a href="https://2013.igem.org/Team:Heidelberg/LabJournals" class="menu-link">Lab&nbsp;Journals</a></li>
+
                            <li role="presentation"><a role="menuitem" tabindex="3" href="#">Tyrocidine</a></li>
-
<li><a href="https://2013.igem.org/Team:Heidelberg/Methods" class="menu-link">Methods</a></li>
+
                            <!--<li role="presentation" class="divider"></li>-->
-
<li><a href="https://2013.igem.org/Team:Heidelberg/Meetings" class="menu-link">Meetings</a></li>
+
                            <li role="presentation" class="dropdown-header">Software Projects</li>
-
                         <li><a href="https://2013.igem.org/Team:Heidelberg/Testibactin class"menu-link">Testibactin</a></li>
+
                            <li role="presentation"><a role="menuitem" tabindex="4" href="#">iGEM42</a></li>
-
</ul>
+
                            <li role="presentation"><a role="menuitem" tabindex="5" href="#">NRPS Designer</a></li>
-
</div>
+
                            <!--<li role="presentation" class="divider"></li>-->
-
<div id="menu-parts" class="menu-item">
+
                            <li role="presentation"><a role="menuitem" tabindex="6" href="#">Requirements</a></li>
-
<a href="https://2013.igem.org/Team:Heidelberg/Parts" id="link-parts" class="menu-link"><img id="menu-symbol" src="https://static.igem.org/mediawiki/2013/8/83/Heidelberg_menu_symbol4.png"/>Parts</a>
+
                            <!--<a href="#" class="icon"></a>
-
<ul>
+
                            <h2>Project</h2>
-
<li><a href="#" class="menu-link">xxx</a></li>
+
                            <ul>
-
<li><a href="#" class="menu-link">xxx</a></li>
+
                                <li><a href="#">Portfolio</a></li>
-
<li><a href="#" class="menu-link">xxx</a></li>
+
                                <li><a href="#">Services</a></li>
-
</ul>
+
                                <li><a href="#">Contact</a></li>-->
-
</div>
+
                        </ul>
-
+
                    </div>
-
<div id="menu-modelling" class="menu-item">
+
                </div>
-
<a href="https://2013.igem.org/Team:Heidelberg/Modeling" id="link-modelling" class="menu-link"><img id="menu-symbol" src="https://static.igem.org/mediawiki/2013/e/eb/Heidelberg_menu_symbol5.png" />Cool tool</a>
+
                <div class="item notebook">
-
<ul>
+
                    <div class="dropdown">
-
<li><a href="#" class="menu-link">Instructions</a></li>
+
                        <a data-toggle="dropdown" href="#" class="icon"><h2>Notebook</h2></a>
-
<li><a href="#" class="menu-link">Documentation</a></li>
+
                        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
-
</ul>
+
                            <li role="presentation" class="dropdown-header">Lab Projects</li>
-
</div>
+
                            <li role="presentation"><a role="menuitem" tabindex="1" href="#">Delftibactin</a></li>
-
<div id="menu-human" class="menu-item">
+
                            <li role="presentation"><a role="menuitem" tabindex="2" href="#">Indigoidine</a></li>
-
<a href="https://2013.igem.org/Team:Heidelberg/HumanPractice" id="link-human" class="menu-link"><img id="menu-symbol" src="https://static.igem.org/mediawiki/2013/8/81/Heidelberg_menu_symbol6.png"/>Human&nbsp;Practice</a>
+
                            <li role="presentation"><a role="menuitem" tabindex="3" href="#">Tyrocidine</a></li>
-
<ul>
+
                            <!--<li role="presentation" class="divider"></li>-->
-
<li><a href="#" class="menu-link">xxx</a></li>
+
                            <li role="presentation" class="dropdown-header">Software Projects</li>
-
<li><a href="#" class="menu-link">xxx</a></li>
+
                            <li role="presentation"><a role="menuitem" tabindex="4" href="#">iGEM42</a></li>
-
<li><a href="#" class="menu-link">xxx</a></li>
+
                            <li role="presentation"><a role="menuitem" tabindex="5" href="#">NRPS Designer</a></li>
-
</ul>
+
                       
-
</div>
+
                        </ul>
-
<div id="menu-safety" class="menu-item">
+
                    </div>
-
<a href="https://2013.igem.org/Team:Heidelberg/Safety" id="link-safety" class="menu-link"><img id="menu-symbol" src="https://static.igem.org/mediawiki/2013/f/f1/Heidelberg_menu_symbol7.png"/>Safety</a>
+
                    <!--a href="#" class="icon"></a>
-
<ul>
+
                    <h2>Notebook</h2>
-
<li><a href="https://2013.igem.org/Team:Heidelberg/Safety/BasicForm" class="menu-link">Basic Safety Form</a></li>
+
                    <ul>
-
<li><a href="https://2013.igem.org/Team:Heidelberg/Safety/SoftwareForm" class="menu-link">Software Safety Form</a></li>
+
                         <li><a href="#">Social</a></li>
-
</ul>
+
                        <li><a href="#">Support</a></li>
-
</div>
+
                        <li><a href="#">Comments</a></li>
-
<div class="visualClear"></div>
+
                    </ul>-->
-
</div>
+
                </div>
-
<div id="title-line">
+
                <div class="item parts">
-
<a href="https://2013.igem.org/Team:Heidelberg" id="team-logo"><img src="https://static.igem.org/mediawiki/2013/f/ff/IGem_Team_Heidelberg_Logo.gif" alt="team-logo"/></a>
+
                    <div class="dropdown">
-
<div id="PS"><h1>TESTIBACTIN</h1></div>
+
                            <a data-toggle="dropdown" href="#" class="icon"><h2>Parts</h2></a>
-
<a href="https://2013.igem.org/Main_Page" id="igem-2013"><img src="https://static.igem.org/mediawiki/2013/9/9a/Heidelberg_iGEMLogo.png" alt="igem-2013"/></a>
+
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
-
</div>
+
                                <li role="presentation" class="dropdown-header">Lab Projects</li>
-
<script>
+
                                <li role="presentation"><a role="menuitem" tabindex="1" href="#">Delftibactin</a></li>
-
rotateMenu("menu-team", getMenuAngle(2.2));
+
                                <li role="presentation"><a role="menuitem" tabindex="2" href="#">Indigoidine</a></li>
-
rotateMenu("menu-project", getMenuAngle(1.2));
+
                                <li role="presentation"><a role="menuitem" tabindex="3" href="#">Tyrocidine</a></li>
-
rotateMenu("menu-notebook", getMenuAngle(0.2));
+
                                <!--<li role="presentation" class="divider"></li>-->
-
rotateMenu("menu-parts", getMenuAngle(0));
+
                                <li role="presentation" class="dropdown-header">Software Projects</li>
-
rotateMenu("menu-modelling", getMenuAngle(0.2), -1);
+
                                <li role="presentation"><a role="menuitem" tabindex="4" href="#">iGEM42</a></li>
-
rotateMenu("menu-human", getMenuAngle(1.2), -1);
+
                                <li role="presentation"><a role="menuitem" tabindex="5" href="#">NRPS Designer</a></li>
-
rotateMenu("menu-safety", getMenuAngle(2.2), -1);
+
                           
-
</script>
+
                            </ul>
-
<div id="top-separator"><p>
+
                        </div>
-
</p></div> <!-- end headline -->
+
                    <!--<img src="" alt="" width="199" height="199" class="circle"/>
-
</div> <!-- end top-matter -->
+
                    <a href="#" class="icon"></a>
-
<div class="main-content">
+
                    <h2>Parts</h2>
 +
                    <ul>
 +
                        <li><a href="#">Catalogue</a></li>
 +
                        <li><a href="#">Orders</a></li>
 +
                        <li><a href="#">Offers</a></li>
 +
                    </ul>-->
 +
                </div>
 +
                <div class="item software">
 +
                    <div class="dropdown">
 +
                        <a data-toggle="dropdown" href="#" class="icon"><h2>Software</h2></a>
 +
                        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
 +
                            <li role="presentation" class="dropdown-header">NRPS Designer</li>
 +
                            <li role="presentation"><a role="menuitem" tabindex="1" href="#">Documentation</a></li>
 +
                            <li role="presentation"><a role="menuitem" tabindex="2" href="#">Use it!</a></li>
 +
       
 +
                            <li role="presentation" class="dropdown-header">iGEM42</li>
 +
                            <li role="presentation"><a role="menuitem" tabindex="3" href="#">Documentation</a></li>
 +
                            <li role="presentation"><a role="menuitem" tabindex="4" href="#">Use it!</a></li>
 +
                       
 +
                        </ul>
 +
                    </div>
 +
                    <!--<img src="" alt="" width="199" height="199" class="circle"/>
 +
                    <a href="#" class="icon"></a>
 +
                    <h2>Software</h2>
 +
                    <ul>
 +
                        <li><a href="#">Gallery</a></li>
 +
                        <li><a href="#">Prints</a></li>
 +
                        <li><a href="#">Submit</a></li>
 +
                    </ul>-->
 +
                </div>
 +
                <div class="item safety">
 +
                    <div class="dropdown">
 +
                        <a data-toggle="dropdown" href="#" class="icon"><h2>Safety</h2></a>
 +
                        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
 +
                            <li role="presentation" class="dropdown-header">NRPS Designer</li>
 +
                            <li role="presentation"><a role="menuitem" tabindex="1" href="#">Documentation</a></li>
 +
                            <li role="presentation"><a role="menuitem" tabindex="2" href="#">Use it!</a></li>
 +
       
 +
                            <li role="presentation" class="dropdown-header">iGEM42</li>
 +
                            <li role="presentation"><a role="menuitem" tabindex="3" href="#">Documentation</a></li>
 +
                            <li role="presentation"><a role="menuitem" tabindex="4" href="#">Use it!</a></li>
 +
                       
 +
                        </ul>
 +
                    </div>
 +
                    <!--<img src="" alt="" width="199" height="199" class="circle"/>
 +
                    <a href="#" class="icon"></a>
 +
                    <h2>Safety</h2>
 +
                    <ul>
 +
                        <li><a href="#">Social</a></li>
 +
                        <li><a href="#">Support</a></li>
 +
                        <li><a href="#">Comments</a></li>
 +
                    </ul>-->
 +
                </div>
 +
                <div class="item-human human">
 +
                    <div class="dropdown">
 +
                        <a data-toggle="dropdown" href="#" class="icon"><h2>Human Practice</h2></a>
 +
                        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
 +
                            <li role="presentation" class="dropdown-header">NRPS Designer</li>
 +
                            <li role="presentation"><a role="menuitem" tabindex="1" href="#">Documentation</a></li>
 +
                            <li role="presentation"><a role="menuitem" tabindex="2" href="#">Use it!</a></li>
 +
       
 +
                            <li role="presentation" class="dropdown-header">iGEM42</li>
 +
                            <li role="presentation"><a role="menuitem" tabindex="3" href="#">Documentation</a></li>
 +
                            <li role="presentation"><a role="menuitem" tabindex="4" href="#">Use it!</a></li>
 +
                       
 +
                        </ul>
 +
                    </div>
 +
                    <!--<img src="" alt="" width="199" height="199" class="circle"/>
 +
                    <a href="#" class="icon"></a>
 +
                    <h2>Human Practice</h2>
 +
                    <ul>
 +
                        <li><a href="#">Social</a></li>
 +
                        <li><a href="#">Support</a></li>
 +
                        <li><a href="#">Comments</a></li>
 +
                    </ul>-->
 +
                </div>
 +
                <div>
 +
                    <a href="https://2013.igem.org/Team:Heidelberg"><object data="images/TeamLogoGray.png" height="70" style="position:absolute; left:93%; top:2%"></object></a>
 +
                    <a href="https://2013.igem.org"><object data="images/iGEM.png" height="70" style="position:absolute; left:1%; top:2%"></object></a>
 +
                    <a href="http://www.facebook.com/pages/IGEM-Team-Heidelberg-2013/265102553624765"><object data="images/fb.png" height="30" style="position:absolute; left:93%; top:14%"></object></a>
 +
                    <a href="http://twitter.com/igem_heidelberg"><object data="images/tw.png" height="30" style="position:absolute; left:96%; top:14%"></object></a>
 +
                </div>
 +
            </div>
 +
        </div>
-
</div>
+
            <!--Project Description-->
-
+
            <div style="position:absolute; top:110px; left:1%">
 +
                        <h1><span style="font-size:200%;color:#EEDF3E;">Delftibactin.</span><span class="text-muted" style="font-size:130%"> Recycling Gold from Electronic Waste.</span></h1>
 +
                        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
 +
            </div>
 +
 
 +
            <!--Months-->
 +
            <div class="months">
 +
                <ul class="pagination">
 +
 
 +
                    <!--<button type="button" class="btn btn-default">May</button>
 +
                    <button type="button" class="btn btn-default">June</button>
 +
                    <button type="button" class="btn btn-default">July</button>
 +
                    <button type="button" class="btn btn-default">August</button>
 +
                    <button type="button" class="btn btn-default">September</button>
 +
                    <button type="button" class="btn btn-default">October</button>-->
 +
 
 +
                  <li><a href="#">&laquo;</a></li>
 +
                  <li class="active"><a href="#">May</a></li>
 +
                  <li><a href="#">June</a></li>
 +
                  <li><a href="#">July</a></li>
 +
                  <li><a href="#">August</a></li>
 +
                  <li><a href="#">September</a></li>
 +
                  <li><a href="#">October</a></li>
 +
                  <li><a href="#">&raquo;</a></li>
 +
                </ul>
 +
            </div>
 +
 
 +
 
 +
            <!-- Carousel
 +
            ================================================== -->
 +
 
 +
                <div class="slider">
 +
                    <div id="myCarousel" class="carousel slide">
 +
                      <!-- Indicators -->
 +
                      <ol class="carousel-indicators">
 +
                        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
 +
                        <li data-target="#myCarousel" data-slide-to="1"></li>
 +
                        <li data-target="#myCarousel" data-slide-to="2"></li>
 +
                        <li data-target="#myCarousel" data-slide-to="3"></li>
 +
                      </ol>
 +
                      <div class="carousel-inner">
 +
                        <div class="item active">
 +
                            <img src="data:image/png;base64,"/>
 +
                            <div class="container">
 +
                            <div class="carousel-caption" data-spy="scroll" data-target="#navbarExample" data-offset="0" id="scrollContent2">
 +
                              <h1>Week 1</h1>
 +
                              <p style="font-size:10pt; text-align:justify; position:relative; right:1%">At the beginning of the week, we could verify that the Gibson Assembly for Tripeptide I was indeed positive, however, the other Gibson Assemblies did not work properly. Instead of picking new colonies, we decided to optimize the Gibson recipe instead, as backbone religations were the most common problem. With these improved protocols, we used Gibson Assembly for the Dipeptide, Tripeptide II and Tetrapeptide I, later that week, Tetrapeptide II followed. After the Transformation to DH10β cells and screening by restriction digest we could send samples for the Dipeptide and Tetrapeptide I to sequencing and obtained a positive alignment. Hence we transformed BAP I cells with the positive constructs. The same was done earlier that week with the Tripeptide I - NRPS. After a second round of picking and restriction digest, positive colonies were also found for the missing constructs and DNA was sent to sequencing. If the sequencing turns out to be correct, we can transform BAP I cells with the missing constructs, and can either way start with the preparation for mass-spec. Besides that, primers for the Tyrocidine-Indigoidine-Fusion-Project were designed and ordered.</p>
 +
                            </div>
 +
                          </div>
 +
                        </div>
 +
                        <div class="item">
 +
                          <img src="data:image/png;base64,"/>
 +
                          <div class="container">
 +
                            <div class="carousel-caption" data-spy="scroll" data-target="#navbarExample" data-offset="0" id="scrollContent2">
 +
                              <h1>Week 2</h1>
 +
                              <p style="font-size:10pt; text-align:justify">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
 +
                              <p><a class="btn btn-large btn-primary" href="#">Learn more</a></p>
 +
                            </div>
 +
                          </div>
 +
                        </div>
 +
                        <div class="item">
 +
                          <img src="data:image/png;base64,"/>
 +
                          <div class="container">
 +
                            <div class="carousel-caption" data-spy="scroll" data-target="#navbarExample" data-offset="0" id="scrollContent2">
 +
                              <h1>Week 3</h1>
 +
                              <p style="font-size:10pt; text-align:justify">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
 +
                              <p><a class="btn btn-large btn-primary" href="#">Browse gallery</a></p>
 +
                            </div>
 +
                          </div>
 +
                        </div>
 +
                        <div class="item">
 +
                          <img src="data:image/png;base64,"/>
 +
                          <div class="container">
 +
                            <div class="carousel-caption" data-spy="scroll" data-target="#navbarExample" data-offset="0" id="scrollContent2">
 +
                              <h1>Week 4</h1>
 +
                              <p style="font-size:10pt; text-align:justify">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
 +
                              <p><a class="btn btn-large btn-primary" href="#">Browse gallery</a></p>
 +
                            </div>
 +
                          </div>
 +
                        </div>
 +
                      </div>
 +
                      <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
 +
                      <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
 +
                    </div>
 +
                </div><!-- /.carousel -->
 +
                <div class="jumbotron" id="methods" data-spy="scroll" data-target="#navbarExample" data-offset="0">
 +
                    <h4>Methods:</h4>
 +
                    <p style="font-size:10pt; text-align:justify">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. .   
 +
                    </p>
 +
                </div>
 +
            </div>
 +
 
 +
            <!--Start Weekly Labjournal-->
 +
            <div class="weekly-tabs">
 +
                <ul class="nav nav-tabs">
 +
                  <li class="active"><a href="#">Del H</a></li>
 +
                  <li><a href="#">Del A-E</a></li>
 +
                  <li><a href="#">Del E-G</a></li>
 +
                </ul>
 +
            </div>
 +
            <div class="jumbotron" id="weekly">
 +
                <div class="nav navbar" data-spy="scroll" data-target="#navbarExample" data-offset="0" id="scrollContent">
 +
                    <h4>Amplification of... </h4>
 +
                    <p style="font-size:12pt; text-align:justify; position:absolute; right:2%">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 
 +
 
 +
                    Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
 +
 
 +
                    Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. 
 +
 
 +
                    Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. 
 +
 
 +
                    Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis. 
 +
 
 +
                    At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. 
 +
 
 +
                    Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus. 
 +
 
 +
                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 
 +
 
 +
                    Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
 +
 
 +
                    Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. 
 +
 
 +
                    Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
 +
                    </p>
 +
                </div>
 +
            </div>
 +
       
 +
     
 +
        <!-- The JavaScript -->
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
 +
<script src="https://2013.igem.org/Team:Heidelberg/Templates/bootstrap-js?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2013.igem.org/Team:Heidelberg/Templates/holder-js?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript">
 +
                $('#myCarousel').carousel({interval: false});
 +
                //$('div').scrollspy({ target: '#scrollmenu' });
 +
                $('div').scrollspy({ target: '#navbarExample' });
 +
</script>
</html>
</html>
-
{{:Team:Heidelberg/Templates/EndPage}}
 

Revision as of 14:00, 21 September 2013

Team

Project

Notebook

Parts

Software

Safety

Human Practice

Delftibactin. Recycling Gold from Electronic Waste.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Methods:

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. .

Retrieved from "http://2013.igem.org/Team:Heidelberg/Testibactin_class"