Mini Shell
<section class="bd-room-area p-relative pt-150 pb-150 fix">
<div class="bd-room__bg" data-background="assets/img/bg/bd-room.jpg"></div>
<div class="container">
<div class="row align-items-end mb-25 wow fadeInUp" data-wow-delay=".5s">
<div class="col-xl-6 col-lg-6 mb-0">
<div class="bd-section__title-wrapper is-white">
<h2 class=" bd-section__title mb-50 mmb-30">Odalarımız
</h2>
</div>
</div>
<div class="col-xl-6 col-lg-6 ">
<div class="section-btn d-flex justify-content-lg-end mb-50">
<a href="urunler" class="bd-btn">
Tümünü Gör <span><i class="fa-regular fa-arrow-right-long"></i></span>
</a>
</div>
</div>
</div>
<div class="row wow fadeInUp" data-wow-delay=".5s">
<div class="swiper bd-room-slider-three">
<div class="swiper-wrapper">
<?php
$cek =$db->query("select * from urunler where durum='0' and dil='{$dilsec["id"]}' order by sira asc")->fetchAll(PDO::FETCH_ASSOC);
foreach($cek as $goster){
?>
<div class="swiper-slide">
<div class="bd-room mb-0">
<div class="bd-room__content">
<h4 class="bd-room__title mb-20"><a href="<?=$goster["seo"]?>"><?=$goster["adi"]?></a></h4>
<div class="bd-room__price mb-30">
<p><?=$goster["fiyat"]?> <span>/Günlük</span></p>
</div>
<div class="bd-room__thumb-wrap mb-30">
<div class="bd-room__thumb">
<img src="resimler/<?=$goster["resim"]?>" alt="<?=$goster["adi"]?>">
</div>
<div class="bd-room__details">
<p><?=$goster["onaciklama"]?></p>
<div class="bd-room__list">
<div class="bd-room__list-item">
<i class="flaticon-taxi"></i>
</div>
<div class="bd-room__list-item">
<i class="flaticon-garage"></i>
</div>
<div class="bd-room__list-item">
<i class="flaticon-breakfast"></i>
</div>
<div class="bd-room__list-item">
<i class="flaticon-swimming-pool"></i>
</div>
</div>
</div>
</div>
<div class="bd-room__btn">
<a href="<?=$goster["seo"]?>"><span>inceleyin</span> <i class="fa-regular fa-arrow-right-long"></i></a>
</div>
</div>
</div>
</div>
<?php }?>
</div>
</div>
</div>
<div class="bd-room-slider-three-nav mt-35 mts-30 d-sm-none wow fadeInUp" data-wow-delay=".5s">
<div class="bd-room-slider-three-prev square-nav"><i class="fa-light fa-angle-left"></i>
</div>
<div class="bd-room-slider-three-next square-nav"><i class="fa-light fa-angle-right"></i>
</div>
</div>
</div>
</section>