Difference between revisions of "Team:UC Davis"

Line 1: Line 1:
−
{{Team:UC Davis }}
+
<!DOCTYPE html>
 +
<html lang="en">
 +
  <head>
 +
    <meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
 +
    <meta name="description" content="">
 +
    <meta name="author" content="">
 +
    <link rel="icon" href="../../favicon.ico">
  
 +
    <title>iGEM at UC Davis</title>
 +
<!-- Latest compiled and minified CSS -->
 +
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  
−
<html>
+
    <!-- Custom styles for this template -->
−
<head>
+
    <link href="jumbotron.css" rel="stylesheet">
−
     
+
−
        <meta charset="UTF-8">
+
−
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
−
        <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
+
−
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
+
−
        <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
+
−
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
+
−
       
+
−
    <Style>
+
−
#avant{
+
−
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
+
−
}
+
−
body{
+
−
    background-color: #0174DF;
+
−
   
+
−
}
+
−
* {
+
−
  .border-radius(0) !important;
+
−
}
+
−
h2, h1 {
+
−
border-bottom: 0px solid #57c4d0;
+
−
}
+
  
−
#nav .btn{
+
    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
−
     //border-right: 2px solid grey;
+
     <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
−
      
+
     <script src="../../assets/js/ie-emulation-modes-warning.js"></script>
−
   
+
−
}
+
−
p{
+
−
color: black;
+
−
}
+
  
 +
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
 +
    <!--[if lt IE 9]>
 +
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 +
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 +
    <![endif]-->
 +
  </head>
  
 +
  <body>
  
−
 
+
     <nav class="navbar navbar-inverse navbar-fixed-top">
−
#thumbnail-preview-indicators {
+
      <div class="container">
−
  position: relative;
+
        <div class="navbar-header">
−
  margin-top: -20px;
+
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
−
  overflow: hidden;
+
            <span class="sr-only">Toggle navigation</span>
−
}
+
            <span class="icon-bar"></span>
−
#thumbnail-preview-indicators .slides .slide-1,
+
            <span class="icon-bar"></span>
−
#thumbnail-preview-indicators .slides .slide-2,
+
            <span class="icon-bar"></span>
−
#thumbnail-preview-indicators .slides .slide-3 {
+
          </button>
−
  background-size: cover;
+
          <a class="navbar-brand" href="#">Home</a>
−
  background-position: center center;
+
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
−
  background-repeat: no-repeat;
+
            <span class="sr-only">Toggle navigation</span>
−
 
+
            <span class="icon-bar"></span>
−
+
            <span class="icon-bar"></span>
−
 
+
            <span class="icon-bar"></span>
−
}
+
          </button>
−
     #thumbnail-preview-indicators,
+
          <a class="navbar-brand" href="#">Team</a>
−
    #thumbnail-preview-indicators .slides,
+
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
−
    #thumbnail-preview-indicators .slides .slide-1,
+
            <span class="sr-only">Toggle navigation</span>
−
    #thumbnail-preview-indicators .slides .slide-2,
+
            <span class="icon-bar"></span>
−
    #thumbnail-preview-indicators .slides .slide-3 {
+
            <span class="icon-bar"></span>
−
      height: 480px;
+
            <span class="icon-bar"></span>
−
    }
+
          </button>
−
#thumbnail-preview-indicators .slides .slide-1 {
+
          <a class="navbar-brand" href="#">Research</a>
−
  background-image: url(http://www.uwphotographyguide.com/images/Articles/RX100/wang/rx100-wide2.jpg);
+
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
−
 
+
            <span class="sr-only">Toggle navigation</span>
−
}
+
            <span class="icon-bar"></span>
−
#thumbnail-preview-indicators .slides .slide-2 {
+
            <span class="icon-bar"></span>
−
    background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/a/a4/Triclosan.svg/2000px-Triclosan.svg.png);
+
            <span class="icon-bar"></span>
−
}
+
          </button>
−
#thumbnail-preview-indicators .slides .slide-3 {
+
          <a class="navbar-brand" href="#">Policy & Practices</a>
−
  background-image: url(http://i.imgur.com/EfXmCOj.jpg?1);//(http://i.imgur.com/iokYtgR.jpg);
+
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
−
}
+
            <span class="sr-only">Toggle navigation</span>
−
#thumbnail-preview-indicators .carousel-inner .item .carousel-caption {
+
            <span class="icon-bar"></span>
−
  top: 20%;
+
            <span class="icon-bar"></span>
−
  bottom: inherit;
+
            <span class="icon-bar"></span>
−
}
+
          </button>
−
#thumbnail-preview-indicators .carousel-indicators li,
+
          <a class="navbar-brand" href="#">Get Involved</a>
−
#thumbnail-preview-indicators .carousel-indicators li.active {
+
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
−
  position: relative;
+
            <span class="sr-only">Toggle navigation</span>
−
  width: 100px;
+
            <span class="icon-bar"></span>
−
  height: 8px; 
+
            <span class="icon-bar"></span>
−
}
+
            <span class="icon-bar"></span>
−
#thumbnail-preview-indicators .carousel-indicators li > .thumbnail {
+
          </button>
−
  position: absolute;
+
          <a class="navbar-brand" href="#">Journal</a>
−
  top: 0;
+
         </div>
−
  width: 100px;
+
        <div id="navbar" class="navbar-collapse collapse">
−
  display: none;
+
−
  opacity: 0;
+
−
  left: 50%;
+
−
  margin-top: -80px;
+
−
  margin-left: -50px;
+
−
}
+
−
#thumbnail-preview-indicators .carousel-indicators li:hover > .thumbnail,
+
−
#thumbnail-preview-indicators .carousel-indicators li.active > .thumbnail {
+
−
  display: block;
+
−
  opacity: .8;
+
−
}
+
−
#thumbnail-preview-indicators .carousel-indicators li.active > .thumbnail:hover{
+
−
  opacity: 1;
+
−
}
+
−
@media screen and (max-width : 480px) {   
+
−
    #thumbnail-preview-indicators .carousel-indicators li,
+
−
    #thumbnail-preview-indicators .carousel-indicators li.active {
+
−
      width: 50px;
+
−
      height: 8px;
+
−
      position: relative;
+
−
    }
+
−
    #thumbnail-preview-indicators .carousel-indicators li > .thumbnail {
+
−
      width: 50px;
+
−
      left: 50%;
+
−
      margin-top: -50px;
+
−
      margin-left: -25px;
+
−
    }
+
−
}
+
−
 
+
−
/******************************DEFAULT WIKI SETTINGS CSS: CHANGING IT TO REFLECT OUR OWN PAGE********************
+
−
*******************************
+
−
*******************************
+
−
*******************************
+
−
*******************************
+
−
*******************************
+
−
*******************************
+
−
*******************************
+
−
*******************************
+
−
*******************************
+
−
*******************************
+
−
******************************* THIS IS TO MAKE THE DISTINCTION CLEAR *******************************************
+
−
*******************************
+
−
*******************************
+
−
*******************************
+
−
*******************************
+
−
*******************************
+
−
*******************************
+
−
*******************************
+
−
*******************************
+
−
*******************************
+
−
*******************************
+
−
*******************************/
+
−
.firstHeading {
+
−
width: 4000px;
+
−
margin: 0px auto;
+
−
padding-top: 100px;
+
−
margin-bottom: 0px;
+
−
font-family: Georgia, Times, "Times New Roman", serif;
+
−
}
+
−
 
+
−
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
+
−
 
+
−
 
+
−
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
+
−
background-color: #fff;//#383838;
+
−
border: 0 none;
+
−
height: 1px; // 46 px
+
−
z-index: 100;
+
−
top: 0;
+
−
        color: #fff;
+
−
        //display: none;
+
−
position: static;
+
−
width: 100%;//1000px;//2975px;
+
−
left: 50%;
+
−
margin-left: -480px;//-687px;
+
−
}
+
−
 
+
−
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
+
−
background-color: #333;
+
−
height: 1px; //DEFAULT 14 PX
+
−
//display: none;//block;
+
−
        color: #fff;
+
−
z-index: 10;
+
−
position: fixed;
+
−
width: 100%;
+
−
top: 0;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
/*#top-section {
+
−
background-color: #333;//#383838;
+
−
border: 0 none;
+
−
height: 46px; // DEFAULT 14 px
+
−
z-index: 100;
+
−
top: 0;
+
−
        //display: none;
+
−
position: fixed;
+
−
width: 2975px;
+
−
left: 50%;
+
−
margin-left: -687px;
+
−
}
+
−
 
+
−
#top-section-bar {
+
−
background-color: #333;
+
−
height: 1px; //DEFAULT 14 PX
+
−
display: none;//block;
+
−
       
+
−
z-index: 10;
+
−
position: fixed;
+
−
width: 100%;
+
−
top: 0;
+
−
}*/
+
−
 
+
−
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
+
−
color: #727272;
+
−
text-decoration: none;
+
−
background-color: transparent;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
−
width: 100%;
+
−
height: 100%;
+
−
border: 0px;
+
−
background-color: transparent;
+
−
margin: 0px;
+
−
padding: 0px;
+
−
}
+
−
 
+
−
html, body, .wrapper { /*-- changes default wiki settings --*/
+
−
width: 100%;
+
−
height: 100%;
+
−
background-color: #000000;//#5C8AE6;//#003D99;//transparent;
+
−
}
+
−
 
+
−
#contentcontainer { /*-- creates container for all content on page --*/
+
−
font-family: Arial, Helvetica, sans-serif;
+
−
font-weight: normal;
+
−
font-size: 14px;
+
−
color: #414141;
+
−
width: 960px;
+
−
margin-left: auto;
+
−
margin-right: auto;
+
−
background-color: #transparent;
+
−
margin-top: 0px;
+
−
}
+
−
 
+
−
 
+
−
</style>
+
−
 
+
−
 
+
−
 
+
−
    </head>
+
−
 
+
−
 
+
−
<body>
+
−
<div style="background-color:#fff">
+
−
<!--<div class="container-fluid" id="allHome">-->
+
−
        <!--<div class = "nav nav-justified " role = "navigation">-->
+
−
<!-- UNCOMMENT TO REMOVE FULL WIDTH NAV BAR <div class="container-fluid"> -->
+
−
           
+
−
            <!--navbar -->  
+
−
       
+
−
            <!--<nav class="navbar nav-justified" role="navigation" id='nav'>
+
−
                <div class="btn-group  btn-group btn-group-justified">
+
−
                <ul class="nav  navbar-nav" role="navigation" id='nav'>
+
−
                    <li class = "active"><div class="btn btn-lg" id="home">Home</div></li>
+
−
                    <li><div class="btn btn-lg" id="team">Team</div></li>
+
−
 
+
−
       
+
−
               
+
−
                   
+
−
                    <li><div class="btn btn-lg" id="notebook">Notebook</div></li>
+
−
                    <li><div class="btn btn-lg" id="achieve">Software Achievements</div></li>
+
−
                    <li><div class="btn btn-lg" id="attributions">Attributions</div></li>
+
−
                    <li><div class="btn btn-lg" id="test">Tester</div></li>
+
−
                    </ul>
+
−
                   
+
−
              </div>
+
−
             
+
−
               
+
−
               
+
−
        </nav>-->
+
−
        <!-- FOR IMAGE! LOGOS IGEM & UCSD --><!--<nav class="navbar nav-justified" role="navigation" id='nav'>
+
−
                <div class="btn-group  btn-group btn-group-justified" >
+
−
                <div class="btn btn-lg " id="avant">UC Davis</div>-->
+
−
                <!--<font size = 4px>UC Davis</font>-->
+
−
 
+
−
              <!--<div class="btn-group  btn-group btn-group-justified">
+
−
                <img src = "http://i.imgur.com/mGHw11P.png?1">
+
−
              </div>
+
−
                </div>
+
−
          </nav>-->
+
−
        <nav class="navbar nav-justified" role="navigation" id='nav'>
+
−
                <div class="btn-group  btn-group btn-group-justified">
+
−
                    <div class="btn btn-lg " id="home">Home</div>
+
−
                    <div class="btn btn-lg " id="team">Team</div>
+
−
                    <div class="btn btn-lg " id="project">Project</div>
+
−
                    <div class="btn btn-lg " id="doc">Policy & Practices</div>
+
−
                    <div class="btn btn-lg" id="notebook">Notebook</div>
+
−
                    <div class="btn btn-lg" id="attributions">Sponsors</div>
+
−
                    <div class="btn btn-lg" id="achieve">Medals</div>
+
−
                    <div class="btn btn-lg" id="logo"><a href = "https://igem.org/Main_Page"><img src = "https://static.igem.org/mediawiki/2014/c/c0/IGEM_logo_spinning_nevada_igem_2014.gif" height="80" width="160"></a></div>
+
−
                   
+
−
              </div>
+
−
               
+
−
            </nav>
+
−
     
+
−
         <!-- container fluid END </div> -->
+
−
+
−
<!--slider-->
+
−
 
+
−
<div id="thumbnail-preview-indicators" class="carousel slide" data-ride="carousel">
+
 
            
 
            
−
          <!--<ol class="carousel-indicators">
+
        </div><!--/.navbar-collapse -->
−
            <li data-target="#thumbnail-preview-indicators" data-slide-to="0" class="active">
+
       </div>
−
              <div class="thumbnail">
+
     </nav>
−
                <img class="img-responsive" src="http://www.blueoceanart.com/images/upload/AOP_KelpForest1_JimHellemn.jpg">
+
−
              </div>
+
−
            </li>
+
−
            <li data-target="#thumbnail-preview-indicators" data-slide-to="1">
+
−
            <div class="thumbnail">
+
−
                <img class="img-responsive" src="http://www.blueoceanart.com/images/upload/AOP_KelpForest1_JimHellemn.jpg">
+
−
              </div>
+
−
            </li>
+
−
            <li data-target="#thumbnail-preview-indicators" data-slide-to="2">
+
−
            <div class="thumbnail">
+
−
                <img class="img-responsive" src="http://www.blueoceanart.com/images/upload/AOP_KelpForest1_JimHellemn.jpg">
+
−
              </div>
+
−
            </li>
+
−
          </ol>-->
+
−
          <div class="carousel-inner">
+
−
            <div class="item slides active">
+
−
              <div class="slide-1"></div>
+
−
              <div class="container">
+
−
                <div class="carousel-caption">
+
−
                  <h1 style="font-size:500%"><font color =  #ffffff >UC Davis Aggies</font></h1>
+
−
                </div>
+
−
              </div>
+
−
            </div>
+
−
 
+
−
            <div class="item slides">
+
−
              <div class="slide-2"></div>
+
−
              <div class="container">
+
−
                <div class="carousel-caption">
+
−
                  <h1><font color = "#000000">Measure Your Footprint</font></h1>
+
−
                  <p><a class="btn btn-lg btn-primary" href="#" role="button">Take me to the app!</a></p>         
+
−
                </div>
+
−
              </div>
+
−
            </div>
+
−
            <div class="item slides">
+
−
              <div class="slide-3"></div>
+
−
              <div class="container">
+
−
                <div class="carousel-caption">
+
−
                  <br><br><h1><font color = "gold">The Notebook</font></h1>
+
−
                  <p><a class="btn btn-lg btn-primary" href="https://2014.igem.org/Team:UCSD_Software/Notebook" role="button">View the Notebook</a></p>
+
−
                </div>
+
−
              </div>
+
−
            </div>
+
−
          </div>
+
−
          <a class="left carousel-control" href="#thumbnail-preview-indicators" role="button" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
+
−
          <a class="right carousel-control" href="#thumbnail-preview-indicators" role="button" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
+
−
       </div>  
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<!--slider end-->
+
−
 
+
−
<div class = "neighborhood-guides">
+
−
        <div class = "container">
+
−
<tr><td colspan="3"><div class = "well" style="margin-bottom:50px"><p> <strong><center>Producing a Novel Antimicrobial Surface-Binding Peptide Using an Improved T7 Expression System</center></strong><p>
+
−
Biofilm formation on surfaces is an issue in the medical field, naval industry, and other areas. We developed an anti-fouling peptide with two modular components: a mussel adhesion protein (MAP) anchor and LL-37, an antimicrobial peptide. MAPs can selectively attach to metal and organic surfaces via L-3,5-dihydroxyphenylalanine (L-DOPA), a nonstandard amino acid that was incorporated using a genetically recoded organism (GRO).  Because this peptide is toxic to the GRO in which it is produced, we designed a better controlled inducible system that limits basal expression. This was achieved through a novel T7 riboregulation system that controls expression at both the transcriptional and translational levels.  This improved system is a precise synthetic switch for the expression of cytotoxic substances in the already robust T7 system. Lastly, the antimicrobial surface-binding peptide was assayed for functionality.
+
−
</p></div></td>
+
−
</tr>
+
−
 
+
−
 
+
−
<tr><td colspan="3"><div class = "well" style="margin-bottom:100px"><a href="https://2014.igem.org/Team:Yale/Project"><img src="
+
−
https://static.igem.org/mediawiki/2014/f/f8/Yale-Overview.png"  width="1100"></a></td></tr>
+
−
 
+
−
<tr><td colspan="3"><a href="https://2014.igem.org/Team:Yale/Team"><img src="https://static.igem.org/mediawiki/2014/5/50/Yale-Team.png"  width="1100"></a></td></tr>
+
−
 
+
−
<tr><td colspan="3"><a href="https://2014.igem.org/Team:Yale/Outreach"><img src="https://static.igem.org/mediawiki/2014/0/08/Yale_Outreach.png"  width="1100"></a></td></tr>
+
−
 
+
−
<tr><td colspan="3"><a href="https://2014.igem.org/Team:Yale/Interlab"><img src="https://static.igem.org/mediawiki/2014/3/3c/Yale_Interlab.png"  width="1100"></a></td></tr>
+
−
 
+
−
<tr><td colspan="3"><a href="https://2014.igem.org/Team:Yale/Notebook"><img src="https://static.igem.org/mediawiki/2014/2/2c/Yale_Notebook.png"  width="1100"></a></td></tr>
+
−
 
+
−
<tr><td colspan="3"><a href="https://2014.igem.org/Team:Yale/Achievements"><img src="https://static.igem.org/mediawiki/2014/2/29/Yale_Achivements.png"  width="1100"></a></td></tr>
+
−
 
+
−
</div>
+
−
<script>
+
−
$(document).ready(function(){
+
−
     //redirecting to other pages
+
−
    $('h1.firstHeading').remove();
+
−
    $("#home").click(function(){
+
−
      window.location.href="https://2015.igem.org/Team:UC_Davis";
+
−
    });
+
−
   
+
−
    $("#database").click(function(){
+
−
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Database";
+
−
    }); 
+
−
 
+
−
    $("#test").click(function(){
+
−
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Test";
+
−
    });
+
−
 
+
−
    $("#thumbThree").click(function(){
+
−
      window.location.href="http://glassome.ucsd.edu:8080/CircuitNetwork/";
+
−
    });
+
−
    $("#thumbTwo").click(function(){
+
−
      window.location.href=" https://github.com/igemsoftware/UCSD-iGEM_2014";
+
−
    });
+
−
 
+
−
    $("#thumbOne").click(function(){
+
−
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Documentation";
+
−
    });
+
−
   
+
−
    $("#database").click(function(){
+
−
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Database";
+
−
    }); 
+
−
 
+
−
    $("#app").click(function(){
+
−
      window.location.href="https://2014.igem.org/Team:UCSD_Software/App";
+
−
    }); 
+
−
 
+
−
    $("#parts").click(function(){
+
−
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Parts";
+
−
    }); 
+
−
 
+
−
    $("#modeling").click(function(){
+
−
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Modeling";
+
−
    }); 
+
−
 
+
−
    $("#doc").click(function(){
+
−
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Documentation";
+
−
    });   
+
−
 
+
−
 
+
−
    $("#traversal").click(function(){
+
−
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Traversal";
+
−
    }); 
+
−
+
−
    $("#team").click(function(){
+
−
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Teaml";
+
−
    });
+
−
    $("#officialTeam").click(function(){
+
−
      window.location.href="https://igem.org/Team.cgi?year=2013&team_name=UCSD_Software";
+
−
    });
+
−
    $("#project").click(function(){
+
−
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Project";
+
−
    });
+
−
   
+
−
    $("#notebook").click(function(){
+
−
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Notebook";
+
−
    });
+
−
    $("#achieve").click(function(){
+
−
      window.location.href="https://2014.igem.org/Team:UCSD_Software/SoftwareAchievements";
+
−
    });
+
−
    $("#attributions").click(function(){
+
−
      window.location.href="https://2014.igem.org/Team:UCSD_Software/Attributions";
+
−
    });
+
−
   
+
−
    });
+
−
</script>
+
−
</body>
+
−
 
+
  
−
<link href='http://fonts.googleapis.com/css?family=Archivo+Narrow:200,80' rel='stylesheet' type='text/css'>
+
    <!-- Main jumbotron for a primary marketing message or call to action -->
−
<style>
+
    <div class="jumbotron">
−
.mfooter {
+
      <div class="container">
−
  font-family:'Open Sans', sans-serif;
+
        <h1>Know your footprint.</h1>
−
  position:relative;
+
        <p>While you might wash your hands for only 20 seconds, the triclosan in your soap leaves a much longer lasting impression on the environment. You can change that.
−
  width:1100px;
+
        </p>
−
  height:190px;
+
        <p><a class="btn btn-primary btn-lg" href="#" role="button">Get involved &raquo;</a></p>
−
  margin:auto auto;
+
      </div>
−
  margin-top:30px;
+
    </div>
−
  color:#FFFFFF;
+
−
  background:#060343;
+
−
}
+
−
.footbox {
+
−
  margin:10px 15px;
+
−
  float:left;
+
−
}
+
−
.footbox a {
+
−
  color:#FFFFFF;
+
−
}
+
−
</style>
+
−
<div style="clear: both;"></div>
+
  
−
<div style="height:20px">
+
    <div class="container">
−
 
+
      <!-- Example row of columns -->
−
</div>
+
      <div class="row">
 +
        <div class="col-md-4">
 +
          <h2>Our Team</h2>
 +
          <p>We are an interdisciplinary team…. </p>
 +
          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
 +
        </div>
 +
        <div class="col-md-4">
 +
          <h2>Our Research</h2>
 +
          <p>Triclosan ...</p>
 +
          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
 +
      </div>
 +
        <div class="col-md-4">
 +
          <h2>Get Involved</h2>
 +
          <p>Do your part</p>
 +
          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
 +
        </div>
 +
      </div>
  
−
<div class="mfooter">
+
      <hr>
−
  <div class="footbox">
+
−
  <a href="https://2014.igem.org/Team:Yale">
+
−
    <img src="https://static.igem.org/mediawiki/2014/thumb/5/5c/G3071.png/528px-G3071.png" height="130px"/>
+
−
  </a>
+
−
  </div>
+
−
  <div class="footbox" style="">
+
−
    Main Campus: </br>
+
−
Molecular, Cellular & Developmental Biology</br>
+
−
219 Prospect Street</br>
+
−
P.O. Box 208103</br>
+
−
New Haven, CT 06520</br>
+
−
<img src="https://static.igem.org/mediawiki/2013/a/a7/PB_footerphone.png" height="10px"/> Phone: 203.432.3783</br>
+
−
    <img src="https://static.igem.org/mediawiki/2013/7/74/PB_footeremail.png" height="10px"/> <a href="mailto:igem@yale.edu">igem@yale.edu </a> <br>
+
−
<img src="https://static.igem.org/mediawiki/2013/7/74/PB_footeremail.png" height="10px"/> <a href="mailto:natalie.ma@yale.edu">natalie.ma@yale.edu (Graduate Advisor)</a><br />
+
  
−
  </div>
+
      <footer>
−
  <div class="footbox" style="margin-left:20px;margin-top:20px;">
+
        <p>&copy; UC Davis iGEM 2015</p>
−
  <a href="http://www.yale.edu/">
+
      </footer>
−
    <img src="http://placehold.it/400x90/293660/FFFFFFF/&text=Yale+iGem+Team" height="90px" style="display:none"/>
+
     </div> <!-- /container -->
−
  </a>
+
−
  </div>
+
−
  <div class="footbox" style="float:right;margin-top:20px;margin-right:20px">
+
−
  <a href="https://2014.igem.org/Main_Page">
+
−
    <img src="https://static.igem.org/mediawiki/2014/b/b0/IGEMLogo2014v2white.png" height="60px"/>
+
−
  </a>
+
−
  </div>
+
−
  <div style="clear: both;"></div> 
+
−
  <center>
+
−
     Copyright (c) 2014 Yale IGEM
+
−
  </center>
+
−
</div>
+
−
</body>
+
  
  
 +
    <!-- Bootstrap core JavaScript
 +
    ================================================== -->
 +
    <!-- Placed at the end of the document so the pages load faster -->
 +
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 +
    <script src="../../dist/js/bootstrap.min.js"></script>
 +
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
 +
    <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
 +
  </body>
 
</html>
 
</html>

Revision as of 20:26, 9 September 2015

<!DOCTYPE html> iGEM at UC Davis

Know your footprint.

While you might wash your hands for only 20 seconds, the triclosan in your soap leaves a much longer lasting impression on the environment. You can change that.

Get involved »

Our Team

We are an interdisciplinary team….

View details »

Our Research

Triclosan ...

View details »

Get Involved

Do your part

View details »

© UC Davis iGEM 2015