Team:Heidelberg/Testibactin class

From 2013.igem.org

(Difference between revisions)
m
m
 
(53 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
{{:Team:Heidelberg/Templates/style2-css}}
 +
{{:Team:Heidelberg/Templates/bootstrap-css}}
 +
{{:Team:Heidelberg/Templates/carousel-css}}
 +
{{:Team:Heidelberg/Templates/basic-css}}
-
<link rel="stylesheet" href="https://2013.igem.org/Team:Heidelberg/Stylesheet?action=raw&ctype=text/css" type="text/css" />
+
<html lang="en">
-
</style>
+
-
<script type="text/javascript">
+
-
<!--
+
-
window.onresize = function() {
+
-
rotateMenu("menu-team", getMenuAngle(2.2));
+
-
rotateMenu("menu-project", getMenuAngle(1.2));
+
-
rotateMenu("menu-notebook", getMenuAngle(0.2));
+
-
rotateMenu("menu-parts", getMenuAngle(0));
+
-
rotateMenu("menu-modelling", getMenuAngle(0.2), -1);
+
-
rotateMenu("menu-human", getMenuAngle(1.2), -1);
+
-
rotateMenu("menu-safety", getMenuAngle(2.2), -1);
+
-
}
+
-
+
-
window.onload = function() {
+
-
var drop_lists = document.getElementsByClassName("drop-navi-left");
+
-
for (var i = 0; i < drop_lists.length; i++) {
+
-
var item = drop_lists[i];
+
-
while (item.tagName !== "UL") {
+
-
var item = item.nextSibling;
+
-
}
+
-
item.style.display = "none";
+
-
}
+
-
var navi_links = document.getElementById("navigation-bar").getElementsByTagName("A");
+
-
for (var i = 0; i < navi_links.length; i++) {
+
-
if (document.documentURI.indexOf(navi_links[i].href) !== -1) {
+
-
navi_links[i].style.color = "#FFCC00";
+
-
var element = navi_links[i];
+
-
while (element.parentNode.tagName !== "DIV") {
+
-
var element = element.parentNode;
+
-
if (element.tagName == "LI") element.style.display = "list-item";
+
-
else element.style.display = "block";
+
-
}
+
-
var element = navi_links[i].parentNode;
+
-
if (element.className == "drop-navi-left") {
+
-
while (element.tagName !== "UL") {
+
-
var element = element.nextSibling;
+
-
}
+
-
element.style.display = "block";
+
-
}
+
-
break;
+
-
}
+
-
}
+
-
+
-
}
+
-
function start_tour() {
+
-
var tour_navi = document.getElementById("tour-navi");
+
-
if (tour_navi.style.display !== "block") {
+
-
tour_navi.style.display = "block";
+
-
}
+
-
}
+
-
function stop_tour() {
+
-
var tour_navi = document.getElementById("tour-navi");
+
-
if (tour_navi.style.display !== "none") {
+
-
tour_navi.style.display = "none";
+
-
}
+
-
}
+
-
function expand_left_navi(drop_list) {
+
-
var list = drop_list;
+
-
while (list.tagName !== "UL") {
+
-
var list = list.nextSibling;
+
-
}
+
-
var visible = list.style.display;
+
-
var drop_lists = document.getElementsByClassName("drop-navi-left");
+
-
for (var i = 0; i < drop_lists.length; i++) {
+
-
var item = drop_lists[i];
+
-
while (item.tagName !== "UL") {
+
-
var item = item.nextSibling;
+
-
}
+
-
item.style.display = "none";
+
-
}
+
-
if (visible == "none") {
+
-
list.style.display = "block";
+
-
} else {
+
-
list.style.display = "none";
+
-
}
+
-
}
+
-
function getMenuAngle(position) {
+
-
var menu = document.getElementById("main-menu");
+
-
var width = menu.offsetWidth;
+
-
var a = 0.5 * width;
+
-
var b = menu.offsetHeight;
+
-
var wpos = width * position * 0.1;
+
-
var t = Math.acos(wpos / a);
+
-
var beta = Math.atan(a / b * Math.tan(t));
+
-
var angle = Math.PI * 0.5 - beta;
+
-
var y = b - b * Math.sin(t);
+
-
return Array(angle,y);
+
-
}
+
-
function rotateMenu(id, angle, factor) {
+
-
if (factor !== undefined)
+
-
    angle[0] *= factor;
+
-
var root = document.getElementById(id);
+
-
root.style.position = "relative";
+
-
root.style.top = "calc(5.3em - " + angle[1] + "px)"; // 100px from #main-menu
+
-
var children = root.children;
+
-
for (var i = 0; i < children.length; ++i) {
+
-
                        if (children[i].nodeName == "A") {
+
-
                            children[i].style.transform = "rotate(" + angle[0] + "rad)";
+
-
                            break;
+
-
}
+
-
}
+
-
}
+
-
-->
+
-
</script>
+
-
<div id="top-matter">
+
-
<!-- Get top menu navigation going and enter -->
+
<div id="content">
-
<div id="main-menu">
+
            <a class="back"></a>
-
+
            <div class="title"></div>
-
<div id="menu-team" class="menu-item">
+
-
<a href="https://2013.igem.org/Team:Heidelberg/Team" id="link-team" class="menu-link">
+
-
<img id="menu-symbol" src="https://static.igem.org/mediawiki/2013/a/a4/Heidelberg_menu_symbol1.png" />Team</a>
+
-
<ul>
+
-
<li><a href="https://2013.igem.org/Team:Heidelberg/Team/StudentMembers" class="menu-link">Student Members</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Heidelberg/Team/Supervisors" class="menu-link">Advisors</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Heidelberg/Team/Instructors" class="menu-link">Instructors</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Heidelberg/Attributions" class="menu-link">Attributions</a></li>
+
-
</ul>
+
-
</div>
+
-
<div id="menu-project" class="menu-item">
+
-
<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>
+
-
<ul>
+
-
<li><a href="#" class="menu-link">Achievements </a></li>
+
-
<li><a href="#" class="menu-link">Lab 1</a></li>
+
-
<li><a href="#" class="menu-link">Lab 2</a></li>
+
-
<li><a href="" class="menu-link">Lab 3</a></li>
+
-
<li><a href="http://2013.iGEM.org/Team:Heidelberg/Project/Sponsors" class="left-nav">Sponsors</a></li>
+
-
<li><a href="#" class="menu-link">More</a></li>
+
-
</ul>
+
-
</div>
+
-
<div id="menu-notebook" class="menu-item">
+
-
<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>
+
-
<ul>
+
-
<li><a href="https://2013.igem.org/Team:Heidelberg/LabJournals" class="menu-link">Lab&nbsp;Journals</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Heidelberg/Methods" class="menu-link">Methods</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Heidelberg/Meetings" class="menu-link">Meetings</a></li>
+
-
                        <li><a href="https://2013.igem.org/Team:Heidelberg/Testibactin class"menu-link">Testibactin</a></li>
+
-
</ul>
+
-
</div>
+
-
<div id="menu-parts" class="menu-item">
+
-
<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>
+
-
<ul>
+
-
<li><a href="#" class="menu-link">xxx</a></li>
+
-
<li><a href="#" class="menu-link">xxx</a></li>
+
-
<li><a href="#" class="menu-link">xxx</a></li>
+
-
</ul>
+
-
</div>
+
-
+
-
<div id="menu-modelling" class="menu-item">
+
-
<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>
+
-
<ul>
+
-
<li><a href="#" class="menu-link">Instructions</a></li>
+
-
<li><a href="#" class="menu-link">Documentation</a></li>
+
-
</ul>
+
-
</div>
+
-
<div id="menu-human" class="menu-item">
+
-
<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>
+
-
<ul>
+
-
<li><a href="#" class="menu-link">xxx</a></li>
+
-
<li><a href="#" class="menu-link">xxx</a></li>
+
-
<li><a href="#" class="menu-link">xxx</a></li>
+
-
</ul>
+
-
</div>
+
-
<div id="menu-safety" class="menu-item">
+
-
<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>
+
-
<ul>
+
-
<li><a href="https://2013.igem.org/Team:Heidelberg/Safety/BasicForm" class="menu-link">Basic Safety Form</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Heidelberg/Safety/SoftwareForm" class="menu-link">Software Safety Form</a></li>
+
-
</ul>
+
-
</div>
+
-
<div class="visualClear"></div>
+
-
</div>
+
-
<div id="title-line">
+
-
<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 id="PS"><h1>PHILOSOPHER'S&nbsp;STONE</h1></div>
+
-
<!-- <a href="#" id="flubber" onclick="start_tour();return false"><img src="" alt="ask flubber" width="60" height="60" /></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>
+
-
</div>
+
-
<script>
+
-
rotateMenu("menu-team", getMenuAngle(2.2));
+
-
rotateMenu("menu-project", getMenuAngle(1.2));
+
-
rotateMenu("menu-notebook", getMenuAngle(0.2));
+
-
rotateMenu("menu-parts", getMenuAngle(0));
+
-
rotateMenu("menu-modelling", getMenuAngle(0.2), -1);
+
-
rotateMenu("menu-human", getMenuAngle(1.2), -1);
+
-
rotateMenu("menu-safety", getMenuAngle(2.2), -1);
+
-
</script>
+
-
<div id="top-separator"><p>
+
-
</p></div> <!-- end headline -->
+
-
</div> <!-- end top-matter -->
+
-
<div class="main-content">
+
-
</div>
+
            <!--<div class="navigation" id="nav">-->
-
+
            <div class="navigation">
 +
                <div class="item team">
 +
                    <div class="dropdown">
 +
                    <!--<img src="" alt="" width="199" height="199" class="circle"/>-->
 +
                        <a data-toggle="dropdown" href="#" class="icon"><h2>Team</h2></a>
 +
                        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
 +
                            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Student Members</a></li>
 +
                            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Advisors</a></li>
 +
                            <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Instructors</a></li>
 +
                            <!--<li><a href="#">Student Members</a></li>
 +
                            <li><a href="#">Advisors</a></li>
 +
                            <li><a href="#">Instructors</a></li>-->
 +
                        </ul>
 +
                    </div>
 +
                </div>
 +
                <div class="item project">
 +
                    <div class="dropdown">
 +
                    <!--<img src="" alt="" width="199" height="199" class="circle"/>-->
 +
                        <a data-toggle="dropdown" href="#" class="icon"><h2>Project</h2></a>
 +
                        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2">
 +
                            <!--<li role="presentation" class="divider"></li>-->
 +
                            <li role="presentation" class="dropdown-header">Software Projects</li>
 +
                            <li role="presentation"><a role="menuitem" tabindex="4" href="#">iGEM42</a></li>
 +
                            <li role="presentation"><a role="menuitem" tabindex="5" href="#">NRPS Designer</a></li>
 +
                            <!--<li role="presentation" class="divider"></li>-->
 +
                            <li role="presentation"><a role="menuitem" tabindex="6" href="#">Requirements</a></li>
 +
                            <!--<a href="#" class="icon"></a>
 +
                            <h2>Project</h2>
 +
                            <ul>
 +
                                <li><a href="#">Portfolio</a></li>
 +
                                <li><a href="#">Services</a></li>
 +
                                <li><a href="#">Contact</a></li>-->
 +
                        </ul>
 +
                    </div>
 +
                </div>
 +
                <div class="item notebook">
 +
                    <div class="dropdown">
 +
                        <a data-toggle="dropdown" href="#" class="icon"><h2>Notebook</h2></a>
 +
                        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
 +
                            <li role="presentation" class="dropdown-header">Lab Projects</li>
 +
                            <!--<li role="presentation" class="divider"></li>-->
 +
                            <li role="presentation" class="dropdown-header">Software Projects</li>
 +
                            <li role="presentation"><a role="menuitem" tabindex="4" href="#">iGEM42</a></li>
 +
                            <li role="presentation"><a role="menuitem" tabindex="5" href="#">NRPS Designer</a></li>
 +
                       
 +
                        </ul>
 +
                    </div>
 +
                    <!--a href="#" class="icon"></a>
 +
                    <h2>Notebook</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 parts">
 +
                    <div class="dropdown">
 +
                            <a data-toggle="dropdown" href="#" class="icon"><h2>Parts</h2></a>
 +
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
 +
                                <li role="presentation" class="dropdown-header">Lab Projects</li>
 +
                                <!--<li role="presentation" class="divider"></li>-->
 +
                                <li role="presentation" class="dropdown-header">Software Projects</li>
 +
                                <li role="presentation"><a role="menuitem" tabindex="4" href="#">iGEM42</a></li>
 +
                                <li role="presentation"><a role="menuitem" tabindex="5" href="#">NRPS Designer</a></li>
 +
                           
 +
                            </ul>
 +
                        </div>
 +
                    <!--<img src="" alt="" width="199" height="199" class="circle"/>
 +
                    <a href="#" class="icon"></a>
 +
                    <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="" style="position:absolute; left:93%; top:2%"></object></a>
 +
                    <a href="https://2013.igem.org"><object data="https://static.igem.org/mediawiki/2013/0/02/TB_IGEM_official_logo.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>
 +
 
 +
            <!--Project Description-->
 +
            <div style="position:absolute; top:110px; left:1%">
 +
                        <h1><span style="font-size:200%;color:#EEDF3E;">Testibactin.</span><span class="text-muted" style="font-size:130%"> It'll blow your mind.</span></h1>
 +
                        <p style="font-size:10px">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="#" id="backwards">&laquo;</a></li>
 +
                  <li class="active month_tab" id="may"><a href="#" style="width:100px; text-align:center">May</a></li>
 +
                  <li class="month_tab" id="june"><a href="#" style="width:100px; text-align:center">June</a></li>
 +
                  <li class="month_tab"><a href="#" style="width:100px; text-align:center" >July</a></li>
 +
 
 +
                  <li class="month_tab"><a href="#" style="width:100px; text-align:center">August</a></li>
 +
                  <li class="month_tab"><a href="#" style="width:100px; text-align:center">September</a></li>
 +
                  <li class="month_tab"><a href="#" style="width:100px; text-align:center">October</a></li>
 +
                  <li><a href="#" id="forwards">&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 week1" id="may_weeks">
 +
                            <img src="data:image/png;base64,"/>
 +
                            <div class="container">
 +
                            <div class="carousel-caption scrollContent2" data-spy="scroll" data-target="#navbarExample" data-offset="0">
 +
                              <p style="font-size:18pt;font-style:bold">Week 1</p>
 +
                              <p style="font-size:10pt; text-align:justify; margin-right:1%">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>
 +
                        </div>
 +
                        <div class="item">
 +
                          <img src="data:image/png;base64,"/>
 +
                          <div class="container">
 +
                            <div class="carousel-caption scrollContent2" data-spy="scroll" data-target="#navbarExample" data-offset="0">
 +
                              <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 scrollContent2" data-spy="scroll" data-target="#navbarExample" data-offset="0">
 +
                              <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 scrollContent2" data-spy="scroll" data-target="#navbarExample" data-offset="0">
 +
                              <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 class="item" id="june_weeks">
 +
                          <img src="data:image/png;base64,"/>
 +
                          <div class="container">
 +
                            <div class="carousel-caption scrollContent2" data-spy="scroll" data-target="#navbarExample" data-offset="0">
 +
                              <h1>Week 5</h1>
 +
                              <p style="font-size:10pt; text-align:justify; position:relative; right:1%">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>
 +
                        </div>
 +
                        <div class="item">
 +
                          <img src="data:image/png;base64,"/>
 +
                          <div class="container">
 +
                            <div class="carousel-caption scrollContent2" data-spy="scroll" data-target="#navbarExample" data-offset="0">
 +
                              <h1>Week 6</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 scrollContent2" data-spy="scroll" data-target="#navbarExample" data-offset="0">
 +
                              <h1>Week 7</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 scrollContent2" data-spy="scroll" data-target="#navbarExample" data-offset="0">
 +
                              <h1>Week 8</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>
 +
                      <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>
 +
                </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>
 +
 
 +
 
 +
            <!--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:10pt; text-align:justify; position:absolute; right:2%"></html>
 +
:'''1.1.1. Reaction of DelA-F'''
 +
{| class="wikitable"
 +
|-
 +
! what !! µl 2nd PCR
 +
|-
 +
| FS_02 (1/10) || 2.5
 +
|-
 +
| FS_05 (1/10) || 2.5
 +
|-
 +
| ''D. acidovorans'' || 1
 +
|-
 +
| Phusion Master Mix || 25
 +
|-
 +
| dd H<sub>2</sub>O || 16.5
 +
|-
 +
| DMSO || 2.5
 +
|}                <html></p>
 +
                </div>
 +
            </div>
</html>
</html>
-
{{:Team:Heidelberg/Templates/EndPage}}
+
{{:Team:Heidelberg/Templates/Footer}}

Latest revision as of 21:55, 24 September 2013

Testibactin. It'll blow your mind.

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. .