Project Abract
Lit
Litter.
Line 1: | Line 1: | ||
{{Stony Brook}} | {{Stony Brook}} | ||
<html> | <html> | ||
+ | <head> | ||
+ | <style> | ||
+ | div.container { | ||
+ | width: 100%; | ||
+ | border: 1px solid gray; | ||
+ | } | ||
+ | |||
+ | header{ | ||
+ | padding: 1em; | ||
+ | color: white; | ||
+ | background-color: black; | ||
+ | background-image: "//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; | ||
+ | } | ||
+ | nav { | ||
+ | float: left; | ||
+ | max-width: 100px; | ||
+ | margin: 0; | ||
+ | padding: 1em; | ||
+ | |||
+ | } | ||
+ | |||
+ | nav ul { | ||
+ | list-style-type: none; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | nav ul a { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | article { | ||
+ | margin-left: 100px; | ||
+ | border-left: 1px solid gray; | ||
+ | padding: 1em; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
<body> | <body> | ||
+ | <div class="container"> | ||
+ | |||
+ | <header> | ||
+ | <h1>Stony Brook University iGEM</h1> | ||
+ | </header> | ||
+ | |||
+ | <nav> | ||
+ | <ul> | ||
+ | <li><a href="#">Team</a></li> | ||
+ | <li><a href="#">Project</a></li> | ||
+ | <li><a href="#">Litness</a></li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | |||
+ | <article> | ||
+ | <h1>Project Abract</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 9: | Line 89: | ||
<h2> "All of this is meaningless"</h2> | <h2> "All of this is meaningless"</h2> | ||
<h4> ~Tasnia </h4> | <h4> ~Tasnia </h4> | ||
+ | !--> |
Lit
Litter.