Team:Heidelberg/Team/Gallery

From 2013.igem.org

(Difference between revisions)
 
(45 intermediate revisions not shown)
Line 4: Line 4:
<style type="text/css">
<style type="text/css">
     .carousel-inner{
     .carousel-inner{
-
      height:500px;
+
 
  }
  }
 +
    p {
 +
    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>
-
<div class="row">
+
<div class="container">
-
<div class="col-md-7 col-md-offset-2">
+
<div>
-
<!-- Carousel
+
                      <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 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>
 +
 
 +
</div>
 +
 
 +
 
 +
                        <div class="row">
 +
                            <div class="col-sm-12 col-md-6">
 +
                                <div class="jumbotron">
 +
                                    <div class="container">
 +
                                            <h2>Lab Life</h2>
                 <div>
                 <div>
-
                     <div id="myCarousel" class="carousel slide" style="margin-top:15%">
+
                     <div id="myCarouselA" 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="#myCarouselA" data-slide-to="0"></li>
-
                             <li data-target="#myCarousel" data-slide-to="1"></li>
+
                             <li data-target="#myCarouselA" data-slide-to="1"></li>
-
                             <li data-target="#myCarousel" data-slide-to="2"></li>
+
                            <li data-target="#myCarouselA" data-slide-to="2"></li>
-
                             <li data-target="#myCarousel" data-slide-to="3"></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>
 +
 
 +
 
 +
 
 +
                            <div class="col-sm-12 col-md-6">
 +
                                <div class="jumbotron">
 +
                                    <div class="container">
 +
                                            <h2>European Jamboree in Lyon</h2>
 +
                <div>
 +
                    <div id="myCarouselB" class="carousel slide" style="margin-top:5%">
 +
                        <!-- Indicators -->
 +
                      <ol class="carousel-indicators">
 +
                            <li class="active" data-target="#myCarouselB" data-slide-to="0"></li>
 +
                             <li data-target="#myCarouselB" data-slide-to="1"></li>
 +
                             <li data-target="#myCarouselB" data-slide-to="2"></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 26: 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 32: 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 38: 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 44: 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 50: 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 56: 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 62: 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>
+
 
 +
 
<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>
</html>
</html>
{{:Team:Heidelberg/Templates/Footer-Nav}}
{{:Team:Heidelberg/Templates/Footer-Nav}}
 +
{{:Team:Heidelberg/Templates/Fancybox}}

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

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