Difference between revisions of "Team:Virginia"
(Replaced content with "https://static.igem.org/mediawiki/2015/a/a0/Virginia_logo2.png") |
|||
Line 1: | Line 1: | ||
− | https://static.igem.org/mediawiki/2015/a/a0/Virginia_logo2.png | + | {{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="#"><img id="facebook" src="#"></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> | ||
+ | <div class="jumbotron"> | ||
+ | <h1 style="background-color:#007bb6">University of Virginia iGEM 2015</h1> | ||
+ | <h2>House of Carbs</h2> | ||
+ | </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> | ||
+ | <footer> | ||
+ | <div id="foot-img"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/a/a0/Virginia_logo2.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:350px; | ||
+ | height:auto; | ||
+ | } | ||
+ | footer div { | ||
+ | display:inline-block; | ||
+ | float:none; | ||
+ | } | ||
+ | footer div:first-child { | ||
+ | background-image:url(‘https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQUA5CF2C_kOVnWjyl62TA17VNs6RSsPIkrCejlLbtZ7rAVgzQxOQ’); | ||
+ | height:90%; | ||
+ | width:25% | ||
+ | margin: 1%; | ||
+ | display:inline; | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | .jumbotron { | ||
+ | height: auto; | ||
+ | background-size: 100%; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2015/b/b8/Virginia_cells.jpg"); | ||
+ | padding:0px 0px 0px 0px; | ||
+ | margin:0px 0px 0px 0px; | ||
+ | color:white; | ||
+ | } | ||
+ | .jumbotron h2 { | ||
+ | text-align:center; | ||
+ | color:white; | ||
+ | } | ||
+ | .jumbotron h1 { | ||
+ | margin:50px; | ||
+ | font-family:Georgia; | ||
+ | color: #fff; | ||
+ | font-size: 48px; | ||
+ | font-weight: bold; | ||
+ | text-align:center; | ||
+ | } | ||
+ | .learn-more { | ||
+ | width:100%; | ||
+ | background-color:#dfe2db; | ||
+ | text-align:center; | ||
+ | } | ||
+ | .learn-more .container .row { | ||
+ | padding-bottom: 20px; | ||
+ | padding-top:30px; | ||
+ | } | ||
+ | .learn-more h3 { | ||
+ | font-family: 'Shift', sans-serif; | ||
+ | font-size: 18px; | ||
+ | font-weight: bold; | ||
+ | text-align:center; | ||
+ | } | ||
+ | .learn-more a { | ||
+ | color:#007bb6; | ||
+ | } | ||
+ | .learn-more img { | ||
+ | width: 90%; | ||
+ | height: auto; | ||
+ | border-radius:20%; | ||
+ | box-shadow: 5px 5px 2px #888888; | ||
+ | } | ||
+ | .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 a: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{ | ||
+ | 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> | ||
+ | </div></div> | ||
+ | </body> | ||
+ | </html> |
Revision as of 20:16, 22 June 2015