Team:Heidelberg/Team/Gallery

From 2013.igem.org

(Difference between revisions)
 
(27 intermediate revisions not shown)
Line 9: Line 9:
     text-align:justify;
     text-align:justify;
}
}
-
    .item img {
+
  .carousel-inner > .item > img, .carousel-inner > .item > a > img {
-
          width: auto;
+
    display: block;
-
          height: 350px;
+
    height: auto;
-
          max-height: 350px;
+
    line-height: 1;
-
}
+
    max-width: 100%;
 +
    max-height: 400px:
 +
}  
     .jumbotron {
     .jumbotron {
           font-size:14px;
           font-size:14px;
Line 22: Line 24:
<div class="container">
<div class="container">
<div>
<div>
-
                       <h1><span style="font-size:170%;color:#FFCC00;">Gallery.</span><span class="text-muted" style="font-family:Arial, sans-serif; font-size:100%"> In Remembrance of a Great Time.</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>
Line 30: Line 32:
   <div class="col-md-12">
   <div class="col-md-12">
     <div class="jumbotron">
     <div class="jumbotron">
-
<h2>
+
<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!
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!
-
</h2>
+
</p>
       </div>
       </div>
   </div>
   </div>
Line 45: Line 47:
                                     <div class="container">
                                     <div class="container">
                                             <h2>Lab Life</h2>
                                             <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>
                                 </div>
Line 54: Line 152:
                                 <div class="jumbotron">
                                 <div class="jumbotron">
                                     <div class="container">
                                     <div class="container">
-
                                             <h2>European Jamboree at Lyon</h2>
+
                                             <h2>European Jamboree in Lyon</h2>
                 <div>
                 <div>
-
                     <div id="myCarouselA" class="carousel slide" style="margin-top:5%">
+
                     <div id="myCarouselB" class="carousel slide" style="margin-top:5%">
                         <!-- Indicators -->
                         <!-- Indicators -->
                       <ol class="carousel-indicators">
                       <ol class="carousel-indicators">
-
                             <li class="active" data-target="#myCarouselA" data-slide-to="0"></li>
+
                             <li class="active" data-target="#myCarouselB" data-slide-to="0"></li>
-
                             <li data-target="#myCarouselA" data-slide-to="1"></li>
+
                             <li data-target="#myCarouselB" data-slide-to="1"></li>
-
                             <li data-target="#myCarouselA" data-slide-to="2"></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 68: Line 178:
                             <div class="item active first">
                             <div class="item active first">
 +
                              <img src="https://static.igem.org/mediawiki/2013/e/e9/Heidelberg_Lyon.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 +
                            <div class="item">
                               <img src="https://static.igem.org/mediawiki/2013/4/47/Heidelberg_IMG_4944.png" alt="" />
                               <img src="https://static.igem.org/mediawiki/2013/4/47/Heidelberg_IMG_4944.png" alt="" />
                                     <div class="carousel-caption">
                                     <div class="carousel-caption">
Line 91: Line 207:
                             </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">
                             <div class="item">
-
                               <img src="https://static.igem.org/mediawiki/2013/d/d0/Heidelberg_IMG_5009.png" alt="" />
+
                               <img src="https://static.igem.org/mediawiki/2013/1/1a/Heidelberg_IMG_5103.png" alt="" />
                                     <div class="carousel-caption">
                                     <div class="carousel-caption">
                                     </div>
                                     </div>
Line 106: Line 262:
                             <div class="item">
                             <div class="item">
-
                               <img src="https://static.igem.org/mediawiki/2013/a/a5/Heidelberg_IMG_4981.png" alt="" />
+
                               <img src="https://static.igem.org/mediawiki/2013/5/50/Heidelberg_IMG_5105.png" alt="" />
                                     <div class="carousel-caption">
                                     <div class="carousel-caption">
                                     </div>
                                     </div>
Line 114: Line 270:
                         </div>
                         </div>
-
                     <a class="left carousel-control" href="#myCarouselA" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
+
                     <a class="left carousel-control" href="#myCarouselB" 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>
+
                     <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>
                                 </div>
                                 </div>
                             </div>
                             </div>
 +
                         </div>
                         </div>
Line 140: Line 290:
                                 <div class="jumbotron">
                                 <div class="jumbotron">
                                     <div class="container">
                                     <div class="container">
-
                                             <h2>Human Practice</h2>
+
                                             <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>
Line 149: Line 359:
                                     <div class="container">
                                     <div class="container">
                                             <h2>Talk Evening</h2>
                                             <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>
 +
                            </div>
 +
                           
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/5/58/Heidelberg_IMG_5255.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/e/ea/Heidelberg_IMG_5265.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 +
                            <div class="item">
 +
                              <img src="https://static.igem.org/mediawiki/2013/5/55/Heidelberg_IMG_5269.png" alt="" />
 +
                                    <div class="carousel-caption">
 +
                                    </div>
 +
                            </div>
 +
 +
                            <div class="item">
 +
                              <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>
                                 </div>
                                 </div>
Line 161: Line 464:
                                 <div class="jumbotron">
                                 <div class="jumbotron">
                                     <div class="container">
                                     <div class="container">
-
                                             <h2>Beyond Science</h2>
+
                                             <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>
Line 170: Line 563:
                                     <div class="container">
                                     <div class="container">
                                             <h2>Arts and Science</h2>
                                             <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>
-
 
+
          </div>
Line 180: Line 629:
<script rel="" type="text/javascript">
<script rel="" type="text/javascript">
   $(function(){
   $(function(){
-
       $('.carousel').carousel();
+
       $('.carousel').carousel({interval: 0});
       $(".fancybox.fancyGraphical").fancybox({
       $(".fancybox.fancyGraphical").fancybox({
                 helpers : {
                 helpers : {

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"