Team:INSA-Lyon/Gallery

From 2014.igem.org

(Difference between revisions)
 
(23 intermediate revisions not shown)
Line 2: Line 2:
<html>
<html>
<head>
<head>
-
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:INSA-Lyon/css_soustitre?action=raw&ctype=text/css" /></head>
+
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:INSA-Lyon/css_soustitre?action=raw&ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="galery.css" />
 +
</head>
 +
 
 +
<script>
 +
function unhover() {
 +
    $("#unhoverImg").removeClass("presHidden");
 +
    $("#hoverImg").addClass("presHidden");
 +
}
 +
function hover() {
 +
    $("#hoverImg").removeClass("presHidden");
 +
    $("#unhoverImg").addClass("presHidden");
 +
}
 +
</script>
<div id="soustitre" style="background-image: url('https://static.igem.org/mediawiki/2014/6/65/Fond_team.jpg');">
<div id="soustitre" style="background-image: url('https://static.igem.org/mediawiki/2014/6/65/Fond_team.jpg');">
Line 11: Line 24:
<div id="icones">
<div id="icones">
<ul>
<ul>
-
<a href="https://2014.igem.org/Team:INSA-Lyon/Team" class="hu-icon"><li class="iconmulti" style="line-height:40px;" >MEMBERS &<br/>ATTRIBUTIONS</li></a>
+
<a href="https://2014.igem.org/Team:INSA-Lyon/Team" class="hu-icon"><li class="iconmulti" style="line-height:20px;" >MEMBERS & ATTRIBUTIONS</li></a>
-
<a href="https://2014.igem.org/Team:INSA-Lyon/Sponsors" class="hu-icon"><li class="iconmulti" style="line-height:40px;" >SPONSORS</li></a>
+
<a href="https://2014.igem.org/Team:INSA-Lyon/Sponsors" class="hu-icon"><li class="iconmulti" style="line-height:40px;" >SPONSORS</li></a>
-
<a href="https://2014.igem.org/Team:INSA-Lyon/Partnership" class="hu-icon"><li class="iconmulti" style="line-height:40px;" >PARTNERSHIP</li></a>
+
<a href="https://2014.igem.org/Team:INSA-Lyon/Partnership" class="hu-icon"><li class="iconmulti" style="line-height:40px;" >PARTNERSHIPS</li></a>
-
<a href="https://2014.igem.org/Team:INSA-Lyon/Havefun" class="hu-icon"><li class="iconmulti" style="line-height:20px;" >HAVE FUN</br>WITH IGEM</li></a>
+
<a href="https://2014.igem.org/Team:INSA-Lyon/Havefun" class="hu-icon"><li class="iconmulti" style="line-height:20px;" >HAVE FUN</br>WITH IGEM</li></a>
         <a href="https://2014.igem.org/Team:INSA-Lyon/Gallery" class="hu-icon"><li class="iconmulti" style="line-height:40px;" >GALLERY</li></a>
         <a href="https://2014.igem.org/Team:INSA-Lyon/Gallery" class="hu-icon"><li class="iconmulti" style="line-height:40px;" >GALLERY</li></a>
Line 22: Line 35:
<div id="presentation">
<div id="presentation">
-
<p>
+
<div class="presCell">
-
<img src="https://static.igem.org/mediawiki/2014/thumb/b/bc/Curlyon.jpg/800px-Curlyon.jpg" alt="Curlyon" style="height:400px;" /></br>
+
<div class="presImage">
 +
<img src="https://static.igem.org/mediawiki/2014/thumb/b/bc/Curlyon.jpg/800px-Curlyon.jpg" alt="Curlyon" id="unhoverImg" onmouseover="hover();" />
 +
<img src="https://static.igem.org/mediawiki/2014/6/62/Curlyon2.png" class="presHidden" alt="Curlyon" id="hoverImg" onmouseout="unhover();" />
 +
</div>
 +
<div class="presText presRight">
 +
<p><span>Every now and then, our team felt that it's time to get out of the lab and have some fun. And what better than a walk in the biopole of Gerland in Lyon, our city, the one that inspired us to choose our project's name: <span class="curlyon">CurLy'on</span>. </span></p>
 +
</div>
 +
</div>
-
<img src="https://static.igem.org/mediawiki/2014/thumb/d/d7/Meeting.jpg/800px-Meeting.jpg" alt="meeting" style="height:400px;" /></br>
+
            <div class="presCell">
 +
<div class="presImage">
 +
<img src="https://static.igem.org/mediawiki/2014/1/13/Cloningnight.JPG" alt="meeting" />
 +
</div>
 +
<div class="presText presLeft">
 +
<p><span>Our level of enthusiasm kept us together even in the late cloning nights...</span></p>
 +
</div>
 +
</div>
-
<img src="https://static.igem.org/mediawiki/2014/thumb/2/2b/Hardwork.jpg/800px-Hardwork.jpg" alt="work" style="height:400px;" /></br>
+
<div class="presCell">
 +
<div class="presImage">
 +
<img src="https://static.igem.org/mediawiki/2014/thumb/d/d7/Meeting.jpg/800px-Meeting.jpg" alt="meeting" />
 +
</div>
 +
<div class="presText presRight">
 +
<p><span>...or the hard-working days.</span></p>
 +
</div>
 +
</div>
-
<img src="https://static.igem.org/mediawiki/2014/thumb/d/de/Teamwork.jpg/800px-Teamwork.jpg" alt="teamwork" style="height:400px;" /></br>
+
                        <div class="presCell">
 +
<div class="presImage">
 +
<img src="https://static.igem.org/mediawiki/2014/1/17/IMG_5005.JPG" alt="work" />
 +
</div>
 +
<div class="presText presLeft">
 +
<p><span>We enjoyed facing the difficulties, the unknown and the emotions every step of the way. Our best weapons: the smile, the good-mood and the desire to do greatness...</span></p>
 +
</div>
 +
</div>
-
<img src="https://static.igem.org/mediawiki/2014/thumb/4/4c/Cocadrink.jpg/800px-Cocadrink.jpg" alt="Cocadrink?" style="height:400px;" /></br>
+
<div class="presCell">
 +
<div class="presImage">
 +
<img src="https://static.igem.org/mediawiki/2014/thumb/2/2b/Hardwork.jpg/800px-Hardwork.jpg" alt="work" />
 +
</div>
 +
<div class="presText presRight">
 +
<p><span>And of course, some "girl power" always got the job done :)</span></p>
 +
</div>
 +
</div>
 +
<div class="presCell">
 +
<div class="presImage">
 +
<img src="https://static.igem.org/mediawiki/2014/8/8b/IMG_5026.JPG" alt="teamwork" />
 +
</div>
 +
<div class="presText presLeft">
 +
<p><span>And when the job was finally done, we knew only one thing: it was the time for <b>celebration</b></span></p>
 +
</div>
 +
</div>
 +
<div class="presCell">
 +
<div class="presImage">
 +
<img src="https://static.igem.org/mediawiki/2014/4/43/IMG_207675043786271_%281%29.jpeg" alt="Cocadrink?" />
 +
</div>
 +
<div class="presText presRight">
 +
<p><span>After all this work, the results followed in no time</span></p>
 +
</div>
 +
</div>
-
 
+
<div class="morePhotos">
-
 
+
<a href="#morePhotos" onclick="$('#morePhotos').slideToggle('slow')">
-
 
+
<h1>
-
 
+
<img src="https://static.igem.org/mediawiki/2014/d/d5/Insa_fleche_titre.png" width="20px" />
-
</p>
+
More photos
-
 
+
</h1>
 +
</a>
 +
<hr/>
 +
<div id="morePhotos" style="display: none;">
 +
<img src="https://static.igem.org/mediawiki/2014/9/9a/DSCN1059.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/e/e1/DSCN1074.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/f/fe/DSCN1106.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/a/a5/DSCN1107.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/9/91/DSCN1111.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/d/d2/DSCN1258.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/4/4c/DSCN1303.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/d/de/DSCN2023.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/4/43/DSCN2094.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/8/84/DSCN2095.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/a/a0/IMG_4894.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/0/08/IMG_4990.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/1/11/IMG_5015.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/e/e7/IMG_5031.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/8/82/Photo_emil.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/b/be/111.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/2/2b/222.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/1/1e/333.JPG" />
 +
<img src="https://static.igem.org/mediawiki/2014/7/75/444.JPG" />
 +
                                        <img src="https://static.igem.org/mediawiki/2014/thumb/9/9d/1stclonebirth.jpg/800px-1stclonebirth.jpg" />
 +
</div>
 +
</div>
</div>
</div>
 +

Latest revision as of 23:45, 17 October 2014

Curly'on - IGEM 2014 INSA-LYON

Curlyon Curlyon

Every now and then, our team felt that it's time to get out of the lab and have some fun. And what better than a walk in the biopole of Gerland in Lyon, our city, the one that inspired us to choose our project's name: CurLy'on.

meeting

Our level of enthusiasm kept us together even in the late cloning nights...

meeting

...or the hard-working days.

work

We enjoyed facing the difficulties, the unknown and the emotions every step of the way. Our best weapons: the smile, the good-mood and the desire to do greatness...

work

And of course, some "girl power" always got the job done :)

teamwork

And when the job was finally done, we knew only one thing: it was the time for celebration

Cocadrink?

After all this work, the results followed in no time