Difference between revisions of "Team:Virginia"

Line 1: Line 1:
 
{{Virginia}}
 
{{Virginia}}
 
<html>
 
<html>
−
 
+
<!-- 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">
−
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
+
<div class="nav">
−
 
+
<div class="container">
−
 
+
<ul class = "pull-left">
−
    <div class="nav">
+
<li><a href="2015.igem.org/Team:Virginia">Home</a></li>
−
      <div class="container">
+
</ul>
−
        <ul class = "pull-left">
+
<ul class="pull-right">
−
          <li><a href="2015.igem.org/Team:Virginia">Home</a></li>
+
<li><a href="2015.igem.org/Team:Virginia/Team">Team</a></li>
−
        </ul>
+
<li><a href="2015.igem.org/Team:Virginia/Project_main">Project</a></li>
−
        <ul class="pull-right">
+
<li><a href="2015.igem.org/Team:Virginia/Policy_and_practices">Policy and Practices</a></li>
−
<li><a href="2015.igem.org/Team:Virginia/Team">Team</a></li>
+
<li><a href="2015.igem.org/Team:Virginia/Support_and_sponsors">Support and Sponsors</a></li>
−
          <li><a href="2015.igem.org/Team:Virginia/Project_main">Project</a></li>
+
<li><a href="2015.igem.org/Team:Virginia/Contact_us">Contact Us</a></li>
−
          <li><a href="2015.igem.org/Team:Virginia/Policy_and_practices">Policy and Practices</a></li>
+
</ul>
−
          <li><a href="2015.igem.org/Team:Virginia/Support_and_sponsors">Support and Sponsors</a></li>
+
</div>
−
<li><a href="2015.igem.org/Team:Virginia/Contact_us">Contact Us</a></li>
+
−
        </ul>
+
−
</div></div>
+
−
 
+
−
    <div class="jumbotron">
+
−
      <div class="container">
+
−
        <h1>University of Virginia iGEM 2015</h1>
+
−
        <p>Project Name</p>
+
−
      </div>
+
−
    </div>
+
−
<div class="learn-more">
+
−
  <div class="container">
+
−
<div class = "row">
+
−
      <div class = "col-md-4">
+
−
<div class = “circular”>
+
−
<h3>Team</h3>
+
−
<p><a href="#">About the 2015 U.Va. iGEM team. </a></p>
+
−
<img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQUA5CF2C_kOVnWjyl62TA17VNs6RSsPIkrCejlLbtZ7rAVgzQxOQ">
+
−
      </div></div>
+
−
     
+
−
  <div class = "col-md-4">
+
−
<h3>The Project</h3>
+
−
<p><a href="#">Learn more about our project.</a></p>
+
−
            <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQUA5CF2C_kOVnWjyl62TA17VNs6RSsPIkrCejlLbtZ7rAVgzQxOQ">
+
−
  </div>
+
−
  <div class = "col-md-4">
+
−
<h3>Policy and Practices</h3>
+
−
<p><a href="#">Explore our policy and practices.</a></p>
+
−
<img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQUA5CF2C_kOVnWjyl62TA17VNs6RSsPIkrCejlLbtZ7rAVgzQxOQ">
+
−
  </div>
+
−
    </div>
+
−
      <div class = "row">
+
−
      <div class = "col-md-4">
+
−
<h3>Sponsors and Support</h3>
+
−
<p><a href="#">Learn more about our sponsors.</a></p>
+
−
<img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQUA5CF2C_kOVnWjyl62TA17VNs6RSsPIkrCejlLbtZ7rAVgzQxOQ">
+
−
      </div>
+
−
  <div class = "col-md-4">
+
−
<h3>Contact us</h3>
+
−
<p><a href="#">Contact the 2015 U.Va. team.</a></p>
+
−
            <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQUA5CF2C_kOVnWjyl62TA17VNs6RSsPIkrCejlLbtZ7rAVgzQxOQ">
+
−
  </div>
+
−
  <div class = "col-md-4">
+
−
<h3>About iGEM</h3>
+
−
<p><a href="#">Learn more about iGEM</a></p>
+
−
<img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQUA5CF2C_kOVnWjyl62TA17VNs6RSsPIkrCejlLbtZ7rAVgzQxOQ">
+
−
  </div>
+
−
    </div>
+
−
  </div>
+
 
</div>
 
</div>
−
 
+
<div class="jumbotron">
−
 
+
<div class="container">
−
<style type="text/css">
+
<h1>University of Virginia iGEM 2015</h1>
−
 
+
<p>Project Name</p>
−
 
+
</div>
−
.jumbotron {
+
</div>
−
height: 500px;
+
<div class="learn-more">
−
background-repeat: no-repeat;
+
<div class="container">
−
background-size: 100%;
+
<div class = "row">
−
background: url('https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQUA5CF2C_kOVnWjyl62TA17VNs6RSsPIkrCejlLbtZ7rAVgzQxOQ');
+
<div class = "col-md-4">
−
position:absolute;
+
<div class = “circular”>
−
top:14px;
+
<h3>Team</h3>
−
left:0px;
+
<p><a href="#">About the 2015 U.Va. iGEM team. </a></p>
−
}
+
<img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQUA5CF2C_kOVnWjyl62TA17VNs6RSsPIkrCejlLbtZ7rAVgzQxOQ">
−
 
+
</div>
−
.jumbotron .container {
+
</div>
−
position: relative;
+
<div class = "col-md-4">
−
top:100px;
+
<h3>The Project</h3>
−
}
+
<p><a href="#">Learn more about our project.</a></p>
−
 
+
<img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQUA5CF2C_kOVnWjyl62TA17VNs6RSsPIkrCejlLbtZ7rAVgzQxOQ">
−
.jumbotron h1 {
+
</div>
−
color: #fff;
+
<div class = "col-md-4">
−
font-size: 48px;   
+
<h3>Policy and Practices</h3>
−
font-family: 'Shift', sans-serif;
+
<p><a href="#">Explore our policy and practices.</a></p>
−
font-weight: bold;
+
<img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQUA5CF2C_kOVnWjyl62TA17VNs6RSsPIkrCejlLbtZ7rAVgzQxOQ">
−
text-align:right;
+
</div>
−
color: #fff;
+
</div>
−
}
+
<div class = "row">
−
 
+
<div class = "col-md-4">
−
.jumbotron p {
+
<h3>Sponsors and Support</h3>
−
  font-size: 48px;
+
<p><a href="#">Learn more about our sponsors.</a></p>
−
  color: #fff;
+
<img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQUA5CF2C_kOVnWjyl62TA17VNs6RSsPIkrCejlLbtZ7rAVgzQxOQ">
−
  text-align: right;
+
</div>
−
  margin-top:30px;
+
<div class = "col-md-4">
−
}
+
<h3>Contact us</h3>
−
 
+
<p><a href="#">Contact the 2015 U.Va. team.</a></p>
−
.learn-more {
+
<img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQUA5CF2C_kOVnWjyl62TA17VNs6RSsPIkrCejlLbtZ7rAVgzQxOQ">
−
width:100%;
+
</div>
−
    background-color:#dfe2db;
+
<div class = "col-md-4">
−
    text-align:center;
+
<h3>About iGEM</h3>
−
}
+
<p><a href="#">Learn more about iGEM</a></p>
−
 
+
<img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQUA5CF2C_kOVnWjyl62TA17VNs6RSsPIkrCejlLbtZ7rAVgzQxOQ">
−
.learn-more .container .row {
+
</div>
−
padding-bottom: 20px;
+
</div>
−
padding-top:30px;
+
</div>
−
}
+
</div>
−
 
+
<style type="text/css">
−
.learn-more h3 {
+
.jumbotron {
−
  font-family: 'Shift', sans-serif;
+
height: 500px;
−
  font-size: 18px;
+
background-repeat: no-repeat;
−
  font-weight: bold;
+
background-size: 100%;
−
  text-align:center;
+
background: url('https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQUA5CF2C_kOVnWjyl62TA17VNs6RSsPIkrCejlLbtZ7rAVgzQxOQ');
−
}
+
box-shadow: 0px 30px 40px rgba(0,0,0,.1);
−
 
+
}
−
.learn-more a {
+
.jumbotron .container {
−
  color: #fff;
+
position: relative;
−
}
+
top:100px;
−
 
+
}
−
.learn-more img {
+
.jumbotron h1 {
−
shape-outside: circle(50% at 0 0);
+
color: #fff;
−
width: 90%;
+
font-size: 48px;   
−
height: auto;
+
font-family: 'Shift', sans-serif;
−
border-radius:20%;  
+
font-weight: bold;
−
box-shadow: 5px 5px 2px #888888;
+
text-align:right;
−
}
+
color: #fff;
−
 
+
}
−
.nav {
+
.jumbotron p {
−
  background-color: #191919;
+
font-size: 48px;
−
    width:100%;
+
color: #fff;
−
    float:top;   
+
text-align: right;
−
    position:fixed;
+
margin-top:30px;
−
    top:14px;
+
}
−
  z-index:10;
+
.learn-more {
−
opacity:0.75;
+
width:100%;
−
}
+
background-color:#dfe2db;
−
 
+
text-align:center;
−
.nav:hover {
+
}
−
opacity:1.0;
+
.learn-more .container .row {
−
}
+
padding-bottom: 20px;
−
 
+
padding-top:30px;
−
.nav a {
+
}
−
  color: rgb(256, 256, 256);
+
.learn-more h3 {
−
  font-size: 16px;
+
font-family: 'Shift', sans-serif;
−
  font-weight: bold;
+
font-size: 18px;
−
  padding: 14px 10px;
+
font-weight: bold;
−
  text-transform: uppercase;
+
text-align:center;
−
}
+
}
−
 
+
.learn-more a {
−
.nav a {
+
color: #fff;
−
 
+
}
−
}
+
.learn-more img {
−
 
+
shape-outside: circle(50% at 0 0);
−
.nav li {
+
width: 90%;
−
        display: inline;
+
height: auto;
−
font-family: "Arial";
+
border-radius:20%;  
−
}
+
box-shadow: 5px 5px 2px #888888;
−
 
+
}
−
 
+
.nav {
−
.nav .container {
+
background-color: #191919;
−
    padding-top:30px;
+
width:100%;
−
    padding-bottom:25px;
+
float:top;   
−
}
+
position:fixed;
−
 
+
top:14px;
−
.row {
+
z-index:10;
−
      width:100%;
+
opacity:0.85;
−
}
+
}
−
 
+
.nav:hover {
−
#content h1.firstHeading {
+
opacity:1.0;
−
visibility:hidden;
+
}
−
}
+
.nav a {
−
 
+
color: rgb(256, 256, 256);
−
#content {
+
font-size: 16px;
−
        margin: 0px 0px 0px 0px;
+
font-weight: bold;
−
        padding:0px 0px 0px 0px;
+
padding: 14px 10px;
−
        width:100%;
+
text-transform: uppercase;
−
        height:auto;
+
}
−
        background-color: rgb(0,0,0);
+
.nav a:hover{
−
}
+
color:#000000;
−
 
+
background-color:#76EE00
−
html {
+
}
−
background-color:#191919;
+
.nav li {
−
color: #fff
+
display: inline;
−
font-family:sans-serif;
+
font-family: "Arial";
−
}
+
}
−
 
+
.nav .container {
−
#top_menu_14 {
+
padding-top:30px;
−
  background-color: #191919;
+
padding-bottom:25px;
−
  border-color: #191919;
+
}
−
}
+
.row {
−
 
+
width:100%;
−
#top_menu_14:hover {
+
}
−
  background-color: #dfe2db;
+
#content h1.firstHeading {
−
  border-color: #dfe2db;
+
visibility:hidden;
−
}
+
}
−
 
+
#content {
−
 
+
margin: 0px 0px 0px 0px;
−
+
padding:0px 0px 0px 0px;
−
 
+
width:100%;
−
 
+
height:auto;
−
</style>
+
background-color: rgb(0,0,0);
−
 
+
}
 +
html {
 +
background-color:#191919;
 +
color: #fff
 +
font-family:sans-serif;
 +
}
 +
#top_menu_14 {
 +
background-color: #191919;
 +
border-color: #191919;
 +
}
 +
#top_menu_14:hover {
 +
background-color: #dfe2db;
 +
border-color: #dfe2db;
 +
}
 +
</style>
 
</html>
 
</html>

Revision as of 20:18, 7 June 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