Difference between revisions of "Team:Lambert GA/Applied Design"

(Prototype team page)
Line 1: Line 1:
−
{{Lambert_GA}}
 
 
<html>
 
<html>
 +
<head>
 +
<style>
 +
 +
#sideMenu { display:none; }
  
 +
a:hover {
 +
text-decoration: none;
 +
}
  
−
<div class="column full_size judges-will-not-evaluate">
+
#mainContainer{
−
<h3>★  ALERT! </h3>
+
    background-color: white;
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
    width: 100%;
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
}
−
</div>
+
#main{
−
<div class="clear"></div>
+
    width: 100%;
 +
margin: auto;
 +
    padding: 0px;
 +
    background-color: white;
 +
}
  
−
<div class="column half_size">
+
body { background-color: white; margin: auto; padding: 0px; width: 100%;}
−
<h1>Applied Design</h1>
+
  
−
<h3>Best Applied Design Special Prize</h3>
+
a.drplink {
 +
color:white;
 +
}
 +
a.drplink:hover {
 +
color:dimgray;
 +
}
  
−
<p>This is a prize for the team that has developed a synbio product to solve a real world problem in the most elegant way. The students will have considered how well the product addresses the problem versus other potential solutions, how the product integrates or disrupts other products and processes, and how its lifecycle can more broadly impact our lives and environments in positive and negative ways.
+
a.partlink {
−
<br><br>
+
color:#D49AE6;
−
To compete for the <a href="https://2017.igem.org/Judging/Awards">Best Applied Design prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>.
+
}
−
<br><br>
+
a.partlink:hover {
−
You must also delete the message box on the top of this page to be eligible for this prize.
+
color:dimgray;
−
</p>
+
}
−
</div>
+
  
−
<div class="column half_size">
 
  
−
<h5>Inspiration</h5>
+
div {
−
<p>Take a look at what some teams accomplished for this prize.</p>
+
color: gray;
−
<ul>
+
}
−
<li><a href="https://2016.igem.org/Team:NCTU_Formosa/Design">2016 NCTU Formosa</a></li>
+
 
−
<li><a href="https://2016.igem.org/Team:HSiTAIWAN/Product?locationId=Design">2016 HSiTAIWAN</a></li>
+
#content {
−
<li><a href="https://2016.igem.org/Team:Pasteur_Paris/Design">2016 Pasteur Paris</a></li>
+
margin: 0px auto;
−
</ul>
+
background-color: white;
 +
width: 100%;
 +
padding: 0px;
 +
}
 +
 
 +
 
 +
.logo_2017 {display:none;}
 +
 
 +
 
 +
.column full_size {width: 100%;
 +
height: 700px;
 +
position: center; }
 +
 
 +
 
 +
p {
 +
margin: auto;
 +
width: 75%;
 +
color: gray;
 +
}
 +
 
 +
#firstHeading {
 +
font-size: 16px;
 +
color: #9D0EC8;}
 +
 
 +
a {
 +
opacity: 1.0;
 +
}
 +
 
 +
a:visited {
 +
color: #D49AE6;
 +
}
 +
 
 +
a.HeaderLinks {
 +
height: 50px;
 +
position: center;
 +
border: none;
 +
color: #D49AE6;
 +
text-align: center;
 +
text-decoration: none;
 +
font-size: 16px;
 +
}
 +
 
 +
 
 +
#top_title {
 +
background-color: white;
 +
}
 +
 
 +
 
 +
#MainTitle {
 +
padding-top: 50px;
 +
padding-bottom: 7px;
 +
font-size: 45px;
 +
color: dimgray; }
 +
 
 +
 
 +
.firstHeading{
 +
    display: none;
 +
}
 +
 
 +
 
 +
body{
 +
font-size:15px;
 +
}
 +
 
 +
 
 +
header h1{
 +
text-align:center;
 +
color: dimgray;
 +
}
 +
 
 +
h2{
 +
color: #D49AE6;
 +
}
 +
 
 +
 
 +
#headerLinks {
 +
position: fixed;
 +
text-decoration: none;
 +
color: #b8975e;
 +
width: 100%;
 +
height: 50px;
 +
line-height: 50px;
 +
background-color: white;
 +
margin: auto;
 +
text-align:center;
 +
opacity: 0.9;
 +
}
 +
 
 +
 
 +
.header{
 +
width: 100%;
 +
padding: 0;
 +
margin: 0 auto;
 +
top: 0px;
 +
background-color: rgba(255,255,255,0.0);
 +
}
 +
 
 +
 
 +
#text{
 +
width: 900px;
 +
    padding: 0px;
 +
display: block;
 +
margin: 0px auto;
 +
}
 +
 
 +
#space{
 +
height:50px;
 +
}
 +
 
 +
 
 +
#sponsors-bottom{
 +
width: 100%;
 +
margin: 0px auto;
 +
text-align: center;
 +
display: block;
 +
}
 +
 
 +
 
 +
#sponsors-bottom a{
 +
margin: auto;
 +
width: 50%
 +
display: inline-block;
 +
}
 +
 
 +
 
 +
#space2{
 +
height:100px;
 +
}
 +
 
 +
 
 +
.transparent {
 +
    opacity: 0.4;
 +
    filter: alpha(opacity=40); /* For IE8 and earlier */
 +
transition: opacity 0.5s ease-in-out;
 +
-webkit-backface-visibility: hidden;
 +
}
 +
 
 +
 
 +
.transparent:hover {
 +
    opacity: 1.0;
 +
    filter: alpha(opacity=100); /* For IE8 and earlier */
 +
-webkit-backface-visibility: hidden;
 +
}
 +
 
 +
 
 +
.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: 0px;
 +
 
 +
 
 +
}
 +
 
 +
 
 +
/* Dropdown Button */
 +
.dropbtn {
 +
  margin: auto;
 +
  position: left; 
 +
  height: 100%;
 +
  width: 100%;
 +
  background-color: white;
 +
  color: #D49AE6;
 +
  padding: 14px;
 +
  font-size: 20px;
 +
  text-align: left;
 +
  border: none;
 +
  cursor: pointer;
 +
  transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
 +
}
 +
 
 +
/* The container <div> - needed to position the dropdown content */
 +
.dropdown {
 +
    position: relative;
 +
    display: inline-block;
 +
}
 +
 
 +
/* Dropdown Content (Hidden by Default) */
 +
.dropdown-content {
 +
    display: none;
 +
    opacity: 0.0;
 +
    position: absolute;
 +
    background-color: #D49AE6;
 +
    min-width: 200px;
 +
    text-align: left;
 +
    box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.2);
 +
    transition: opacity 0.5s ease-in-out;
 +
}
 +
 
 +
/* Links inside the dropdown */
 +
.dropdown-content a {
 +
    color: white;
 +
    opacity: 0.0;
 +
    padding: 0px 10px;
 +
    font-size: 20px;
 +
    text-decoration: none;
 +
    display: block;
 +
    transition: opacity 0.5s ease-in-out;
 +
}
 +
 
 +
/* 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;
 +
    opacity: 1.0;
 +
}
 +
 
 +
.dropdown:hover .dropdown-content a {
 +
  opacity: 1.0;
 +
}
 +
 
 +
/* Change the background color of the dropdown button when the dropdown content is shown*/
 +
.dropbtn:hover {
 +
    background-color: #D49AE6;
 +
    color: white;
 +
}
 +
 
 +
#mainbanner{
 +
text-align: center;
 +
}
 +
 
 +
#mainbanner{
 +
    display: block;
 +
    margin: auto;;
 +
}
 +
#logo{
 +
height: 50px;
 +
opacity:0.4;
 +
}
 +
</style>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</head>
 +
 
 +
<body>
 +
 
 +
 
 +
 
 +
<header>
 +
<div id="headerLinks">
 +
<a href="https://2017.igem.org/Team:Lambert_GA" class="dropbtn">Home</a><!--
 +
--><li class="dropdown" >
 +
      <a href="https://2017.igem.org/Team:Lambert_GA/Team" class="dropbtn">Team</a>
 +
      <div class="dropdown-content">
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Team">Team</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Collaborations">Collaborations</a>
 +
    </div>
 +
  </li><!--
 +
--><li class="dropdown">
 +
  <a href="https://2017.igem.org/Team:Lambert_GA/Description" class="dropbtn">Project</a>
 +
    <div class="dropdown-content" style="transition: display 0.5s ease-in-out;">
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Description">Description</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Design">Design</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Experiments">Experiments</a>
 +
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Notebook">Notebook</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/InterLab">InterLab</a>
 +
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Contribution">Contribution</a>
 +
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Model">Model</a>
 +
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Results">Results</a><a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Demonstrate">Demonstrate</a>
 +
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Improve">Improve</a>
 +
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Attributions">Attributions</a>
 +
     
 +
     
 +
    </div>
 +
  </li><!--
 +
--><li class="dropdown" >
 +
      <a href="https://2017.igem.org/Team:Lambert_GA/Parts" class="dropbtn">Parts</a>
 +
      <div class="dropdown-content">
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;"
 +
href="https://2017.igem.org/Team:Lambert_GA/Parts">Parts</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;"
 +
href="https://2017.igem.org/Team:Lambert_GA/Basic_Part">Basic Parts</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Composite Part">Composite Parts</a>
 +
    <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Part Collection">Part_Collection</a></div>
 +
  </li><!--
 +
--><!--
 +
--><a  href="https://2017.igem.org/Team:Lambert_GA/Safety"class="dropbtn">Safety</a><!--
 +
--><li class="dropdown" >
 +
      <a href="https://2017.igem.org/Team:Lambert_GA/Human_Practices" class="dropbtn">Human Practices</a>
 +
      <div class="dropdown-content">
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Human_Practices">Human Practices</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/HP/Silver">Silver HP</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/HP/Gold_Integrated">Integrated and Gold</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Integrated_Practices">Integrated Practices</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Engagement">Public Engagement</a>
 +
    </div>
 +
  </li><!--
 +
--><li class="dropdown" >
 +
      <a href="https://2017.igem.org/Team:Lambert_GA/Hardware" class="dropbtn">Awards</a>
 +
      <div class="dropdown-content">
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Applied_Design">Applied Design</a>
 +
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Entrepreneurship">Entrepreneurship</a>
 +
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Hardware">Hardware</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Measurement">Measurement</a>
 +
      <a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Model">Model</a>
 +
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Plant">Plant</a>
 +
<a class="drplink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:Lambert_GA/Software">Software</a>
 +
    </div>
 +
  </li>
 +
<a  href="https://igem.org/2017_Judging_Form?team=Lambert_GA"class="dropbtn">JUDGING FORM</a>
 
</div>
 
</div>
  
−
<div class="clear"></div>
+
</header>
  
  
  
 +
<section>
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-md-12 col-sm-10">
  
 +
<br><br>
 +
<center> <h1 id="MainTitle"><b>Applied Design </b></h1><img src="https://static.igem.org/mediawiki/2017/b/bc/T--Lambert_GA--purpleline.png" style="width:18%; margin:auto;"> </center> <br>
 +
<div id="sponsors-bottom">
  
 +
<a href="http://www.forsyth.k12.ga.us/lhs"><img src="https://static.igem.org/mediawiki/2017/8/8f/T--Lambert_GA--longhorn_iGEM_logo.png" class="transparent" style="height:100px;padding:20px;"></a>
 +
 +
</div>
  
  
 
</html>
 
</html>

Revision as of 00:14, 7 September 2017



Applied Design