Line 201: | Line 201: | ||
<center><img src="https://raw.githubusercontent.com/anjalisg/IGEM/master/IGEM%20Website/assets/img/BeachCleanPhoto.png" style=width:"50%";height:"auto"></center> | <center><img src="https://raw.githubusercontent.com/anjalisg/IGEM/master/IGEM%20Website/assets/img/BeachCleanPhoto.png" style=width:"50%";height:"auto"></center> | ||
+ | |||
+ | |||
+ | <!-- Slideshow for Beach Clean-up Day --> | ||
+ | |||
+ | <center> | ||
+ | <div id="myCarousel" class="carousel slide" data-ride="carousel" height="200px"> | ||
+ | <!-- Indicators --> | ||
+ | <ol class="carousel-indicators"> | ||
+ | <li data-target="#myCarousel" data-slide-to="0" class="active"></li> | ||
+ | <li data-target="#myCarousel" data-slide-to="1"></li> | ||
+ | <li data-target="#myCarousel" data-slide-to="2"></li> | ||
+ | <li data-target="#myCarousel" data-slide-to="3"></li> | ||
+ | <li data-target="#myCarousel" data-slide-to="4"></li> | ||
+ | <li data-target="#myCarousel" data-slide-to="5"></li> | ||
+ | <li data-target="#myCarousel" data-slide-to="6"></li> | ||
+ | |||
+ | </ol> | ||
+ | |||
+ | <!-- Wrapper for slides --> | ||
+ | <div class="carousel-inner"> | ||
+ | |||
+ | <div class="item"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/1/13/CampPhotoSafetyImage.jpg" width="60%" height="auto"> | ||
+ | <div class="carousel-caption"> | ||
+ | <h3>Safety first! Having the students identify the parts of the <a href="https://2017.igem.org/Safety/Biosafety_Image" target="_blank">iGEM Biosafety image</a> that are not safe.</h3> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="item"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/d/de/CampPhotoPlankActivity.JPG" width="60%" height="auto"> | ||
+ | <div class="carousel-caption"> | ||
+ | <h3>Demonstrating to the students the characteristics of gel as well having a fun contest promoting team-building!</h3> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="item"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/2/25/CampPhotoMungBean.jpg" width="30%" height="auto"> | ||
+ | <div class="carousel-caption"> | ||
+ | <h3>Writing observations for our lab project that lasted all 5 days of camp - the purpose of the lab was to determine which of four chosen environments mung beans grow the best in.</h3> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/6/6f/CampPhotoGroupMicroscope.JPG" width="60%" height="auto"> | ||
+ | <div class="carousel-caption"> | ||
+ | <h3>All the students in the Genetics and Environmental Science camp looking at how placing leaves underneath a strong light for a few hours changed how the leaves look.</h3> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item active"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/d/de/CampPhotoMicropipette.jpg" width="30%" height="auto"> | ||
+ | <div class="carousel-caption"> | ||
+ | <h3>Teaching the students how to use a micropipette with a 96-well plate to make their own designs with colored water.</h3> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="item"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/9/90/CampPhotoPhysicsEggDrop.JPG" width="60%" height="auto"> | ||
+ | <div class="carousel-caption"> | ||
+ | <h3>Building an egg drop contraption with the students in the physics camp.</h3> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="item"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/3/33/CampPhotoGroup.JPG" width="60%" height="auto"> | ||
+ | <div class="carousel-caption"> | ||
+ | <h3>After one long week of two camps, all the students come together in a group photo.</h3> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | <!-- Left and right controls --> | ||
+ | <a class="left carousel-control" href="#myCarousel" data-slide="prev"> | ||
+ | <span class="glyphicon glyphicon-chevron-left"></span> | ||
+ | <span class="sr-only">Previous</span> | ||
+ | </a> | ||
+ | <a class="right carousel-control" href="#myCarousel" data-slide="next"> | ||
+ | <span class="glyphicon glyphicon-chevron-right"></span> | ||
+ | <span class="sr-only">Next</span> | ||
+ | </a> | ||
+ | </div> | ||
+ | </center> | ||
Revision as of 23:06, 1 November 2017