Team:IIT Delhi

From 2014.igem.org

(Difference between revisions)
Line 6: Line 6:
[[Team:IIT_Delhi/foundation.CSS]]
[[Team:IIT_Delhi/foundation.CSS]]
[[Team:IIT_Delhi/style.CSS]]
[[Team:IIT_Delhi/style.CSS]]
 +
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 +
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 +
    <meta name="description" content="iGEM 2014 IIT Delhi">
 +
    <meta name="keywords" content="biotech, biobricks, parts, notebook,  bio, chem, iit, delhi, hauz khas , new delhi, molecular biology,  genetics, synthetic, biology, competition, iGEM, MIT, USA">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <meta http-equiv="cache-control" content="public" />
 +
    <link href="https://2014.igem.org/wiki/index.php?title=Team:IIT_Delhi/js-image-slider.CSS" rel="stylesheet" type="text/css" />
 +
    <script src="https://2014.igem.org/wiki/index.php?title=Team:IIT_Delhi/js-image-slider.js" type="text/javascript"></script>
 +
    <link href="https://2014.igem.org/wiki/index.php?title=Team:IIT_Delhi/generic.CSS" rel="stylesheet" type="text/css" />
 +
   
 +
<title>iGEM IIT Delhi</title>
 +
<link rel="shortcut icon" href=".\favicon.ico">
 +
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
 +
    <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:IIT_Delhi/home.CSS"/>
 +
<link rel="stylesheet" href="https://2014.igem.org/wiki/index.php?title=Team:IIT_Delhi/reveal.CSS">
 +
    <link rel="stylesheet" href="https://2014.igem.org/wiki/index.php?title=Team:IIT_Delhi/foundation.CSS" />
 +
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/wiki/index.php?title=Team:IIT_Delhi/style.CSS" />
 +
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:400italic' rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700' rel='stylesheet' type='text/css'>
 +
 +
 +
</head>
 +
 +
<body>
 +
<div id="main-nav">
 +
  <nav class="top-bar" >
 +
  <ul class="title-area">
 +
      <li class="name">
 +
     
 +
      <h1> <a href="https://2014.igem.org/Team:IIT_Delhi">
 +
      <span class="logo"><img src=".\logo.png" alt="logo" /></span></a></h1>
 +
      </li>
 +
     
 +
    </ul>
 +
   
 +
    <section class="top-bar-section">
 +
     
 +
      <!-- Left Nav Section -->
 +
      <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>
 +
 +
 +
  <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>

Revision as of 10:41, 27 May 2014

Team:IIT_Delhi/js-image-slider.CSS Team:IIT_Delhi/js-image-slider.js Team:IIT_Delhi/generic.CSS Team:IIT_Delhi/home.CSS Team:IIT_Delhi/reveal.CSS Team:IIT_Delhi/foundation.CSS Team:IIT_Delhi/style.CSS <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> iGEM IIT Delhi

-