Difference between revisions of "Team:Virginia/Team"
| Line 1: | Line 1: | ||
{{Virginia}} | {{Virginia}} | ||
<html> | <html> | ||
| − | + | <head> | |
| − | + | <!-- 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"> | |
| − | + | </head> | |
| − | + | <body> | |
| − | + | <div id="top-part"> | |
| − | + | <p id="above-nav">University of Virginia iGEM 2015</p> | |
| − | + | <div id="icon-box"> | |
| − | + | <a href="https://twitter.com/Virginia_iGEM"><img id="twitter" src="/wiki/images/2/2c/Virginia_twitter_white.png"></img></a> | |
| − | + | <a href="https://www.facebook.com/uvaigem"><img id="facebook" src="/wiki/images/e/ed/Virginia_facebook.png"></img></a> | |
| − | + | </div> | |
| − | + | </div> | |
| + | <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">Project</a></li> | ||
| + | <li><a href="/Team:Virginia/Practices">Policy and Practices</a></li> | ||
| + | <li><a href="/Team:Virginia/Attributions">Attributions</a></li> | ||
| + | <li><a href="/Team:Virginia/Contact_us">Contact Us</a></li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <!-- OTHER STRUCTURAL CODE GOES BELOW HERE --> | ||
| + | <div id="team-info"> | ||
| + | <div class="container"> | ||
| + | <div class="team-box" id="team-box-1"> | ||
| + | <img id="team-pic-1" src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQcmNTJm1k25IzH8pF4Vm0tSKdIek00FaqmZJqtkJpxBoeemH5u"></img> | ||
</div> | </div> | ||
| − | <div class=" | + | <div class="team-box" id="team-box-2"> |
| − | + | <img id="team-pic-2" src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQcmNTJm1k25IzH8pF4Vm0tSKdIek00FaqmZJqtkJpxBoeemH5u"></img> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</div> | </div> | ||
| − | + | <div class="team-box" id="team-box-3"> | |
| − | <div class= | + | <img id="team-pic-3" src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQcmNTJm1k25IzH8pF4Vm0tSKdIek00FaqmZJqtkJpxBoeemH5u"></img> |
| − | + | ||
| − | <img id= | + | |
</div> | </div> | ||
| − | <div class= | + | <div class="team-box" id="team-box-4"> |
| − | <img id= | + | <img id="team-pic-4" src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQcmNTJm1k25IzH8pF4Vm0tSKdIek00FaqmZJqtkJpxBoeemH5u"></img> |
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | <!-- SPECIFIC STRUCTURAL CODE ENDS HERE --> | |
| − | + | ||
| − | + | <footer> | |
| − | + | <div id="foot-img"> | |
| − | + | <img src="https://static.igem.org/mediawiki/2015/d/d1/Virginia_logo4.png"></img> | |
| − | + | </div> | |
| − | + | <div id="foot-text"> | |
| − | + | <p>University of Virginia iGEM</p> | |
| − | + | <p>148 Gilmer Hall</p> | |
| − | + | <p>485 McCormick Road</p> | |
| − | + | <p>Charlottesville, Virginia 22904</p> | |
| − | + | <p>United States of America</p> | |
| − | + | <p><a href="mailto:virginia.igem@gmail.com"> | |
| − | + | virginia.igem@gmail.com</a> | |
| − | + | </p> | |
| − | + | </div> | |
| − | . | + | </footer> |
| + | <script type="text/javascript"> | ||
| + | $(document).ready(function(){ | ||
| + | // jQuery here | ||
| + | }); | ||
| + | </script> | ||
| + | <style type="text/css"> | ||
| + | footer div img { | ||
| + | width:auto; | ||
| + | height:200px; | ||
| + | } | ||
| + | footer div { | ||
| + | overflow:hidden; | ||
| + | display:inline-block; | ||
| + | float:none; | ||
| + | } | ||
| + | footer div:first-child { | ||
| + | background-image:url(‘https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQUA5CF2C_kOVnWjyl62TA17VNs6RSsPIkrCejlLbtZ7rAVgzQxOQ’); | ||
| + | float:right; | ||
| + | top:10px; | ||
| + | height:90%; | ||
| + | width:25% | ||
| + | margin: 1%; | ||
| + | display:inline; | ||
| + | overflow:hidden; | ||
| + | } | ||
| + | .nav { | ||
| + | background-color: #003F87; | ||
| + | width:100%; | ||
| + | float:top; | ||
| + | position:fixed; | ||
| + | top:70px; | ||
| + | z-index:10; | ||
| + | //opacity:0.85; | ||
| + | border-bottom:5px; | ||
| + | border-top:0px; | ||
| + | border-left:0px; | ||
| + | border-right:0px; | ||
| + | border-color:#007bb6; | ||
| + | border-style:solid; | ||
| + | } | ||
| + | .nav a { | ||
| + | color: rgb(256, 256, 256); | ||
| + | font-size: 16px; | ||
| + | font-weight: bold; | ||
| + | padding: 14px 10px; | ||
| + | text-transform: uppercase; | ||
| + | border-radius:5px; | ||
| + | } | ||
| + | .nav a:hover{ | ||
| + | color:#fff; | ||
| + | background-color:#007bb6; | ||
| + | text-decoration:none; | ||
| + | } | ||
| + | .nav li { | ||
| + | display: inline; | ||
| + | font-family: Arial; | ||
| + | } | ||
| + | .nav .container { | ||
| + | padding-top:5px; | ||
| + | padding-bottom:5px; | ||
| + | } | ||
| + | .row { | ||
| + | width:100%; | ||
| + | } | ||
| + | #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:#191919; | ||
| + | color: #fff | ||
| + | font-family: Century Gothic, sans-serif; | ||
| + | } | ||
| + | #top_menu_14 { | ||
| + | /*BORDER ATTRIBUTES*/ | ||
| + | border-top:5px solid #007bb6; | ||
| + | background-color: #003F87; | ||
| + | border-color:#003F87; | ||
| + | } | ||
| + | #top_menu_14 li.has_submenu:hover { | ||
| + | opacity:1.0; | ||
| + | background-color:#007bb6; | ||
| + | text-decoration:none; | ||
| + | } | ||
| + | #top_menu_14 li:hover { | ||
| + | opacity:1.0; | ||
| + | background-color:#007bb6; | ||
| + | text-decoration:none; | ||
| + | } | ||
| + | footer { | ||
| + | width:100% | ||
| + | height:300px; | ||
| + | padding:25px 25px 25px 25px; | ||
| + | background:#000000; | ||
| + | clear:both; | ||
| + | } | ||
| + | footer p:first-child { | ||
| + | font-weight:bold; | ||
| + | font-family:Arial; | ||
| + | font-size:18px; | ||
| + | text-decoration:underline; | ||
| + | } | ||
| + | footer a { | ||
| + | color:#fff; | ||
| + | } | ||
| + | footer p { | ||
| + | width:auto; | ||
| + | } | ||
| + | p { | ||
| + | color:white; | ||
| + | font-family: serif; | ||
| + | float:center; | ||
| + | clear:both; | ||
| + | } | ||
| + | #bolded { | ||
| + | font-weight:bold; | ||
| + | } | ||
| + | #above-nav{ | ||
| + | margin-bottom:10px; | ||
| + | float:left; | ||
| + | font-size:30px; | ||
| + | text-align:center; | ||
| + | font-family:Helvetica; | ||
| + | text-transform:uppercase; | ||
| + | text-shadow: 2px 2px #007bb6; | ||
| + | padding-left:25%; | ||
| + | } | ||
| + | #top-part a { | ||
| + | width:auto; | ||
| + | height:auto; | ||
| + | margin-right:20px; | ||
| + | } | ||
| + | #facebook{ | ||
| + | height:30px; | ||
| + | width:30px; | ||
| + | } | ||
| + | #twitter{ | ||
| + | height:40px; | ||
| + | width:40px; | ||
| + | } | ||
| + | #facebook:hover{ | ||
| + | opacity:0.5; | ||
| + | } | ||
| + | #twitter:hover{ | ||
| + | opacity:0.5; | ||
| + | } | ||
| + | #icon-box{ | ||
| + | display:inline; | ||
| + | float:right; | ||
| + | } | ||
| + | #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; | ||
| + | } | ||
| + | <!-- OTHER STYLE CODE GOES BELOW HERE → | ||
| + | .team-box{ | ||
clear:both; | clear:both; | ||
| − | + | width:30%; | |
height:250px; | height:250px; | ||
height:auto; | height:auto; | ||
| Line 110: | Line 243: | ||
border: 1px solid #ffffff; | border: 1px solid #ffffff; | ||
} | } | ||
| − | . | + | .team-box img { |
width:100%; | width:100%; | ||
height:auto; | height:auto; | ||
overflow:hidden; | overflow:hidden; | ||
} | } | ||
| − | + | <!-- SPECIFIC STYLE CODE ENDS HERE --> | |
| − | + | </style> | |
| − | + | </body> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</html> | </html> | ||
Revision as of 22:17, 22 June 2015
