<!DOCTYPE html>
<html lang="tr">
<head>
<?php include ('baglanhayata.php'); ?>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content="">

<title><?php print $title; ?></title>

<link rel="icon" type="image/x-icon" href="assets/img/logo/favicon.png">

<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/all-fontawesome.min.css">
<link rel="stylesheet" href="assets/css/animate.min.css">
<link rel="stylesheet" href="assets/css/magnific-popup.min.css">
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/jquery-ui.min.css">
<link rel="stylesheet" href="assets/css/jquery.timepicker.min.css">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>




<header class="header">

<div class="header-top">
<div class="container">
<div class="header-top-wrapper">
<div class="header-top-left">
<div class="header-top-contact">
<ul>
<li>
<div class="header-top-contact-icon">
<img src="assets/img/icon/mail.svg" alt="">
</div>
<div class="header-top-contact-info">
<a href="<?php print $email; ?>"><span class="__cf_email__" data-cfemail="d0b9beb6bf90b5a8b1bda0bcb5feb3bfbd"><?php print $email; ?></span></a>
</div>
</li>
<li>
<div class="header-top-contact-icon">
<img src="assets/img/icon/clock.svg" alt="">
</div>
<div class="header-top-contact-info">
<a href="<?php print $telefontikla; ?>">7 Gün 24 Saat</a>
</div>
</li>
</ul>
</div>
</div>
<div class="header-top-right">
<div class="header-top-social">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="main-navigation">
<nav class="navbar navbar-expand-lg">
<div class="container custom-nav">
<a class="navbar-brand" href="index.php">
<img src="assets/img/logo/logo-full-light.png" alt="logo">
</a>
<div class="mobile-menu-right">
<div class="header-account header-mobile-account">
<div class="dropdown">
<button type="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="far fa-user-circle"></i>
</button>

</div>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#main_nav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-mobile-icon"><i class="far fa-bars"></i></span>
</button>
</div>
<div class="collapse navbar-collapse" id="main_nav">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="index.php">Anasayfa</a></li>
<li class="nav-item"><a class="nav-link" href="arac-listesi.php">Araç Listesi</a></li>
<li class="nav-item"><a class="nav-link" href="galeri.php">Galeri</a></li>
<li class="nav-item"><a class="nav-link" href="iletisim.php">İletişim</a></li>

</ul>
<div class="header-nav-right">
<div class="header-phone">
<div class="header-phone-icon">
<img src="assets/img/icon/phone.svg" alt="">
</div>
<div class="header-phone-content">
<span>Çağrı Merkezi</span>
<h5 class="header-phone-number"><a href="<?php print $telefontikla; ?>"><?php print $telefon; ?></a></h5>
</div>
</div>
<div class="header-btn mt-2">
<a href="<?php print $telefontikla; ?>" class="theme-btn">Tıkla Hemen Ara</a>
</div>

</div>
</div>
</div>
</nav>
</div>
</header>

<main class="main">

<div class="hero-section">
<div class="hero-slider owl-carousel owl-theme">
<div class="hero-single" style="background: url(assets/img/slider/slider-1.jpg)">
<div class="container">
<div class="row align-items-center">
<div class="col-md-9 col-lg-7">
<div class="hero-content">
<h6 class="hero-sub-title wow animate__animated animate__fadeInUp" data-wow-duration="1s" data-wow-delay=".25s"><?php print $unvanim; ?></h6>
<h1 class="hero-title wow animate__animated animate__fadeInUp" data-wow-duration="1s" data-wow-delay=".50s">
Araç  <span>ve</span> Filo Kiralama
</h1>

<div class="hero-btn wow animate__animated animate__fadeInUp" data-wow-duration="1s" data-wow-delay="1s">
<a href="<?php print $telefontikla; ?>" class="theme-btn">Tıkla Hemen Ara<i class="far fa-arrow-right"></i></a>
<a href="<?php print $whatsapp; ?>" class="theme-btn theme-btn2">Whatsapp İletişim<i class="far fa-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="hero-single" style="background: url(assets/img/slider/slider-2.jpg)">
<div class="container">
<div class="row align-items-center">
<div class="col-md-9 col-lg-7">
<div class="hero-content">
<h6 class="hero-sub-title wow animate__animated animate__fadeInUp" data-wow-duration="1s" data-wow-delay=".25s"><?php print $unvanim; ?></h6>
<h1 class="hero-title wow animate__animated animate__fadeInUp" data-wow-duration="1s" data-wow-delay=".50s">
Araç  <span>ve</span> Filo Kiralama
</h1>

<div class="hero-btn wow animate__animated animate__fadeInUp" data-wow-duration="1s" data-wow-delay="1s">
<a href="<?php print $telefontikla; ?>" class="theme-btn">Tıkla Hemen Ara<i class="far fa-arrow-right"></i></a>
<a href="<?php print $whatsapp; ?>" class="theme-btn theme-btn2">Whatsapp İletişim<i class="far fa-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="hero-single" style="background: url(assets/img/slider/slider-3.jpg)">
<div class="container">
<div class="row align-items-center">
<div class="col-md-9 col-lg-7">
<div class="hero-content">
<h6 class="hero-sub-title wow animate__animated animate__fadeInUp" data-wow-duration="1s" data-wow-delay=".25s"><?php print $unvanim; ?></h6>
<h1 class="hero-title wow animate__animated animate__fadeInUp" data-wow-duration="1s" data-wow-delay=".50s">
Araç  <span>ve</span> Filo Kiralama
</h1>

<div class="hero-btn wow animate__animated animate__fadeInUp" data-wow-duration="1s" data-wow-delay="1s">
<a href="<?php print $telefontikla; ?>" class="theme-btn">Tıkla Hemen Ara<i class="far fa-arrow-right"></i></a>
<a href="<?php print $whatsapp; ?>" class="theme-btn theme-btn2">Whatsapp İletişim<i class="far fa-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>




<div class="feature-area pt-120">
<div class="container">
<div class="feature-wrapper">
<div class="row">
<div class="col-md-6 col-lg-4">
<div class="feature-item">
<div class="feature-icon">
<img src="assets/img/icon/quality-service.svg" alt="">
</div>
<div class="feature-content">
<h4>Kaliteli Hizmet</h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="feature-item">
<div class="feature-icon">
<img src="assets/img/icon/booking.svg" alt="">
</div>
<div class="feature-content">
<h4>Online Rezervasyon Hizmeti</h4>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="feature-item">
<div class="feature-icon">
<img src="assets/img/icon/money.svg" alt="">
</div>
<div class="feature-content">
<h4>Uygun Fiyat Garantisi</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>


<div class="about-area py-120 mb-50">
<div class="container">
<div class="row">
<div class="col-lg-6 d-flex align-items-center justify-content-center">
<div class="about-left">
<div class="about-img">
<img class="about-img-1" src="assets/img/about/01.jpg" alt="">
</div>
<div class="about-shape"><img src="assets/img/shape/02.png" alt=""></div>
<div class="about-experience">
<div class="about-experience-icon">
<img src="assets/img/icon/car-rent.svg" alt="">
</div>
<b>17 Yıldır <br> Sektöre Hizmet</b>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="about-right">
<div class="site-heading mb-3">
<span class="site-title-tagline">Hakkımızda</span>
<h2 class="site-title">
Biz <span>Kimiz</span> ?
</h2>
</div>
<p class="about-text">
<?php print $hakkimizdaa; ?>
</p>

<a href="<?php print $telefontikla; ?>" class="theme-btn mt-4"><?php print $telefon; ?> <i class="far fa-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>


<div class="car-area bg py-120">
<div class="container">
<div class="row">
<div class="col-lg-6 mx-auto">
<div class="site-heading text-center">
<span class="site-title-tagline">Araçlar</span>
<h2 class="site-title">Öne Çıkan <span>Araçlar</span></h2>
<div class="heading-divider"></div>
</div>
</div>
</div>
<div class="row">


<?php
// Toplam araç sayısı
$totalVehicles = count($araclar);
$vehiclesPerPage = 12; // Sayfada gösterilecek araç sayısı
$totalPages = ceil($totalVehicles / $vehiclesPerPage); // Toplam sayfa sayısı

// Geçerli sayfa numarasını al
$current_page = isset($_GET['page']) ? (int)$_GET['page'] : 1;
$current_page = max(1, min($current_page, $totalPages)); // Geçerli sayfayı kontrol et

// Gösterilecek araçların başlangıç indeksini hesapla
$startIndex = ($current_page - 1) * $vehiclesPerPage;
$vehiclesToShow = array_slice($araclar, $startIndex, $vehiclesPerPage); // İlgili sayfadaki araçları al

// HTML çıktısı
foreach ($vehiclesToShow as $vehicle) {
    echo '<div class="col-lg-6 col-xl-4">';
    echo '<div class="car-item">';
    echo '<div class="car-img">';
    echo '<img src="galeri/' . htmlspecialchars($vehicle['resim']) . '" alt="">';
    echo '</div>';
    echo '<div class="car-content">';
    echo '<div class="car-top">';
    echo '<h4><a href="#">' . htmlspecialchars($vehicle['marka']) . ' ' . htmlspecialchars($vehicle['model']) . '</a></h4>';
    echo '<span><i class="fas fa-star"></i> ' . htmlspecialchars($vehicle['rating']) . '</span>';
    echo '</div>';
    echo '<ul class="car-list">';
    echo '<li><i class="far fa-car"></i> Model: ' . htmlspecialchars($vehicle['yıl']) . '</li><br>';
    echo '<li><i class="far fa-user-tie"></i> ' . htmlspecialchars($vehicle['kişi_sayısı']) . ' Kişilik</li><br>';
    echo '<li><i class="far fa-gas-pump"></i> ' . htmlspecialchars($vehicle['yakıt_türü']) . '</li><br>';
    echo '<li><i class="far fa-steering-wheel"></i> ' . htmlspecialchars($vehicle['vites']) . '</li>';
    echo '</ul>';
    echo '<div class="car-footer">';
    echo '<span class="car-price"><sub>Günlük </sub> / ' . number_format($vehicle['günlük'], 2, ',', '.') . ' </span> - ';
    echo '<span class="car-price"><sub>Aylık </sub> / ' . number_format($vehicle['aylık'], 2, ',', '.') . '</span>';
    echo '</div>';

    // Telefon ve WhatsApp bağlantıları
    echo '<div style="display: flex; justify-content: space-between; width: 250px; margin: 20px auto;">
        <a href="'.$telefontikla.'" style="display: flex; align-items: center; justify-content: center; padding: 10px; background-color: #d32f2f; border: 1px solid #b71c1c; border-radius: 5px; text-decoration: none; color: #fff; font-size: 14px; width: 48%; transition: background-color 0.3s;">
            <i class="fas fa-phone" style="margin-right: 5px; font-size: 16px;"></i> Telefon Et
        </a>
        <a href="'.$whatsapp.'" style="display: flex; align-items: center; justify-content: center; padding: 10px; background-color: #4caf50; border: 1px solid #388e3c; border-radius: 5px; text-decoration: none; color: #fff; font-size: 14px; width: 48%; transition: background-color 0.3s;">
            <i class="fab fa-whatsapp" style="margin-right: 5px; font-size: 16px;"></i> WhatsApp
        </a>
    </div>';
    echo '</div>';
    echo '</div>';
    echo '</div>'; 
}


?>









</div>
<div class="text-center mt-4">
<a href="arac-listesi.php" class="theme-btn">Tüm Araçlar Listesi  </a>
</div>
</div>
</div>


<div class="process-area pt-120 pb-80">
<div class="container">
<div class="row">
<div class="col-lg-6 mx-auto">
<div class="site-heading text-center">
<span class="site-title-tagline">Kiralama</span>
<h2 class="site-title">Aşamaları <span>Nelerdir</span></h2>
<div class="heading-divider"></div>
</div>
</div>
</div>
<div class="row justify-content-between">
<div class="col-lg-3 col-md-6 text-center mb-50">
<div class="process-single">
<div class="icon">
<span>01</span>
<img src="assets/img/icon/destination.svg" alt="">
</div>
<h4><?php print $kiralama_surec_1; ?></h4>
<p><?php print $kiralama_surec_11; ?> </p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center mb-50">
<div class="process-single">
<div class="icon">
<span>02</span>
<img src="assets/img/icon/choose-car.svg" alt="">
</div>
<h4><?php print $kiralama_surec_2; ?></h4>
<p><?php print $kiralama_surec_22; ?> </p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center mb-50">
<div class="process-single">
<div class="icon">
<span>02</span>
<img src="assets/img/icon/online-payment.svg" alt="">
</div>
<h4><?php print $kiralama_surec_3; ?></h4>
<p><?php print $kiralama_surec_33; ?> </p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center mb-50">
<div class="process-single">
<div class="icon">
<span>03</span>
<img src="assets/img/icon/confirm-ride.svg" alt="">
</div>
<h4><?php print $kiralama_surec_4; ?></h4>
<p><?php print $kiralama_surec_44; ?> </p>
</div>
</div>
</div>
</div>
</div>




<div class="faq-area py-120">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="faq-right">
<div class="site-heading mb-3">
<span class="site-title-tagline">S.S.S.</span>
<h2 class="site-title my-3">Sıkça <span>Sorulan</span> Sorular</h2>
</div>
<p class="about-text"> <?php print $ssstanitim; ?> </p>
<div class="faq-img mt-3">
<img src="assets/img/faq/01.jpg" alt="">
</div>
</div>
</div>
<div class="col-lg-6">
<div class="accordion" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
<span><i class="far fa-question"></i></span><?php print $soru1; ?>
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">
<?php print $cevap1; ?>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
<span><i class="far fa-question"></i></span> <?php print $soru2; ?>
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
<div class="accordion-body">
<?php print $cevap2; ?>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
<span><i class="far fa-question"></i></span> <?php print $soru3; ?>
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
<div class="accordion-body"><?php print $cevap3; ?>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingFour">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
<span><i class="far fa-question"></i></span><?php print $soru4; ?>
</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#accordionExample">
<div class="accordion-body"><?php print $cevap4; ?>
</div>
</div>
</div>

<div class="accordion-item">
<h2 class="accordion-header" id="headingFour">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
<span><i class="far fa-question"></i></span> <?php print $soru5; ?>
</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#accordionExample">
<div class="accordion-body">
<?php print $cevap5; ?>
</div>
</div>
</div>



</div>
</div>
</div>
</div>
</div>


<div class="testimonial-area py-120">
<div class="container">
<div class="row">
<div class="col-lg-6 mx-auto">
<div class="site-heading text-center">
<span class="site-title-tagline">Müşteri Yorumlarımız</span>
<h2 class="site-title text-white">Bazı Müşteri <span>Memnuniyetlerimiz</span></h2>
<div class="heading-divider"></div>
</div>
</div>
</div>
<div class="testimonial-slider owl-carousel owl-theme">




<div class="testimonial-single">
<div class="testimonial-content">
<div class="testimonial-author-img">
<img src="assets/img/testimonial/01.jpg" alt="">
</div>
<div class="testimonial-author-info">

</div>
</div>
<div class="testimonial-quote">
<span class="testimonial-quote-icon"><i class="flaticon-quote-hand-drawn-symbol"></i></span>
<p>
<?php print $yorum1; ?>
</p>
<div class="testimonial-quote-icon">
<img src="assets/img/icon/quote.svg" alt="">
</div>
</div>
<div class="testimonial-rate">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>




<div class="testimonial-single">
<div class="testimonial-content">
<div class="testimonial-author-img">
<img src="assets/img/testimonial/02.jpg" alt="">
</div>
<div class="testimonial-author-info">

</div>
</div>
<div class="testimonial-quote">
<span class="testimonial-quote-icon"><i class="flaticon-quote-hand-drawn-symbol"></i></span>
<p>
<?php print $yorum2; ?>
</p>
<div class="testimonial-quote-icon">
<img src="assets/img/icon/quote.svg" alt="">
</div>
</div>
<div class="testimonial-rate">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>





<div class="testimonial-single">
<div class="testimonial-content">
<div class="testimonial-author-img">
<img src="assets/img/testimonial/03.jpg" alt="">
</div>
<div class="testimonial-author-info">

</div>
</div>
<div class="testimonial-quote">
<span class="testimonial-quote-icon"><i class="flaticon-quote-hand-drawn-symbol"></i></span>
<p>
<?php print $yorum3; ?>
</p>
<div class="testimonial-quote-icon">
<img src="assets/img/icon/quote.svg" alt="">
</div>
</div>
<div class="testimonial-rate">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>




<div class="testimonial-single">
<div class="testimonial-content">
<div class="testimonial-author-img">
<img src="assets/img/testimonial/04.jpg" alt="">
</div>
<div class="testimonial-author-info">

</div>
</div>
<div class="testimonial-quote">
<span class="testimonial-quote-icon"><i class="flaticon-quote-hand-drawn-symbol"></i></span>
<p>
<?php print $yorum4; ?>
</p>
<div class="testimonial-quote-icon">
<img src="assets/img/icon/quote.svg" alt="">
</div>
</div>
<div class="testimonial-rate">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>




<div class="testimonial-single">
<div class="testimonial-content">
<div class="testimonial-author-img">
<img src="assets/img/testimonial/05.jpg" alt="">
</div>
<div class="testimonial-author-info">

</div>
</div>
<div class="testimonial-quote">
<span class="testimonial-quote-icon"><i class="flaticon-quote-hand-drawn-symbol"></i></span>
<p>
<?php print $yorum5; ?>
</p>
<div class="testimonial-quote-icon">
<img src="assets/img/icon/quote.svg" alt="">
</div>
</div>
<div class="testimonial-rate">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>






</div>
</div>
</div>


</main>

<footer class="footer-area">
<div class="footer-widget">
<div class="container">
<div class="row footer-widget-wrapper pt-100 pb-70">
<div class="col-md-6 col-lg-4">
<div class="footer-widget-box about-us">
<a href="#" class="footer-logo">
<img src="assets/img/logo/logo-full-light.png" alt="">
</a>
<p class="mb-3">
<?php print $flooterhakkimizda; ?>
</p>
<ul class="footer-contact">
<li><a href="<?php print $telefontikla; ?>"><i class="far fa-phone"></i><?php print $telefon; ?></a></li>

</ul>
</div>
</div>
<div class="col-md-6 col-lg-2">
<div class="footer-widget-box list">
<h4 class="footer-widget-title">Menüler</h4>
<ul class="footer-list">
<li><a href="index.php"><i class="fas fa-caret-right"></i> Anasayfa</a></li>
<li><a href="arac-listesi.php"><i class="fas fa-caret-right"></i> Araç Listesi</a></li>
<li><a href="galeri.php"><i class="fas fa-caret-right"></i> Galeri</a></li>
<li><a href="kiralama-sartlari.php"><i class="fas fa-caret-right"></i> Kiralama Şartları</a></li>
<li><a href="iletisim.php"><i class="fas fa-caret-right"></i> İletişim</a></li>



</ul>
</div>
</div>


</div>
</div>
</div>
<div class="copyright">
<div class="container">
<div class="row">
<div class="col-md-6 align-self-center">
<p class="copyright-text">
&copy; Copyright <span id="date"></span> - Bu Site Hiç Bir Şekilde <a href="https://bozcular.com.tr"> Kopyalanamaz çoğaltılamaz </a> Tüm Hakları Firmamızda Saklıdır.
</p>
</div>
<div class="col-md-6 align-self-center">
<ul class="footer-social">
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="#"><i class="fab fa-youtube"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<style>
.whatsapicin-button {
    position: fixed;
    bottom: 90px;
    right: 20px;
    width: 60px; /* Butonun genişliği */
    height: 60px; /* Butonun yüksekliği */
    border-radius: 50%; /* Daire şeklinde buton */
    background-color: #25D366; /* WhatsApp yeşili */
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    z-index: 1000; /* Diğer içeriklerin üstünde kalması için */
}

.whatsapicin-button img {
    width: 30px; /* İkonun genişliği */
    height: 30px; /* İkonun yüksekliği */
}

@media (max-width: 600px) {
    .whatsapicin-button {
        width: 50px; /* Mobil için buton genişliği */
        height: 50px; /* Mobil için buton yüksekliği */
    }

    .whatsapicin-button img {
        width: 25px; /* Mobil için ikon genişliği */
        height: 25px; /* Mobil için ikon yüksekliği */
    }
}
</style>
    <a href="<?php print $whatsapp; ?>" class="whatsapicin-button" target="_blank">
        <img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" alt="WhatsApp">
    </a>
</footer>


<a href="#" id="scroll-top"><i class="far fa-arrow-up"></i></a>


<script data-cfasync="false" src="../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="assets/js/jquery-3.6.0.min.js"></script>
<script src="assets/js/modernizr.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/isotope.pkgd.min.js"></script>
<script src="assets/js/jquery.appear.min.js"></script>
<script src="assets/js/jquery.easing.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/counter-up.js"></script>
<script src="assets/js/jquery-ui.min.js"></script>
<script src="assets/js/jquery.timepicker.min.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>