Line 4: | Line 4: | ||
<html> | <html> | ||
+ | |||
+ | <head> | ||
+ | <style> | ||
+ | .side-by-side { | ||
+ | display: inline-block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-top: 10px; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | |||
+ | #image-center { | ||
+ | text-align: center; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | |||
<body> | <body> | ||
− | + | <button onclick="topFunction()" id="scrollToTop" title="Go to top">Top</button> | |
− | + | <div id="bodyContent"> | |
+ | |||
+ | <h1 class="title-padding">Public Engagement</h1> | ||
+ | <h2 class="no-rise-padding">Meet Phil the Bacteria!</h2> | ||
+ | <center><img src="https://static.igem.org/mediawiki/2018/e/ec/T--CUNY_Kingsborough--JUSTPHIL.jpeg" width="10%"></center> | ||
+ | <p class="no-rise-padding" style="text-align: center">Embark on a journey through the team's public engagement and education efforts as narrated by Phil.</p> | ||
+ | <p class="no-rise-padding" id="bodyLink" style="text-align: center"><a href="#activities-timeline">See full activities timeline<a></p> | ||
− | + | <hr> | |
− | + | <center><img src="https://static.igem.org/mediawiki/2018/b/bf/T--CUNY_Kingsborough--PHIL1.jpeg" width="25%"></center> | |
− | + | ||
− | + | <!--START TEMPLATE FOR IMAGE + PHIL--> | |
− | + | <div id="image-center"> | |
− | + | <img class="side-by-side" height="300px" src="https://static.igem.org/mediawiki/2018/b/b2/T--CUNY_Kingsborough--EcoFest1.png"> | |
− | + | <img class="side-by-side" height="300px" src="https://static.igem.org/mediawiki/2018/d/df/T--CUNY_Kingsborough--ECOFEST2.jpeg"> | |
− | + | <img class="side-by-side" height="300px" src="https://static.igem.org/mediawiki/2018/7/74/T--CUNY_Kingsborough--PHILECO.jpeg"> | |
− | + | </div> | |
− | + | <!--END TEMPLATE FOR IMAGE + PHIL--> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <!--<p><center>Photos courtesy of <a id="bodyLink" href="https://www.facebook.com/NYCH2O/">NYCH2O @Facebook</a></center></p> | |
− | + | <img class="photo-resize" src="https://static.igem.org/mediawiki/2018/3/37/T--CUNY_Kingsborough--PlumbBeach1.jpeg">--> | |
− | + | ||
− | + | <hr> | |
− | + | <h2 class="default-padding" id="activities-timeline">Activities Timeline</h2> | |
− | + | <center> | |
+ | <img class="header-image" src="https://static.igem.org/mediawiki/2018/8/8e/T--CUNY_Kingsborough--OutreachTimeline.jpeg"> | ||
+ | </center> | ||
− | + | </div> | |
− | + | </body> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</html> | </html> |
Revision as of 21:01, 16 October 2018
Public Engagement
Meet Phil the Bacteria!
Embark on a journey through the team's public engagement and education efforts as narrated by Phil.