Mini Shell

		<section class="space-extra-top space-bottom">
<div class="container">
	<div class="row justify-content-lg-between justify-content-center align-items-end">
		<div class="col-lg-9 mb-n2 mb-lg-0">
			<div class="title-area text-center text-lg-start">
				<span class="sub-title">Verdiğimiz Hizmetler</span>
				<h2 class="sec-title">Hizmetlerimiz</h2>
			</div>
		</div>
		<div class="col-auto">
			<div class="sec-btn">
				<div class="icon-box">
					<button data-slick-prev="#projectSlide1" class="slick-arrow default"><i class="far fa-arrow-left"></i></button><button data-slick-next="#projectSlide1" class="slick-arrow default"><i class="far fa-arrow-right"></i></button>
				</div>
			</div>
		</div>
	</div>
	<div class="row slider-shadow as-carousel" id="projectSlide1" data-slide-show="4" data-lg-slide-show="3" data-md-slide-show="2" data-sm-slide-show="1">
		<?php foreach($hizmetcek as $hizmet){?>		
		<div class="col-md-6 col-lg-4 col-xl-3">
			<div class="project-card">
				<div class="project-img">
					<img src="resimler/<?=$hizmet["resim"]?>" alt="<?=$hizmet["adi"]?>">
				</div>
				<div class="project-content">
					
					<h3 class="project-title"><a href="<?=$hizmet["seo"]?>"><?=$hizmet["adi"]?></a></h3>
				</div>
			</div>
		</div>
		   <?php }?>
		
		
	</div>
</div>
<div class="shape-mockup spin" data-top="20%" data-left="12%">
	<img src="assets/img/shape/loader_1.png" alt="shape">
</div>
<div class="shape-mockup spin" data-bottom="30%" data-left="5%">
	<img src="assets/img/shape/loader_2.png" alt="shape">
</div>
<div class="shape-mockup spin d-none d-sm-block" data-top="12%" data-right="6%">
	<img src="assets/img/shape/loader_2.png" alt="shape">
</div>
<div class="shape-mockup spin" data-bottom="20%" data-right="9%">
	<img src="assets/img/shape/loader_3.png" alt="shape">
</div>
<div class="shape-mockup" data-top="40%" data-right="8%">
	<img src="assets/img/shape/blob_1.png" alt="shape">
</div>
</section>