Difference between revisions of "Team:Virginia/Team"
Line 1: | Line 1: | ||
+ | {{Virginia}} | ||
+ | <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"><!--Supraja Chittari--> | ||
+ | <img src="/wiki/images/0/06/Virginia_supraja.jpg"><p>Supraja Chittari</p></img> | ||
+ | </div> | ||
+ | <div class="team-box"><!--Shiran Su--> | ||
+ | <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQcmNTJm1k25IzH8pF4Vm0tSKdIek00FaqmZJqtkJpxBoeemH5u"></img> | ||
+ | </div> | ||
+ | <div class="team-box" > | ||
+ | <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQcmNTJm1k25IzH8pF4Vm0tSKdIek00FaqmZJqtkJpxBoeemH5u"></img> | ||
+ | </div> | ||
+ | <div class="team-box" > | ||
+ | <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQcmNTJm1k25IzH8pF4Vm0tSKdIek00FaqmZJqtkJpxBoeemH5u"></img> | ||
+ | </div> | ||
+ | <div class="team-box" > | ||
+ | <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQcmNTJm1k25IzH8pF4Vm0tSKdIek00FaqmZJqtkJpxBoeemH5u"></img> | ||
+ | </div> | ||
+ | <div class="team-box" > | ||
+ | <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQcmNTJm1k25IzH8pF4Vm0tSKdIek00FaqmZJqtkJpxBoeemH5u"></img> | ||
+ | </div> | ||
+ | <div class="team-box" > | ||
+ | <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQcmNTJm1k25IzH8pF4Vm0tSKdIek00FaqmZJqtkJpxBoeemH5u"></img> | ||
+ | </div> | ||
+ | <div class="team-box" > | ||
+ | <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQcmNTJm1k25IzH8pF4Vm0tSKdIek00FaqmZJqtkJpxBoeemH5u"></img> | ||
+ | </div> | ||
+ | <div class="team-box" > | ||
+ | <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQcmNTJm1k25IzH8pF4Vm0tSKdIek00FaqmZJqtkJpxBoeemH5u"></img> | ||
+ | </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{ | ||
+ | width:30%; | ||
+ | height:auto; | ||
+ | display:inline-block; | ||
+ | margin-left:1.5%; | ||
+ | margin-top:25px; | ||
+ | margin-bottom:10px; | ||
+ | border-radius:30px; | ||
+ | border: 5px solid #007bb6; | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | .team-box:hover{ | ||
+ | box-shadow: 5px 5px 10px #777777; | ||
+ | } | ||
+ | .team-box img { | ||
+ | width:100%; | ||
+ | border-radius:15px; | ||
+ | } | ||
+ | .team-box img p { | ||
{{Virginia}} | {{Virginia}} | ||
<html> | <html> | ||
Line 247: | Line 513: | ||
/* OTHER STYLE CODE GOES BELOW HERE */ | /* OTHER STYLE CODE GOES BELOW HERE */ | ||
.team-box{ | .team-box{ | ||
+ | background-color:#007bb6; | ||
width:30%; | width:30%; | ||
height:auto; | height:auto; | ||
Line 263: | Line 530: | ||
width:100%; | width:100%; | ||
border-radius:15px; | border-radius:15px; | ||
+ | padding-top:10px; | ||
+ | padding-bottom: 10px; | ||
+ | font-family:Arial; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | |||
+ | /* SPECIFIC STYLE CODE ENDS HERE */ | ||
+ | </style> | ||
+ | </body> | ||
+ | </html> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
} | } | ||
Revision as of 14:56, 23 June 2015
Supraja Chittari
}
/* SPECIFIC STYLE CODE ENDS HERE */ </style> </body> </html>