"
Team:IIT Madras/new
From 2013.igem.org
(Difference between revisions)
JunaidBabu (Talk | contribs) |
JunaidBabu (Talk | contribs) |
||
| Line 1: | Line 1: | ||
| - | {{:Team:IIT Madras/Templates/head}} | + | {{:Team:IIT Madras/Templates/head}}<html> |
| - | + | ||
| - | <html> | + | |
| + | <style type="text/css"> | ||
| + | #slideshow { | ||
| + | |||
| + | position: relative; | ||
| + | |||
| + | width: 670px; | ||
| + | |||
| + | height: 300px; | ||
| + | |||
| + | 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; | ||
| + | |||
| + | } | ||
| + | </style> | ||
<div id="main" role="main" class="homepage"> | <div id="main" role="main" class="homepage"> | ||
| - | + | ||
<div class="row hover-slides clearfix"> | <div class="row hover-slides clearfix"> | ||
<div class="onecol first hover-text"> | <div class="onecol first hover-text"> | ||
| Line 14: | Line 44: | ||
<p> | <p> | ||
| - | descrition of the project here... | + | descrition of the project here... |
| + | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum | ||
</p> | </p> | ||
<a href="#" class="button green more-info"> | <a href="#" class="button green more-info"> | ||
| Line 25: | Line 56: | ||
<div id="slideshow"> | <div id="slideshow"> | ||
| - | + | <div> | |
| - | + | <img src="http://www.advantagekarnataka.com/images/investment-sector/Inner-banners_Biotech.jpg"> | |
| - | + | </div> | |
| - | + | <div> | |
| - | + | <img src="http://www.gvpedia.com/uploads/images/hyderabad_biotech.jpg"> | |
| - | + | </div> | |
| - | + | <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> | </div> | ||
</div> | </div> | ||
<div class="row team-form"> | <div class="row team-form"> | ||
<div class="onecol first"> | <div class="onecol first"> | ||
| - | + | ||
| - | < | + | |
| - | + | <img src="https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-ash3/945977_532291323509340_604491180_n.jpg" alt="The Sort team"> | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
<h3> | <h3> | ||
Team! | Team! | ||
| Line 92: | Line 88: | ||
</div> | </div> | ||
<div class="onecol"> | <div class="onecol"> | ||
| - | + | <img src="http://upload.wikimedia.org/wikipedia/commons/2/25/Icon-round-Question_mark.jpg" alt="The Sort team"> | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
<h3> | <h3> | ||
Branding?? | Branding?? | ||
| Line 108: | Line 100: | ||
Updates | Updates | ||
</h2> | </h2> | ||
| - | < | + | <marquee behavior="scroll" direction="up">Updates automatically scrolling will be here.</marquee> |
| - | + | ||
| - | + | ||
</div> | </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> | ||
| + | |||
| - | {{:Team:IIT Madras/Templates/foot}} | + | </html>{{:Team:IIT Madras/Templates/foot}} |
Revision as of 19:31, 5 September 2013
Indian Institute of Technology Madras
Team!
Something about the iGEM IITM Team.
Branding??
