|
|
(9 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | {{:Team:IIT_Madras/Template:new_home}}
| |
| | | |
- | <html>
| |
- | <head>
| |
- | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"/></script>
| |
- | <script type="text/javascript">
| |
- | jQuery( document ).ready( function( $ ) {
| |
- |
| |
- | $("#block1_launch").hover(function(){
| |
- | $("#block1").show();
| |
- | },
| |
- | function(){
| |
- | $("#block1").stop().hide();
| |
- | });
| |
- |
| |
- | $("#block2_launch").hover(function(){
| |
- | $("#block2").show();
| |
- | },
| |
- | function(){
| |
- | $("#block2").stop().hide();
| |
- | });
| |
- |
| |
- | $("#block3_launch").hover(function(){
| |
- | $("#block3").show();
| |
- | },
| |
- | function(){
| |
- | $("#block3").stop().hide();
| |
- | });
| |
- |
| |
- | $("#block4_launch").hover(function(){
| |
- | $("#block4").show();
| |
- | },
| |
- | function(){
| |
- | $("#block4").stop().hide();
| |
- | });
| |
- |
| |
- | $("#block5_launch").hover(function(){
| |
- | $("#block5").show();
| |
- | },
| |
- | function(){
| |
- | $("#block5").stop().hide();
| |
- | });
| |
- |
| |
- | $("#block1_launch").click(function(){
| |
- | window.location="https://2011.igem.org/Team:IIT_Madras/Human Practices";
| |
- | });
| |
- |
| |
- | $("#block2_launch").click(function(){
| |
- | window.location="https://2011.igem.org/Team:IIT_Madras/Project";
| |
- | });
| |
- |
| |
- | $("#block3_launch").click(function(){
| |
- | window.location="https://2011.igem.org/Team:IIT_Madras/Team";
| |
- | });
| |
- |
| |
- | $("#block4_launch").click(function(){
| |
- | window.location="https://2011.igem.org/Team:IIT_Madras/Modelling";
| |
- | });
| |
- |
| |
- | $("#block5_launch").click(function(){
| |
- | window.location="https://2011.igem.org/Team:IIT_Madras/Notebook";
| |
- | });
| |
- |
| |
- | });
| |
- |
| |
- | </script>
| |
- | <style>
| |
- | #main_container{
| |
- | width:100%;
| |
- | }
| |
- | #block1{
| |
- | background:url('https://static.igem.org/mediawiki/2011/2/22/Block1.png') no-repeat;
| |
- | position:absolute;
| |
- | width:334px;
| |
- | height:175px;
| |
- | top:-33px;left:100px;
| |
- | display:none;
| |
- | cursor:pointer;
| |
- | }
| |
- | #block2{
| |
- | background:url('https://static.igem.org/mediawiki/2011/f/f0/Block2.png') no-repeat;
| |
- | position:absolute;
| |
- | width:524px;
| |
- | height:271px;
| |
- | top:-104px;left:452px;display:none;
| |
- | cursor:pointer;
| |
- | }
| |
- | #block3{
| |
- | background:url('https://static.igem.org/mediawiki/2011/b/b7/Block3.png') no-repeat;
| |
- | position:absolute;
| |
- | width:268px;
| |
- | height:165px;
| |
- | top:85px;left:630px;display:none;
| |
- | cursor:pointer;
| |
- | }
| |
- | #block4{
| |
- | background:url('https://static.igem.org/mediawiki/2011/0/06/Block4.png') no-repeat;
| |
- | position:absolute;
| |
- | width:391px;
| |
- | height:329px;
| |
- | top:150px;left:495px;display:none;
| |
- | cursor:pointer;
| |
- | }
| |
- | #block5{
| |
- | background:url('https://static.igem.org/mediawiki/2011/b/bb/Block5.png') no-repeat;
| |
- | position:absolute;
| |
- | width:414px;
| |
- | height:472px;
| |
- | top:26px;left:50px;display:none;
| |
- | cursor:pointer;
| |
- | }
| |
- | </style>
| |
- | </head>
| |
- |
| |
- | <body>
| |
- | <img src="https://static.igem.org/mediawiki/2011/3/32/Igem-logo.png" style="position:relative; top:-60px"/>
| |
- | <img src="https://static.igem.org/mediawiki/2011/d/d7/200px-IIT_Madras_Logo.png" width="100px" height="100px;" style="position:relative; top:-60px; left:-10px;" align="right"/>
| |
- | <div id="main_container" align="center" style="position:relative; top:-50px;">
| |
- |
| |
- | <img id="prex" src="https://static.igem.org/mediawiki/2011/3/36/Prex.png" width="200px" height="68px" style="position:relative; top:30px; left:50px;"/>
| |
- | <img id="vector" src="https://static.igem.org/mediawiki/2011/4/47/Plasmid2.png" width="250px" height="250px" style="position:relative; top:30px; left:50px;"/>
| |
- | <div id="block1_launch" style="width:32px; height:35px; display:block; position:absolute; left:406px; top:54px; z-index:100;cursor:pointer;"></div>
| |
- | <div id="block2_launch" style="width:120px; height:65px; display:block; position:absolute; left:483px; top:22px; z-index:100;cursor:pointer;"></div>
| |
- | <div id="block3_launch" style="width:23px; height:48px; display:block; position:absolute; left:596px; top:122px; z-index:100;cursor:pointer;"></div>
| |
- | <div id="block4_launch" style="width:121px; height:97px; display:block; position:absolute; left:496px; top:176px; z-index:100;cursor:pointer;"></div>
| |
- | <div id="block5_launch" style="width:90px; height:161px; display:block; position:absolute; left:397px; top:107px; z-index:100;cursor:pointer;"></div>
| |
- | <div id="logo" style="width:130px; height:150px; position:absolute; top:80px; left:435px; z-index:101;"></div>
| |
- | <div id="block1" align="left"><div style="position:relative; top:30px; left:30px;"><b>Human Practices</b></div></div>
| |
- | <div id="block2" align="right"><div style="position:relative; top:30px; left:-30px;"><b>Project</b></div></div>
| |
- | <div id="block3" align="right"><div style="position:relative; top:30px; left:-30px;"><b>Team</b></div></div>
| |
- | <div id="block4" align="right"><div style="position:relative; top:50px; left:-30px;"><b>Modelling</b></div></div>
| |
- | <div id="block5" align="left"><div style="position:relative; top:30px; left:20px;"><b>Notebook</b></div></div>
| |
- | </div>
| |
- | <div id="sponors" style="background:black; width:100%; height:100px; position:relative; top:200px; "></div>
| |
- |
| |
- | </body>
| |
- | </html>
| |