Team:UCLA

From 2013.igem.org

(Difference between revisions)
 
(80 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
{{:Team:UCLA/Template}}
-
<head>
+
-
<link rel="stylesheet" href="https://2013.igem.org/Team:UCLA/Template/css?action=raw&ctype=text/css" type="text/css" />
+
-
<link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
+
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
+
-
</head>
+
-
<body id="bg">
+
-
<div id="container">
+
-
<div id="top-panel">
+
-
</div>
+
-
</div>
+
 +
<html><br><head>
 +
<title>UCLA iGEM </title>
<style>
<style>
-
#nav { position: fixed; font-family: "Raleway", serif; font-size: 12px; color: white;}  
+
#slide {
-
#nav { background-color: #0070B0; width: 1000px; list-style: none; }
+
  background: url("https://static.igem.org/mediawiki/2013/c/ce/Ucla_bg1.png") 50% 0 no-repeat fixed;  
-
#nav { float: left; margin: 0px 0px auto -17px; z-index: 5; }
+
height: 650px;
-
#nav li { float: left; margin: 0px 25px 0px -5px; position:relative; }
+
margin: 0 auto;
-
#nav a { display: block; padding: 5px 15px; text-decoration: none; color: white; border-style: none; }
+
    width: 100%;
-
#nav a:hover { color: #D6D615; }
+
    max-width: 1920px;  
-
</style>
+
    position: relative;  
-
<ul id="nav">
+
}
-
<li style="margin-left: 70px;"><a href="https://2013.igem.org/Team:UCLA">HOME</a>
+
#slide2 {
-
</li>
+
background: url("https://static.igem.org/mediawiki/2013/f/f9/Ucla_bg2.png") 50% 0 no-repeat fixed;
-
<li><a href="/Team:UCLA/Project">PROJECT</a></li>
+
height: 650px;
-
<li><a href="/Team:UCLA/Team">TEAM</a></li>
+
margin: 0 auto;
-
<li><a href="/Team:UCLA/Parts">PARTS</a></li>
+
    width: 100%;  
-
<li><a href="/Team:UCLA/Modeling">MODELING</a></li>
+
    max-width: 1920px;  
-
<li><a href="/Team:UCLA/HumanPractices">HUMAN PRACTICES</a></li>
+
    position: relative;
-
<li><a href="/Team:UCLA/Notebook">NOTEBOOK</a></li>
+
}
-
<li><a href="/Team:UCLA/Saftey">SAFETY</a></li>
+
#slide3 {
-
</ul>
+
  background: url("https://static.igem.org/mediawiki/2013/c/ce/Ucla_bg1.png") 50% 0 no-repeat fixed;  
-
 
+
height: 700px;
-
 
+
margin: 0 auto;  
-
<br><br>
+
    width: 100%;
-
</body>
+
    max-width: 1920px;  
-
</html>
+
    position: relative;  
-
 
+
}
-
<html><head>
+
#slide article {
-
 
+
  height: 458px;  
-
<meta charset="UTF-8" />
+
  position: absolute;  
-
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+
  text-align: center;  
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
  width: 100%;  
-
<title>UCLA iGEM </title>
+
  font-size: 5em;
-
<meta name="description" content="Blueprint: Fixed Background Scrolling Layout" />
+
  color: #fff;
-
<meta name="keywords" content="background scrolling, fixed background, background-attachment, jquery" />
+
}
-
<meta name="author" content="Codrops" />
+
#abs {
-
+
font-size: 13px; font-family: "Trebuchet MS", sans-serif; color: #fff;
-
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:UCLA/css/component?action=raw&ctype=text/css" />
+
text-align: left center; line-height: 180%; margin: 10px 0px auto 10px
-
<script type="text/javascript" src="https://2013.igem.org/Team:UCLA/javascript/modernizr.custom?action=raw&ctype=text/js"></script>
+
}
-
<style>
+
#abs-title {
 +
font-size: 25px; font-family: "Trebuchet MS", sans-serif; color: #fff;
 +
text-align: center; line-height: 180%; margin: 10px 5px auto 40px
 +
}
 +
#text {
 +
    font-family: "Raleway", serif;
 +
    z-index:100;
 +
    position:absolute;   
 +
    color:white;
 +
    font-size:20px;
 +
    left:145px;
 +
    top:350px;
 +
}
 +
#text2 {
 +
    font-family: "Raleway", serif;
 +
    z-index:100;
 +
    position:absolute;   
 +
    color:black;
 +
    font-size:20px;
 +
    left:675px;
 +
    top:400px;
 +
}
 +
#text3 {
 +
    font-family: "Raleway", serif;
 +
    z-index:100;
 +
    position:absolute;   
 +
    color:black;
 +
    font-size:20px;
 +
    left:125px;
 +
    top:525px;
 +
}
#content {
#content {
       background: none;
       background: none;
       box-shadow: 0px 0px 0px 0px;
       box-shadow: 0px 0px 0px 0px;
 +
</style>
</style>
</head>
</head>
<body>
<body>
-
<div class="cont">
+
 
-
+
<section id="slide" data-type="background" data-speed="5">
-
<div id="cbp-fbscroller" class="cbp-fbscroller">
+
<img src="https://static.igem.org/mediawiki/2013/e/ea/Grad.png" width="960">
-
+
<p id="text"><a href="#slide2"><font color="white">How it Works</font></a><br>
-
<section id="fbsection1"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></section>
+
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#slide2"><img src="https://static.igem.org/mediawiki/2013/6/62/Downarrow.png" href="#slide2" width="50"></a></p>
-
<section id="fbsection2"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></section>
+
<a name="slide1"></a></section>
-
<section id="fbsection3"></section>
+
 
-
<section id="fbsection4"></section>
+
<section id="slide2" data-type="background" data-speed="5">
-
<section id="fbsection5"></section>
+
<img src="https://static.igem.org/mediawiki/2013/e/e6/Grad2.png" width="960">
-
</div>
+
<p id="text2"><a href="#slide3"><font color="Black">mRNA Display</font></a><br>
-
</div>
+
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#slide3"><img src="https://static.igem.org/mediawiki/2013/1/11/Down_arrow_black.png"Width="50">
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+
</a></p>
-
<!-- jquery.easing by http://gsgd.co.uk/ : http://gsgd.co.uk/sandbox/jquery/easing/ -->
+
<a name="slide2"></a>
-
<script src="https://2013.igem.org/Team:UCLA/javascript/jquery.easing.min?action=raw&ctype=text/js"></script>
+
</section>
-
<!-- waypoints jQuery plugin by http://imakewebthings.com/ : http://imakewebthings.com/jquery-waypoints/ -->
+
 
-
<script src="https://2013.igem.org/Team:UCLA/javascript/waypoints.min?action=raw&ctype=text/js"></script>
+
<section id="slide3" data-type="background" data-speed="8">
-
<!-- jquery-smartresize by @louis_remi : https://github.com/louisremi/jquery-smartresize -->
+
<img src="https://static.igem.org/mediawiki/2013/4/4b/Grad3.png" width="960">
-
<script src="https://2013.igem.org/Team:UCLA/javascript/jquery.debouncedresize?action=raw&ctype=text/js"></script>
+
<p id="text3">
-
<script src="https://2013.igem.org/Team:UCLA/javascript/cbpFixedScrollLayout.min?action=raw&ctype=text/js"></script>
+
<a href="#slide1"><img src="https://static.igem.org/mediawiki/2013/c/c2/Uparrow_white.png" href="#slide2" width="50"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-
<script>
+
<a href="https://2013.igem.org/Team:UCLA/Project"><img src="https://static.igem.org/mediawiki/2013/3/34/Sideways_arrow_white.png" width="50"></a>
-
$(function() {
+
<br>
-
cbpFixedScrollLayout.init();
+
&nbsp;<a href="#slide1"><font color="white">Top</font></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://2013.igem.org/Team:UCLA/Project"><font color="white">More Details!</font></a>
-
});
+
 
-
</script>
+
</p>
 +
<a name="slide3"></a></section>
 +
 
 +
 
 +
 
</body>
</body>
</html>
</html>

Latest revision as of 21:11, 27 September 2013


UCLA iGEM

How it Works
       

mRNA Display
       

           
 Top       More Details!