<div class="container">
	<h2>
		Carousel Example</h2>
	<div class="carousel slide" data-ride="carousel" id="ourcarousel">
		<!-- Indicators -->
		<ol class="carousel-indicators">
			<li class="active" data-slide-to="0" data-target="#ourcarousel">
				&nbsp;</li>
			<li data-slide-to="1" data-target="#ourcarousel">
				&nbsp;</li>
			<li data-slide-to="2" data-target="#ourcarousel">
				&nbsp;</li>
		</ol>
		<!-- Wrapper for slides -->
		<div class="carousel-inner">
			<div class="item active">
				<img alt="Los Angeles" src="la.jpg" style="width:100%;" />
				<div class="carousel-caption">
					<h3>
						Los Angeles</h3>
					<p>
						LA is always so much fun!</p>
				</div>
			</div>
			<div class="item">
				<img alt="Chicago" src="chicago.jpg" style="width:100%;" />
				<div class="carousel-caption">
					<h3>
						Chicago</h3>
					<p>
						Thank you, Chicago!</p>
				</div>
			</div>
			<div class="item">
				<img alt="New York" src="ny.jpg" style="width:100%;" />
				<div class="carousel-caption">
					<h3>
						New York</h3>
					<p>
						We love the Big Apple!</p>
				</div>
			</div>
		</div>
		<!-- Left and right controls --><a class="left carousel-control" data-slide="prev" href="#ourcarousel"><span class="sr-only">Previous</span> </a> <a class="right carousel-control" data-slide="next" href="#ourcarousel"> <span class="sr-only">Next</span> </a></div>
</div>
