Team:Heidelberg/Labjournal delrest

{{:Team:Heidelberg/Templates/bootstrap-css}}
{{:Team:Heidelberg/Templates/basic-css}}
{{:Team:Heidelberg/Templates/style2-css}}
{{:Team:Heidelberg/Templates/scrollbar-css}}
{{:Team:Heidelberg/Templates/Navigation}}
<html>
  <div class="container">
            <!--Project Description-->
            <div style="margin-top:80px">
                        <h1><span style="font-size:150%;color:#FFCC00;">Del Rest.</span><span class="text-muted" style="font-size:90%"> Creating a 31 kbp plasmid.</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>
            <div class="row">
            <div class="col-sm-5">
            <!--Months-->
                <ul class="pagination" style="margin-bottom:2%;">

                    <!--<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" id="july"><a href="#" style="width:100px; text-align:center" >July</a></li>

                  <li class="month_tab" id="august"><a href="#" style="width:100px; text-align:center">August</a></li>
                  <li class="month_tab" id="september"><a href="#" style="width:100px; text-align:center">September</a></li>
                  <li class="month_tab" id="october"><a href="#" style="width:100px; text-align:center">October</a></li>
                  <li><a href="#" id="forwards">&raquo;</a></li>
                </ul>
            


            <!-- Carousel
            ================================================== -->

                <div style="margin-bottom:2%;">
                    <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 may first">
                                <div class="container">
                                    <div class="carousel-caption scrollContent2" data-spy="scroll" data-target="#navbarExample" data-offset="0" id="week1">
                                      <h1>Week 1</h1>

                                      <p style="font-size:10pt; text-align:justify; position:relative; margin-left:6%;">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 may">
                              <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; position:relative; margin-left:6%;">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>
                                  <p>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...
                                  </p>
                                </div>
                              </div>
                            </div>
                            <div class="item may">
                              <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; position:relative; margin-left:6%;">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>
                                  <p>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...
                                  </p>
                                </div>
                              </div>
                            </div>
                            <div class="item may last">
                              <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; position:relative; margin-left:6%;">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 june first">
                              <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; margin-left:6%;">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.</p>
                                </div>
                              </div>
                            </div>
                            <div class="item june">
                              <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; position:relative; margin-left:6%;">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 june">
                              <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; position:relative; margin-left:6%;">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 june last">
                              <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; position:relative; margin-left:6%;">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 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>
        <div class="col-sm-7">
            <!--Start Weekly Labjournal-->
            <!--Week1-->
            <div class="labjournal-weekly">
                <div>
                    <ul class="nav nav-tabs">
                      <li class="active"><a href="#a1" data-toggle="tab">Example 1</a></li>
                      <li><a href="#b1" data-toggle="tab">Example 2</a></li>
                      <li><a href="#c1" data-toggle="tab">Example 3</a></li>
                      <li><a href="#d1" data-toggle="tab">Example 4</a></li>
                    </ul>
                </div>
                <div class="jumbotron">
                    <div class="nav navbar" data-spy="scroll" data-target="#navbarExample" data-offset="0" id="scrollContent">
    		              <div style="visibility:hidden;overflow:hidden;height:0;width:0;" id="test" >test
                          </div>


                        <div class="tab-content">
                            <div class="tab-pane active" id="a1">
                                <h4>Amplification of 1 </h4>
                                <p style="font-size:12pt; text-align:justify;">

                                test
                                </p>
                            </div>

                            <div class="tab-pane" id="b1">
                                <h4>Something completely different </h4>
                                <p style="font-size:12pt; text-align:justify;">test
                                </p>
                            </div>
                            <div class="tab-pane active" id="c1">
                                <h4>Blalalala</h4>
                                <p style="font-size:12pt; text-align:justify;">

                                test
                                </p>
                            </div>

                            <div class="tab-pane" id="d1">
                                <h4>Dalalala </h4>
                                <p style="font-size:12pt; text-align:justify;">test
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!--Week2-->
            <div class="labjournal-weekly">
                <div class="weekly-tabs">
                    <ul class="nav nav-tabs">
                      <li class="active"><a href="#a2" data-toggle="tab">Del H</a></li>
                      <li><a href="#b2" data-toggle="tab">Del A-E</a></li>
                      <li><a href="#c2">Del E-G</a></li>
                    </ul>
                </div>
                <div class="jumbotron weekly">
                    <div class="nav navbar" data-spy="scroll" data-target="#navbarExample" data-offset="0" id="scrollContent">
                          <div style="visibility:hidden;overflow:hidden;height:0;width:0;" id="test" >test
                          </div>


                        <div class="tab-content">
                            <div class="tab-pane active" id="del_h2">
                                <h4>Amplification of 2 </h4>
                            

                            <div class="tab-pane" id="del_ae2">
                                <h4>Something completely different </h4>
                                <p style="font-size:12pt; text-align:justify;">test
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</html>
{{:Team:Heidelberg/Templates/Footer-DelRest}}