Difference between revisions of "Team:LambertGA/Experiments"

(Prototype team page)
 
Line 1: Line 1:
−
{{LambertGA}}
 
 
<html>
 
<html>
 +
<head>
 +
<style>
 +
 +
#sideMenu { display:none; }
  
−
<div class="column full_size">
 
  
 +
body { background-color: white;}
  
−
<p>Describe the experiments, research and protocols you used in your iGEM project.</p>
 
  
−
</div>
+
#content {
 +
margin-left: auto;
 +
background-color: #C8A2C8; }
  
−
<div class="column half_size">
+
 
−
<h5>What should this page contain?</h5>
+
.logo_2016 {display:none;}
−
<ul>
+
 
−
<li> Protocols </li>
+
 
−
<li> Experiments </li>
+
.column full_size {width: 800 px;
−
<li>Documentation of the development of your project </li>
+
height: 700px;
−
</ul>
+
position: center; }
 +
 
 +
 
 +
 
 +
#firstHeading {
 +
font-size: 16px;
 +
color: #9D0EC8;}
 +
 
 +
 
 +
a.HeaderLinks {
 +
position: center;
 +
background-color: #D49AE6;
 +
border: none;
 +
color: white;
 +
padding: 10px 20px;
 +
text-align: center;
 +
text-decoration: none;
 +
font-size: 16px;
 +
}
 +
 
 +
 
 +
#top_title {
 +
background-color: white;
 +
}
 +
 
 +
 
 +
#MainTitle {
 +
padding: 30px;
 +
font-size: 60px; }
 +
 
 +
 
 +
#mainContainer{
 +
    background-color: white;
 +
    width: 100%;
 +
}
 +
 
 +
 
 +
#main{
 +
    width: 100%;
 +
    padding: 15px;
 +
    background-color: white;
 +
}
 +
 
 +
 
 +
.firstHeading{
 +
    display: none;
 +
}
 +
 
 +
 
 +
body{
 +
font-size:15px;
 +
}
 +
 
 +
 
 +
header h1{
 +
text-align:center;
 +
}
 +
 
 +
 
 +
#headerLinks {
 +
text-decoration: none;
 +
color: #b8975e;
 +
font-size: 20px;
 +
padding: 0 20px;
 +
width: 100%;
 +
background-color: rgba(255,255,255,0.7);
 +
padding: 15px;
 +
position-left: 10px;
 +
text-align:center;
 +
}
 +
 
 +
 
 +
.header{
 +
width: 1000px;
 +
padding: 0;
 +
margin: 0 auto;
 +
top: 0px;
 +
background-color: rgba(255,255,255,0.0);
 +
}
 +
 
 +
 
 +
#text{
 +
width: 900px;
 +
    padding: 25px 0px;
 +
display: block;
 +
margin: 5px auto;
 +
}
 +
 
 +
 
 +
#space{
 +
height:50px;
 +
}
 +
 
 +
 
 +
#sponsors-bottom{
 +
width: 1000px;
 +
margin: 150px auto 0px auto;
 +
text-align: center;
 +
display: block;
 +
}
 +
 
 +
 
 +
#sponsors-bottom a{
 +
display: inline-block;
 +
}
 +
 
 +
 
 +
#space2{
 +
height:100px;
 +
}
 +
 
 +
 
 +
img.transparent {
 +
    opacity: 0.4;
 +
    filter: alpha(opacity=40); /* For IE8 and earlier */
 +
}
 +
 
 +
 
 +
img.transparent:hover {
 +
    opacity: 1.0;
 +
    filter: alpha(opacity=100); /* For IE8 and earlier */
 +
}
 +
 
 +
 
 +
.img-right{
 +
width: 50%;
 +
float: right;
 +
}
 +
 
 +
 
 +
.img-left{
 +
width: 50%;
 +
float: left;
 +
}
 +
 
 +
 
 +
.display-block{
 +
width: 100%;
 +
margin: 0 auto;
 +
}
 +
 
 +
 
 +
.display-block img{
 +
display: block;
 +
}
 +
 
 +
 
 +
#globalWrapper{
 +
background-color: white;
 +
padding: 30px;
 +
 
 +
}
 +
 
 +
/* Dropdown Button */
 +
.dropbtn {
 +
  position: left; 
 +
  background-color: #D49AE6;
 +
  color: white;
 +
  padding: 10px;
 +
  font-size: 16px;
 +
  text-align: left;
 +
  border: none;
 +
  cursor: pointer;
 +
}
 +
 
 +
/* The container <div> - needed to position the dropdown content */
 +
.dropdown {
 +
    position: relative;
 +
    display: inline-block;
 +
}
 +
 
 +
/* Dropdown Content (Hidden by Default) */
 +
.dropdown-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: #D49AE6;
 +
    min-width: 140px;
 +
    text-align: left;
 +
    box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.2);
 +
}
 +
 
 +
/* Links inside the dropdown */
 +
.dropdown-content a {
 +
    color: black;
 +
    padding: 10px 10px;
 +
    font-size: 16px;
 +
    text-decoration: none;
 +
 
 +
    display: block;
 +
}
 +
 
 +
/* Change color of dropdown links on hover */
 +
.dropdown-content a:hover {background-color: #D49AE6}
 +
 
 +
/* Show the dropdown menu on hover */
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 +
}
 +
 
 +
/* Change the background color of the dropdown button when the dropdown content is shown */
 +
.dropdown:hover .dropbtn {
 +
    background-color: #D49AE6;
 +
}
 +
 
 +
</style>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</head>
 +
 
 +
<body>
 +
 
 +
 
 +
 
 +
<header>
 +
<div id="headerLinks">
 +
<!--<a class="HeaderLinks" href="https://2016.igem.org/Team:LambertGA" >Home -->
 +
<a href="https://2016.igem.org/Team:LambertGA" class="dropbtn">Home</a>
 +
<!--</a><a class="HeaderLinks" href="https://2016.igem.org/Team:LambertGA/Description">Project> -->
 +
  </a><li class="dropdown">
 +
  <a href="https://2016.igem.org/Team:LambertGA/Description" class="dropbtn">Project</a>
 +
    <div class="dropdown-content">
 +
      <a href="https://2016.igem.org/Team:LambertGA/Design">Design</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/Description">Description</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/Experiments">Experiments</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/Proof">Proof of Concept</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/Demonstrate">Demonstrate</a>
 +
    </div>
 +
  </li>
 +
<!--</a><a class="HeaderLinks" href="https://2016.igem.org/Team:LambertGA/Parts">Parts -->
 +
</a><li class="dropdown" >
 +
      <a href="https://2016.igem.org/Team:LambertGA/Parts" class="dropbtn">Parts</a>
 +
      <div class="dropdown-content">
 +
      <a href="https://2016.igem.org/Team:LambertGA/Basic_Part">Basic Parts</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/Composite_Part">Composite Parts</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/Part_Collection">Part Collection</a>
 +
    </div>
 +
  </li>
 +
<!--</a><a class="HeaderLinks" href="https://2016.igem.org/Team:LambertGA/Team">Team -->
 +
</a><li class="dropdown" >
 +
      <a href="https://2016.igem.org/Team:LambertGA/Team" class="dropbtn">Team</a>
 +
      <div class="dropdown-content">
 +
      <a href="https://2016.igem.org/Team:LambertGA/Collaborations">Collaborations</a>
 +
    </div>
 +
  </li>
 +
</a>
 +
<a  href="https://2016.igem.org/Team:LambertGA/Attributions"class="dropbtn">Attributions</a>
 +
<a  href="https://2016.igem.org/Team:LambertGA/Safety"class="dropbtn">Safety</a>
 +
<!--</a><a class="HeaderLinks" href="https://2016.igem.org/Team:LambertGA/Human_Practices">Human Practices -->
 +
</a><li class="dropdown" >
 +
      <a href="https://2016.igem.org/Team:LambertGA/Human_Practices" class="dropbtn">Human Practices</a>
 +
      <div class="dropdown-content">
 +
      <a href="https://2016.igem.org/Team:LambertGA/Silver">Silver</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/Gold">Gold</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/Integrated_Pract">Integrated Practices</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/Engagements">Engagements</a>
 +
    </div>
 +
  </li>
 +
  <li class="dropdown" >
 +
      <a href="https://2016.igem.org/Team:LambertGA/Awards" class="dropbtn">Awards</a>
 +
      <div class="dropdown-content">
 +
      <a href="https://2016.igem.org/Team:LambertGA/Entrepreneurship">Entrepreneurship</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/Hardware">Hardware</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/Software">Software</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/Measurement">Measurement</a>
 +
      <a href="https://2016.igem.org/Team:LambertGA/Model">Model</a>
 +
    </div>
 +
  </li>
 +
</a>
  
 
</div>
 
</div>
  
−
<div class="column half_size">
+
</header>
−
<h5>Inspiration</h5>
+
 
−
<ul>
+
 
−
<li><a href="https://2014.igem.org/Team:Colombia/Protocols">2014 Colombia </a></li>
+
<div class="column full_size" style="background-color:#C8A2C8" >
−
<li><a href="https://2014.igem.org/Team:Imperial/Protocols">2014 Imperial </a></li>
+
 
−
<li><a href="https://2014.igem.org/Team:Caltech/Project/Experiments">2014 Caltech </a></li>
+
 
−
</ul>
+
<script type="text/javascript"></script>
 +
 
 +
 
 +
 
 +
<center> <h1 id="MainTitle"><b> Experiments </b></h1> </center>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</p>
 +
 
 +
<div class="button_click"  onClick=" parent.location= 'https://2016.igem.org/Special:Upload '">
 +
 
 +
<!--<h2>2015 Lambert iGEM</h2>-->
 +
                <div id="officialLogo">
 +
 
 +
                </div>
 +
            </footer>
 +
<div id="space2">
 
</div>
 
</div>
 +
<div id="sponsors-bottom">
  
 +
<a href="http://www.forsyth.k12.ga.us/lhs"><img src="https://static.igem.org/mediawiki/2015/a/a4/Lambert_lhslogo.jpg" class="transparent" style="width:100px;height=130px"></a>
 +
<!-- gray logo: https://static.igem.org/mediawiki/2015/6/69/Lambert_lhslogo_gray.jpg-->
  
−
<div class="clear"></div>
+
<a href="http://www.snapgene.com"> <img src="https://static.igem.org/mediawiki/2015/8/83/Lambert_sglogo.jpg" class="transparent" style="width:200px;height:60px"></a>
 +
<!-- gray logo: https://static.igem.org/mediawiki/2015/d/dc/Lambert_snapgenelogo_gray.jpg-->
  
 +
<a href="http://www.gatech.edu/"><img src="https://static.igem.org/mediawiki/2015/1/10/Lambert_gtlogo.jpg" class="transparent" style="width:100px;height:100px"></a>
 +
<!-- gray logo: https://static.igem.org/mediawiki/2015/a/a3/Lambert_gtlogo_gray.jpg-->
  
−
<div class="column half_size">
+
<a href="http://www.foldscope.com/"><img src="https://static.igem.org/mediawiki/2015/9/90/Lambert_foldscopelogo.jpg" class="transparent" style="width:100px;height 150px"></a>
 +
<!-- gray logo: https://static.igem.org/mediawiki/2015/3/31/Lambert_foldscopelogo_gray.jpg-->
  
 +
<a href="http://www.chick-fil-a.com/"><img src="https://static.igem.org/mediawiki/2015/c/cb/Lambert_cfalogo.jpg" class="transparent" style="width:200px;height:75px"></a>
 +
<!-- gray logo: https://static.igem.org/mediawiki/2015/c/cf/Lambert_cfalogo_gray.jpg-->
 +
 +
<a href="http://atlantasciencefestival.org/"><img src="https://static.igem.org/mediawiki/2015/8/80/Lambert_asflogo.jpg" class="transparent" style="width:150px;height:100px"></a>
 +
<!-- gray logo: https://static.igem.org/mediawiki/2015/0/05/Lambert_asflogo_gray.jpg-->
 +
 +
<a href="https://www.neb.com/"><img src="https://static.igem.org/mediawiki/2015/e/e4/Lambert_neblogo.jpg" class="transparent" style="width:200px;height:70px"></a>
 +
<!-- gray logo: https://static.igem.org/mediawiki/2015/2/27/Lambert_neblogo_gray.jpg-->
 +
 +
<a href="https://www.idtdna.com/site"><img src="https://static.igem.org/mediawiki/2015/4/46/Lambert_idtlogo.jpg" class="transparent" style="width:200px"></a>
 +
<!-- gray logo: https://static.igem.org/mediawiki/2015/9/9e/Lambert_idtlogo_gray.jpg-->
 +
 +
<a href="http://www.nsf.gov/"><img src="https://static.igem.org/mediawiki/2015/8/86/Lambert_nsflogo.jpg" class="transparent" style="width:150px"></a>
 +
<!-- gray logo: https://static.igem.org/mediawiki/2015/1/16/Lambert_nsflogo_gray.jpg-->
 +
 +
<a href="http://www.nextgenerationfocus.org/"><img src="https://static.igem.org/mediawiki/2015/e/e4/Lambert_ngflogo.jpg" class="transparent" ></a>
 +
<!-- gray logo: https://static.igem.org/mediawiki/2015/0/08/Lambert_ngflogo_gray.jpg-->
  
  
 
</div>
 
</div>
 +
  
 
</html>
 
</html>

Revision as of 16:56, 30 September 2016

Experiments