Team:Toulouse/template/slider

From 2014.igem.org

(Difference between revisions)
 
(14 intermediate revisions not shown)
Line 11: Line 11:
.content-slide a{
.content-slide a{
-
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding: 15px 30px 15px; color: white; text-decoration: none; font-size: 20px; display: inline-block; width: 130px; background-color:#2ecc71; text-align: center; margin-top: 70px;
+
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding: 15px 30px 15px; color: white; text-decoration: none; font-size: 20px; display: inline-block; width: 130px; background-color:#82C46C; text-align: center; margin-top: 70px;
}
}
.content-slide a:hover{
.content-slide a:hover{
-
background-color:#1bad59;
+
background-color:#22780F;
}
}
-
.wrapper-slide::after{
 
-
content:'zdzddzd';
 
-
background-color:white;
 
-
width:100%
 
-
height:39px;
 
-
position:absolute;
 
-
bottom:180px;
 
-
}
 
</style>
</style>
Line 32: Line 24:
<div style="position:relative; class="wrapper-slide">
<div style="position:relative; class="wrapper-slide">
   <div class="fotorama" data-width="100%" data-fit="contain" data-nav="false"  data-ratio="3.2" data-height="690px" data-loop="true" style="margin-top:35px;-webkit-filter: grayscale(0.3);">
   <div class="fotorama" data-width="100%" data-fit="contain" data-nav="false"  data-ratio="3.2" data-height="690px" data-loop="true" style="margin-top:35px;-webkit-filter: grayscale(0.3);">
-
     <img src="http://2014.igem.org/wiki/images/8/89/Toulouse_Home_1.JPG" data-fit="cover" style="-webkit-filter:grayscale(0.5); -moz-filter: grayscale(50%); filter: grayscale(50%);" >
+
     <center><img src="http://2014.igem.org/wiki/images/2/24/Hometesttoulouse.jpg" data-fit="cover" style="-webkit-filter:grayscale(0.5); -moz-filter: grayscale(50%); filter: grayscale(50%);" ></center>
-
     <img src="http://2014.igem.org/wiki/images/9/95/Toulouse_Home_2.JPG" data-fit="cover" >
+
     <!--<img src="http://2014.igem.org/wiki/images/3/39/Banderole.jpg" data-fit="cover" >
-
     <img src="http://2014.igem.org/wiki/images/3/36/Toulouse_Home_3.jpg" data-fit="cover" >
+
    <img src="http://2014.igem.org/wiki/images/4/4b/Home_4.JPG" data-fit="cover" >
 +
     <img src="http://2014.igem.org/wiki/images/c/c1/Banderole_exp.jpg" data-fit="cover" >-->
 +
   
   </div>
   </div>
Line 40: Line 34:
     <div style="position:absolute; top:0; text-align:center;" class="content-slide">
     <div style="position:absolute; top:0; text-align:center;" class="content-slide">
       <h1 style="font-size:54px; color:white; margin-top: 120px; text-shadow: 2px 2px 2px rgba(0,0,0, 0.60);">SubtiTree</h1>
       <h1 style="font-size:54px; color:white; margin-top: 120px; text-shadow: 2px 2px 2px rgba(0,0,0, 0.60);">SubtiTree</h1>
-
       <p style="font-size:30px; color:white; margin-top: 80px; text-shadow: 2px 2px 2px rgba(0,0,0, 0.60);">Save our trees</p>
+
       <p style="font-size:30px; color:white; margin-top: 30px; text-shadow: 2px 2px 2px rgba(0,0,0, 0.60);">Save our trees</p>
       <a href="http://2014.igem.org/Team:Toulouse/Project/Overviews">Learn more</a>
       <a href="http://2014.igem.org/Team:Toulouse/Project/Overviews">Learn more</a>
   </div>
   </div>

Latest revision as of 12:32, 23 February 2015

SubtiTree

Save our trees

Learn more