koding slide

<div id="demo" class="carousel slide" data-ride="carousel">
  <ul class="carousel-indicators">
    <li data-target="#demo" data-slide-to="0" class="active"></li>
    <li data-target="#demo" data-slide-to="1"></li>
    <li data-target="#demo" data-slide-to="2"></li>
  </ul>
  <?php
   $counter=0;
  foreach ($paket as $value){
  echo '<div class="carousel-inner">';
  if($counter==0){
   echo '<div class="carousel-item active">';
   echo '<img class="d-block w-100"'.'src="'.base_url("assets/uploads/paket/$value->gambar").'" width="1100" height="500">';
      echo '<div class="carousel-caption shadow-black">';
    echo '<h3>'.$value->judul;'</h3>';
    echo '<p>'.$value->judul;'</p>';
     echo ' </div>  ';
    echo '</div>';
  } else {
   echo '<div class="carousel-item">';
   echo '<img class="d-block w-100"'.'src="'.base_url("assets/uploads/paket/$value->gambar").'" width="1100" height="500">';
      echo '<div class="carousel-caption shadow-black">';
    echo '<h3>'.$value->judul;'</h3>';
    echo '<p>'.$value->judul;'</p>';
     echo ' </div>  ';
    echo '</div>';
  }
  $counter++;
  echo '</div>';
}
  ?>
  <a class="carousel-control-prev" href="#demo" data-slide="prev">
    <span class="carousel-control-prev-icon"></span>
  </a>
  <a class="carousel-control-next" href="#demo" data-slide="next">
    <span class="carousel-control-next-icon"></span>
  </a>
</div>