<!--
████████╗ ██████╗ ██████╗ ██╗   ██╗ █████╗     ██████╗ ██╗     ██╗██╗████████╗ █████╗ ██╗     
╚══██╔══╝██╔═══██╗██╔══██╗╚██╗ ██╔╝██╔══██╗    ██╔══██╗██║     ██║██║╚══██╔══╝██╔══██╗██║     
   ██║   ██║   ██║██████╔╝ ╚████╔╝ ███████║    ██║  ██║██║     ██║██║   ██║   ███████║██║     
   ██║   ██║   ██║██╔══██╗  ╚██╔╝  ██╔══██║    ██║  ██║██║██   ██║██║   ██║   ██╔══██║██║     
   ██║   ╚██████╔╝██║  ██║   ██║   ██║  ██║    ██████╔╝██║╚█████╔╝██║   ██║   ██║  ██║███████╗
   ╚═╝    ╚═════╝ ╚═╝  ╚═╝   ╚═╝   ╚═╝  ╚═╝    ╚═════╝ ╚═╝ ╚════╝ ╚═╝   ╚═╝   ╚═╝  ╚═╝╚══════╝

╔══════════════════════════════════════════════════════════════════════════════════════════════╗
║                                                                                              ║
║   🏢 CİVELEK SİGORTA - PROFESSIONAL WEBSITE DEVELOPMENT                                      ║
║                                                                                              ║
║   💻 Bu website TORYA Dijital tarafından geliştirilmiştir                                   ║
║   👨‍💻 Lead Developer: Tolga UĞURLU                                                            ║
║   🎯 Profesyonel Web Çözümleri & Dijital Pazarlama                                          ║
║                                                                                              ║
║   🌐 Website: https://toryadijital.com                                                       ║
║   📱 İletişim: +90 532 359 17 09                                                            ║
║   📧 E-posta: info@toryadijital.com                                                          ║
║                                                                                              ║
║   ⚡ Hizmetlerimiz:                                                                          ║
║   • Kurumsal Website Tasarımı                                                               ║
║   • E-Ticaret Sistemleri                                                                    ║
║   • SEO & Dijital Pazarlama                                                                 ║
║   • Mobil Uygulama Geliştirme                                                               ║
║   • Sosyal Medya Yönetimi                                                                   ║
║                                                                                              ║
║   📊 Teknik Özellikler:                                                                     ║
║   • Modern Responsive Tasarım                                                               ║
║   • SEO Optimizasyonu                                                                       ║
║   • Hızlı Yükleme Süreleri                                                                  ║
║   • Güvenli Form İşlemleri                                                                  ║
║   • WhatsApp Entegrasyonu                                                                   ║
║                                                                                              ║
║   🎨 Coded with ❤️ in Ankara, Turkey                                                        ║
║   📅 Development Date: 2024                                                                 ║
║   🔧 Version: 1.0 Professional                                                              ║
║                                                                                              ║
╚══════════════════════════════════════════════════════════════════════════════════════════════╝

🚀 Dijital dönüşümünüz için TORYA Dijital'e güvenin!
💎 Profesyonel, hızlı ve güvenilir web çözümleri
🎯 Rekabette öne çıkmak için bizimle iletişime geçin

-->
<!DOCTYPE html>
<html lang="tr">
    <head>
        <!--====== Required meta tags ======-->
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <meta name="description" content="CİVELEK SİGORTA - İletişim. Yıldırım Mahallesi Karaçam Sokak 51/B Akyurt, Ankara. Telefon: +90 531 854 37 70. E-posta: murat@civeleksigorta.com.tr">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <!--====== Title ======-->
        <title>CİVELEK SİGORTA - İletişim | Güvenli Yarınlar İçin Kalkan Görevi</title>
        <!--====== Favicon Icon ======-->
        <link rel="shortcut icon" href="assets/images/favicon.ico" type="image/png">
        <!--====== Google Fonts ======-->
        <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Syne:wght@400;500;600;700&display=swap" rel="stylesheet">
        <!--====== Flaticon css ======-->
        <link rel="stylesheet" href="assets/fonts/flaticon/flaticon_ensuran.css">
        <!--====== FontAwesome css ======-->
        <link rel="stylesheet" href="assets/fonts/fontawesome/css/all.min.css">
        <!--====== Bootstrap css ======-->
        <link rel="stylesheet" href="assets/vendor/bootstrap/css/bootstrap.min.css">
        <!--====== magnific-popup css ======-->
        <link rel="stylesheet" href="assets/vendor/magnific-popup/dist/magnific-popup.css">
        <!--====== Slick-popup css ======-->
        <link rel="stylesheet" href="assets/vendor/slick/slick.css">
        <!--====== Nice Select css ======-->
        <link rel="stylesheet" href="assets/vendor/nice-select/css/nice-select.css">
        <!--====== Animate css ======-->
        <link rel="stylesheet" href="assets/vendor/animate.css">
        <!--====== Default css ======-->
        <link rel="stylesheet" href="assets/css/default.css">
        <!--====== Style css ======-->
        <link rel="stylesheet" href="assets/css/style.css">
        <!--====== WhatsApp Button css ======-->
        <link rel="stylesheet" href="assets/css/whatsapp-btn.css">
        
        <!-- Contact Form Script -->
    </head>
    <body>
        <!--====== Search From ======-->
		<div class="modal fade search-modal" id="search-modal">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <form action="contact.php" method="POST" class="contact-form">
                        <div class="form_group">
                        	<input type="search" class="form_control" placeholder="Arama Yapın" name="search">
                        	<label><i class="fa fa-search"></i></label>
                        </div>
                    </form>
                </div>
            </div>
        </div><!--====== Search From ======-->
        <!--====== offcanvas-panel ======-->
        <div class="offcanvas-panel">
            <div class="panel-overlay"></div>
            <div class="offcanvas-panel-inner">
                <div class="panel-logo">
                    <a href="index.html"><img src="assets/images/logo/logo-black.svg" alt="CİVELEK SİGORTA Logo"></a>
                </div>
                <div class="about-us">
                    <h5 class="panel-widget-title">Hakkımızda</h5>
                    <p>
                        2024 yılında hizmete başlayan CİVELEK SİGORTA, güvenli yarınlar için müşterilerimize kalkan görevi sağlamak misyonuyla faaliyet göstermektedir.
                    </p>
                </div>
                <div class="contact-us">
                    <h5 class="panel-widget-title">İletişim</h5>
                    <form action="contact.php" method="POST" class="contact-form">
                        <div class="form_group">
                            <input type="text" class="form_control" placeholder="Adınız" name="name" required>
                        </div>
                        <div class="form_group">
                            <input type="email" class="form_control" placeholder="E-posta Adresiniz" name="email" required>
                        </div>
                        <div class="form_group">
                            <textarea class="form_control" placeholder="Mesajınız" name="message" rows="3"></textarea>
                        </div>
                        <div class="form_group">
                            <button type="submit" class="main-btn secondary-btn">Gönder</button>
                        </div>
                    </form>
                </div>
                <a href="#" class="panel-close"><i class="fal fa-times"></i></a>
            </div>
        </div><!--====== offcanvas-panel ======-->
        <!--====== Start Hero Section ======-->
        <header class="header-area header-one">
            <!--====== Header Top Bar ======-->
            <div class="header-top-bar green-bg">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-lg-7">
                            <div class="top-left">
                                <span><i class="far fa-envelope"></i><a href="mailto:murat@civeleksigorta.com.tr">murat@civeleksigorta.com.tr</a></span>
                                <span><i class="far fa-phone"></i><a href="tel:+222(345)66688">+90 531 854 37 70</a></span>
                            </div>
                        </div>
                        <div class="col-lg-5">
                            <div class="top-right">
                                <ul class="social-link">
                                    <li><a href="https://www.instagram.com/civelek_sigorta" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="https://www.instagram.com/civelek_sigorta" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                    <li><a href="https://www.instagram.com/civelek_sigorta" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                    <li><a href="https://www.instagram.com/civelek_sigorta" target="_blank"><i class="fab fa-instagram"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--====== Header Navigation ======-->
            <div class="header-navigation gray-bg">
                <div class="nav-overlay"></div>
                <div class="container-fluid">
                    <div class="primary-menu">
                        <!--====== Site Branding ======-->
                        <div class="site-branding">
                            <a href="index.html" class="brand-logo"><img src="assets/images/logo/logo-black.svg" alt="CİVELEK SİGORTA Logo"></a>
                        </div>
                        <!--====== Nav Menu ======-->
                        <div class="nav-menu">
                            <!--====== Site Branding ======-->
                            <div class="mobile-logo mb-30 d-block d-xl-none">
                                <a href="index.html" class="brand-logo"><img src="assets/images/logo/logo-black.svg" alt="CİVELEK SİGORTA Logo"></a>
                            </div>
                            <!--=== Nav Search ===-->
                            <div class="nav-search mb-30 d-block d-xl-none ">
                                <form action="contact.php" method="POST" class="contact-form">
                                    <div class="form_group">
                                        <input type="email" class="form_control" placeholder="Arama Yapın" name="email" required>
                                        <button class="search-btn"><i class="fas fa-search"></i></button>
                                    </div>
                                </form>
                            </div>
                            <!--====== Main Menu ======-->
                            <nav class="main-menu">
                                <ul>
                                    <li class="menu-item"><a href="index.html">Ana Sayfa</a></li>
                                    <li class="menu-item has-children"><a href="#">Sigorta Hizmetleri</a>
                                        <ul class="sub-menu">
                                            <li><a href="services.html">Sigorta Türleri</a></li>
                                            <li><a href="service-details.html">Hizmet Detayları</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item has-children"><a href="#">Hizmetlerimiz</a>
                                        <ul class="sub-menu">
                                            <li><a href="portfolio.html">Portföyümüz</a></li>
                                            <li><a href="portfolio-details.html">Hizmet Detayları</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item has-children"><a href="#">Kurumsal</a>
                                        <ul class="sub-menu">
                                            <li><a href="about.html">Hakkımızda</a></li>
                                            <li><a href="faq.html">S.S.S</a></li>
                                            <li><a href="contact.html">İletişim</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </nav>
                            <!--====== Menu Button ======-->
                            <div class="menu-button mt-40 d-xl-none">
                                <a href="contact.html" class="main-btn secondary-btn">Hızlı Teklif Al<i class="fas fa-arrow-right"></i></a>
                            </div>
                        </div>
                        <!--====== Nav Right Item ======-->
                        <div class="nav-right-item">
                            <div class="search-btn" data-bs-toggle="modal" data-bs-target="#search-modal"><i class="fas fa-search"></i></div>
                            <div class="menu-button d-xl-block d-none">
                                <a href="contact.html" class="main-btn primary-btn">Hızlı Teklif Al<i class="fas fa-arrow-right"></i></a>
                            </div>
                            <div class="bar-item"><img src="assets/images/bar.png" alt="dot"></div>
                            <div class="navbar-toggler">
                                <span></span>
                                <span></span>
                                <span></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header><!--====== End Header ======-->
        <!--====== Start Breadcrumb Section ======-->
        <section class="page-banner overlay pt-165 pb-170 bg_cover" style="background-image: url(assets/images/bg/page-bg.jpg);">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-10">
                        <!--=== Page Banner Content ===-->
                        <div class="page-banner-content text-center text-white">
                            <h1 class="page-title">İletişim</h1>
                            <ul class="breadcrumb-link text-white">
                                <li><a href="index.html">Ana Sayfa</a></li>
                                <li class="active">İletişim</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section><!--====== End Breadcrumb Section ======-->
        <!--====== Start İletişim Form Section ======-->
        <section class="contact-form-section gray-bg pt-175 pb-100">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-xl-7 order-2 order-xl-1">
                        <!--=== İletişim Form Area ===-->
                        <div class="contact-form-area mb-50 p-r z-1 wow fadeInLeft">
                            <div class="shape shape-one"><span><img src="assets/images/shape/tag.png" alt=""></span></div>
                            <!--=== Section Title ===-->
                            <div class="section-title mb-40">
                                <span class="sub-title">Sigorta Hizmetleri</span>
                                <h2>Sigorta Başlatın</h2>
                            </div>
                            <!--=== İletişim Nav Tab ===-->
                            <div class="contact-nav-tab mb-45">
                                <ul class="nav nav-tabs"">
                                    <li class="nav-item">
                                        <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#cat1"><i class="far fa-home"></i>Konut</button>
                                    </li>
                                    <li class="nav-item">
                                        <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#cat2"><i class="far fa-car"></i>Araç</button>
                                    </li>
                                    <li class="nav-item">
                                        <button class="nav-link" id="messages-tab" data-bs-toggle="tab" data-bs-target="#cat3"><i class="far fa-book"></i>Sağlık</button>
                                    </li>
                                    <li class="nav-item">
                                        <button class="nav-link" id="settings-tab" data-bs-toggle="tab" data-bs-target="#cat4"><i class="far fa-ship"></i>Seyahat</button>
                                    </li>
                                </ul>
                            </div>
                            <!-- Tab panes -->
                            <div class="tab-content">
                                <div class="tab-pane active show fade" id="cat1">
                                    <form class="contact-form" action="contact.php" method="POST">
                                        <div class="form_group">
                                            <label>Ad Soyad</label>
                                            <input type="text" class="form_control" placeholder="Adınız Soyadınız" name="name" required>
                                        </div>
                                        <div class="form_group">
                                            <label>E-posta Adresi</label>
                                            <input type="email" class="form_control" placeholder="ornek@email.com" name="email" required>
                                        </div>
                                        <div class="form_group">
                                            <label>Telefon No</label>
                                            <input type="text" class="form_control" placeholder="+90 5XX XXX XX XX" name="phone" required>
                                        </div>
                                        <div class="form_group">
                                            <label>Sigorta Türü</label>
                                            <select class="wide" name="insurance_type" required>
                                                <option value="">Sigorta Türü Seçin</option>
                                                <option value="01">Konut Sigortası</option>
                                                <option value="02">Araç Sigortası</option>
                                                <option value="03">Sağlık Sigortası</option>
                                                <option value="04">Seyahat Sigortası</option>
                                                <option value="05">İş Sigortası</option>
                                                <option value="06">DASK Sigortası</option>
                                            </select>
                                        </div>
                                        <div class="form_group">
                                            <button type="submit" class="main-btn primary-btn">Teklif Al<i class="far fa-arrow-right"></i></button>
                                        </div>
                                    </form>
                                </div>
                                <div class="tab-pane fade" id="cat2">
                                    <form class="contact-form" action="contact.php" method="POST">
                                        <div class="form_group">
                                            <label>Ad Soyad</label>
                                            <input type="text" class="form_control" placeholder="Adınız Soyadınız" name="name" required>
                                        </div>
                                        <div class="form_group">
                                            <label>E-posta Adresi</label>
                                            <input type="email" class="form_control" placeholder="ornek@email.com" name="email" required>
                                        </div>
                                        <div class="form_group">
                                            <label>Telefon No</label>
                                            <input type="text" class="form_control" placeholder="+90 5XX XXX XX XX" name="phone" required>
                                        </div>
                                        <div class="form_group">
                                            <label>Sigorta Türü</label>
                                            <select class="wide" name="insurance_type" required>
                                                <option value="">Sigorta Türü Seçin</option>
                                                <option value="01">Konut Sigortası</option>
                                                <option value="02">Araç Sigortası</option>
                                                <option value="03">Sağlık Sigortası</option>
                                                <option value="04">Seyahat Sigortası</option>
                                                <option value="05">İş Sigortası</option>
                                                <option value="06">DASK Sigortası</option>
                                            </select>
                                        </div>
                                        <div class="form_group">
                                            <button type="submit" class="main-btn primary-btn">Teklif Al<i class="far fa-arrow-right"></i></button>
                                        </div>
                                    </form>
                                </div>
                                <div class="tab-pane fade" id="cat3">
                                    <form class="contact-form" action="contact.php" method="POST">
                                        <div class="form_group">
                                            <label>Ad Soyad</label>
                                            <input type="text" class="form_control" placeholder="Adınız Soyadınız" name="name" required>
                                        </div>
                                        <div class="form_group">
                                            <label>E-posta Adresi</label>
                                            <input type="email" class="form_control" placeholder="ornek@email.com" name="email" required>
                                        </div>
                                        <div class="form_group">
                                            <label>Telefon No</label>
                                            <input type="text" class="form_control" placeholder="+90 5XX XXX XX XX" name="phone" required>
                                        </div>
                                        <div class="form_group">
                                            <label>Sigorta Türü</label>
                                            <select class="wide" name="insurance_type" required>
                                                <option value="">Sigorta Türü Seçin</option>
                                                <option value="01">Konut Sigortası</option>
                                                <option value="02">Araç Sigortası</option>
                                                <option value="03">Sağlık Sigortası</option>
                                                <option value="04">Seyahat Sigortası</option>
                                                <option value="05">İş Sigortası</option>
                                                <option value="06">DASK Sigortası</option>
                                            </select>
                                        </div>
                                        <div class="form_group">
                                            <button type="submit" class="main-btn primary-btn">Teklif Al<i class="far fa-arrow-right"></i></button>
                                        </div>
                                    </form>
                                </div>
                                <div class="tab-pane fade" id="cat4">
                                    <form class="contact-form" action="contact.php" method="POST">
                                        <div class="form_group">
                                            <label>Ad Soyad</label>
                                            <input type="text" class="form_control" placeholder="Adınız Soyadınız" name="name" required>
                                        </div>
                                        <div class="form_group">
                                            <label>E-posta Adresi</label>
                                            <input type="email" class="form_control" placeholder="ornek@email.com" name="email" required>
                                        </div>
                                        <div class="form_group">
                                            <label>Telefon No</label>
                                            <input type="text" class="form_control" placeholder="+90 5XX XXX XX XX" name="phone" required>
                                        </div>
                                        <div class="form_group">
                                            <label>Sigorta Türü</label>
                                            <select class="wide" name="insurance_type" required>
                                                <option value="">Sigorta Türü Seçin</option>
                                                <option value="01">Konut Sigortası</option>
                                                <option value="02">Araç Sigortası</option>
                                                <option value="03">Sağlık Sigortası</option>
                                                <option value="04">Seyahat Sigortası</option>
                                                <option value="05">İş Sigortası</option>
                                                <option value="06">DASK Sigortası</option>
                                            </select>
                                        </div>
                                        <div class="form_group">
                                            <button type="submit" class="main-btn primary-btn">Teklif Al<i class="far fa-arrow-right"></i></button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-5 order-1 order-xl-2">
                        <!--=== İletişim Image Box ===-->
                        <div class="contact-image-box text-center text-xl-right mb-50 wow fadeInRight">
                            <img src="assets/images/gallery/contact-1.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </section><!--====== End İletişim Form Section ======-->
        <!--====== Start İletişim Info Section ======-->
        <section class="contact-info-section pt-130 pb-80">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <!--=== İletişim Content Box ===-->
                        <div class="contact-content-box mb-50 pr-lg-70 wow fadeInLeft">
                            <!--=== Section Title ===-->
                            <div class="section-title mb-25">
                                <span class="sub-title">İletişim Bilgileri</span>
                                <h2>Sigorta Acentesi Arıyor musunuz veya
                                    Sigorta Acentesi mi Arıyorsunuz?</h2>
                            </div>
                            <p>CİVELEK SİGORTA olarak, müşterilerimize en uygun sigorta çözümlerini sunmak için profesyonel danışmanlık hizmeti veriyoruz. 7/24 destek sağlıyoruz.</p>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <!--=== İletişim Info List ===-->
                        <div class="contact-info-list mb-50 pl-lg-70 wow fadeInRight">
                            <ul>
                                <li>
                                    <!--=== Single Info Item ===-->
                                    <div class="single-info-item d-flex mb-40">
                                        <div class="icon">
                                            <i class="far fa-map-marker-alt"></i>
                                        </div>
                                        <div class="info">
                                            <span class="title">Adres</span>
                                            <h3>Yıldırım Mahallesi Karaçam Sokak 51/B, Akyurt, Ankara</h3>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <!--=== Single Info Item ===-->
                                    <div class="single-info-item d-flex mb-40">
                                        <div class="icon">
                                            <i class="far fa-envelope"></i>
                                        </div>
                                        <div class="info">
                                            <span class="title">E-posta Adresi</span>
                                            <h3><a href="mailto:murat@civeleksigorta.com.tr">murat@civeleksigorta.com.tr</a></h3>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <!--=== Single Info Item ===-->
                                    <div class="single-info-item d-flex mb-40">
                                        <div class="icon">
                                            <i class="far fa-phone"></i>
                                        </div>
                                        <div class="info">
                                            <span class="title">Acil Çağrı</span>
                                            <h3><a href="tel:+905318543770">+90 531 854 37 70</a></h3>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                            <!--=== Social Box ===-->
                            <div class="social-box pt-40">
                                <ul class="social-link-two">
                                    <li><a href="https://www.instagram.com/civelek_sigorta" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="https://www.instagram.com/civelek_sigorta" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                    <li><a href="https://www.instagram.com/civelek_sigorta" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                    <li><a href="https://www.instagram.com/civelek_sigorta" target="_blank"><i class="fab fa-instagram"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!--====== End İletişim Info Section ======-->
        <!--====== Start İletişim Map Section ======-->
        <section class="contact-map-page pb-90 wow fadeInUp">
            <!--=== Map Box ===-->
            <div class="map-box wow fadeInUp">
                <iframe src="https://maps.google.com/maps?q=Y%C4%B1ld%C4%B1r%C4%B1m%20Mahallesi%20Kara%C3%A7am%20Sokak%2051/B%20Akyurt%20Ankara&t=&z=15&ie=UTF8&iwloc=&output=embed" width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
            </div>
        </section><!--====== End İletişim Map Section ======-->
        <!--====== Start İletişim Section ======-->
        <section class="contact-section pb-100">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-6">
                        <div class="section-title text-center mb-50 wow fadeInDown">
                            <span class="sub-title">İletişime Geçin</span>
                            <h2>Bize Mesaj Gönderin</h2>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-center">
                    <div class="col-lg-10">
                        <div class="contact-area wow fadeInUp">
                            <form class="contact-form" action="contact.php" method="POST">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="form_group">
                                            <input type="text" placeholder="Adınız" class="form_control" name="name" required>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form_group">
                                            <input type="text" placeholder="Telefon Numarası" class="form_control" name="number" required>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form_group">
                                            <input type="email" placeholder="E-posta Adresi" class="form_control" name="email" required>
                                        </div>
                                    </div>
                                    <div class="col-lg-6">
                                        <div class="form_group">
                                            <input type="url" placeholder="Web Sitesi (isteğe bağlı)" class="form_control" name="website" required>
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="form_group">
                                            <textarea name="message" placeholder="Mesajınızı yazın" class="form_control" rows="6"></textarea>
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="form_group text-center">
                                            <button type="submit" class="main-btn primary-btn">Mesajı Gönder<i class="fas fa-arrow-right"></i></button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section><!--====== End İletişim Section ======-->
        <!--====== Start Footer ======-->
        <footer class="footer-area green-bg">
            <div class="container">
                <!--=== Footer Gallery ===-->
                <div class="footer-area-gallery pt-100 wow fadeInDown">
                    <div class="slider-active-5-item">
                        <div class="single-insta-item">
                            <div class="insta-img">
                                <img src="assets/images/instagram/insta-1.jpg" alt="Instagram Image">
                                <div class="hover-content">
                                    <div class="content">
                                        <a href="assets/images/instagram/insta-1.jpg" class="icon-btn img-popup"><i class="fab fa-instagram"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="single-insta-item">
                            <div class="insta-img">
                                <img src="assets/images/instagram/insta-2.jpg" alt="Instagram Image">
                                <div class="hover-content">
                                    <div class="content">
                                        <a href="assets/images/instagram/insta-2.jpg" class="icon-btn img-popup"><i class="fab fa-instagram"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="single-insta-item">
                            <div class="insta-img">
                                <img src="assets/images/instagram/insta-3.jpg" alt="Instagram Image">
                                <div class="hover-content">
                                    <div class="content">
                                        <a href="assets/images/instagram/insta-3.jpg" class="icon-btn img-popup"><i class="fab fa-instagram"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="single-insta-item">
                            <div class="insta-img">
                                <img src="assets/images/instagram/insta-4.jpg" alt="Instagram Image">
                                <div class="hover-content">
                                    <div class="content">
                                        <a href="assets/images/instagram/insta-4.jpg" class="icon-btn img-popup"><i class="fab fa-instagram"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="single-insta-item">
                            <div class="insta-img">
                                <img src="assets/images/instagram/insta-5.jpg" alt="Instagram Image">
                                <div class="hover-content">
                                    <div class="content">
                                        <a href="assets/images/instagram/insta-5.jpg" class="icon-btn img-popup"><i class="fab fa-instagram"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--=== Footer Widget Area ===-->
                <div class="footer-widget-area pt-70">
                    <div class="row">
                        <div class="col-lg-4 col-md-6 col-sm-12">
                            <!--=== Footer Widget ===-->
                            <div class="footer-widget service-nav-widget mb-40 wow fadeInUp">
                                <h4 class="widget-title">Sigorta Ürünleri</h4>
                                <div class="footer-content">
                                    <ul class="footer-widget-nav">
                                        <li><a href="#">Trafik Sigortası</a></li>
                                        <li><a href="#">Kasko Sigortası</a></li>
                                        <li><a href="#">Konut Sigortası</a></li>
                                        <li><a href="#">DASK Sigortası</a></li>
                                        <li><a href="#">Seyahat Sigortası</a></li>
                                        <li><a href="#">Sağlık Sigortası</a></li>
                                        <li><a href="#">Hayat Sigortası</a></li>
                                        <li><a href="#">Ferdi Kaza</a></li>
                                    </ul>
                                    <ul class="footer-widget-nav">
                                        <li><a href="#">Motokasko</a></li>
                                        <li><a href="#">Yangın Ticari Paket</a></li>
                                        <li><a href="#">Yeşil Kart</a></li>
                                        <li><a href="#">Nakliyat Sigortası</a></li>
                                        <li><a href="#">Elektronik Cihaz</a></li>
                                        <li><a href="#">Makina Kırılması</a></li>
                                        <li><a href="#">Evcil Hayvan</a></li>
                                        <li><a href="#">Yat Sigortası</a></li>
                                    </ul>
                                    <ul class="footer-widget-nav">
                                        <li><a href="#">İnşaat Bütün Riskler</a></li>
                                        <li><a href="#">Taşıyıcı Sorumluluk</a></li>
                                        <li><a href="#">Montaj Bütün Riskler</a></li>
                                        <li><a href="#">İşveren Sorumluluk</a></li>
                                        <li><a href="#">Kefalet Sigortası</a></li>
                                        <li><a href="#">Havacilik Sigortası</a></li>
                                        <li><a href="#">3. Şahıs Sorumluluk</a></li>
                                        <li><a href="#">Hukuksal Koruma</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 col-sm-12">
                            <!--=== Footer Widget ===-->
                            <div class="footer-widget contact-info-widget mb-40 pl-lg-30 wow fadeInUp">
                                <h4 class="widget-title">İletişim</h4>
                                <div class="footer-content">
                                    <ul>
                                        <li>Yıldırım Mahallesi Karaçam Sokak 51/B
                                            Akyurt, Ankara</li>
                                        <li><a href="mailto:murat@civeleksigorta.com.tr">murat@civeleksigorta.com.tr</a></li>
                                        <li><a href="tel:+905318543770">+90 531 854 37 70</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 col-sm-12">
                            <!--=== Footer Widget ===-->
                            <div class="footer-widget footer-newsletter-widget mb-40 pl-lg-100 wow fadeInUp">
                                <h4 class="widget-title">Bülten</h4>
                                <div class="footer-content">
                                    <form class="mb-30">
                                        <div class="form_group">
                                            <label><i class="far fa-paper-plane"></i></label>
                                            <input type="email" class="form_control" placeholder="E-posta Adresi" name="email" required>
                                        </div>
                                    </form>
                                    <div class="social-box">
                                        <ul class="social-link">
                                            <li><span>Takip Edin</span></li>
                                            <li><a href="https://www.instagram.com/civelek_sigorta" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                            <li><a href="https://www.instagram.com/civelek_sigorta" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                            <li><a href="https://www.instagram.com/civelek_sigorta" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                            <li><a href="https://www.instagram.com/civelek_sigorta" target="_blank"><i class="fab fa-instagram"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--=== Footer Copyright ===-->
                <div class="footer-copyright">
                    <div class="row">
                        <div class="col-lg-6">
                            <!--=== Footer Text ===-->
                            <div class="footer-text wow fadeInLeft">
                                <p>Copyright 2024, CİVELEK SİGORTA. Tüm Hakları Saklıdır.</p>
                                <div class="developer-credit" style="margin-top: 20px; display: flex; align-items: center; gap: 15px; flex-wrap: wrap;">
                                    <span style="color: #ffffff; font-size: 15px; font-weight: 500;">Website Tasarım & Geliştirme:</span>
                                    <a href="https://www.toryadijital.com" target="_blank" style="display: flex; align-items: center; gap: 12px; text-decoration: none; transition: all 0.3s ease;">
                                        <img src="assets/images/logo/torya_dijital.png" alt="TORYA Dijital - Professional Web Design Agency" style="height: 50px; width: auto; filter: brightness(1.1);">
                                    </a>
                                </div>
                                <style>
                                @media (max-width: 768px) {
                                    .developer-credit { flex-direction: column; align-items: flex-start !important; gap: 12px !important; margin-top: 15px !important; }
                                    .developer-credit span { font-size: 14px !important; }
                                    .developer-credit img { height: 40px !important; }
                                }
                                .developer-credit a:hover img { 
                                    filter: brightness(1.3) !important; 
                                    transform: scale(1.05) !important; 
                                }
                                </style>
                                <div style="margin-top: 8px;">
                                    <small style="color: #cccccc;">Profesyonel Web Çözümleri & Dijital Pazarlama | +90 532 359 17 09</small>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <!--=== Footer Nav ===-->
                            <div class="footer-nav float-lg-end wow fadeInRight">
                                <ul>
                                    <li><a href="#">Ayarlar & Gizlilik</a></li>
                                    <li><a href="#">S.S.S</a></li>
                                    <li><a href="#">Destek</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!--====== Back To Top  ======-->
        <a href="#" class="back-to-top" ><i class="far fa-angle-up"></i></a>
        <!--====== Jquery js ======-->
        <script src="assets/vendor/jquery-3.6.0.min.js"></script>
        <!--====== Bootstrap js ======-->
        <script src="assets/vendor/popper/popper.min.js"></script>
        <!--====== Bootstrap js ======-->
        <script src="assets/vendor/bootstrap/js/bootstrap.min.js"></script>
        <!--====== Slick js ======-->
        <script src="assets/vendor/slick/slick.min.js"></script>
        <!--====== Magnific js ======-->
        <script src="assets/vendor/magnific-popup/dist/jquery.magnific-popup.min.js"></script>
        <!--====== Counterup js ======-->
        <script src="assets/vendor/jquery.counterup.min.js"></script>
        <!--====== Waypoints js ======-->
        <script src="assets/vendor/jquery.waypoints.js"></script>
        <!--====== Nice-select js ======-->
        <script src="assets/vendor/nice-select/js/jquery.nice-select.min.js"></script>
        <!--====== WOW js ======-->
        <script src="assets/vendor/wow.min.js"></script>
        <!--====== Main js ======-->
        <script src="assets/js/theme.js"></script>
        <!--====== Contact Form js ======-->
        <script src="assets/js/simple-contact.js"></script>
        
        <!-- WhatsApp Button -->
        <a href="https://wa.me/905318543770?text=Merhaba%20CİVELEK%20SİGORTA,%20sigorta%20konusunda%20bilgi%20almak%20istiyorum." 
           class="whatsapp-btn" 
           target="_blank" 
           rel="noopener noreferrer"
           title="WhatsApp ile iletişim">
            <i class="fab fa-whatsapp"></i>
            <div class="whatsapp-tooltip">WhatsApp ile mesaj gönderin</div>
        </a>
    </body>
</html>