Project Abstract
Lit
Litter.
Line 1: | Line 1: | ||
{{Stony Brook}} | {{Stony Brook}} | ||
<html> | <html> | ||
− | < | + | <head> |
+ | <style> | ||
+ | div.container { | ||
+ | width: 100%; | ||
+ | border: 0px; | ||
+ | } | ||
+ | header{ | ||
+ | padding: 3em; | ||
+ | color: white; | ||
+ | background-color: black; | ||
+ | background-image: url("c5.staticflickr.com/9/8609/28718082676_4eb9386324_n.jpg"); | ||
+ | font-family: comic sans MS; | ||
+ | clear: left; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | footer { | ||
+ | padding: 1em; | ||
+ | color: white; | ||
+ | background-color: black; | ||
+ | font-family: comic sans MS; | ||
+ | clear: left; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | article { | ||
+ | margin-left: 0px; | ||
+ | border-left: 0px solid gray; | ||
+ | padding: 1em; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | ul { | ||
+ | list-style-type: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | overflow: hidden; | ||
+ | background-color: black; | ||
+ | } | ||
+ | |||
+ | li { | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | li a { | ||
+ | display: block; | ||
+ | color: white; | ||
+ | text-align: center; | ||
+ | padding: 12px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | li a:hover { | ||
+ | background-color: #B61C1D; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | |||
+ | <div class="container"> | ||
+ | |||
+ | <header> | ||
+ | <h1 style="color:white">Stony Brook University iGEM</h1> | ||
+ | <ul class="unstyled"> | ||
+ | <li><a href="https://2016.igem.org/Team:Stony_Brook/Team">Team</a></li> | ||
+ | <li><a href="#">Project</a></li> | ||
+ | <li><a href="#">Litness</a></li> | ||
+ | </ul> | ||
+ | </header> | ||
+ | |||
+ | |||
+ | <article> | ||
+ | <h1>Project Abstract</h1> | ||
+ | <p>Lit</p> | ||
+ | <p>Litter.</p> | ||
+ | </article> | ||
+ | |||
+ | |||
+ | <footer>Nothing else to do | ||
+ | </footer> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </body> | ||
+ | </html> | ||
+ | <!-- | ||
<div class="center"> | <div class="center"> | ||
<img src="//c5.staticflickr.com/8/7287/27826034876_50677e1b40_n.jpg" height="225" width="450"> | <img src="//c5.staticflickr.com/8/7287/27826034876_50677e1b40_n.jpg" height="225" width="450"> | ||
Line 11: | Line 95: | ||
<h2> "All of this is meaningless"</h2> | <h2> "All of this is meaningless"</h2> | ||
<h4> ~Tasnia </h4> | <h4> ~Tasnia </h4> | ||
+ | !--> |