Difference between revisions of "Team:TP CC-SanDiego/test-abishek"

m (navbar urls)
 
(276 intermediate revisions by 2 users not shown)
Line 3: Line 3:
 
<meta name="viewport" content="width=device-width, initial-scale=1" />
 
<meta name="viewport" content="width=device-width, initial-scale=1" />
 
     <meta charset="utf-8" />
 
     <meta charset="utf-8" />
 +
    <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
 +
<link href='https://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
 +
<link href='https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700' rel='stylesheet' type='text/css'>
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
−
 
 
     <script>
 
     <script>
 
function setHeight() {
 
function setHeight() {
−
var winheight = $(window).height() - 49;
+
var winheight = ($(window).height() - 180)/2;
−
$('#content-wrapper').css("margin-top", winheight)
+
$('#slider').css("margin-top", winheight);
 +
$('#slider').css("margin-bottom", winheight - 50)
 
}
 
}
 +
</script>
 +
<script type="text/javascript">
 +
$(window).scroll(function(){
 +
var winheight = $(window).height() - 67;
 +
var mn = $("#nav-wrapper");
 +
var mn2 = $("#nav");
 +
var nextdiv = $("#content-wrapper");
 +
if($(window).scrollTop() > winheight){
 +
mn.addClass("fixed");
 +
mn2.addClass("marginRight")
 +
nextdiv.css("padding-top", "50px");
 +
}
 +
else{
 +
mn.removeClass("fixed");
 +
mn2.removeClass("marginRight")
 +
nextdiv.css("padding-top", "0px");
 +
}
 +
});
 
</script>
 
</script>
 
<style>
 
<style>
Line 38: Line 59:
  
 
body {  
 
body {  
−
background: url(http://s3.amazonaws.com/TimeScapes/images/stills/4k/big_sur.jpg) no-repeat center center fixed;
+
background: url(https://static.igem.org/mediawiki/2015/7/7c/Tpcc-homebackground.jpg) no-repeat center center fixed;
 
-moz-background-size: cover;
 
-moz-background-size: cover;
 
-webkit-background-size: cover;
 
-webkit-background-size: cover;
Line 45: Line 66:
 
}
 
}
  
−
#content-wrapper{
+
#whole-wrapper{
−
width: 100%;
+
 
height: auto;
 
height: auto;
−
background-color: white;
+
width: auto;
−
z-index: 100;
+
 
}
 
}
  
 
#nav-wrapper{
 
#nav-wrapper{
−
width: 100%;
+
width: 101%;
 
height: 50px;
 
height: 50px;
−
background-color: white;
+
background-color: #333333;
 +
z-index: 100;
 
line-height: 50px;
 
line-height: 50px;
 +
font-family: Verdana;
 
}
 
}
  
−
#navbar{
+
#nav{
 
width: 1100px;
 
width: 1100px;
−
height: inherit;
 
 
margin: 0 auto 0 auto;
 
margin: 0 auto 0 auto;
 +
font-family: Montserrat;
 +
font-size: 14px;
 +
font-weight: 700;
 
}
 
}
−
</style>
 
−
</head>
 
  
−
<body onload="setHeight()">
+
#nav a{
−
<div id="content-wrapper">
+
padding-left: 20px;
−
<div id="#nav-wrapper">
+
color: #f2f2f2;
−
<div id="navbar">
+
font-weight: 400;
−
Hello World!
+
text-decoration: none;
−
</div>
+
}
−
</div>
+
−
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eleifend viverra mauris, id molestie eros facilisis sed. Integer dignissim maximus facilisis. Etiam mollis nisi in mauris efficitur pharetra. Duis laoreet gravida justo, vitae fermentum dolor consequat accumsan. Aliquam imperdiet nunc ac libero tempus, eu lobortis orci maximus. Quisque ac tincidunt lorem. Donec nec leo ac metus dictum porta non non leo. Etiam auctor, justo sed volutpat sagittis, sem nisi aliquam tellus, quis gravida augue mauris non lacus. Nullam sed consequat orci, at aliquam nunc. In pharetra convallis magna eget cursus. Donec tincidunt posuere nisi et tempor. Mauris sit amet dapibus ipsum. Morbi vel mauris ac ipsum bibendum varius.
+
  
−
Praesent eget nisl nibh. Ut aliquam nulla nisl, nec mattis augue rutrum id. Etiam tortor ante, fringilla sit amet elit vel, ornare imperdiet libero. Nulla facilisi. Pellentesque tempus libero et massa semper vulputate. Cras a felis porta lacus dictum ornare porta vitae nibh. Nam id enim eu tortor lacinia lobortis. Mauris maximus urna semper massa euismod faucibus. Maecenas pretium porttitor nulla at faucibus. Etiam ullamcorper sem ut turpis ullamcorper, vel laoreet ipsum ornare. Fusce ut justo eu ex porta fringilla. Phasellus pulvinar libero a lacus porta ornare. Nam tortor neque, efficitur laoreet nunc eget, consequat fringilla justo. Ut quis bibendum tellus. Suspendisse sem lacus, efficitur non auctor quis, ultricies id est.
+
#nav a:hover{
 +
color: #f15258;
 +
-webkit-transition: color .1s ease-in;
 +
text-decoration: none;
 +
}
  
−
Praesent luctus maximus accumsan. Aliquam quis lacus id tellus tincidunt aliquet. Cras varius commodo aliquet. Aliquam aliquam nunc vel mauris mattis varius. Nunc congue, orci vel dapibus suscipit, quam metus lacinia felis, a ullamcorper nunc quam et velit. Nunc varius lorem eu turpis sagittis, eget scelerisque mauris faucibus. Pellentesque cursus condimentum turpis, sed consequat enim congue non. Maecenas condimentum in velit vitae rutrum. Nunc eu magna at arcu viverra rutrum. Praesent at semper lacus, non pharetra metus. Integer facilisis placerat magna, at tempor sapien sodales eu. Cras fringilla mi non nisl feugiat, id sagittis massa commodo. Sed ultricies a justo et ultricies.
+
#content-wrapper{
 +
width: 101%;
 +
height: auto;
 +
overflow: hidden;
 +
background-color: white;
 +
padding-bottom: 20px;
 +
}
  
−
Integer vulputate imperdiet enim a fermentum. Mauris in nisl sapien. Quisque purus justo, pretium sed leo sit amet, rutrum ornare purus. Duis vitae arcu eleifend, dapibus diam et, pellentesque est. Nam eget elit vitae arcu ultricies blandit. Suspendisse in eleifend massa. Aliquam aliquam vel ex nec malesuada. Nullam gravida massa at turpis malesuada sodales. Cras at ex at nibh elementum molestie.
+
#nav-right{
 +
width: 500px;
 +
float: right;
 +
text-align: right;
 +
}
 +
 
 +
.fixed{
 +
position: fixed;
 +
top: 18px;
 +
width: 100%;
 +
bottom: 50px;
 +
}
 +
 
 +
.marginRight{
 +
padding-left: 1%;
 +
}
 +
 
 +
#content{
 +
width: auto;
 +
margin: 0 auto 0 auto;
 +
padding: 0;
 +
margin: 0;
 +
}
 +
 
 +
h2{
 +
font-family: Poppins;
 +
font-size: 36px;
 +
font-weight: 100;
 +
border-bottom: none;
 +
line-height: 40px;
 +
margin-bottom: -20px;
 +
}
 +
 
 +
h5{
 +
font-family: Poppins;
 +
font-size: 18px;
 +
font-weight: 100;
 +
border-bottom: none;
 +
line-height: 40px;
 +
margin-bottom: -20px;
 +
}
 +
 
 +
p{
 +
font-family: Montserrat;
 +
font-size: 12px;
 +
color: #333;
 +
font-weight: 400;
 +
}
 +
 
 +
#outer{
 +
height: 400px;
 +
width: 100%;
 +
background-image: url(https://static.igem.org/mediawiki/2015/b/b0/Tpcc-homesection1.jpg);
 +
background-size: cover;
 +
margin: 0px 0px 40px 0px;
 +
}
 +
 
 +
#outerRight{
 +
height: 400px;
 +
width: 100%;
 +
background-image: url(https://static.igem.org/mediawiki/2015/e/e6/Tpcc-homesection2.jpg);
 +
background-size: cover;
 +
margin: 20px 0px 20px 0px;
 +
}
 +
 
 +
#inner{
 +
width: 1100px;
 +
height: 400px;
 +
overflow: hidden;
 +
margin: 0 auto 0 auto;
 +
}
 +
 
 +
#finalinner{
 +
width: 250px;
 +
height: 380px;
 +
float: left;
 +
background-color: white;
 +
padding: 18px 75px 0 35px;
 +
background-color: #f2f2f2;
 +
border-top: 2px solid #f15258;
 +
}
 +
 
 +
#finalinnerRight{
 +
width: 250px;
 +
height: 380px;
 +
float: right;
 +
background-color: white;
 +
padding: 18px 35px 0 75px;
 +
text-align: right;
 +
background-color: #f2f2f2;
 +
border-top: 2px solid #f15258;
 +
}
 +
 
 +
#team-wrap{
 +
width: 1000px;
 +
height: auto;
 +
overflow: hidden;
 +
margin: 20px auto 20px auto;
 +
background-color: #f2f2f2;
 +
text-align: center;
 +
padding: 50px 50px 56px 50px;
 +
}
 +
 
 +
#team{
 +
height: 450px;
 +
width: 250px;
 +
float: left;
 +
margin-right: 33.3px;
 +
background-color: #f2f2f2;
 +
margin-bottom: 25px;
 +
}
 +
 
 +
#team img{
 +
margin-bottom: 15px;
 +
}
 +
 
 +
.name{
 +
font-family: Poppins;
 +
font-size: 24px;
 +
font-weight: 100;
 +
margin-left: 10px;
 +
}
 +
 
 +
#inner a{
 +
color: #f15258;
 +
font-weight: 700;
 +
font-size: 12px;
 +
font-family: Montserrat;
 +
border: 2px solid #f15258;
 +
padding: 5px 10px 5px 10px;
 +
}
 +
 
 +
#inner a:hover{
 +
color: white;
 +
font-weight: 700;
 +
font-size: 12px;
 +
font-family: Montserrat;
 +
background-color: #f15258;
 +
border: 2px solid #f15258;
 +
padding: 5px 10px 5px 10px;
 +
text-decoration: none;
 +
}
 +
 
 +
#team-wrap a{
 +
color: #f15258;
 +
font-weight: 700;
 +
font-size: 12px;
 +
font-family: Montserrat;
 +
border: 2px solid #f15258;
 +
padding: 5px 10px 5px 10px;
 +
}
 +
 
 +
#team-wrap a:hover{
 +
color: white;
 +
font-weight: 700;
 +
font-size: 12px;
 +
font-family: Montserrat;
 +
background-color: #f15258;
 +
border: 2px solid #f15258;
 +
padding: 5px 10px 5px 10px;
 +
text-decoration: none;
 +
}
 +
 
 +
#borderBot{
 +
border-bottom: 2px solid #f15258;
 +
width: 50px;
 +
}
 +
 
 +
#slider{
 +
width: 648px;
 +
height: 140px;
 +
margin: 0 auto 0 auto;
 +
font-family: Poppins;
 +
font-size: 128px;
 +
color: white;
 +
font-weight: 500;
 +
line-height: 140px;
 +
padding: 20px 30px 8px 30px;
 +
border: 5px solid #f15258;
 +
color: #f15258;
 +
}
 +
</style>
 +
</head>
 +
 
 +
<body onload="setHeight()">
 +
<div id="whole-wrapper">
 +
<div id="slider">
 +
CHITINASE
 +
</div>
 +
<div id="nav-wrapper">
 +
<div id="nav">
 +
<span style="color: #f15258; border: 2px solid #f15258; padding: 5px 10px 5px 10px;">T P - C C</span>
 +
<div id="nav-right">
 +
        <a href="https://2015.igem.org/Team:TP_CC-SanDiego">
 +
        HOME</a>
 +
        <a href="https://2015.igem.org/Team:TP_CC-SanDiego/Description">
 +
        PROJECT</a> <!-- Overview, Experiments/Protocols, Safety, Results -->
 +
        <a href="https://2015.igem.org/Team:TP_CC-SanDiego/Notebook">
 +
        NOTEBOOK</a>
 +
        <a href="https://2015.igem.org/Team:TP_CC-SanDiego/Practices">
 +
        OUTREACH</a> <!-- Collaborations -->
 +
        <a href="https://2015.igem.org/Team:TP_CC-SanDiego/Team">
 +
        TEAM</a> <!-- Attributions -->
 +
</div>
 +
</div>
 +
</div>
 +
<div id="content-wrapper">
 +
<div id="content">
 +
<div id="outer">
 +
<div id="inner">
 +
<div id="finalinner">
 +
<h2 style="margin-bottom: 0px;">PROJECT OVERVIEW</h2>
 +
<div id="borderBot"></div><br><br>
 +
<p style="margin-bottom: 15px;">
 +
Around the world, fungal diseases are decimating crop yields and hindering agricultral efficiency. Our project seeks to create a safe, natural fungicide through the bacterial secretion of chitinase.
 +
</p>
 +
<a href="https://2015.igem.org/Team:TP_CC-SanDiego/Description">FIND OUT MORE</a>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="outerRight">
 +
<div id="inner">
 +
<div id="finalinnerRight">
 +
<h2 style="margin-bottom: 0px;">NOTEBOOK</h2>
 +
<div id="borderBot" style="float: right;"></div><br><br>
 +
<p style="margin-bottom: 15px;">Over several months in the lab, we've gone from concept to completion in creating an E. coli strain that synthesizes and secretes chitinase. Have an inside look at the processes and procedures that led to our success. </p>
 +
<a  href="https://2015.igem.org/Team:TP_CC-SanDiego/Notebook">FIND OUT MORE</a>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
  
−
Suspendisse potenti. Sed lorem ligula, vehicula et aliquet in, pulvinar non metus. Curabitur vitae ultrices nulla, non finibus ligula. Duis euismod lorem eu libero rhoncus, at vehicula lacus lobortis. Vivamus eget metus vitae felis ultrices commodo vestibulum at erat. Mauris vel interdum massa. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut tempor, erat vel consectetur pellentesque, justo dui ullamcorper mauris, at tincidunt odio mi eu tortor. Praesent pretium eu felis in facilisis. Suspendisse vehicula arcu sed sollicitudin facilisis.
+
<div id="content" style="padding-top: 16px; padding-bottom: 10px;">
 +
<div id="team-wrap">
 +
<h2>
 +
THE TEAM MEMBERS OF TP_CC-SANDIEGO iGEM THAT MADE THIS PROJECT POSSIBLE
 +
</h2>
 +
<a href="https://2015.igem.org/Team:TP_CC-SanDiego/Team">MEET THE TEAM</a>
 +
<!--<div id="team">
 +
<img src="http://whysquare.co.nz/wp-content/uploads/2013/07/profile_square3-270x270.jpg" width="250" />
 +
<span class="name">ERIC CHEN</span>
 +
</div>-->
 +
</div>
 +
</div>
 +
</div>
 
</div>
 
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 16:38, 18 September 2015

CHITINASE

PROJECT OVERVIEW



Around the world, fungal diseases are decimating crop yields and hindering agricultral efficiency. Our project seeks to create a safe, natural fungicide through the bacterial secretion of chitinase.

FIND OUT MORE

NOTEBOOK



Over several months in the lab, we've gone from concept to completion in creating an E. coli strain that synthesizes and secretes chitinase. Have an inside look at the processes and procedures that led to our success.

FIND OUT MORE

THE TEAM MEMBERS OF TP_CC-SANDIEGO iGEM THAT MADE THIS PROJECT POSSIBLE

MEET THE TEAM