Difference between revisions of "Team:Virginia"

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

Revision as of 14:46, 18 June 2015

University of Virginia iGEM 2015

University of Virginia iGEM 2015

Project Name

University of Virginia iGEM

148 Gilmer Hall

485 McCormick Road

Charlottesville, VA 22903

United States of America

virginia.igem@gmail.com