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://2014.igem.org/Team:IIT_Delhi">  
+
       <h1> <a href="https://2013.igem.org/Team:IIT_Delhi">  
-
       <span class="logo"><img src="https://static.igem.org/mediawiki/2014/c/c9/Logo.png" alt="logo" /></span></a></h1>
+
       <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="https://static.igem.org/mediawiki/2014/5/51/Fb.png" onmouseover="this.src='https://static.igem.org/mediawiki/2014/9/92/Fb1.png'" onmouseout="this.src='https://static.igem.org/mediawiki/2014/5/51/Fb.png'"/></span></a></h1>
+
       <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="https://static.igem.org/mediawiki/2014/3/39/Tweet.png" onmouseover="this.src='https://static.igem.org/mediawiki/2014/1/13/Tweet1.png'" onmouseout="this.src='https://static.igem.org/mediawiki/2014/3/39/Tweet.png'"/></span></a> </h1>
+
       <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="https://static.igem.org/mediawiki/2014/1/10/Flickr.png" onmouseover="this.src='https://static.igem.org/mediawiki/2014/4/47/Flickr1.png'" onmouseout="https://static.igem.org/mediawiki/2014/1/10/Flickr.png'"/></span></a> </h1>
+
       <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>
</body>
</html>
</html>

Revision as of 18:05, 27 May 2014

iGEM IIT Delhi

-