_carousel.php

<?php
/**
 * @file _carousel.php
 * @brief module that displays the home page carousel of banners.
 *
 * @author Nathalie Castells
 * @date 9/27/2018
 */
?>
<div id="carouselIndexIndicators" class="carousel slide mx-0 px-0"
	data-ride="carousel">
	<div class="carousel-inner">
		<div class="carousel-item  active">
			<a href="updates.php"> <img class="d-block w-100"
				src="images/banners/overview.jpg" alt="latest"></a>
			<div class="carousel-caption d-none d-md-block">
				<h2><a class="text-light" href="updates.php">News and Updates</a></h2>
				<p>The latest in e-RA and the Long Term experiments</p>
			</div>
		</div>
		<div class="carousel-item">
			<a href="experiment/rbk1"> <img class="d-block w-100"
				src="images/banners/Broadbalk-02.jpg" alt="Second slide"></a>
			<div class="carousel-caption d-none d-md-block">
				<h2><a class="text-light" href="experiment/rbk1">Broadbalk</a></h2>
				<p>Winter Wheat experiment since 1843</p>
			</div>
		</div>
		<div class="carousel-item">
		<a href="experiment/rpg5"> 
			<img class="d-block w-100" src="images/banners/Park-Grass.jpg"
				alt="All about Park Grass"></a>
			<div class="carousel-caption d-none d-md-block">
				<h2><a class="text-light" href="experiment/rpg5">Park Grass</a></h2>
				<p>Collecting ecological data since 1856</p>
			</div>
		</div>
		<div class="carousel-item">
			<a href="experiment/rhb2"><img class="d-block w-100" src="images/banners/hoosfield.jpg"
				alt="Hoosfield"></a>
			<div class="carousel-caption d-none d-md-block">
				<h2><a class="text-light" href="experiment/rhb2">Hoosfield</a></h2>
				<p>Experiments on Barley since 1852</p>
			</div>
		</div>
		<div class="carousel-item">
			<a href="experiment/rge9">
			<img class="d-block w-100" src="images/banners/Gees-Croft.jpg"
				alt="Gees-Croft"></a>
			<div class="carousel-caption d-none d-md-block">
				<h2><a class="text-light" href="experiment/rge9">Geescroft</a></h2>
				<p>A wilderness experiment growing since 1883</p>
			</div>
		</div>

	</div>
	<a class="carousel-control-prev" href="#carouselIndexIndicators"
		role="button" data-slide="prev"> <span
		class="carousel-control-prev-icon" aria-hidden="true"></span> <span
		class="sr-only">Previous</span>
	</a> <a class="carousel-control-next" href="#carouselIndexIndicators"
		role="button" data-slide="next"> <span
		class="carousel-control-next-icon" aria-hidden="true"></span> <span
		class="sr-only">Next</span>
	</a>
</div>