Difference between revisions of "Team:Virginia"

Line 1: Line 1:
 
{{Virginia}}
 
{{Virginia}}
 
<html>
 
<html>
−
  <head>
+
<head>
−
    <!-- Bootstrap import -- Latest compiled and minified CSS -->
+
<!-- Bootstrap import -- Latest compiled and minified CSS -->
−
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" type=”text/css”>
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" type=”text/css”>
−
  <base href=’target=’’’>
+
<base href=’target=’’’>
−
  </head>
+
</head>
−
  <body>
+
<body>
−
    <div id=”top-part”>
+
<div id=”top-part”>
−
      <p id=”above-nav”>University of Virginia iGEM 2015</p>
+
<p id=”above-nav”>University of Virginia iGEM 2015</p>
−
      <div id=”icon-box”>
+
<div id=”icon-box”>
−
        <a href=”https://twitter.com/Virginia_iGEM”><img id=”twitter” src=”https://2015.igem.org/File:Virginia_twitter_white.png”></img></a>
+
<a href=”https://twitter.com/Virginia_iGEM”><img id=”twitter” src=”https://2015.igem.org/File:Virginia_twitter_white.png”></img></a>
−
        <a href=”#”><img id=”facebook” src=”#”></img></a>
+
<a href=”#”><img id=”facebook” src=”#”></img></a>
−
      </div>
+
</div>
−
    </div>
+
</div>
−
    <div class="nav">
+
<div class="nav">
−
      <div class="container">
+
<div class="container">
−
        <ul class="pull-left">
+
<ul class="pull-left">
−
          <li><a href="2015.igem.org/Team:Virginia">Home</a></li>
+
<li><a href="2015.igem.org/Team:Virginia">Home</a></li>
−
        </ul>
+
</ul>
−
        <ul class="pull-right">
+
<ul class="pull-right">
−
          <li><a href="2015.igem.org/Team:Virginia/Team">Team</a></li>
+
<li><a href="2015.igem.org/Team:Virginia/Team">Team</a></li>
−
          <li><a href="2015.igem.org/Team:Virginia/Project">Project</a></li>
+
<li><a href="2015.igem.org/Team:Virginia/Project">Project</a></li>
−
          <li><a href="2015.igem.org/Team:Virginia/Practices">Policy and Practices</a></li>
+
<li><a href="2015.igem.org/Team:Virginia/Practices">Policy and Practices</a></li>
−
          <li><a href="2015.igem.org/Team:Virginia/Attributions">Attributions</a></li>
+
<li><a href="2015.igem.org/Team:Virginia/Attributions">Attributions</a></li>
−
          <li><a href="2015.igem.org/Team:Virginia/Contact_us">Contact Us</a></li>
+
<li><a href="2015.igem.org/Team:Virginia/Contact_us">Contact Us</a></li>
−
        </ul>
+
</ul>
−
      </div>
+
</div>
−
    </div>
+
</div>
−
    <div class="jumbotron">
+
<div class="jumbotron">
−
      <div class="container">
+
<div class="container">
−
        <h1>University of Virginia iGEM 2015</h1>
+
<h1>University of Virginia iGEM 2015</h1>
−
        <p>Project Name</p>
+
<p>Project Name</p>
−
      </div>
+
</div>
−
    </div>
+
</div>
−
    <div class="learn-more">
+
<div class="learn-more">
−
      <div class="container">
+
<div class="container">
−
        <div class = "row">
+
<div class = "row">
−
          <div class = "col-md-4">
+
<div class = "col-md-4">
−
            <div class = “circular”>
+
<div class = “circular”>
−
              <h3>Team</h3>
+
<h3>Team</h3>
−
              <p><a href="#">About the 2015 U.Va. iGEM team. </a></p>
+
<p><a href="#">About the 2015 U.Va. iGEM team. </a></p>
−
              <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQUA5CF2C_kOVnWjyl62TA17VNs6RSsPIkrCejlLbtZ7rAVgzQxOQ">
+
<img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQUA5CF2C_kOVnWjyl62TA17VNs6RSsPIkrCejlLbtZ7rAVgzQxOQ">
−
            </div>
+
</div>
−
          </div>
+
</div>
−
          <div class = "col-md-4">
+
<div class = "col-md-4">
−
            <h3>The Project</h3>
+
<h3>The Project</h3>
−
            <p><a href="#">Learn more about our project.</a></p>
+
<p><a href="#">Learn more about our project.</a></p>
−
            <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQUA5CF2C_kOVnWjyl62TA17VNs6RSsPIkrCejlLbtZ7rAVgzQxOQ">
+
<img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQUA5CF2C_kOVnWjyl62TA17VNs6RSsPIkrCejlLbtZ7rAVgzQxOQ">
−
          </div>
+
</div>
−
          <div class = "col-md-4">
+
<div class = "col-md-4">
−
            <h3>Policy and Practices</h3>
+
<h3>Policy and Practices</h3>
−
            <p><a href="#">Explore our policy and practices.</a></p>
+
<p><a href="#">Explore our policy and practices.</a></p>
−
            <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQUA5CF2C_kOVnWjyl62TA17VNs6RSsPIkrCejlLbtZ7rAVgzQxOQ">
+
<img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQUA5CF2C_kOVnWjyl62TA17VNs6RSsPIkrCejlLbtZ7rAVgzQxOQ">
−
          </div>
+
</div>
−
        </div>
+
</div>
−
        <div class = "row">
+
<div class = "row">
−
          <div class = "col-md-4">
+
<div class = "col-md-4">
−
            <h3>Sponsors and Support</h3>
+
<h3>Sponsors and Support</h3>
−
            <p><a href="#">Learn more about our sponsors.</a></p>
+
<p><a href="#">Learn more about our sponsors.</a></p>
−
            <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQUA5CF2C_kOVnWjyl62TA17VNs6RSsPIkrCejlLbtZ7rAVgzQxOQ">
+
<img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQUA5CF2C_kOVnWjyl62TA17VNs6RSsPIkrCejlLbtZ7rAVgzQxOQ">
−
          </div>
+
</div>
−
          <div class = "col-md-4">
+
<div class = "col-md-4">
−
            <h3>Contact us</h3>
+
<h3>Contact us</h3>
−
            <p><a href="#">Contact the 2015 U.Va. team.</a></p>
+
<p><a href="#">Contact the 2015 U.Va. team.</a></p>
−
            <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQUA5CF2C_kOVnWjyl62TA17VNs6RSsPIkrCejlLbtZ7rAVgzQxOQ">
+
<img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQUA5CF2C_kOVnWjyl62TA17VNs6RSsPIkrCejlLbtZ7rAVgzQxOQ">
−
          </div>
+
</div>
−
          <div class = "col-md-4">
+
<div class = "col-md-4">
−
            <h3>About iGEM</h3>
+
<h3>About iGEM</h3>
−
            <p><a href="#">Learn more about iGEM</a></p>
+
<p><a href="#">Learn more about iGEM</a></p>
−
            <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQUA5CF2C_kOVnWjyl62TA17VNs6RSsPIkrCejlLbtZ7rAVgzQxOQ">
+
<img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQUA5CF2C_kOVnWjyl62TA17VNs6RSsPIkrCejlLbtZ7rAVgzQxOQ">
−
          </div>
+
</div>
−
        </div>
+
</div>
−
      </div>
+
</div>
−
    </div>
+
</div>
−
  <footer>
+
<footer>
−
  <p>University of Virginia iGEM</p>
+
<div id=”foot-img”>
−
<p>148 Gilmer Hall</p>
+
</div>
−
<p>485 McCormick Road</p>
+
<div id=”foot-text”>
−
<p>Charlottesville, Virginia 22904</p>
+
<p>University of Virginia iGEM</p>
−
<p>United States of America</p>
+
<p>148 Gilmer Hall</p>
−
  <p><a href="mailto:virginia.igem@gmail.com">
+
<p>485 McCormick Road</p>
−
  virginia.igem@gmail.com</a>.</p>
+
<p>Charlottesville, Virginia 22904</p>
−
</footer>
+
<p>United States of America</p>
−
    <script type=”text/javascript”>
+
<p><a href="mailto:virginia.igem@gmail.com">
−
      $(document).ready(function(){
+
virginia.igem@gmail.com</a>.
−
      // jQuery here
+
</p>
−
      });
+
</div>
−
    </script>
+
</footer>
−
    <style type="text/css">
+
<script type=”text/javascript”>
−
      .jumbotron {
+
$(document).ready(function(){
−
      height: 500px;
+
// jQuery here
−
      background-size: 100%;
+
});
−
      background: url(‘https://2015.igem.org/File:Virginia_cells.jpg’);
+
</script>
−
      padding:0px 0px 0px 0px;
+
<style type="text/css">
−
      margin:0px 0px 0px 0px;
+
footer div {
−
      }
+
display:inline;
−
      .jumbotron .container {
+
}
−
      position: relative;
+
footer div:first-child {
−
      top:100px;
+
background-image:url(‘https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQUA5CF2C_kOVnWjyl62TA17VNs6RSsPIkrCejlLbtZ7rAVgzQxOQ’);
−
      }
+
height:85%;
−
      .jumbotron h1 {
+
margin: 15%;
−
      color: #fff;
+
width:auto;
−
      font-size: 48px;   
+
overflow:hidden;
−
      font-weight: bold;
+
}
−
      text-align:center;
+
.jumbotron {
−
      }
+
height: 500px;
−
      .jumbotron p {
+
background-size: 100%;
−
      font-size: 48px;
+
background: url(‘https://2015.igem.org/File:Virginia_cells.jpg’);
−
      color: #fff;
+
padding:0px 0px 0px 0px;
−
      text-align: center;
+
margin:0px 0px 0px 0px;
−
      margin-top:30px;
+
}
−
      }
+
.jumbotron .container {
−
      .learn-more {
+
position: relative;
−
      width:100%;
+
top:100px;
−
      background-color:#dfe2db;
+
}
−
      text-align:center;
+
.jumbotron h1 {
−
      }
+
color: #fff;
−
      .learn-more .container .row {
+
font-size: 48px;   
−
      padding-bottom: 20px;
+
font-weight: bold;
−
      padding-top:30px;
+
text-align:center;
−
      }
+
}
−
      .learn-more h3 {
+
.jumbotron p {
−
      font-family: 'Shift', sans-serif;
+
font-size: 48px;
−
      font-size: 18px;
+
color: #fff;
−
      font-weight: bold;
+
text-align: center;
−
      text-align:center;
+
margin-top:30px;
−
      }
+
}
−
      .learn-more a {
+
.learn-more {
−
      color:#007bb6;
+
width:100%;
−
      }
+
background-color:#dfe2db;
−
      .learn-more img {
+
text-align:center;
−
      width: 90%;
+
}
−
      height: auto;
+
.learn-more .container .row {
−
      border-radius:20%;  
+
padding-bottom: 20px;
−
      box-shadow: 5px 5px 2px #888888;
+
padding-top:30px;
−
      }
+
}
−
      .nav {
+
.learn-more h3 {
−
      background-color: #003F87;
+
font-family: 'Shift', sans-serif;
−
      width:100%;
+
font-size: 18px;
−
      float:top;   
+
font-weight: bold;
−
      position:fixed;
+
text-align:center;
−
      top:70px;
+
}
−
      z-index:10;
+
.learn-more a {
−
      //opacity:0.85;
+
color:#007bb6;
−
      border-bottom:5px;
+
}
−
      border-top:0px;
+
.learn-more img {
−
      border-left:0px;
+
width: 90%;
−
      border-right:0px;
+
height: auto;
−
      border-color:#007bb6;
+
border-radius:20%;  
−
      border-style:solid;
+
box-shadow: 5px 5px 2px #888888;
−
      }
+
}
−
      .nav a {
+
.nav {
−
      color: rgb(256, 256, 256);
+
background-color: #003F87;
−
      font-size: 16px;
+
width:100%;
−
      font-weight: bold;
+
float:top;   
−
      padding: 14px 10px;
+
position:fixed;
−
      text-transform: uppercase;
+
top:70px;
−
      border-radius:5px;
+
z-index:10;
−
      }
+
//opacity:0.85;
−
      .nav a:hover{
+
border-bottom:5px;
−
      color:#fff;
+
border-top:0px;
−
      background-color:#007bb6;
+
border-left:0px;
−
      text-decoration:none;
+
border-right:0px;
−
      }
+
border-color:#007bb6;
−
      .nav li {
+
border-style:solid;
−
      display: inline;
+
}
−
      font-family: "Arial";
+
.nav a {
−
      }
+
color: rgb(256, 256, 256);
−
      .nav .container {
+
font-size: 16px;
−
      padding-top:5px;
+
font-weight: bold;
−
      padding-bottom:5px;
+
padding: 14px 10px;
−
      }
+
text-transform: uppercase;
−
      .row {
+
border-radius:5px;
−
      width:100%;
+
}
−
      }
+
.nav a:hover{
−
      #content h1.firstHeading {
+
color:#fff;
−
      visibility:hidden;
+
background-color:#007bb6;
−
      }
+
text-decoration:none;
−
      #content {
+
}
−
      margin: 0px 0px 0px 0px;
+
.nav li {
−
      padding:0px 0px 0px 0px;
+
display: inline;
−
      width:100%;
+
font-family: "Arial";
−
      height:auto;
+
}
−
      background-color: rgb(0,0,0);
+
.nav .container {
−
      }
+
padding-top:5px;
−
      html {
+
padding-bottom:5px;
−
      background-color:#191919;
+
}
−
      color: #fff
+
.row {
−
      font-family: Century Gothic, sans-serif;
+
width:100%;
−
      }
+
}
−
      #top_menu_14 {
+
#content h1.firstHeading {
−
      /*BORDER ATTRIBUTES*/
+
visibility:hidden;
−
      border-top:5px solid #007bb6;
+
}
−
      background-color: #003F87;
+
#content {
−
      border-color:#003F87;
+
margin: 0px 0px 0px 0px;
−
      }
+
padding:0px 0px 0px 0px;
−
      #top_menu_14 a:hover {
+
width:100%;
−
      opacity:1.0;
+
height:auto;
−
      background-color:#007bb6;
+
background-color: rgb(0,0,0);
−
      text-decoration:none;
+
}
−
      }
+
html {
−
      footer {
+
background-color:#191919;
−
      width:100%
+
color: #fff
−
      height:300px;
+
font-family: Century Gothic, sans-serif;
−
      padding:25px 25px 25px 25px;
+
}
−
      background:#007bb6;
+
#top_menu_14 {
−
      clear:both;
+
/*BORDER ATTRIBUTES*/
−
   
+
border-top:5px solid #007bb6;
−
      }
+
background-color: #003F87;
−
footer p:first-child {
+
border-color:#003F87;
−
font-weight:bold;
+
}
−
font-family:Arial;
+
#top_menu_14 a:hover {
−
font-size:18px;
+
opacity:1.0;
−
text-decoration:underline;
+
background-color:#007bb6;
−
}
+
text-decoration:none;
−
footer a {
+
}
−
color:#fff;
+
footer {
−
}
+
width:100%
−
    p {  
+
height:300px;
−
      color:white;
+
padding:25px 25px 25px 25px;
−
      font-family: serif;
+
background:#007bb6;
−
      float:center;
+
clear:both;
−
      clear:both;
+
}
−
      }
+
footer p:first-child {
−
          #”bolded” {
+
font-weight:bold;
−
      font-weight:bold;
+
font-family:Arial;
−
      }
+
font-size:18px;
−
      #”above-nav”{
+
text-decoration:underline;
−
      float:left;
+
}
−
      font-size:30px;
+
footer a {
−
      text-align:center;
+
color:#fff;
−
      font-family:Helvetica;
+
}
−
      text-transform:uppercase;
+
p {  
−
      text-shadow: 2px 2px #007bb6;
+
color:white;
−
      padding-left:25%;
+
font-family: serif;
−
      }
+
float:center;
−
      #”top-part” a {
+
clear:both;
−
      width:auto;
+
}
−
      height:auto;
+
#”bolded” {
−
      margin-right:20px;
+
font-weight:bold;
−
      }
+
}
−
      #”facebook”{
+
#”above-nav”{
−
      height:30px;
+
float:left;
−
      width:30px;
+
font-size:30px;
−
      }
+
text-align:center;
−
      #”twitter”{
+
font-family:Helvetica;
−
      height:30px;
+
text-transform:uppercase;
−
      width:30px;
+
text-shadow: 2px 2px #007bb6;
−
      }
+
padding-left:25%;
−
      #”icon-box”{
+
}
−
      display:inline;
+
#”top-part” a {
−
      float:right;
+
width:auto;
−
      }
+
height:auto;
−
      #”top-part”{
+
margin-right:20px;
−
      display:inline;
+
}
−
      height:56px;
+
#”facebook”{
−
      position:fixed;
+
height:30px;
−
      top:14px;
+
width:30px;
−
      float:center;
+
}
−
      background:#003F87;
+
#”twitter”{
−
      width:100%;
+
height:30px;
−
      z-index:10;
+
width:30px;
−
      font-weight:bold;
+
}
−
      padding-top:15px;
+
#”icon-box”{
−
      }
+
display:inline;
−
    </style>
+
float:right;
−
    </div></div>
+
}
−
  </body>
+
#”top-part”{
 +
display:inline;
 +
height:56px;
 +
position:fixed;
 +
top:14px;
 +
float:center;
 +
background:#003F87;
 +
width:100%;
 +
z-index:10;
 +
font-weight:bold;
 +
padding-top:15px;
 +
}
 +
</style>
 +
</div></div>
 +
</body>
 
</html>
 
</html>

Revision as of 18:56, 22 June 2015

University of Virginia iGEM 2015

University of Virginia iGEM 2015

Project Name

Team

About the 2015 U.Va. iGEM team.

The Project

Learn more about our project.

Policy and Practices

Explore our policy and practices.

Sponsors and Support

Learn more about our sponsors.

Contact us

Contact the 2015 U.Va. team.

About iGEM

Learn more about iGEM

University of Virginia iGEM

148 Gilmer Hall

485 McCormick Road

Charlottesville, Virginia 22904

United States of America

virginia.igem@gmail.com.