Team:IIT Madras

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{:Team:IIT_Madras/Template:header}}
+
{{:Team:IIT_Madras/Template:new_home}}
<html>
<html>
<head>
<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>
<style>
-
#main_content{
+
#main_container{
width:100%;
width:100%;
-
height:100%;
 
-
min-height:500px;
 
-
background:none;
 
-
position:relative;
 
-
top:-69px;
 
}
}
-
#header{
+
#block1{
-
width:100%;
+
background:url('https://static.igem.org/mediawiki/2011/2/22/Block1.png') no-repeat;
 +
position:absolute;
 +
width:334px;
height:175px;
height:175px;
-
opacity:none;
+
top:-33px;left:100px;
-
color:white;
+
display:none;
 +
cursor:pointer;
}
}
-
#header_bg{
+
#block2{
-
width:100%;
+
background:url('https://static.igem.org/mediawiki/2011/f/f0/Block2.png') no-repeat;
-
height:100%;
+
position:absolute;
-
background:white;
+
width:524px;
-
opacity:0.4;
+
height:271px;
 +
top:-104px;left:452px;display:none;
 +
cursor:pointer;
}
}
-
#header_text{
+
#block3{
-
position:relative;
+
background:url('https://static.igem.org/mediawiki/2011/b/b7/Block3.png') no-repeat;
-
top:-150px;
+
position:absolute;
-
left:-50px;
+
width:268px;
 +
height:165px;
 +
top:85px;left:630px;display:none;
 +
cursor:pointer;
}
}
-
#content_body{
+
#block4{
-
color:white;
+
background:url('https://static.igem.org/mediawiki/2011/0/06/Block4.png') no-repeat;
-
width:100%;
+
position:absolute;
-
height:100%;
+
width:391px;
-
min-height:400px;
+
height:329px;
-
background:url('https://static.igem.org/mediawiki/2011/a/a9/IITM_content_bg.png') repeat-x repeat-y;
+
top:150px;left:495px;display:none;
-
}
+
cursor:pointer;
-
#content_text{
+
-
width:70%;
+
-
position:relative;
+
-
left:25%;
+
-
text-align:right;
+
}
}
-
#content_menu{
+
#block5{
-
width:19%;height:100%;
+
background:url('https://static.igem.org/mediawiki/2011/b/bb/Block5.png') no-repeat;
position:absolute;
position:absolute;
-
top:175px; left:0;
+
width:414px;
 +
height:472px;
 +
top:26px;left:50px;display:none;
 +
cursor:pointer;
}
}
-
#content_menu ul{list-style:none;}
 
-
#content_menu ul li{ height:21px; width:80%; position:relative; top:10px; padding-left:35%; padding-top:9px; padding-bottom:2px;  }
 
-
#content_menu ul li:hover{background:#ec9f09;}
 
-
#content_menu ul li a{text-decoration:none; color:white; }
 
</style>
</style>
-
<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();
 
-
</script>
 
</head>
</head>
 +
<body>
<body>
-
<div id="main_content">
+
<img src="https://static.igem.org/mediawiki/2011/3/32/Igem-logo.png" style="position:relative; top:-60px"/>
-
<div id="header" align="right">
+
<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="header_bg"></div>
+
<div id="main_container" align="center" style="position:relative; top:-50px;">
-
<div id="header_text">
+
 
-
<h1 style="color:white;">IIT Madras</h1>
+
<img id="prex" src="https://static.igem.org/mediawiki/2011/3/36/Prex.png"  width="150px" height="51px" style="position:relative; top:30px; left:178px;"/>
-
<h3 style="color:white;">And then the E.coli said, "Let there be light"</h3></div>
+
<img id="vector" src="https://static.igem.org/mediawiki/2011/4/47/Plasmid2.png"  width="250px" height="250px" style="position:relative; top:30px; left:-28px;"/>
-
<div id="logo" align="left"><img src="https://static.igem.org/mediawiki/2011/3/32/Igem-logo.png" style="position:relative; top:-230px"/></div>
+
<div id="block1_launch" style="width:32px; height:35px; display:block; position:absolute; left:406px; top:54px; z-index:100;cursor:pointer;"></div>
-
</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="content_body">
+
<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="content_text"><p>
+
<div id="block4_launch" style="width:121px; height:97px; display:block; position:absolute; left:496px; top:176px; z-index:100;cursor:pointer;"></div>
-
<b>Proteorhodopsin, The Savior</b> <br/><br/>
+
<div id="block5_launch" style="width:90px; height:161px; display:block; position:absolute; left:397px; top:107px; z-index:100;cursor:pointer;"></div>
-
“Make ATP when the sun shines”. Proteorhodopsin, the inspiration for our motto is a proton pump, native to marine bacteria, that uses light to generate proton gradient across the cell membrane. This leads to ‘Photophosphorylation’, as the proton gradient drives ATP-synthase to produce ATP. We have designed a cloning vector containing a Proteorhodopsin generator which confers a survival advantage to transformants in nutrient limiting conditions. And thus, we propose a novel screening technique that uses metabolic stress to screen for transformants in the presence of light. In addition, using the stress alleviation due to proteorhodopsin activity, we intend to enhance the yield of recombinant proteins and substrate consumption efficiency. </p></div>
+
<div id="logo" style="width:130px; height:150px; position:absolute; top:80px; left:435px; z-index:101;"></div>
-
<div id="content_menu">
+
<div id="block1" align="left"><div style="position:relative; top:30px; left:30px;"><b>Human Practices</b></div></div>
-
<ul>
+
<div id="block2" align="right"><div style="position:relative; top:30px; left:-30px;"><b>Project</b></div></div>
-
<li><a href="https://2011.igem.org/Team:IIT_Madras">Home</a></li>
+
<div id="block3" align="right"><div style="position:relative; top:30px; left:-30px;"><b>Team</b></div></div>
-
<li><a href="https://2011.igem.org/Team:IIT_Madras/Team">Team</a></li>
+
<div id="block4" align="right"><div style="position:relative; top:50px; left:-30px;"><b>Modelling</b></div></div>
-
<li><a href="https://2011.igem.org/Team:IIT_Madras/Project">Project</a></li>
+
<div id="block5" align="left"><div style="position:relative; top:30px; left:20px;"><b>Notebook</b></div></div>
-
<li><a href="https://2011.igem.org/Team:IIT_Madras/Parts">Parts</a></li>
+
-
<li><a href="https://2011.igem.org/Team:IIT_Madras/Modeling">Modeling</a></li>
+
-
<li><a href="https://2011.igem.org/Team:IIT_Madras/Notebook">Notebook</a></li>
+
-
<li><a href="https://2011.igem.org/Team:IIT_Madras/Safety">Safety</a></li>
+
-
<li><a href="https://2011.igem.org/Team:IIT_Madras/Attributions">Attributions</a></li>
+
-
</ul>
+
-
</div>
+
</div>
</div>
 +
<div id="sponors" style=" width:100%; height:100px; position:relative; top:200px; ">
 +
Our Sponsors :
</div>
</div>
 +
</body>
</body>
</html>
</html>

Revision as of 18:49, 2 October 2011

bar

Human Practices
Project
Team
Modelling
Notebook
Our Sponsors :

Retrieved from "http://2011.igem.org/Team:IIT_Madras"