Mini Shell
<?php include 'include/header.php';
$sliders = mysqli_query($vt,"select * from slider order by id asc");
$alans = mysqli_query($vt,"select * from hizmetler order by sira asc limit 6");
$list = array();
$list2 = array();
while($slider = mysqli_fetch_assoc($sliders)) {
array_push($list, $slider);
}
while($alan = mysqli_fetch_assoc($alans)) {
array_push($list2, $alan);
}
?>
<section class="u-carousel u-slide u-block-71d6-1" id="carousel-ae25" data-interval="5000" data-u-ride="carousel">
<ol class="u-absolute-hcenter u-carousel-indicators u-block-71d6-2">
<?php
for($i=0;$i<count($list);$i++){
?>
<li data-u-target="#carousel-ae25" class="u-active u-active-palette-1-base u-grey-30 u-hover-palette-1-base u-shape-circle" style="width: 10px; height: 10px;" data-u-slide-to="<?php echo $i;?>"></li>
<?php } ?>
</ol>
<div class="u-carousel-inner" role="listbox">
<?php
for($i=0;$i<count($list);$i++){
$activeClass = $i === 0 ? 'u-active' : '';
?>
<div class="<?php echo $activeClass; ?> u-carousel-item u-clearfix u-section-1- imagealan<?php echo $i+1;?>">
<div class="u-clearfix u-sheet u-valign-middle-lg u-sheet-1">
<img class="custom-expanded u-align-center u-image u-image-1"
src="js/upload/uploads/<?php echo htmlspecialchars($list[$i]["resim"]); ?>"
data-image-width="800"
data-image-height="400"
alt="Slider Image">
<div class="fr-view u-align-center u-clearfix u-rich-text u-text u-text-1 textalan ">
<h1><?php echo $list[$i]["btn_text"]; ?></h1>
<p style="text-align: center;"><?php echo $list[$i]["title"]; ?></p>
</div>
</div>
</div>
<?php } ?>
</div>
<a class="u-absolute-vcenter u-carousel-control u-carousel-control-prev u-icon-rounded u-radius u-text-hover-black u-text-palette-1-base u-block-71d6-3" href="#carousel-ae25" role="button" data-u-slide="prev"><span aria-hidden="true">
<svg viewBox="0 0 256 256"><g><polygon points="207.093,30.187 176.907,0 48.907,128 176.907,256 207.093,225.813 109.28,128"></polygon>
</g></svg></span><span class="sr-only">
<svg viewBox="0 0 256 256"><g><polygon points="207.093,30.187 176.907,0 48.907,128 176.907,256 207.093,225.813 109.28,128"></polygon>
</g></svg></span>
</a>
<a class="u-absolute-vcenter u-carousel-control u-carousel-control-next u-icon-rounded u-radius u-text-hover-black u-text-palette-1-base u-block-71d6-4" href="#carousel-ae25" role="button" data-u-slide="next"><span aria-hidden="true">
<svg viewBox="0 0 306 306"><g id="chevron-right"><polygon points="94.35,0 58.65,35.7 175.95,153 58.65,270.3 94.35,306 247.35,153"></polygon>
</g></svg></span><span class="sr-only">
<svg viewBox="0 0 306 306"><g id="chevron-right"><polygon points="94.35,0 58.65,35.7 175.95,153 58.65,270.3 94.35,306 247.35,153"></polygon>
</g></svg></span>
</a>
</section>
<section class="u-align-center u-clearfix u-container-align-center u-gradient u-section-2" id="sec-661f">
<div class="u-clearfix u-sheet u-valign-middle-md u-valign-middle-xl u-sheet-1">
<h1 class="u-custom-font u-hover-feature u-text u-text-default u-text-1" data-animation-name="customAnimationIn" data-animation-duration="2000" data-animation-delay="0">ÜRÜNLERİMİZ</h1>
<div class="u-expanded-width u-layout-grid u-list u-list-1">
<div class="u-repeater u-repeater-1">
<?php
$urunler = mysqli_query($vt, "select * from urunler order by sira asc limit 10");
while($urun = mysqli_fetch_assoc($urunler)){
?>
<div class="u-border-2 u-border-palette-1-base u-container-style u-list-item u-radius u-repeater-item u-shape-round u-video-cover u-white u-list-item-1" data-animation-name="customAnimationIn" data-animation-duration="2000" data-animation-delay="0">
<div class="u-container-layout u-similar-container u-container-layout-1">
<div class="u-align-center u-container-style u-expanded-width u-group u-palette-1-base u-shape-rectangle u-group-1">
<div class="u-container-layout u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xs u-container-layout-2">
<h3 class="u-custom-font u-font-raleway u-hover-feature u-text u-text-2 u-text-bold"> <?php echo $urun["ad"]; ?> </h3>
</div>
</div>
<img alt="" class="u-expanded-width u-image u-image-contain u-image-round u-radius u-image-1" src="js/upload/uploads/<?php echo $urun["resim"]; ?>" data-image-width="808" data-image-height="471">
<div class="u-align-justify u-container-style u-effect-zoom u-expanded-width u-grey-10 u-group u-hover-box u-radius u-shape-round u-group-2">
<div class="u-back-slide u-container-layout u-container-layout-3">
<p class="u-custom-font u-text u-text-default u-text-3 limit-7-lines"><?php echo $urun["aciklama"]; ?></p>
</div>
<div class="u-black u-container-layout u-opacity u-opacity-25 u-over-slide u-container-layout-4"></div>
</div>
<a href="page.php?id=<?php echo $urun["id"]; ?>" class="u-active-palette-1-dark-2 u-btn u-button-style u-custom-font u-hover-feature u-btn-1">daha fazla BİLGİ EDİN</a>
</div>
</div>
<?php } ?>
</div>
</div>
</div>
</section>
<section class="u-clearfix u-gradient u-section-3 sectionAlan" id="block-2">
<div class="u-clearfix u-sheet u-valign-middle-sm u-sheet-1">
<h3 class="u-align-center u-custom-font u-text u-text-black u-text-default-lg u-text-default-md u-text-default-sm u-text-default-xl u-text-1" data-animation-name="customAnimationIn" data-animation-duration="2000" data-animation-delay="0">UYGULAMA ALANLARIMIZ<span style="font-weight: 700;"><span style="font-weight: 400;"></span></span>
</h3>
<div class="">
<?php
$orders = [6,4,2,1,5,3];
$firstc = 3;
if(count($list2)<3){
$firstc = count($list2);
}
for($j=0;$j<$firstc;$j++){
?>
<img class="u-border-2 u-border-white u-hover-feature u-image u-image-circle u-image-contain u-preserve-proportions u-image-<?php echo $j+1;?>" src="js/upload/uploads/<?php echo $list2[$j]["gorsel"];?>" alt="" data-image-width="306" data-image-height="306" data-animation-name="customAnimationIn" data-animation-duration="1000" data-animation-delay="0">
<?php } ?>
<?php
for($j=0;$j<$firstc;$j++){
?>
<p class="u-align-center alanText u-custom-font u-text u-text-default u-text-<?php echo $j+2;?>"><?php echo $list2[$orders[$j]-1]["baslik"]; ?> </p>
<?php }
$lastc = 3;
if($firstc>=3){
$lastc = count($list2) - $firstc;
}
for($k=0;$k<$lastc;$k++){
?>
<img class="u-border-2 u-border-white u-hover-feature u-image u-image-circle u-image-contain u-preserve-proportions u-image-<?php echo $k+4;?>" src="js/upload/uploads/<?php echo $list2[$k+3]["gorsel"];?>" alt="" data-image-width="306" data-image-height="306" data-animation-name="customAnimationIn" data-animation-duration="1000" data-animation-delay="0">
<?php }
for($k=0;$k<$lastc;$k++){
?>
<p class="u-align-center alanText u-custom-font u-hover-feature u-text u-text-default u-text-<?php echo $k+5;?>"><?php echo $list2[$orders[$k+3]-1]["baslik"]; ?> </p>
<?php } ?>
</div>
</div>
</section>
<section class="u-clearfix u-gradient u-section-5 sectionAlanMobil" id="block-2">
<div class="u-clearfix u-sheet u-valign-middle-sm u-sheet-1">
<h3 class="u-align-center u-custom-font u-text u-text-black u-text-default-lg u-text-default-md u-text-default-sm u-text-default-xl u-text-1" data-animation-name="customAnimationIn" data-animation-duration="1000" data-animation-delay="0">UYGULAMA ALANLARIMIZ<span style="font-weight: 700;"><span style="font-weight: 400;"></span></span>
</h3>
<div class="sectionAlanIn">
<?php
for($j=0;$j<count($list2);$j++){
?>
<div class="alanItem">
<img class="u-border-2 u-border-white u-hover-feature u-image u-image-circle u-image-contain u-preserve-proportions u-image-<?php echo $j+1;?>" src="js/upload/uploads/<?php echo $list2[$j]["gorsel"];?>" alt="" data-image-width="306" data-image-height="306" data-animation-name="customAnimationIn" data-animation-duration="1000" data-animation-delay="0">
<p class="u-align-center alanText u-custom-font u-text u-text-default u-text-<?php echo $j+2;?>"><?php echo $list2[$j]["baslik"]; ?> </p>
</div>
<?php } ?>
</div>
</div>
</section>
<section class="u-clearfix u-gradient u-section-4" id="sec-2943">
<div class="u-clearfix u-sheet u-valign-middle-lg u-valign-middle-md u-sheet-1">
<div class="data-layout-selected u-clearfix u-expanded-width u-gutter-20 u-layout-wrap u-layout-wrap-1">
<div class="u-layout">
<div class="u-layout-row">
<div class="u-container-align-center u-container-style u-image u-layout-cell u-size-30 u-image-1" data-image-width="1280" data-image-height="960" data-animation-name="customAnimationIn" data-animation-duration="2000" data-animation-delay="0">
<div class="u-container-layout u-container-layout-1"></div>
</div>
<div class="u-container-style u-layout-cell u-size-30 u-white u-layout-cell-2" data-animation-name="customAnimationIn" data-animation-duration="2000" data-animation-delay="0">
<div class="u-container-layout u-container-layout-2">
<h1 class="u-align-center u-custom-font u-text u-text-black u-text-1"><?php echo $goruntu["abouttitle"];?> </h1>
<p class="u-align-justify u-custom-font u-small-text u-text u-text-variant u-text-2"><?php echo $goruntu["about"];?></p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="u-clearfix u-section-5" id="sec-2501">
<div class="u-clearfix u-sheet u-valign-middle-lg u-valign-middle-sm u-valign-middle-xl u-valign-middle-xs u-sheet-1">
<div class="data-layout-selected u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1">
<div class="u-layout">
<div class="u-layout-row">
<div class="u-container-style u-layout-cell u-size-20 u-layout-cell-1" data-animation-name="customAnimationIn" data-animation-duration="1000" data-animation-delay="0">
<div class="u-container-layout u-valign-bottom-xl u-valign-top-lg u-valign-top-md u-valign-top-sm u-valign-top-xs u-container-layout-1"><span class="u-align-center u-hover-feature u-icon u-text-palette-3-light-1 u-icon-2"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 54.757 54.757" style=""><use xlink:href="#svg-9b53"></use></svg><svg class="u-svg-content" viewBox="0 0 54.757 54.757" x="0px" y="0px" id="svg-9b53" style="enable-background:new 0 0 54.757 54.757;"><path d="M40.94,5.617C37.318,1.995,32.502,0,27.38,0c-5.123,0-9.938,1.995-13.56,5.617c-6.703,6.702-7.536,19.312-1.804,26.952
L27.38,54.757L42.721,32.6C48.476,24.929,47.643,12.319,40.94,5.617z M27.557,26c-3.859,0-7-3.141-7-7s3.141-7,7-7s7,3.141,7,7
S31.416,26,27.557,26z"></path></svg></span>
<h4 class="u-align-center u-custom-font u-text u-text-1"><?php echo $goruntu["addresstitle"]; ?> </h4>
<div class="u-align-left u-custom-font u-text u-text-2 removePMargins"><?php echo $goruntu["address"]; ?></div>
<p class="u-align-left u-custom-font u-text u-text-3">Faks :<?php echo $goruntu["telefon2"]; ?><br><?php echo $goruntu["telefontitle"]; ?> :<?php echo $goruntu["telefon1"]; ?>
</p>
</div>
</div>
<div class="u-container-style u-layout-cell u-size-20 u-layout-cell-2" data-animation-name="customAnimationIn" data-animation-duration="1000" data-animation-delay="0" data-animation-direction="">
<div class="u-container-layout u-valign-top-lg u-valign-top-md u-valign-top-sm u-valign-top-xs u-container-layout-2"><span class="u-align-center u-file-icon u-hover-feature u-icon u-icon-2"><img src="images/733585.png" alt=""></span>
<h4 class="u-align-center u-custom-font u-text u-text-4"> Whatsapp Desteği</h4>
<p class="u-align-center u-custom-font u-text u-text-5"> Bizi WhatsApp'ta ekleyin ve anında yanıt için sorgular gönderin.</p>
<a href="https://wa.me/<?php echo $goruntu["whatsapp"]; ?>" target="_blank" class="u-active-palette-1-dark-2 u-align-center u-border-0 u-border-active-palette-2-light-2 u-border-hover-palette-2-light-2 u-btn u-btn-round u-button-style u-color-scheme-summer-time u-color-style-multicolor-1 u-custom u-custom-font u-hover-feature u-hover-palette-1-dark-2 u-radius u-text-active-white u-text-hover-white u-btn-1" data-animation-name="" data-animation-duration="0" data-animation-delay="0" data-animation-direction="">KONUŞMA BAŞLAT</a>
</div>
</div>
<div class="cell-temp-clone u-container-style u-layout-cell u-size-20 u-layout-cell-3" data-animation-name="customAnimationIn" data-animation-duration="1000" data-animation-delay="0" data-animation-direction="">
<div class="u-container-layout u-valign-top-lg u-valign-top-md u-valign-top-sm u-valign-top-xs u-container-layout-3"><span class="u-align-center u-file-icon u-hover-feature u-icon u-icon-3"><img src="images/552486.png" alt=""></span>
<h4 class="u-align-center u-custom-font u-text u-text-6">E-Mail </h4>
<p class="u-align-center u-custom-font u-text u-text-7"> Bir uzmanla iletişime geçmenin en hızlı yolu</p>
<a href="mailto:<?php echo $goruntu["email"]; ?>" class="u-active-palette-1-dark-2 u-align-center u-border-0 u-border-active-palette-2-light-2 u-border-hover-palette-2-light-2 u-btn u-btn-round u-button-style u-color-scheme-summer-time u-color-style-multicolor-1 u-custom u-custom-font u-hover-feature u-hover-palette-1-dark-2 u-radius u-text-active-white u-text-hover-white u-btn-1" data-animation-name="" data-animation-duration="0" data-animation-delay="0" data-animation-direction="">MAİL GÖNDER</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<?php include 'include/footer.php'; ?>