Nitrate Identification
We have found a way to collect nitrates from ponds and release them as fertilizers
(Prototype team page) |
Carterbehm (Talk | contribs) (First major upload, home page) |
||
Line 1: | Line 1: | ||
- | |||
- | |||
<html> | <html> | ||
- | < | + | <head> |
- | < | + | <meta charset="UTF-8"> |
- | + | <title>index</title> | |
- | </ | + | <link href="styles/main.css" rel="stylesheet" type="text/css"> |
- | < | + | <link href="main.css" rel="stylesheet" type="text/css"> |
- | + | <style media="screen" type="text/css"> | |
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | @charset "utf-8"; | |
+ | body { | ||
+ | margin: 0px; | ||
+ | color: #151515; | ||
+ | font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; | ||
+ | background-color: #EFF5F8; | ||
+ | } | ||
+ | #wrapper { | ||
+ | width: 100%; | ||
+ | min-width: 740px; | ||
+ | max-width: 1000px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | background-color: #FFFFFF; | ||
+ | } | ||
+ | #top { | ||
+ | overflow: hidden; | ||
+ | font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; | ||
+ | font-style: normal; | ||
+ | font-weight: 200; | ||
+ | } | ||
+ | #hero img { | ||
+ | max-width: 100%; | ||
+ | margin-top: 0px; | ||
+ | margin-right: -25px; | ||
+ | margin-bottom: 0px; | ||
+ | margin-left: 0px; | ||
+ | padding-top: 0px; | ||
+ | padding-right: 0px; | ||
+ | padding-bottom: 0px; | ||
+ | padding-left: 0px; | ||
+ | border-bottom-left-radius: 24px; | ||
+ | border-bottom-right-radius: 24px; | ||
+ | background-color: #ffffff; | ||
+ | } | ||
+ | h1, h2 { | ||
+ | color: #FFFFFF; | ||
+ | font-style: normal; | ||
+ | font-weight: 600; | ||
+ | font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; | ||
+ | } | ||
+ | h1 { | ||
+ | font-size: 72px; | ||
+ | margin-top: 0px; | ||
+ | margin-bottom: 0px; | ||
+ | text-align: center; | ||
+ | text-transform: uppercase; | ||
+ | color: #3100C7; | ||
+ | background-color:#FFFFFF; | ||
+ | |||
+ | |||
+ | } | ||
+ | h2 { | ||
+ | margin-top: 0em; | ||
+ | color: #000000; | ||
+ | background-color: #ffffff; | ||
+ | text-align: center; | ||
+ | padding-top: 0px; | ||
+ | border-style: none; | ||
+ | } | ||
+ | #main { | ||
+ | margin-left: 0%; | ||
+ | float: left; | ||
+ | width: 100%; | ||
+ | padding-left: 0px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | #sidebar { | ||
+ | width: 34%; | ||
+ | margin-left: 4%; | ||
+ | float: left; | ||
+ | } | ||
- | { | + | figure { |
- | + | display: block; | |
- | + | width: 420px; | |
- | + | } | |
- | + | figure img { | |
- | + | padding: 10px; | |
- | + | -webkit-box-shadow: 1px 1px 15px #999999; | |
- | + | box-shadow: 1px 1px 15px #999999; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | figcaption { | |
+ | font-size: 0.875em; | ||
+ | font-weight: bold; | ||
+ | text-align: center; | ||
+ | display: block; | ||
+ | margin-top: 0.5em; | ||
+ | } | ||
+ | .centered { | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | .floatleft { | ||
+ | float: left; | ||
+ | margin-left: 0px; | ||
+ | margin-right: 10px; | ||
+ | } | ||
+ | .floatright { | ||
+ | float: right; | ||
+ | margin-left: 10px; | ||
+ | margin-right: 0px; | ||
+ | } | ||
+ | footer { | ||
+ | padding-top: 2px; | ||
+ | padding-bottom: 2px; | ||
+ | padding-left: 2%; | ||
+ | background-color: #43a6cb; | ||
+ | color: #FFFFFF; | ||
+ | clear: left; | ||
+ | } | ||
+ | a { | ||
+ | font-weight: bold; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | a:link { | ||
+ | color: #FF6600; | ||
+ | } | ||
+ | a:visited { | ||
+ | color: #FF944C; | ||
- | + | } | |
- | + | ||
- | + | ||
- | + | #mainnav ul { | |
- | + | list-style-type: none; | |
+ | margin-top: 0px; | ||
+ | margin-right: 0px; | ||
+ | margin-bottom: 0px; | ||
+ | margin-left: -50px; | ||
+ | } | ||
+ | #mainnav a { | ||
+ | width: 0%; | ||
+ | display: block; | ||
+ | float: left; | ||
+ | text-align: center; | ||
+ | text-transform: uppercase; | ||
+ | background-color: #000000; | ||
+ | color: #FFFFFF; | ||
+ | margin-top: 0px; | ||
+ | margin-bottom: 0px; | ||
+ | } | ||
+ | #mainnav a { | ||
+ | width: 20%; | ||
+ | text-align: center; | ||
+ | text-transform: uppercase; | ||
+ | background-color: #000000; | ||
+ | color: #FFFFFF; | ||
+ | padding-top: 12px; | ||
+ | padding-bottom: 12px; | ||
+ | padding-left: 0px; | ||
+ | #wrapper #top #mainnav ul li a { | ||
+ | ; padding-right: 12px; | ||
+ | padding-right: 6px; | ||
+ | } | ||
+ | #wrapper #top #mainnav ul li a { | ||
+ | background-color: #000000; | ||
+ | } | ||
+ | } | ||
+ | #mainnav a:hover, #mainnav a:active, #mainnav a:focus, #mainnav a.thispage { | ||
+ | background-color: #3100C7; | ||
+ | text-decoration: none; | ||
+ | } | ||
- | + | #hero article { | |
- | + | width: 36%; | |
+ | padding-left: 10px; | ||
+ | padding-right: 10px; | ||
+ | position: absolute; | ||
+ | top: 62px; | ||
+ | left: 16px; | ||
+ | background-color: #0087FF; | ||
+ | border-radius: 34px; | ||
+ | color: #000000; | ||
+ | font-size: large; | ||
+ | } | ||
+ | #hero { | ||
+ | position: relative; | ||
+ | } | ||
+ | th,td | ||
+ | { | ||
+ | padding: 0px; | ||
+ | text-align: center; | ||
+ | min-width: 0%; | ||
+ | } | ||
- | + | h3 | |
- | + | { | |
+ | padding-top: 20px; | ||
+ | padding-bottom: 0px; | ||
+ | } | ||
- | == | + | </style> |
- | + | <!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.--><script>var __adobewebfontsappname__="dreamweaver"</script><script src="http://use.edgefonts.net/source-sans-pro:n6,n2:default.js" type="text/javascript"></script> | |
+ | </head> | ||
- | + | <body> | |
- | == | + | <div id="wrapper"> |
- | + | <header id="top"> | |
- | + | <h1>Our lady of the snows </h1> | |
- | + | <h1>igem wiki</h1> | |
- | === | + | <nav id="mainnav"> |
- | + | <ul> | |
- | + | <li><a href="index.html" class="thispage">Home</a></li> | |
- | + | <li><a href="Project.html">Project</a></li> | |
- | = | + | <li><a href="Safety.html">safety</a></li> |
- | + | <li><a href="The Team.html">the team</a></li> | |
- | + | <li><a href="Lab Notebook.html">lab notebook</a></li> | |
- | + | </ul> | |
- | === | + | </nav> |
- | + | </header> | |
- | + | <div id="hero"> | |
- | + | <article> | |
- | + | <p><strong>Nitrate Identification</strong></p> | |
- | < | + | <p>We have found a way to collect nitrates from ponds and release them as fertilizers</p> |
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | </article> | ||
+ | <img src="P1010451.JPG" width="1000" height="750" alt=""/></div> | ||
+ | <article id="main"> | ||
+ | <h2> </h2> | ||
+ | <h2>About Our Lady of the Snows</h2> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | <p> </p> | ||
+ | |||
+ | </article> | ||
+ | <footer> | ||
+ | <p>© Copyright </p> | ||
+ | |||
+ | </footer> | ||
+ | </div> | ||
+ | </body> | ||
+ | </html> |
Nitrate Identification
We have found a way to collect nitrates from ponds and release them as fertilizers