Difference between revisions of "Team:Lambert GA/Human Practices"

(Created page with "<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:...")
 
Line 1: Line 1:
 +
<html>
 +
<head>
 +
<style>
 +
 +
#sideMenu { display:none; }
 +
 +
a:hover {
 +
text-decoration: none;
 +
}
 +
 +
#mainContainer{
 +
    background-color: white;
 +
    width: 100%;
 +
}
 +
#main{
 +
    width: 100%;
 +
margin: auto;
 +
    padding: 0px;
 +
    background-color: white;
 +
}
 +
 +
body { background-color: white; margin: auto; padding: 0px; width: 100%;}
 +
 +
a.drplink {
 +
color:white;
 +
}
 +
a.drplink:hover {
 +
color:dimgray;
 +
}
 +
 +
a.partlink {
 +
color:#D49AE6;
 +
}
 +
a.partlink:hover {
 +
color:dimgray;
 +
}
 +
 +
 +
div {
 +
color: gray;
 +
}
 +
 +
#content {
 +
margin: 0px auto;
 +
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.7;
 +
}
 +
 +
 +
.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;
 +
}
 +
 +
 +
img.transparent {
 +
    opacity: 0.4;
 +
    filter: alpha(opacity=40); /* For IE8 and earlier */
 +
transition: opacity 0.5s ease-in-out;
 +
}
 +
 +
 +
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: 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>
 
<header>
 
<div id="headerLinks">
 
<div id="headerLinks">
Line 64: Line 371:
  
 
</header>
 
</header>
 +
 +
 +
 +
<section>
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-md-12 col-sm-10">
 +
 +
<br><br>
 +
<center> <h1 id="MainTitle"><b> Human Practices </b></h1><img src="https://static.igem.org/mediawiki/2017/2/26/T--LambertGA--purpleline.jpg" style="width:18%; margin:auto;"> </center> <br>
 +
 +
<center>
 +
<a class="partlink" style="transition: color 0.5s ease-in-out;" href="https://2017.igem.org/Team:LambertGA/HP/Silver" style="text-decoration: none; color: #D49AE6;"> Maker Faire: Building With Biology
 +
 +
<br><br>
 +
 +
<a class="partlink" style="transition: color 0.5s ease-in-out;"href="https://2017.igem.org/Team:LambertGA/HP/Silver" style="text-decoration: none; color: #D49AE6;">Atlanta Science Festival
 +
 +
<br><br>
 +
 +
<a class="partlink" style="transition: color 0.5s ease-in-out;"href="https://2017.igem.org/Team:LambertGA/HP/Silver" style="text-decoration: none; color: #D49AE6;">Regional Education Service Agencies
 +
 +
<br><br>
 +
 +
<a class="partlink" style="transition: color 0.5s ease-in-out;"href="https://2017.igem.org/Team:LambertGA/HP/Silver" style="text-decoration: none; color: #D49AE6;"> Next Generation Focus
 +
 +
<br><br>
 +
 +
<a class="partlink" style="transition: color 0.5s ease-in-out;"href="https://2017.igem.org/Team:LambertGA/HP/Silver" style="text-decoration: none; color: #D49AE6;">Congenital Heart Defect Walk
 +
 +
<br><br>
 +
<a class="partlink" style="transition: color 0.5s ease-in-out;"href="https://2017.igem.org/Team:LambertGA/HP/Silver" style="text-decoration: none; color: #D49AE6;"> Sharon Science Days
 +
 +
<br><br>
 +
<a class="partlink" style="transition: color 0.5s ease-in-out;"href="https://2017.igem.org/Team:LambertGA/HP/Gold" style="text-decoration: none; color: #D49AE6;"> Centers for Disease Control: Micronutrient Discussion
 +
 +
<br><br>
 +
<a class="partlink" style="transition: color 0.5s ease-in-out;"href="https://2017.igem.org/Team:LambertGA/HP/Gold" style="text-decoration: none; color: #D49AE6;"> Georgia Institute of Technology: Styczinski Lab
 +
 +
</center>
 +
<br>
 +
<br>
 +
<br>
 +
</p>
 +
</div></div></div></div>
 +
</center>
 +
</section>
 +
 +
<div id="sponsors-bottom">
 +
 +
<a href="http://www.forsyth.k12.ga.us/lhs"><img src="https://static.igem.org/mediawiki/2017/9/9e/T--LambertGA--longhorn_iGEM_logo.png" class="transparent" style="height:100px;padding:20px;"></a>
 +
 +
</div>
 +
 +
 +
</html>

Revision as of 03:13, 25 June 2017



Human Practices


Maker Faire: Building With Biology

Atlanta Science Festival

Regional Education Service Agencies

Next Generation Focus

Congenital Heart Defect Walk

Sharon Science Days

Centers for Disease Control: Micronutrient Discussion

Georgia Institute of Technology: Styczinski Lab