<!-- Slider -->
<div class="container">
	<div class="row">
		<div class="col-lg-3">
			<div class="quick_link">
				<h2>What's New</h2>
				<?php include_once "NewUpdate.php"; ?>
				<div class="clearfix"></div>
				<a href="view-all.php" class="btn btn-danger pull-right">Read All</a>
			</div>
		</div>
		<div class="col-lg-9">
			<div data-ride="carousel" class="carousel slide" id="myCarousel"> 
			<!-- Indicators -->
				<ol class="carousel-indicators">
					
					<li data-slide-to="1" data-target="#myCarousel" class="active"></li>
					<li data-slide-to="2" data-target="#myCarousel" class=""></li>
                    <li data-slide-to="3" data-target="#myCarousel" class=""></li>
                    <li data-slide-to="4" data-target="#myCarousel" class=""></li>
                    <li data-slide-to="5" data-target="#myCarousel" class=""></li>
                    <li data-slide-to="6" data-target="#myCarousel" class=""></li>
                    <li data-slide-to="7" data-target="#myCarousel" class=""></li>
                    <li data-slide-to="8" data-target="#myCarousel" class=""></li>
                    <li data-slide-to="9" data-target="#myCarousel" class=""></li>
                    <li data-slide-to="10" data-target="#myCarousel" class=""></li>
                    <li data-slide-to="11" data-target="#myCarousel" class=""></li>
                    <li data-slide-to="12" data-target="#myCarousel" class=""></li>
                    
				</ol>
			<!-- Wrapper for slides -->
				<div role="listbox" class="carousel-inner">
					<div class="item active"> <img alt="" src="images/banner/1.jpg"> </div>
                    <div class="item"> <img alt="" src="images/banner/2.jpg"> </div>
                    <div class="item"> <img alt="" src="images/banner/3.jpg"> </div>
               
					<div class="item"> <img alt="" src="images/banner/4.jpg"> </div>
					<div class="item"> <img alt="" src="images/banner/5.jpg"> </div>
					<div class="item"> <img alt="" src="images/banner/6.jpg"> </div>
					<div class="item"> <img alt="" src="images/banner/7.jpg"> </div>
					<div class="item"> <img alt="" src="images/banner/8.jpg"> </div>
					<div class="item"> <img alt="" src="images/banner/9.jpg"> </div>
					<div class="item"> <img alt="" src="images/banner/10.jpg"> </div>
					<div class="item"> <img alt="" src="images/banner/11.jpg"> </div>
					<div class="item"> <img alt="" src="images/banner/12.jpg"> </div>
				
				
				</div>
			<!-- Left and right controls --> 
				<a data-slide="prev" role="button" href="#myCarousel" class="left carousel-control"> <span aria-hidden="true" class="glyphicon glyphicon-chevron-left"></span> <span class="sr-only">Previous</span> </a>
				<a data-slide="next" role="button" href="#myCarousel" class="right carousel-control"> <span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span> <span class="sr-only">Next</span> </a>
			</div>
		</div>
	</div>
</div>
<br>
<div class="clearfix"></div>