Mini Shell

<style>.badgesucces {
    background-color: var(--theme-color);
    color: white;
    padding: 4px 8px;
    text-align: center;
    border-radius: 15px;
    font-family:Verdana
}</style>
<main class="main">

<div class="hero-section">
<div class="hero-shape">
<img src="assets/img/shape/04.png" alt>
</div>
<div class="hero-slider owl-carousel owl-theme">
    
<?php
                     $cek = $db->query("select * from slider where durum='0' order by sira asc")->fetchAll(PDO::FETCH_ASSOC);
                     foreach($cek as $goster){
                     ?>
<div class="hero-single" style="background: url(resimler/<?=$goster["resim"]?>)">
<div class="container">
<div class="row align-items-center">
<div class="col-md-12 col-lg-7">
<div class="hero-content">
<h6 class="hero-sub-title" data-animation="fadeInUp" data-delay=".25s"><font class="badgesucces"> <?=$ayar["site_title"]?></font></h6>
<h1 class="hero-title" data-animation="fadeInRight" data-delay=".50s">
<?=$goster["adi"]?>
</h1>
<p data-animation="fadeInLeft" data-delay=".75s">
<?=$goster["aciklama"]?>
</p>
<div class="hero-btn" data-animation="fadeInUp" data-delay="1s">
<a href="hizmetler" class="theme-btn">Hizmetler<i class="fas fa-arrow-right"></i></a>
<a href="iletisim" class="theme-btn theme-btn2">İletişim<i class="fas fa-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
  <?php }?>

</div>
</div>