|
|
Line 1: |
Line 1: |
− | {{Harvard_BioDesign}}
| + | <!-- |
| + | Helios by HTML5 UP |
| + | html5up.net | @ajlkn |
| + | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) |
| + | --> |
| <html> | | <html> |
| + | <head> |
| + | <title>Harvard BioDesign 2016</title> |
| + | <meta charset="utf-8" /> |
| + | <meta name="viewport" content="width=device-width, initial-scale=1" /> |
| | | |
| + | <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]--> |
| + | |
| + | <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:Harvard_BioDesign/assets_css_main?action=raw&ctype=text/css" /> |
| + | <!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]--> |
| | | |
| + | |
| + | <!-- Scripts --> |
| + | <script type="text/javascript" src="https://2016.igem.org/Template:Harvard_BioDesign/assets_js_jquery_min? |
| + | action=raw&ctype=text/javascript"></script> |
| + | <script type="text/javascript" src="https://2016.igem.org/Template:Harvard_BioDesign/assets_js_jquery_dropotron_min? |
| + | action=raw&ctype=text/javascript"></script> |
| + | <script type="text/javascript" src="https://2016.igem.org/Template:Harvard_BioDesign/assets_js_jquery_scrolly_min? |
| + | action=raw&ctype=text/javascript"></script> |
| + | <script type="text/javascript" src="https://2016.igem.org/Template:Harvard_BioDesign/assets_js_jquery_onvisible_min? |
| + | action=raw&ctype=text/javascript"></script> |
| + | <script type="text/javascript" src="https://2016.igem.org/Template:Harvard_BioDesign/assets_js_skel_min? |
| + | action=raw&ctype=text/javascript"></script> |
| + | <script type="text/javascript" src="https://2016.igem.org/Template:Harvard_BioDesign/assets_js_util? |
| + | action=raw&ctype=text/javascript"></script> |
| + | <script type="text/javascript" src="https://2016.igem.org/Template:Harvard_BioDesign/assets_js_main? |
| + | action=raw&ctype=text/javascript"></script> |
| + | </head> |
| + | <body class="homepage"> |
| + | <div id="page-wrapper"> |
| | | |
| + | <!-- Header --> |
| + | <div id="header"> |
| | | |
| + | <!-- Inner --> |
| + | <!-- |
| + | <div class="inner"> |
| + | <header> |
| + | <h1><a href="https://2016.igem.org/Team:Harvard_BioDesign" id="logo">Harvard BioDesign</a></h1> |
| + | <hr /> |
| + | <p>Description</p> |
| + | </header> |
| + | <footer> |
| + | <a href="#banner" class="button circled scrolly">Start</a> |
| + | </footer> |
| + | </div> |
| + | --> |
| | | |
| | | |
| + | <!-- Nav --> |
| + | <nav id="nav" > |
| + | <ul> |
| + | <li><a href="https://2016.igem.org/Team:Harvard_BioDesign">Home</a></li> |
| + | <li> |
| + | <a href="#">Team</a> |
| + | <ul> |
| + | <li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Team">Team</a></li> |
| + | <li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Collaborations">Collaborations</a></li> |
| + | </ul> |
| + | </li> |
| + | <li> |
| + | <a href="#">Project</a> |
| + | <ul> |
| + | <li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Description">Description</a></li> |
| + | <li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Design">Design</a></li> |
| + | <li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Experiments">Experiments</a></li> |
| + | <li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Proof">Proof of Concept</a></li> |
| + | <li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Demonstrate">Demonstrate</a></li> |
| + | <li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Results">Results</a></li> |
| + | <li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Notebook">Notebook</a></li> |
| + | </ul> |
| + | </li> |
| + | <li> |
| + | <a href="#">Parts</a> |
| + | <ul> |
| + | <li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Parts">Parts</a></li> |
| + | <li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Basic_Part">Basic Parts</a></li> |
| + | <li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Composite_Part">Composite Parts</a></li> |
| + | <li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Part_Collection">Part Collection</a></li> |
| + | </ul> |
| + | </li> |
| | | |
− | <div class="column full_size"> | + | <!-- R edits --> |
| | | |
| + | <li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Safety">Safety</a></li> |
| + | <li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Attributions">Attributions</a></li> |
| + | <li> |
| + | <a href="#">Human Practices</a> |
| + | <ul> |
| + | <li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Human_Practices">Human Practices</a></li> |
| + | <li><a href="https://2016.igem.org/Team:Harvard_BioDesign/HP/Silver">Silver</a></li> |
| + | <li><a href="https://2016.igem.org/Team:Harvard_BioDesign/HP/Gold">Gold</a></li> |
| + | <li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Integrated_Practices">Integrated Practices</a></li> |
| + | <li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Engagement">Engagement</a></li> |
| + | </ul> |
| + | </li> |
| + | <li> |
| + | <a href="#">Awards</a> |
| + | <ul> |
| + | <li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Model">Model</a></li> |
| + | <li><a href="https://2016.igem.org/Team:Harvard_BioDesign/Achievements">Achievements</a></li> |
| + | </ul> |
| + | </li> |
| | | |
− | <p>Do you want to be considered for the <a href="https://2016.igem.org/Judging/Awards#SpecialPrizes">Best Education and Public Engagement award</a>? Help the judges consider your team for this award by describing your work on this page.</p>
| + | </ul> |
− | </div> | + | </nav> |
| | | |
| + | </div> |
| | | |
| + | |
| + | <!-- Main --> |
| + | <div class="wrapper style1"> |
| | | |
− | <p>Here are two examples of excellent Education and Public Engagement from 2015:</p> | + | <div class="container"> |
− | <ul> | + | <article id="main" class="special"> |
− | <li><a href="https://2015.igem.org/Team:UFMG_Brazil/Public_Engagement"> UFMG Brazil 2015</a></li> | + | <header> |
− | <li><a href="https://2015.igem.org/Team:William_and_Mary/Practices"> William and Mary 2015</a></li> | + | <h2><a href="#">Engagement</a></h2> |
− | </ul> | + | <p> |
− | | + | Morbi convallis lectus malesuada sed fermentum dolore amet |
− | </div> | + | </p> |
− | | + | </header> |
| + | <a href="#" class="image featured"><img src="images/bom01.jpg" alt="" /></a> |
| + | <p> |
| + | Commodo id natoque malesuada sollicitudin elit suscipit. Curae suspendisse mauris posuere accumsan massa |
| + | posuere lacus convallis tellus interdum. Amet nullam fringilla nibh nulla convallis ut venenatis purus |
| + | lobortis. Auctor etiam porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum |
| + | consequat integer interdum integer purus sapien. Nibh eleifend nulla nascetur pharetra commodo mi augue |
| + | interdum tellus. Ornare cursus augue feugiat sodales velit lorem. Semper elementum ullamcorper lacinia |
| + | natoque aenean scelerisque vel lacinia mollis quam sodales congue. |
| + | </p> |
| + | <section> |
| + | <header> |
| + | <h3>Ultrices tempor sagittis nisl</h3> |
| + | </header> |
| + | <p> |
| + | Nascetur volutpat nibh ullamcorper vivamus at purus. Cursus ultrices porttitor sollicitudin imperdiet |
| + | at pretium tellus in euismod a integer sodales neque. Nibh quis dui quis mattis eget imperdiet venenatis |
| + | feugiat. Neque primis ligula cum erat aenean tristique luctus risus ipsum praesent iaculis. Fermentum elit |
| + | fringilla consequat dis arcu. Pellentesque mus tempor vitae pretium sodales porttitor lacus. Phasellus |
| + | egestas odio nisl duis sociis purus faucibus morbi. Eget massa mus etiam sociis pharetra magna. |
| + | </p> |
| + | <p> |
| + | Eleifend auctor turpis magnis sed porta nisl pretium. Aenean suspendisse nulla eget sed etiam parturient |
| + | orci cursus nibh. Quisque eu nec neque felis laoreet diam morbi egestas. Dignissim cras rutrum consectetur |
| + | ut penatibus fermentum nibh erat malesuada varius. |
| + | </p> |
| + | </section> |
| + | <section> |
| + | <header> |
| + | <h3>Augue euismod feugiat tempus</h3> |
| + | </header> |
| + | <p> |
| + | Pretium tellus in euismod a integer sodales neque. Nibh quis dui quis mattis eget imperdiet venenatis |
| + | feugiat. Neque primis ligula cum erat aenean tristique luctus risus ipsum praesent iaculis. Fermentum elit |
| + | ut nunc urna volutpat donec cubilia commodo risus morbi. Lobortis vestibulum velit malesuada ante |
| + | egestas odio nisl duis sociis purus faucibus morbi. Eget massa mus etiam sociis pharetra magna. |
| + | </p> |
| + | </section> |
| + | </article> |
| + | <hr /> |
| + | <div class="row"> |
| + | <article class="4u 12u(mobile) special"> |
| + | <a href="#" class="image featured"><img src="images/pic07.jpg" alt="" /></a> |
| + | <header> |
| + | <h3><a href="#">Gravida aliquam penatibus</a></h3> |
| + | </header> |
| + | <p> |
| + | Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam |
| + | porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum. |
| + | </p> |
| + | </article> |
| + | <article class="4u 12u(mobile) special"> |
| + | <a href="#" class="image featured"><img src="images/pic08.jpg" alt="" /></a> |
| + | <header> |
| + | <h3><a href="#">Sed quis rhoncus placerat</a></h3> |
| + | </header> |
| + | <p> |
| + | Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam |
| + | porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum. |
| + | </p> |
| + | </article> |
| + | <article class="4u 12u(mobile) special"> |
| + | <a href="#" class="image featured"><img src="images/pic09.jpg" alt="" /></a> |
| + | <header> |
| + | <h3><a href="#">Magna laoreet et aliquam</a></h3> |
| + | </header> |
| + | <p> |
| + | Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam |
| + | porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum. |
| + | </p> |
| + | </article> |
| + | </div> |
| + | </div> |
| | | |
| + | </div> |
| + | <!--y Does it start here?--> |
| + | <!-- Footer --> |
| + | <div id="footer"> |
| + | <div class="container"> |
| + | <div class="row"> |
| + | <div class="12u"> |
| + | |
| + | <!-- Contact --> |
| + | <section class="contact"> |
| + | |
| + | <ul class="icons"> |
| + | |
| + | <li> |
| + | <a href="https://www.facebook.com/Harvard-iGEM-269794024286" target="_blank"> |
| + | <img src="https://static.igem.org/mediawiki/2016/2/2f/T--Harvard_BioDesign--images_facebook01.png"alt="Facebook Logo" style="width:51px;height:51px;"> |
| + | </a> |
| + | </li> |
| + | |
| + | <li> |
| + | <a href="mailto:crimsonigem@gmail.com"> |
| + | <img src="https://static.igem.org/mediawiki/2016/e/e2/T--Harvard_BioDesign--images_gmail01.png" alt="Email Logo" style="width:51px;height:51px;"> |
| + | </a> |
| + | </li> |
| + | |
| + | |
| + | <li> |
| + | <a href="https://twitter.com/harvardigem" target="_blank"> |
| + | <img src="https://static.igem.org/mediawiki/2016/4/4e/T--Harvard_BioDesign--images_twitter01.png"alt="Twitter Logo" style="width:51px;height:51px;"> |
| + | </a> |
| + | </li> |
| + | |
| + | |
| + | </ul> |
| + | </section> |
| + | |
| + | <!-- Copyright --> |
| + | <div class="copyright"> |
| + | <ul class="menu"> |
| + | <li>© 2016 Harvard iGEM</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li> |
| + | </ul> |
| + | |
| + | |
| + | </div> |
| + | |
| + | </div> |
| + | </div> |
| + | </div> |
| + | |
| + | </div> |
| | | |
| + | </body> |
| </html> | | </html> |