Difference between revisions of "Team:iTesla-SoundBio/Outreach"
JimmyZhong (Talk | contribs) |
JimmyZhong (Talk | contribs) |
||
| Line 2: | Line 2: | ||
<html> | <html> | ||
| + | <style> | ||
| + | body { | ||
| + | font-family: "Lato", sans-serif; | ||
| + | } | ||
| + | |||
| + | .sidenav { | ||
| + | height: 80%; | ||
| + | width: 180px; | ||
| + | position: fixed; | ||
| + | z-index: 1; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | background-color: #111; | ||
| + | overflow-x: hidden; | ||
| + | padding-top: 200px; | ||
| + | } | ||
| + | |||
| + | .sidenav a { | ||
| + | padding: 5px 5px 5px 5px; | ||
| + | text-decoration: none; | ||
| + | font-size: 20px; | ||
| + | color: #818181; | ||
| + | display: block; | ||
| + | } | ||
| + | |||
| + | .sidenav a:hover { | ||
| + | color: #f1f1f1; | ||
| + | } | ||
| + | |||
| + | .main { | ||
| + | margin-left: 180px; /* Same as the width of the sidenav */ | ||
| + | padding: 0px 10px; | ||
| + | font-family: arial; | ||
| + | font-size: 20px; | ||
| + | padding: 30px | ||
| + | } | ||
| + | @media screen and (max-height: 450px) { | ||
| + | .sidenav {padding-top: 15px;} | ||
| + | .sidenav a {font-size: 18px;} | ||
| + | } | ||
| + | </style> | ||
| + | |||
| + | |||
| + | <div class="sidenav"> | ||
| + | <a href=#top>Top</a> | ||
| + | <br> | ||
| + | <a href=#sum>Summary</a> | ||
| + | <br> | ||
| + | <a href=#1>Horseshoe Crabs</a> | ||
| + | <br> | ||
| + | <a href=#2>Current Practice</a> | ||
| + | <br> | ||
| + | <a href=#3>LAL and Factor C</a> | ||
| + | <br> | ||
| + | <a href=#4>Project Goal</a> | ||
| + | <br> | ||
| + | <a href=#5>Project Design</a> | ||
| + | <br> | ||
| + | <a href=#6>What's next</a> | ||
| + | <br> | ||
| + | <a href=#bibli>Bibliography</a> | ||
| + | </div> | ||
<script> | <script> | ||
$("#title").text("Human Practice") | $("#title").text("Human Practice") | ||
Revision as of 23:36, 22 September 2018
