
<div class="container" ><div class="row"><div id="myCarousel" class="carousel slide" data-ride="carousel"><!-- Wrapper for slides -->
 <div class="carousel-inner">
<?php $nob =1; foreach(QueryDB("SELECT * FROM shop_slider ORDER BY time_upload LIMIT 3") as $f){?>
<div class="item <?php  if($nob==1){ echo 'active';}  ?>">
 <img src="<?php echo $f['img_'];  ?>" class="img-fluid" alt="Los Angeles">
 <div class="carousel-caption d-flex flex-column align-items-center justify-content-center">
<div class="p-3" style="max-width: 700px;"><h3 class="text-light text-uppercase font-weight-small mb-3" style="color:white;"><br><br><?php echo $f['img_title'];  ?></h3><h3 class="display-4 text-white font-weight-semi-bold mb-4" style="color:white;"><?php echo $f['img_caption'];  ?></h3>
<!-- <a href="" class="btn btn-light py-2 px-3 bg-primary">Shop Now</a> --></div></div></div>
<?php $nob++; } ?></div>
<!--  <a class="left carousel-control" href="#myCarousel" data-slide="prev">
 <span class="glyphicon glyphicon-chevron-left"></span><span class="sr-only">Previous</span></a>
  <a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span><span class="sr-only">Next</span></a> -->
</div></div></div>