Difference between revisions of "Team:CUNY Kingsborough/Public Engagement"

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>  
+
<button onclick="topFunction()" id="scrollToTop" title="Go to top">Top</button>  
<div id="bodyContent">
+
<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>
  
<h1 class="title-padding">Public Engagement</h1><br>
+
<hr>
                <center><img src="https://static.igem.org/mediawiki/2018/b/bf/T--CUNY_Kingsborough--PHIL1.jpeg" width="25%"></center>
+
<center><img src="https://static.igem.org/mediawiki/2018/b/bf/T--CUNY_Kingsborough--PHIL1.jpeg" width="25%"></center>
<p class="no-rise-padding" id="bodyLink" style="text-align: center;"><a href="#activities-timeline">See full activities timeline<a></p>
+
  
<h2 class="default-padding">Plumb Beach Clean-Up</h2>
+
<!--START TEMPLATE FOR IMAGE + PHIL-->
<p><center>Photos courtesy of <a id="bodyLink" href="https://www.facebook.com/NYCH2O/">NYCH2O @Facebook</a></center></p>
+
<div id="image-center">
<center>
+
  <img class="side-by-side" height="300px" src="https://static.igem.org/mediawiki/2018/b/b2/T--CUNY_Kingsborough--EcoFest1.png">
<figure>
+
  <img class="side-by-side" height="300px" src="https://static.igem.org/mediawiki/2018/d/df/T--CUNY_Kingsborough--ECOFEST2.jpeg">
<img class="photo-resize" src="https://static.igem.org/mediawiki/2018/3/37/T--CUNY_Kingsborough--PlumbBeach1.jpeg">
+
  <img class="side-by-side" height="300px" src="https://static.igem.org/mediawiki/2018/7/74/T--CUNY_Kingsborough--PHILECO.jpeg">
<figcaption><small>Jess and Amy in the wild.</small></figcaption>
+
</div>
</center>
+
<!--END TEMPLATE FOR IMAGE + PHIL-->
<center>
+
<img class="photo-resize" src="https://static.igem.org/mediawiki/2018/a/ac/T--CUNY_Kingsborough--PlumbBeach2.jpeg">
+
<figcaption><small>It was near full-moon so there were a lot of them.</small></figcaption>
+
</center>
+
<hr>
+
  
<h2 class="default-padding">Eco Festival 2018</h2>
+
<!--<p><center>Photos courtesy of <a id="bodyLink" href="https://www.facebook.com/NYCH2O/">NYCH2O @Facebook</a></center></p>
<center>
+
<img class="photo-resize" src="https://static.igem.org/mediawiki/2018/3/37/T--CUNY_Kingsborough--PlumbBeach1.jpeg">-->
<figure>
+
<img class="photo-resize" src="https://static.igem.org/mediawiki/2018/b/b2/T--CUNY_Kingsborough--EcoFest1.png">
+
<hr>
<figcaption><small>2018 Eco Fest @Kingsborough</small></figcaption>
+
<h2 class="default-padding" id="activities-timeline">Activities Timeline</h2>
</center>
+
<center>
 +
<img class="header-image" src="https://static.igem.org/mediawiki/2018/8/8e/T--CUNY_Kingsborough--OutreachTimeline.jpeg">
 +
</center>
  
<h2 class="default-padding" id="activities-timeline">Activities Timeline</h2>
+
</div>
<center>
+
</body>
<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.



Activities Timeline