Team:Toulouse/template/slider
From 2014.igem.org
(Difference between revisions)
(19 intermediate revisions not shown) | |||
Line 8: | Line 8: | ||
<script src="http://fotorama.s3.amazonaws.com/4.5.2/fotorama.js"></script> <!-- 16 KB --> | <script src="http://fotorama.s3.amazonaws.com/4.5.2/fotorama.js"></script> <!-- 16 KB --> | ||
- | + | <style type="text/css"> | |
- | . | + | |
- | background-color:# | + | .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:#82C46C; text-align: center; margin-top: 70px; | ||
} | } | ||
+ | .content-slide a:hover{ | ||
+ | background-color:#22780F; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
Line 17: | Line 22: | ||
<!-------------------------------- SLIDE HEADER ---------------------------------> | <!-------------------------------- SLIDE HEADER ---------------------------------> | ||
- | <div style="position:relative;"> | + | <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="https://static.igem.org/mediawiki/2014/ | + | <center><img src="https://static.igem.org/mediawiki/2014/2/24/Hometesttoulouse.jpg" data-fit="cover" style="-webkit-filter:grayscale(0.5); -moz-filter: grayscale(50%); filter: grayscale(50%);" ></center> |
- | <img src="https://static.igem.org/mediawiki/2014/ | + | <!--<img src="https://static.igem.org/mediawiki/2014/3/39/Banderole.jpg" data-fit="cover" > |
- | <img src="https://static.igem.org/mediawiki/2014/ | + | <img src="https://static.igem.org/mediawiki/2014/4/4b/Home_4.JPG" data-fit="cover" > |
+ | <img src="https://static.igem.org/mediawiki/2014/c/c1/Banderole_exp.jpg" data-fit="cover" >--> | ||
+ | |||
</div> | </div> | ||
<div style="margin: 0 auto; width:230px;"> | <div style="margin: 0 auto; width:230px;"> | ||
- | <div style="position:absolute; top:0; text-align:center;"> | + | <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: | + | <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="https://2014.igem.org/Team:Toulouse/Project/Overviews | + | <a href="https://2014.igem.org/Team:Toulouse/Project/Overviews">Learn more</a> |
</div> | </div> | ||
</div> | </div> |
Latest revision as of 12:32, 23 February 2015