Difference between revisions of "Team:Virginia/Team"
Line 1: | Line 1: | ||
{{Virginia}} | {{Virginia}} | ||
<html> | <html> | ||
− | + | <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"> | + | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" type=”text/css”> |
− | + | <base href=’target=’’’> | |
− | + | </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=”/File:Virginia_twitter_white.png”></img></a> | ||
+ | <a href=”#”><img id=”facebook” src=”#”></img></a> | ||
+ | </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="Team:Virginia">Home</a></li> | + | <li><a href="/Team:Virginia">Home</a></li> |
</ul> | </ul> | ||
<ul class="pull-right"> | <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> | </ul> | ||
− | </div></div> | + | </div> |
− | <div class= | + | </div> |
− | + | <div id=”team-info”> | |
+ | <div class=”container”> | ||
+ | <div class=”team-box” id=”team-box-1”> | ||
+ | <img id=”team-pic-1” src=”#”></img> | ||
+ | </div> | ||
+ | <div class=”team-box” id=”team-box-2”> | ||
+ | <img id=”team-pic-2” src=”#”></img> | ||
+ | </div> | ||
+ | <div class=”team-box” id=”team-box-3”> | ||
+ | <img id=”team-pic-3” src=”#”></img> | ||
+ | </div> | ||
+ | <div class=”team-box” id=”team-box-4”> | ||
+ | <img id=”team-pic-4” src=”#”></img> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
− | |||
− | |||
</div> | </div> | ||
− | + | <div id=”footer”> | |
− | + | <div class=”container”> | |
− | + | <div class = “imagebox”> | |
− | + | <img src=”https://static.igem.org/mediawiki/2015/2/2c/Virginia_twitter_white.png”></img> | |
− | + | </div> | |
− | + | <div class=”textbox”> | |
− | + | <p class=”bolded”>University of Virginia iGEM</p> | |
− | + | <p>148 Gilmer Hall</p> | |
− | < | + | <p>485 McCormick Road</p> |
− | + | <p>Charlottesville, VA 22903</p> | |
− | . | + | <p>United States of America</p> |
− | + | <p class=”italics”>virginia.igem@gmail.com</p> | |
− | + | </div> | |
− | + | </div> | |
− | + | </div> | |
− | + | <script type=”text/javascript”> | |
− | + | $(document).ready(function(){ | |
− | + | // jQuery here | |
− | + | }); | |
− | + | </script> | |
− | + | <style type="text/css"> | |
− | + | #”team-info”{ | |
− | + | width:100%; | |
− | . | + | height:auto; |
− | + | display:inline-block; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | # | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
background-color:#000000; | background-color:#000000; | ||
− | + | } | |
− | + | .team-box{ | |
− | + | width:30%; | |
+ | margin: 0px 0px 0px 0px; | ||
+ | border: 1px solid #ffffff; | ||
+ | } | ||
+ | .team-box img { | ||
+ | width:100%; | ||
+ | height:auto; | ||
+ | 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; |
− | + | } | |
− | </style> | + | .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 a:hover { | ||
+ | opacity:1.0; | ||
+ | background-color:#007bb6; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | #”footer” { | ||
+ | width:100% | ||
+ | height:300px; | ||
+ | padding:25px 25px 25px 25px; | ||
+ | background:#007bb6; | ||
+ | clear:both; | ||
+ | display:inline; | ||
+ | } | ||
+ | #”footer” .”container” { | ||
+ | display: inline; | ||
+ | height:95%; | ||
+ | } | ||
+ | #”footer” .”container” .”imagebox” { | ||
+ | float:left; | ||
+ | height:height; | ||
+ | width:200px; | ||
+ | margin-left:20px; | ||
+ | } | ||
+ | p { | ||
+ | color:white; | ||
+ | font-family: serif; | ||
+ | float:center; | ||
+ | clear:both; | ||
+ | } | ||
+ | #“footer” .”container” .”textbox” { | ||
+ | float:right; | ||
+ | text-align:right; | ||
+ | color: white; | ||
+ | } | ||
+ | #”bolded” { | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | #”above-nav”{ | ||
+ | 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:30px; | ||
+ | width:30px; | ||
+ | } | ||
+ | #”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; | ||
+ | } | ||
+ | </style> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 17:00, 22 June 2015