Team:IIT Delhi

From 2014.igem.org

(Difference between revisions)
m
Line 4: Line 4:
<body>
<body>
-
<div style="background-color:white width:1500px;height:700px">
+
<div id="main-nav">
-
<div style="background-color:white; position:absolute; top:45px; left:50px; width:500px; height:700px">
+
  <nav class="top-bar" >
-
<img src="https://static.igem.org/mediawiki/2014/1/10/Gears.gif" alt="Smiley face" style="width:500px">
+
  <ul class="title-area">
-
</div>
+
      <li class="name">
-
<div style="position:absolute; top:320px; left:175px; width:150px">
+
     
-
<img src="https://static.igem.org/mediawiki/2014/1/10/Logo_copy.png" alt="Smiley face" style="width:150px; top:-200px">
+
      <h1> <a href="https://2013.igem.org/Team:IIT_Delhi">
-
</div>
+
      <span class="logo"><img src=".\logo.png" alt="logo" /></span></a></h1>
-
<div style="position:absolute; top:100px; left:450px">
+
      </li>
-
<h1 style="font-family:open sans; color:#0399f8">Site: Under Construction</h1>
+
     
-
<h3 style="font-family:open sans; color:black; position:absolute; top:55px; left:50px">Coming Soon </h3>
+
    </ul>
-
<img src="https://static.igem.org/mediawiki/2014/4/42/Loading.gif" alt="loading gif" style="position:absolute; top:14px; left:165px">
+
   
-
<img src="https://static.igem.org/mediawiki/2014/c/c8/UnderConstruction.jpg" alt="under_construction image" style="position:absolute; top:120px">
+
    <section class="top-bar-section">
-
 
+
     
-
<p style="position:absolute; left:400px; top:-50px; width:400px">Edit : <a href="https://2014.igem.org/wiki/index.php?title=Team:IIT_Delhi&action=edit"> Click Here</a></p>
+
      <!-- Left Nav Section -->
-
</div>
+
      <div id="main-menu" style=" padding-left: 0px;">
-
 
+
      <ul class="left nav">
 +
        <li ><a href="#home" >Home</a></li>
 +
        <li><a href="#events" >Project</a>
 +
            <ul class="dropdown">
 +
      <li><a href="https://2013.igem.org/Team:IIT_Delhi/Project" id="overview">Overview</a></li>
 +
      <li><a href="https://2013.igem.org/Team:IIT_Delhi/Idea" id="motivation">Motivation</a></li>
 +
      <li><a href="https://2013.igem.org/Team:IIT_Delhi/Model" id="model">The Model</a></li>
 +
      <li><a href="https://2013.igem.org/Team:IIT_Delhi/Biobrick" id="biobricks">Biobricks Submitted</a></li>
 +
    </ul>
 +
           
 +
           
 +
           
 +
           
 +
            </li>
 +
        <li><a href="#festival-pass" >Parts</a></li>
 +
            <li><a href="#festival-pass" >Modeling</a></li>
 +
        <li><a href="#composers" >Team</a></li>
 +
        <li><a href="#connect" >Notebook</a></li>
 +
            <li><a href="#festival-pass" >Safety</a></li>
 +
        <li><a href="#press" >Attributions</a></li>
 +
        <li><a href="#venues" >Sponsors</a></li>
 +
      </ul>
 +
      </div>
 +
      </section>
 +
      <!-- Right Nav Section -->
 +
      <ul class="title-area">
 +
      <li class="name">
 +
     
 +
      <h1> <a href="https://www.facebook.com/igemiitdelhi2013">
 +
      <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">  
 +
      <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/">
 +
      <span class="flickr"><img src=".\flickr.png" onmouseover="this.src='flickr1.png'" onmouseout="this.src='flickr.png'"/></span></a> </h1>
 +
      </li>
 +
     
 +
    </ul>
 +
   
 +
    </section>
 +
  </nav>
</div>
</div>
</body>
</body>
</html>
</html>

Revision as of 09:22, 27 May 2014