Team:IIT Madras/Templates/modern
From 2013.igem.org
(Difference between revisions)
JunaidBabu (Talk | contribs) |
JunaidBabu (Talk | contribs) |
||
Line 1: | Line 1: | ||
- | + | {{:Team:IIT Madras/Templates/head}}<html> | |
- | + | ||
- | + | ||
- | + | ||
<style type="text/css"> | <style type="text/css"> | ||
- | + | #slideshow { | |
- | + | position: relative; | |
- | + | ||
- | + | width: 945px; | |
- | + | ||
- | + | height: 382px; | |
- | + | margin: 0 auto; | |
- | + | z-index: 10; | |
- | + | padding: 10px; | |
- | + | ||
- | + | box-shadow: 0 0 20px rgba(0,0,0,0.4); | |
- | + | ||
- | + | } | |
- | + | ||
- | + | #slideshow > div { | |
- | + | ||
+ | position: absolute; | ||
+ | |||
+ | top: 10px; | ||
+ | |||
+ | overflow: hidden; | ||
+ | left: 10px; | ||
+ | |||
+ | z-index: 9; | ||
+ | right: 10px; | ||
+ | |||
+ | bottom: 10px; | ||
+ | |||
+ | } | ||
+ | .row .team { | ||
+ | width: 55.590551%; | ||
+ | } | ||
+ | </style> | ||
+ | <div id="main" role="main" class="homepage"> | ||
- | + | ||
- | + | <div class="row hover-slides clearfix"> | |
- | + | ||
- | + | ||
- | + | <div id="slideshow"> | |
- | + | <div> | |
- | + | <img src="http://www.advantagekarnataka.com/images/investment-sector/Inner-banners_Biotech.jpg"> | |
- | + | </div> | |
- | + | <div> | |
- | <div | + | <img src="http://www.gvpedia.com/uploads/images/hyderabad_biotech.jpg"> |
- | + | </div> | |
- | <div class=" | + | <div> |
- | < | + | <img src="http://www.business-standard.com/newsimgfiles/image/biotechnology.jpg"> |
- | < | + | </div> |
- | < | + | <div> |
- | + | <img src="http://ipsnews-net.wpengine.netdna-cdn.com/Library/2013/05/biotech640-629x419.jpg"> | |
- | + | </div> | |
- | + | </div> | |
+ | |||
+ | |||
+ | </div> | ||
+ | <div class="row team-form"> | ||
+ | <div class="onecol first team" > | ||
+ | |||
+ | |||
+ | <img src="https://static.igem.org/mediawiki/2013/5/52/Igem_iitm_2013_team.jpg"> | ||
+ | |||
+ | |||
+ | <h3> | ||
+ | <a href="https://2013.igem.org/Team:IIT_Madras/Team" >The Team</a> | ||
+ | </h3> | ||
+ | <!-- <p> | ||
+ | Something about the iGEM IITM Team. | ||
+ | </p> --> | ||
+ | </div> | ||
+ | |||
+ | <div class="onecol last form"> | ||
+ | <h2> | ||
+ | Updates | ||
+ | </h2> | ||
+ | <marquee behavior="scroll" direction="up">Am I going up?</marquee> | ||
+ | </div> | ||
</div> | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</div> | </div> | ||
- | + | <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> | |
+ | </script> | ||
+ | <script type="text/javascript"> | ||
+ | $("#slideshow > div:gt(0)").hide(); | ||
+ | |||
+ | setInterval(function() { | ||
+ | |||
+ | $('#slideshow > div:first') | ||
+ | .fadeOut(1000) | ||
+ | .next() | ||
+ | .fadeIn(1000) | ||
+ | .end() | ||
+ | .appendTo('#slideshow'); | ||
+ | } | ||
+ | , 3000); | ||
+ | </script> | ||
- | </html> | + | </html>{{:Team:IIT Madras/Templates/foot}} |
Revision as of 12:43, 20 September 2013