<body>

   <div class="container">		
	<center><h1>Foto Kegiatan Pendampingan UMKM Harati BBPOM di Palangka Raya</h1></center>
	<br/>
	<div class="col-md-8 col-md-offset-2">
		<div id="myCarousel" class="carousel slide" data-ride="carousel">
			<!-- 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>					
			</ol>

			<!-- deklarasi carousel -->
			<div class="carousel-inner" role="listbox">
				<div class="item active">
					<img src="<?php echo base_url(); ?>img/kegiatan/satu.jpg" alt="www.umkmharati.bbpomplk.com.com">
					<div class="carousel-caption">
						<h3>Keterangan Kegiatan</h3>
						<p>Sub Keterangan Kegiaatan</p>
					</div>
				</div>
				<div class="item">
					<img src="<?php echo base_url(); ?>img/kegiatan/dua.jpg" alt="www.umkmharati.bbpomplk.com.com">
					<div class="carousel-caption">
						
					</div>
				</div>
				<div class="item">
					<img src="<?php echo base_url(); ?>img/kegiatan/tiga.jpg" alt="www.umkmharati.bbpomplk.com.com">
					<div class="carousel-caption">
						
					</div>
				</div>	
				<div class="item">
					<img src="<?php echo base_url(); ?>img/kegiatan/empat.jpg" alt="www.umkmharati.bbpomplk.com.com">
					<div class="carousel-caption">
						
					</div>
				</div>	
				<div class="item">
					<img src="<?php echo base_url(); ?>img/kegiatan/lima.jpg" alt="www.umkmharati.bbpomplk.com.com">
					<div class="carousel-caption">
						
					</div>
				</div>					
			</div>

			<!-- membuat panah next dan previous -->
			<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
				<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
				<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
		</div>
	</div>
   </div>
</body>
</html>