
			
<div class="row" style='background-image: url("<?=base_url("assets/images/bgg.jpg")?>"); margin-top:-34px;margin-bottom:15px;'>

    <!-- Indicators -->
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="<?=base_url()."/assets/images/slides/2.png"?>" >
                
            </div>
            <div class="item">
                <img src="<?=base_url()."/assets/images/slides/3.png"?>" alt="Chania">
               
            </div>
            <div class="item">
                <img src="<?=base_url()."/assets/images/slides/1.png"?>" alt="Flower">
                
            </div>
        </div>
        <!-- Left and right controls -->
        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
            <span class="fa fa-angle-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="fa fa-angle-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>

    </div>
<style>
.carousel h3 {color:#fff}

    		.carousel-control.left
			{
				background: none;
			}
			.carousel-control.right
			{
				background: none;
			}

			.carousel-control
			{
				position: absolute;
				top: 45%;
				bottom: 0;
				left: 0;
				width: 15%;
				font-size: auto;
				color: #fff;
				text-align: center;
				opacity: 1;
				text-shadow: none;
			}
			.carousel-control:hover
			{
				color: #000;
			}
			.carousel-indicators
			{
				bottom: -50px;
			}
			.carousel-indicators li
			{
				display: inline-block;
				width: 10px;
				height: 10px;
				margin: 1px;
				text-indent: -999px;
				cursor: pointer;
				background-color: #000\9;
				background-color: rgba(0,0,0,0);
				border: 1px solid #16a085;
				border-radius: 50%;
			}
			.carousel-indicators .active
			{
				width: 12px;
				height: 12px;
				margin: 0;
				background-color: #16a085;
			}
			
			</style>
</div>

<div class="row">
<div class="col-md-4">

</div>
<div class="col-md-4">

</div>
<div class="col-md-4">
<?php if($anncs):?>
<div class="panel panel-default">
		 
  <div class="panel-heading">إعلانات</div>
 
  <!-- List group -->
  <ul class="list-group">
		<?php	foreach ($anncs as $annc):?>
		
			<li class="list-group-item"><a  href="<?=site_url_lang()."/announcements/show/".$annc['ANN']?>"><?=$annc['Name']?></a></li>			
		<?php endforeach; ?>
</ul>
</div>
<?php  endif ?> 
</div>

