Difference between revisions of "Team:Virginia/Team"

(Prototype team page)
 
Line 2: Line 2:
 
<html>
 
<html>
  
<h2>Team</h2>
+
<!-- Bootstrap import -- Latest compiled and minified CSS -->
 +
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
  
<p>In this page you can introduce your team members, instructors, and advisors. </p>
 
  
 +
    <div class="nav">
 +
      <div class="container">
 +
        <ul class = "pull-left">
 +
          <li><a href="Team:Virginia">Home</a></li>
 +
        </ul>
 +
        <ul class="pull-right">
 +
  <li><a href="Team:Virginia/Team">Team</a></li>
 +
          <li><a href="Team:Virginia/Project_main">Project</a></li>
 +
          <li><a href="Team:Virginia/Policy_and_practices">Policy and Practices</a></li>
 +
          <li><a href="Team:Virginia/Support_and_sponsors">Support and Sponsors</a></li>
 +
          <li><a href="Team:Virginia/Contact_us">Contact Us</a></li>
 +
        </ul>
 +
</div></div>
 +
<div class="title-piece">
 +
<p>University of Virginia 2015 iGEM Team</p>
 +
</div>
  
 +
<div class="col" style="display:inline-block;">
 +
        <h2>Joshua Leehan</h2><a class="fancybox" href="https://static.igem.org/mediawiki/2014/9/9b/Nalgene_centrifuge_tubes.jpg"><img alt="" class="profile" src="https://static.igem.org/mediawiki/2014/5/5f/VGEM_Josh_Sq1.JPG"></a>
 +
    </div>
 +
   
  
  
  
<h4>Inspiration</h4>
+
<p>You can look at what other teams did to get some inspiration! <br />
+
Here are a few examples:</p>
+
<ul>
+
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
</ul>
+
  
<h5>What should this page contain?</h5>
+
<ul>
+
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
</ul>
+
  
 +
<style type="text/css">
 +
 +
.nav {
 +
  background-color: rgb(200,50,50);
 +
    width:100%;
 +
    float:top; 
 +
    position:fixed;
 +
    top:14px;
 +
  z-index:10;
 +
}
 +
 +
.nav:hover {
 +
  background-color:rgb(150,40,40);
 +
}
 +
 +
.nav a {
 +
  color: rgb(256, 256, 256);
 +
  font-size: 16px;
 +
  font-weight: bold;
 +
  padding: 14px 10px;
 +
  text-transform: uppercase;
 +
}
 +
 +
.nav li {
 +
        display: inline;
 +
font-family: "Arial";
 +
}
 +
 +
.nav .container {
 +
    padding-top:30px;
 +
    padding-bottom:25px;
 +
}
 +
 +
 +
#content h1.firstHeading {
 +
visibility:hidden;
 +
}
 +
 +
#content {
 +
        margin: 0px 0px 0px 0px;
 +
        padding:0px 0px 0px 0px;
 +
        width:100%;
 +
        height:auto;
 +
        background-color: rgb(0,0,0);
 +
}
 +
 +
html {
 +
    background-color:#000000;
 +
}
 +
 +
p {
 +
font-size:35px;
 +
font-family:sans-serif;
 +
color:white;
 +
text-align:center;
 +
background-color:#000000;
 +
clear:both;
 +
        width:100%;
 +
}
 +
 +
#top_menu_14 {
 +
  background-color: rgb(200,50,50);
 +
  border-color: rgb(200,50,50);
 +
}
 +
 +
#top_menu_14:hover {
 +
  background-color: rgb(150,40,40);
 +
  border-color: rgb(150,40,40);
 +
}
 +
 +
.people .col-md-6 {
 +
color:white;
 +
font-size:25px;
 +
text-align:center;
 +
font-style:bold;
 +
}
 +
 +
.people img {
 +
width:90%;
 +
opacity:0.9;
 +
border-radius:10%
 +
}
 +
 +
.people img:hover {
 +
opacity:1.0;
 +
}
 +
 +
</style>
  
</div>
 
 
</html>
 
</html>

Revision as of 13:06, 5 June 2015

University of Virginia 2015 iGEM Team

Joshua Leehan