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">