Team:Calgary
From 2010.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | + | <html> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | <!--CSS tutorials can be found at http://www.alistapart.com/articles/hybrid/ and /sprite--> | ||
- | + | ||
+ | <style> | ||
+ | |||
+ | /*Header*/ | ||
+ | |||
+ | /*Main Body (sidebar and main content)*/ | ||
+ | |||
+ | #container{ | ||
+ | background-color:#FFFFFF; | ||
+ | } | ||
+ | |||
+ | #sidebar{ | ||
+ | width:20%; | ||
+ | padding-left: 5px; | ||
+ | padding-right: 10px; | ||
+ | margin: 0px 0px 0px 0px; | ||
+ | |||
+ | background-color:#4A4A4A; | ||
+ | |||
+ | float:left; | ||
+ | display:inline; | ||
+ | |||
+ | } | ||
+ | |||
+ | #content{ | ||
+ | width:75%; | ||
+ | padding-left: 5px; | ||
+ | padding-right: 10px; | ||
+ | margin: 0px 0px 0px 0px; | ||
+ | |||
+ | background-color:#CCBBAA; | ||
+ | |||
+ | float:right; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*Footer*/ | ||
+ | |||
+ | </style> | ||
+ | |||
+ | <head> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | <!--Main Menu> | ||
+ | |||
+ | <ul id="nav"> | ||
+ | <li class="on"><a href="https://2010.igem.org/Team:Calgary">Home</a></li> | ||
+ | |||
+ | <li class="off"><a href="https://2010.igem.org/Team:Calgary/Team">Team</a> | ||
+ | <ul> | ||
+ | <li><a href="#">Members</a></li> | ||
+ | <li><a href="#">Advisors</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="off"><a href="https://2010.igem.org/Team:Calgary/Project">Project</a> | ||
+ | <ul> | ||
+ | <li><a href="#">Yeast Assembler</a></li> | ||
+ | <li><a href="#">Protein Misfolding</a></li> | ||
+ | <li><a href="#">Parts Submitted</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:Calgary/Modeling>Modelling</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:Calgary/Notebook>Notebook</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="off"><a href="#">Extra</a></li> | ||
+ | <ul> | ||
+ | <li><a href="#">Ethical Considerations</a></li> | ||
+ | <li><a href="#">Community Outreach</a></li> | ||
+ | <li><a href="#">Our Sponsors</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="off"><a href="#">Contact Us</a></li> | ||
+ | |||
+ | </ul> | ||
+ | |||
+ | |||
+ | |||
+ | <!--Sidebar> | ||
+ | |||
+ | <div id="container"> | ||
+ | <div id="sidebar"> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In a nisl et ante placerat vulputate. Ut fermentum, leo dapibus sollicitudin sollicitudin, justo est interdum leo, ut laoreet nisi sem ac diam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed gravida euismod malesuada. Proin venenatis pellentesque nibh nec porta. Sed aliquet vestibulum metus eget dignissim. Morbi hendrerit ornare tortor id mattis. Maecenas ac dolor eleifend purus dictum gravida. Pellentesque sed diam non libero lobortis facilisis. Cras fringilla varius mi et ullamcorper. Nulla facilisi. In eu gravida nisl. Donec eget consequat felis. Etiam ultrices sagittis consectetur. Mauris dapibus felis eget diam gravida at fringilla lorem vestibulum.</p> | ||
+ | </div> | ||
+ | |||
+ | <div id="content"> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In a nisl et ante placerat vulputate. Ut fermentum, leo dapibus sollicitudin sollicitudin, justo est interdum leo, ut laoreet nisi sem ac diam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed gravida euismod malesuada. Proin venenatis pellentesque nibh nec porta. Sed aliquet vestibulum metus eget dignissim. Morbi hendrerit ornare tortor id mattis. Maecenas ac dolor eleifend purus dictum gravida. Pellentesque sed diam non libero lobortis facilisis. Cras fringilla varius mi et ullamcorper. Nulla facilisi. In eu gravida nisl. Donec eget consequat felis. Etiam ultrices sagittis consectetur. Mauris dapibus felis eget diam gravida at fringilla lorem vestibulum. Quisque ornare vulputate feugiat. Fusce malesuada auctor enim, ac euismod urna elementum at. Curabitur pulvinar dictum erat hendrerit lacinia. Curabitur nec lectus felis. Quisque egestas odio est, quis sollicitudin erat. In vel massa dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer et quam sit amet nibh dapibus elementum non non nisi. Integer odio mi, laoreet a volutpat eleifend, facilisis quis tortor. Nullam sit amet enim sit amet nulla condimentum mattis. Sed rhoncus ipsum a lacus luctus ultrices interdum erat viverra. </p> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </body> | ||
+ | |||
+ | </html> |
Revision as of 04:25, 1 June 2010