Team:Heidelberg/Team/Gallery

From 2013.igem.org

(Difference between revisions)
 
(18 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: 300px;
+
    height: auto;
-
          max-height: 300px;
+
    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 65: Line 67:
                         <div class="carousel-inner">
                         <div class="carousel-inner">
-
                             <div class="item active first">
+
                             <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="" />
                               <img src="https://static.igem.org/mediawiki/2013/2/29/Heidelberg_IMG_4628.png" alt="" />
                                     <div class="carousel-caption">
                                     <div class="carousel-caption">
Line 109: Line 117:
                             <div class="item">
                             <div class="item">
                               <img src="https://static.igem.org/mediawiki/2013/e/e1/Heidelberg_IMG_4402.png" alt="" />
                               <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/b/b8/Heidelberg_IMG_5259.png" alt="" />
 
                                     <div class="carousel-caption">
                                     <div class="carousel-caption">
                                     </div>
                                     </div>
Line 150: 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="myCarouselB" class="carousel slide" style="margin-top:5%">
                     <div id="myCarouselB" class="carousel slide" style="margin-top:5%">
Line 288: 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 297: 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 309: Line 464:
                                 <div class="jumbotron">
                                 <div class="jumbotron">
                                     <div class="container">
                                     <div class="container">
-
                                             <h2>Cooperations</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 318: 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>
Line 328: 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"