Team:IIT Delhi
From 2014.igem.org
(Difference between revisions)
Line 31: | Line 31: | ||
</head> | </head> | ||
- | <body> | + | <body > |
- | <div id="main-nav | + | <div id="main-nav" > |
<nav class="top-bar" > | <nav class="top-bar" > | ||
<ul class="title-area"> | <ul class="title-area"> | ||
<li class="name"> | <li class="name"> | ||
- | <h1> <a href="https:// | + | <h1> <a href="https://2013.igem.org/Team:IIT_Delhi"> |
- | <span class="logo"><img src=" | + | <span class="logo"><img src=".\logo.png" alt="logo" /></span></a></h1> |
</li> | </li> | ||
Line 76: | Line 76: | ||
<h1> <a href="https://www.facebook.com/igemiitdelhi2013"> | <h1> <a href="https://www.facebook.com/igemiitdelhi2013"> | ||
- | <span class="fb"><img src=" | + | <span class="fb"><img src=".\fb.png" onmouseover="this.src='fb1.png'" onmouseout="this.src='fb.png'"/></span></a></h1> |
<h1> <a href="https://twitter.com/iGEM_IIT_Delhi"> | <h1> <a href="https://twitter.com/iGEM_IIT_Delhi"> | ||
- | <span class="tweet"><img src=" | + | <span class="tweet"><img src=".\tweet.png" onmouseover="this.src='tweet1.png'" onmouseout="this.src='tweet.png'"/></span></a> </h1> |
<h1> <a href="https://www.flickr.com/photos/124095979@N04/"> | <h1> <a href="https://www.flickr.com/photos/124095979@N04/"> | ||
- | <span class="flickr"><img src=" | + | <span class="flickr"><img src=".\flickr.png" onmouseover="this.src='flickr1.png'" onmouseout="this.src='flickr.png'"/></span></a> </h1> |
</li> | </li> | ||
Line 91: | Line 91: | ||
</div> | </div> | ||
+ | |||
+ | <center> | ||
+ | |||
+ | <!--CONTENT OF HEADER STARTS--> | ||
+ | <header class="center">- | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </header> | ||
+ | <!--CONTENT OF HEADER ENDSSS--> | ||
+ | <div id="sliderFrame" style="padding-top:30px;"> | ||
+ | <div id="slider"> | ||
+ | <a target="_blank"> | ||
+ | <img src="images/image-slider-1.jpg" alt="" /> | ||
+ | </a> | ||
+ | <img src="images/image-slider-2.jpg" alt="" /> | ||
+ | <img src="images/image-slider-3.jpg" alt="" /> | ||
+ | <img src="images/image-slider-4.jpg" alt="" /> | ||
+ | <img src="images/image-slider-5.jpg" alt=""/> | ||
+ | </div> | ||
+ | <div id="htmlcaption" style="display: none;"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div style="clear:both"></div> | ||
+ | <!--CONTENT FOR DESIGN RESERVED SIZE="1000px X 200px" STARTS--> | ||
+ | |||
+ | <!--CONTENT FOR DESIGN RESERVED SIZE="1000px X 200px" STARTS--> | ||
+ | <div style="clear:both"></div> | ||
+ | |||
+ | <!--MAIN HOVER EFFECT STARTS FROM HERE--> | ||
+ | <div id="container" > | ||
+ | <div style="margin-top:30px"> | ||
+ | |||
+ | <div class="wrapper" > | ||
+ | <div class="item"> | ||
+ | <img src="C:\Users\Shashank Yadav\Desktop\igem_web\project.jpg" width="227px" height="80px" /> | ||
+ | <a href="http://www.google.com"> | ||
+ | <span class="information"><!--img src="" width="227px" height="80px"/--> </span> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="wrapper"> | ||
+ | <div class="item"> | ||
+ | <img src="C:\Users\Shashank Yadav\Desktop\igem_web\parts.jpeg" width="227px" height="80px"/> | ||
+ | <a href="http://www.google.com"> | ||
+ | <span class="information"><!--img src="images/image-slider-1.jpg" width="227px" height="80px"/--></span> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="wrapper"> | ||
+ | <div class="item"> | ||
+ | <img src="C:\Users\Shashank Yadav\Desktop\igem_web\modelling.jpg" width="227px" height="80px"/> | ||
+ | <a href="http://www.google.com"> | ||
+ | <span class="information"><!--img src="images/image-slider-1.jpg" width="227px" height="80px"/--></span> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="wrapper"> | ||
+ | <div class="item"> | ||
+ | <img src="C:\Users\Shashank Yadav\Desktop\igem_web\team.jpg" width="227px" height="80px"/> | ||
+ | <a href="http://www.google.com"> | ||
+ | <span class="information"><!--img src="images/image-slider-1.jpg" width="227px" height="80px"/--></span> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="wrapper"> | ||
+ | <div class="item"> | ||
+ | <img src="C:\Users\Shashank Yadav\Desktop\igem_web\notebook.jpg" width="227px" height="80px"/> | ||
+ | <a href="http://www.google.com"> | ||
+ | <span class="information"><!--img src="images/image-slider-1.jpg" width="227px" height="80px"/--></span> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="wrapper"> | ||
+ | <div class="item"> | ||
+ | <img src="C:\Users\Shashank Yadav\Desktop\igem_web\safety.jpg" width="227px" height="80px"/> | ||
+ | <a href="http://www.google.com"> | ||
+ | <span class="information"><!--img src="images/image-slider-1.jpg" width="227px" height="80px"/--></span> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="wrapper"> | ||
+ | <div class="item"> | ||
+ | <img src="C:\Users\Shashank Yadav\Desktop\igem_web\attribution.jpg" width="227px" height="80px"/> | ||
+ | <a href="http://www.google.com"> | ||
+ | <span class="information"><!--img src="images/image-slider-1.jpg" width="227px" height="80px"/--></span> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="wrapper"> | ||
+ | <div class="item"> | ||
+ | <img src="C:\Users\Shashank Yadav\Desktop\igem_web\sponsor.jpg" width="227px" height="80px"/> | ||
+ | <a href="http://www.google.com"> | ||
+ | <span class="information"><!--img src="images/image-slider-1.jpg" width="227px" height="80px"/--></span> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--MAIN HOVER EFFECT ENDSS FROM HERE --> | ||
+ | |||
+ | <!--CONTENT OF FOOTER-STRIP STARTS--> | ||
+ | <div id="headerstrip_bottom" style="margin-left:120px; alignment-baseline:hanging;" > | ||
+ | <nav id="navigation_bottom" > | ||
+ | <table class="hello" > | ||
+ | <tr> | ||
+ | <td><a href="http://www.google.com" title="About us" style="margin-right:42px;">About us</a></td> | ||
+ | <td><a href="http://www.google.com" title="Privacy policy" style="margin-right:42px;padding-bottom:6px;">Safety</a></td> | ||
+ | <td><a href="http://www.google.com" title="Hospitality" style="margin-right:42px;padding-bottom:6px;">Attributions</a></td> | ||
+ | <td><a href="http://www.google.com" title="Contact us" style="margin-right:42px;padding-bottom:6px;">Contact us</a></td> | ||
+ | <td><a href="http://www.google.com" title="Gallery" style="padding-bottom:6px;">Gallery</a></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </nav> | ||
+ | </div> | ||
+ | <!--CONTENT OF FOOTER-STRIP ENDS--> | ||
- | |||
</body> | </body> | ||
</html> | </html> |
Revision as of 18:05, 27 May 2014