Team:Heidelberg/Team/Gallery

From 2013.igem.org

(Difference between revisions)
m
 
(38 intermediate revisions not shown)
Line 4: Line 4:
<style type="text/css">
<style type="text/css">
     .carousel-inner{
     .carousel-inner{
-
      height:500px;
+
 
  }
  }
     p {
     p {
     text-align:justify;
     text-align:justify;
 +
}
 +
  .carousel-inner > .item > img, .carousel-inner > .item > a > img {
 +
    display: block;
 +
    height: auto;
 +
    line-height: 1;
 +
    max-width: 100%; 
 +
    max-height: 400px:
 +
}
 +
    .jumbotron {
 +
          font-size:14px;
 +
          text-align:justify;
}
}
</style>
</style>
Line 13: Line 24:
<div class="container">
<div class="container">
<div>
<div>
-
                       <h1><span style="font-size:170%;color:#FFCC00;">Human Practice.</span><span class="text-muted" style="font-family:Arial, sans-serif; font-size:100%"> Spreading the spirit.</span></h1>
+
                       <h1><span style="font-size:170%;color:#7137c8;">Gallery.</span><span class="text-muted" style="font-family:Arial, sans-serif; font-size:100%"> In Remembrance of a Great Time.</span></h1>
             </div>
             </div>
-
<p>Besides economical usage of the resource gold, one way to reduce global demands for gold is elevation of gold recovery <span class="citation">[4]</span>. Intriguingly, nature itself offers a structure that has been reported to efficiently extract pure gold from solutions containing gold ions. This fascinating molecule is called Delftibactin and is in fact a small peptide secreted by a metal-tolerant bacterium called <em>Delftia acidovorans</em>.</p>
 
-
<p>This extremophile has the incredible ability to withstand toxic amounts of gold ions in contaminated soil . What is the special feature of Delftibactin enabling precipitation of gold that efficiently? If one could culture these bacteria and produce Delftibactin in large scales, could one potentially recover gold from electronic waste in a cost- and energy-efficient way? But what is the special feature of Delfibactin to precipitate gold that efficiently?</p>
 
 +
<div class="row" >
 +
  <div class="col-md-12">
 +
    <div class="jumbotron">
 +
<p style="font-size:14px">
 +
Besides the invaluable boost of scientific knowledge, our iGEM project was above all an exciting time. Spending day and night in the lab, celebrating positive results and sharing chocolates after less positive ones tied close friendships. We've spend a great time together worth remembering!
 +
</p>
 +
      </div>
 +
  </div>
-
<a class="fancybox fancyGraphical" href="https://static.igem.org/mediawiki/2013/4/47/Heidelberg_goldrecycling.png" style="float:left; margin-right: 10px;" title="Schematic illustration of the recovery of gold with delftibactin">
+
</div>
-
    <img style="width:400px; margin-bottom:10px; padding:1%;border-style:solid;border-width:1px;border-radius: 5px;" src="https://static.igem.org/mediawiki/2013/4/47/Heidelberg_goldrecycling.png" ></img>
 
-
    <figcaption><b>Fig. 1</b> Schematic illustration of the recovery of gold with delftibactin <span class="citation">[6]</span></figcaption>
 
-
</a>
 
-
<p>Delftibactin is no ordinary peptide but a non-ribosomal peptide (NRP) <span class="citation">[5]</span> <span class="citation">[6]</span>. The efficient and non-polutative large-scale production of this NRP in <em>E. coli</em> could revolutionize the recovery of gold from electronic waste and additionally highlight the plethora of versatile applications for non-ribosomal peptide synthetases (NRPSs). The most sriking feature of these non-ribosomal synthetases is their ablity to incorporate far more than the 21 common amino acids into peptides. They make use of numerous modified and even non-proteinogenic amino acids <span class="citation">[7]</span> to assembly peptides of diverse functions.</p>
+
                        <div class="row">
 +
                            <div class="col-sm-12 col-md-6">
 +
                                <div class="jumbotron">
 +
                                    <div class="container">
 +
                                            <h2>Lab Life</h2>
 +
                <div>
 +
                    <div id="myCarouselA" class="carousel slide" style="margin-top:5%">
 +
                        <!-- Indicators -->
 +
                      <ol class="carousel-indicators">
 +
                            <li class="active" data-target="#myCarouselA" data-slide-to="0"></li>
 +
                            <li data-target="#myCarouselA" data-slide-to="1"></li>
 +
                            <li data-target="#myCarouselA" data-slide-to="2"></li>
 +
                            <li data-target="#myCarouselA" data-slide-to="3"></li>
 +
                            <li data-target="#myCarouselA" data-slide-to="4"></li>
 +
                            <li data-target="#myCarouselA" data-slide-to="5"></li>
 +
                            <li data-target="#myCarouselA" data-slide-to="6"></li>
 +
                            <li data-target="#myCarouselA" data-slide-to="7"></li>
 +
                            <li data-target="#myCarouselA" data-slide-to="8"></li>
 +
                            <li data-target="#myCarouselA" data-slide-to="9"></li>
 +
                            <li data-target="#myCarouselA" data-slide-to="10"></li>
 +
                         
 +
                        </ol>
 +
                        <div class="carousel-inner">
 +
 +
                            <div class="item  active first">
 +
                              <img src="https://static.igem.org/mediawiki/2013/8/86/Heidelberg_iGem_2.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/2/29/Heidelberg_IMG_4628.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/6/66/Heidelberg_Lunch_12_08.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/d/d1/Heidelberg_IMG_4054.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/b/b7/Heidelberg_130303_GroupFoto.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/3/30/Heidelberg_IMG_4500.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/3/3e/Heidelberg_IMG_4622.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/1/10/Heidelberg_CIMG0965.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/e/e1/Heidelberg_IMG_4402.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/e/e0/Heidelberg_CIMG0963.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/c/c0/Heidelberg_IMG_5190.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 +
 +
                        </div>
 +
 +
                    <a class="left carousel-control" href="#myCarouselA" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
 +
                    <a class="right carousel-control" href="#myCarouselA" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
 +
 +
                </div>
 +
           
 +
            </div>
 +
 +
                                    </div>
 +
                                </div>
 +
                            </div>
-
<p>Delftibactin is a NRP produced by a hybrid NRPS/ polyketide synthase (PKS) system. In their recent publication, Johnston <em>et al.</em> <span class="citation">[5]</span> predicted that the enzymes responsible for producing delftibactin are encoded on a single gene cluster, hereafter referred to as Del cluster. It comprises 59 kbp encoding for 21 genes. DelE, DelF, DelG and DelH constitute the hybrid NRPS/ PKS system producing delftibactin, with DelE, DelG and DelH being NRPS and DelF the PKS. The remaining enzymes involved in the Delftibactin synthesis pathway are required for NPRS/ PKS maturation or post-synthesis modification of Delftibactin. The predicted activities of the assumed proteins are.
 
-
Besides economical usage of the resource gold, one way to reduce global demands for gold is elevation of gold recovery <span class="citation">[4]</span>. Intriguingly, nature itself offers a structure that has been reported to efficiently extract pure gold from solutions containing gold ions. This fascinating molecule is called Delftibactin and is in fact a small peptide secreted by a metal-tolerant bacterium called <em>Delftia acidovorans</em>.</p>
 
-
<p>This extremophile has the incredible ability to withstand toxic amounts of gold ions in contaminated soil . What is the special feature of Delftibactin enabling precipitation of gold that efficiently? If one could culture these bacteria and produce Delftibactin in large scales, could one potentially recover gold from electronic waste in a cost- and energy-efficient way? But what is the special feature of Delfibactin to precipitate gold that efficiently?</p>
 
-
<!--
 
-
<div class="row">
 
-
<div class="col-md-7 col-md-offset-2">
 
-
<!-- Carousel
 
-
            ================================================== -->
 
 +
                            <div class="col-sm-12 col-md-6">
 +
                                <div class="jumbotron">
 +
                                    <div class="container">
 +
                                            <h2>European Jamboree in Lyon</h2>
                 <div>
                 <div>
-
                     <div id="myCarousel" class="carousel slide" style="margin-top:15%">
+
                     <div id="myCarouselB" class="carousel slide" style="margin-top:5%">
                         <!-- Indicators -->
                         <!-- Indicators -->
-
                       <ol class="carousel-indicators" style="position:absolute; top:80%">
+
                       <ol class="carousel-indicators">
-
                             <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
+
                            <li class="active" data-target="#myCarouselB" data-slide-to="0"></li>
-
                             <li data-target="#myCarousel" data-slide-to="1"></li>
+
                             <li data-target="#myCarouselB" data-slide-to="1"></li>
-
                             <li data-target="#myCarousel" data-slide-to="2"></li>
+
                            <li data-target="#myCarouselB" data-slide-to="2"></li>
-
                             <li data-target="#myCarousel" data-slide-to="3"></li>
+
                             <li data-target="#myCarouselB" data-slide-to="3"></li>
 +
                             <li data-target="#myCarouselB" data-slide-to="4"></li>
 +
                             <li data-target="#myCarouselB" data-slide-to="5"></li>
 +
                            <li data-target="#myCarouselB" data-slide-to="6"></li>
 +
                            <li data-target="#myCarouselB" data-slide-to="7"></li>
 +
                            <li data-target="#myCarouselB" data-slide-to="8"></li>
 +
                            <li data-target="#myCarouselB" data-slide-to="9"></li>
 +
                            <li data-target="#myCarouselB" data-slide-to="10"></li>
 +
                            <li data-target="#myCarouselB" data-slide-to="11"></li>
 +
                            <li data-target="#myCarouselB" data-slide-to="12"></li>
 +
                            <li data-target="#myCarouselB" data-slide-to="13"></li>
 +
                            <li data-target="#myCarouselB" data-slide-to="14"></li>
 +
                         
                         </ol>
                         </ol>
Line 54: Line 178:
                             <div class="item active first">
                             <div class="item active first">
-
                               <img src="https://static.igem.org/mediawiki/2013/a/ad/Heidelberg_3a.JHD.jpg" alt="" />
+
                               <img src="https://static.igem.org/mediawiki/2013/e/e9/Heidelberg_Lyon.png" alt="" />
                                     <div class="carousel-caption">
                                     <div class="carousel-caption">
                                     </div>
                                     </div>
Line 60: Line 184:
                             <div class="item">
                             <div class="item">
-
                               <img src="https://static.igem.org/mediawiki/2013/9/97/Heidelberg_Protocol_09-05-2013.jpg" alt="" />
+
                               <img src="https://static.igem.org/mediawiki/2013/4/47/Heidelberg_IMG_4944.png" alt="" />
                                     <div class="carousel-caption">
                                     <div class="carousel-caption">
                                     </div>
                                     </div>
Line 66: Line 190:
                             <div class="item">
                             <div class="item">
-
                               <img src="https://static.igem.org/mediawiki/2013/1/10/Heidelberg_IMG_4059.JPG" alt="" />
+
                               <img src="https://static.igem.org/mediawiki/2013/d/d0/Heidelberg_IMG_5009.png" alt="" />
                                     <div class="carousel-caption">
                                     <div class="carousel-caption">
                                     </div>
                                     </div>
Line 72: Line 196:
                             <div class="item">
                             <div class="item">
-
                               <img src="https://static.igem.org/mediawiki/2013/c/c7/Heidelberg_P1010624.JPG" alt="" />
+
                              <img src="https://static.igem.org/mediawiki/2013/a/a5/Heidelberg_IMG_4981.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/2/29/Heidelberg_IMG_4992.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                               <img src="https://static.igem.org/mediawiki/2013/c/cf/Heidelberg_IMG_5001.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/2/28/Heidelberg_IMG_5064.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/3/37/Heidelberg_IMG_5074.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/4/4d/Heidelberg_IMG_5002.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/7/73/Heidelberg_IMG_5059.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/d/d4/Heidelberg_IMG_5083.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/9/9e/Heidelberg_IMG_5094.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/f/f1/Heidelberg_IMG_5097.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/1/1a/Heidelberg_IMG_5103.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/5/50/Heidelberg_IMG_5105.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
 
 +
                        </div>
 +
 
 +
                    <a class="left carousel-control" href="#myCarouselB" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
 +
                    <a class="right carousel-control" href="#myCarouselB" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
 +
 
 +
                </div>
 +
           
 +
            </div>
 +
 
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
 
 +
                        </div>
 +
 
 +
 
 +
 
 +
 
 +
                        <div class="row">
 +
                            <div class="col-sm-12 col-md-6">
 +
                                <div class="jumbotron">
 +
                                    <div class="container">
 +
                                            <h2>Outreach</h2>
 +
                <div>
 +
                    <div id="myCarouselC" class="carousel slide" style="margin-top:5%">
 +
                        <!-- Indicators -->
 +
                      <ol class="carousel-indicators">
 +
                            <li class="active" data-target="#myCarouselC" data-slide-to="0"></li>
 +
                            <li data-target="#myCarouselC" data-slide-to="1"></li>
 +
                            <li data-target="#myCarouselC" data-slide-to="2"></li>
 +
                            <li data-target="#myCarouselC" data-slide-to="3"></li>
 +
                            <li data-target="#myCarouselC" data-slide-to="4"></li>
 +
                            <li data-target="#myCarouselC" data-slide-to="5"></li>
 +
                         
 +
                        </ol>
 +
 
 +
                        <div class="carousel-inner">
 +
 
 +
                            <div class="item active first">
 +
                              <img src="https://static.igem.org/mediawiki/2013/b/be/Heidelberg_CIMG1079.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/4/49/Heidelberg_IMG_5174.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/1/18/Heidelberg_IMG_5108.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/1/11/Heidelberg_IMG_5208.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/3/3e/Heidelberg_IMG_4387.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/9/94/Heidelberg_IMG_4382.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
 
 +
                        </div>
 +
 
 +
                    <a class="left carousel-control" href="#myCarouselC" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
 +
                    <a class="right carousel-control" href="#myCarouselC" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
 +
 
 +
                </div>
 +
           
 +
            </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
 
 +
                            <div class="col-sm-12 col-md-6">
 +
                                <div class="jumbotron">
 +
                                    <div class="container">
 +
                                            <h2>Talk Evening</h2>
 +
                <div>
 +
                    <div id="myCarouselD" class="carousel slide" style="margin-top:5%">
 +
                        <!-- Indicators -->
 +
                      <ol class="carousel-indicators">
 +
                            <li class="active" data-target="#myCarouselD" data-slide-to="0"></li>
 +
                            <li data-target="#myCarouselD" data-slide-to="1"></li>
 +
                            <li data-target="#myCarouselD" data-slide-to="2"></li>
 +
                            <li data-target="#myCarouselD" data-slide-to="3"></li>
 +
                            <li data-target="#myCarouselD" data-slide-to="4"></li>
 +
                            <li data-target="#myCarouselD" data-slide-to="5"></li>
 +
                            <li data-target="#myCarouselD" data-slide-to="6"></li>
 +
                            <li data-target="#myCarouselD" data-slide-to="7"></li>
 +
                            <li data-target="#myCarouselD" data-slide-to="8"></li>
 +
                            <li data-target="#myCarouselD" data-slide-to="9"></li>
 +
                            <li data-target="#myCarouselD" data-slide-to="10"></li>
 +
                         
 +
                        </ol>
 +
 
 +
                        <div class="carousel-inner">
 +
 
 +
                            <div class="item active first">
 +
                              <img src="https://static.igem.org/mediawiki/2013/d/dd/Heidelberg_IMG_5274.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/5/5b/Heidelberg_IMG_5300.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/a/ac/Heidelberg_IMG_5234.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/6/63/Heidelberg_IMG_5231.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/8/8d/Heidelberg_IMG_5246.png" alt="" />
                                     <div class="carousel-caption">
                                     <div class="carousel-caption">
                                     </div>
                                     </div>
Line 78: Line 410:
                              
                              
                             <div class="item">
                             <div class="item">
-
                               <img src="https://static.igem.org/mediawiki/2013/e/e3/Heidelberg_20130902_TLC5_the_ZigZag.jpg" alt="" />
+
                               <img src="https://static.igem.org/mediawiki/2013/5/58/Heidelberg_IMG_5255.png" alt="" />
                                     <div class="carousel-caption">
                                     <div class="carousel-caption">
                                     </div>
                                     </div>
Line 84: Line 416:
                             <div class="item">
                             <div class="item">
-
                               <img src="https://static.igem.org/mediawiki/2013/b/bb/Heidelberg_IMG_4502.JPG" alt="" />
+
                               <img src="https://static.igem.org/mediawiki/2013/e/ea/Heidelberg_IMG_5265.png" alt="" />
                                     <div class="carousel-caption">
                                     <div class="carousel-caption">
                                     </div>
                                     </div>
Line 90: Line 422:
                             <div class="item">
                             <div class="item">
-
                               <img src="https://static.igem.org/mediawiki/2013/1/1e/Heidelberg_Userinterface.png" alt="" />
+
                               <img src="https://static.igem.org/mediawiki/2013/5/55/Heidelberg_IMG_5269.png" alt="" />
                                     <div class="carousel-caption">
                                     <div class="carousel-caption">
                                     </div>
                                     </div>
                             </div>
                             </div>
-
                     <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
+
                            <div class="item">
-
                     <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
+
                              <img src="https://static.igem.org/mediawiki/2013/b/b4/Heidelberg_IMG_5297.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/5/53/Heidelberg_IMG_5283.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/5/57/Heidelberg_IMG_5287.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                          </div>
 +
 
 +
                     <a class="left carousel-control" href="#myCarouselD" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
 +
                     <a class="right carousel-control" href="#myCarouselD" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
                 </div>
                 </div>
-
             </div> /.carousel -->
+
 
 +
 
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
 
 +
 
 +
 
 +
 
 +
                        <div class="row">
 +
                            <div class="col-sm-12 col-md-6">
 +
                                <div class="jumbotron">
 +
                                    <div class="container">
 +
                                            <h2>Collaborations</h2>
 +
                <div>
 +
                    <div id="myCarouselF" class="carousel slide" style="margin-top:5%">
 +
                        <!-- Indicators -->
 +
                      <ol class="carousel-indicators">
 +
                            <li class="active" data-target="#myCarouselF" data-slide-to="0"></li>
 +
                            <li data-target="#myCarouselF" data-slide-to="1"></li>
 +
                            <li data-target="#myCarouselF" data-slide-to="2"></li>
 +
                            <li data-target="#myCarouselF" data-slide-to="3"></li>
 +
                            <li data-target="#myCarouselF" data-slide-to="4"></li>
 +
                            <li data-target="#myCarouselF" data-slide-to="5"></li>
 +
                            <li data-target="#myCarouselF" data-slide-to="6"></li>
 +
                            <li data-target="#myCarouselF" data-slide-to="7"></li>
 +
                            <li data-target="#myCarouselF" data-slide-to="8"></li>
 +
                            <li data-target="#myCarouselF" data-slide-to="9"></li>
 +
                         
 +
                        </ol>
 +
 
 +
                        <div class="carousel-inner">
 +
 
 +
                            <div class="item active first">
 +
                              <img src="https://static.igem.org/mediawiki/2013/c/c1/Heidelberg_P1010943.png" alt=""/>
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/e/e9/Heidelberg_IMG_3132.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/8/8d/Heidelberg_IMG_4922.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/d/d8/Heidelberg_IMG_4937.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/5/5b/Heidelberg_P1010627.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/2/2d/Heidelberg_P1010628.png" alt=""/>
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/8/89/Heidelberg_P1010625.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/2/2a/Heidelberg_P1010616.png" alt=""/>
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/e/e0/Heidelberg_P1010604.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/2/23/Heidelberg_P1010585.png" alt=""/>
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
 
 +
                        </div>
 +
 
 +
                    <a class="left carousel-control" href="#myCarouselF" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
 +
                    <a class="right carousel-control" href="#myCarouselF" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
 +
 
 +
                </div>
 +
           
 +
             </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
 
 +
                            <div class="col-sm-12 col-md-6">
 +
                                <div class="jumbotron">
 +
                                    <div class="container">
 +
                                            <h2>Arts and Science</h2>
 +
 
 +
 
 +
                <div>
 +
                    <div id="myCarouselE" class="carousel slide" style="margin-top:5%">
 +
                        <!-- Indicators -->
 +
                      <ol class="carousel-indicators">
 +
                            <li class="active" data-target="#myCarouselE" data-slide-to="0"></li>
 +
                            <li data-target="#myCarouselE" data-slide-to="1"></li>
 +
                            <li data-target="#myCarouselE" data-slide-to="2"></li>
 +
                            <li data-target="#myCarouselE" data-slide-to="3"></li>
 +
                            <li data-target="#myCarouselE" data-slide-to="4"></li>
 +
                         
 +
                        </ol>
 +
 
 +
                        <div class="carousel-inner">
 +
 
 +
                            <div class="item active first">
 +
                              <img src="https://static.igem.org/mediawiki/2013/0/09/Heidelberg_IMG_4389.png" alt=""/>
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/0/09/Heidelberg_IMG_7911.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/8/89/Heidelberg_3.JHD.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/8/85/Heidelberg_IMG_4406.png" alt=""/>
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/6/62/Heidelberg_IMG_8138.jpg.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 
 +
 
 +
                        </div>
 +
 
 +
                    <a class="left carousel-control" href="#myCarouselE" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
 +
                    <a class="right carousel-control" href="#myCarouselE" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
 +
 
 +
                </div>
 +
           
 +
            </div>
 +
 
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
           </div>
           </div>
-
      </div>
+
 
-
  </div>
+
 
-
<7div>
+
<script rel="" type="text/javascript">
<script rel="" type="text/javascript">
   $(function(){
   $(function(){
-
       $('.carousel').carousel()
+
       $('.carousel').carousel({interval: 0});
 +
      $(".fancybox.fancyGraphical").fancybox({
 +
                helpers : {
 +
      title : {
 +
        type: 'outside'
 +
      }
 +
                }
 +
              });
 +
                $(".fancybox.fancyFigure").fancybox({
 +
        prevEffect  : 'none',
 +
    nextEffect  : 'none',
 +
    helpers : {
 +
      title : {
 +
        type: 'outside'
 +
      },
 +
      thumbs  : {
 +
        width : 50,
 +
        height  : 50
 +
      }
 +
    }
 +
  });
   });
   });
</script>
</script>

Latest revision as of 20:19, 28 October 2013

Gallery. In Remembrance of a Great Time.

Besides the invaluable boost of scientific knowledge, our iGEM project was above all an exciting time. Spending day and night in the lab, celebrating positive results and sharing chocolates after less positive ones tied close friendships. We've spend a great time together worth remembering!

Lab Life

European Jamboree in Lyon

Outreach

Talk Evening

Collaborations

Arts and Science

Thanks to