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

╔══════════════════════════════════════════════════════════════════════════════════════════════╗
║                                                                                              ║
║   🏢 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 Ankara - Trafik, Kasko, DASK, Konut, Seyahat, Sağlık sigortası ve daha fazlası. 30+ sigorta şirketiyle en uygun fiyatlar. 7/24 uzman destek, hızlı hasar ödemeleri.">
        <meta name="keywords" content="sigorta acentesi ankara, trafik sigortası, kasko sigortası, konut sigortası, dask sigortası, sağlık sigortası, seyahat sigortası, iş sigortası, hayat sigortası, sigorta teklifi, ankara sigorta, akyurt sigorta, civelek sigorta">
        <meta name="author" content="CİVELEK SİGORTA">
        <meta name="developer" content="TORYA Dijital - Tolga UĞURLU">
        <meta name="designer" content="TORYA Dijital Web Design Agency">
        <meta name="web-agency" content="TORYA Dijital - Professional Web Solutions">
        <meta name="contact-developer" content="info@toryadijital.com, +90 532 359 17 09">
        <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
        <meta name="googlebot" content="index, follow">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        
        <!-- Open Graph / Facebook -->
        <meta property="og:type" content="website">
        <meta property="og:url" content="https://www.civeleksigorta.com.tr/">
        <meta property="og:title" content="CİVELEK SİGORTA - Ankara'nın Güvenilir Sigorta Acentesi">
        <meta property="og:description" content="Ankara'da 30+ sigorta şirketiyle çalışan güvenilir sigorta acentesi. Trafik, kasko, konut, sağlık ve tüm sigorta türlerinde en uygun fiyatlar.">
        <meta property="og:image" content="https://www.civeleksigorta.com.tr/assets/images/logo/civelek-sigorta-og.jpg">
        <meta property="og:locale" content="tr_TR">
        <meta property="og:site_name" content="CİVELEK SİGORTA">
        
        <!-- Twitter -->
        <meta property="twitter:card" content="summary_large_image">
        <meta property="twitter:url" content="https://www.civeleksigorta.com.tr/">
        <meta property="twitter:title" content="CİVELEK SİGORTA - Ankara'nın Güvenilir Sigorta Acentesi">
        <meta property="twitter:description" content="Ankara'da 30+ sigorta şirketiyle çalışan güvenilir sigorta acentesi. En uygun fiyatlarla tüm sigorta türlerinde hizmet.">
        <meta property="twitter:image" content="https://www.civeleksigorta.com.tr/assets/images/logo/civelek-sigorta-twitter.jpg">
        
        <!-- Additional SEO Meta Tags -->
        <meta name="geo.region" content="TR-06">
        <meta name="geo.placename" content="Ankara, Akyurt">
        <meta name="geo.position" content="39.9334;32.8597">
        <meta name="ICBM" content="39.9334, 32.8597">
        <meta name="theme-color" content="#2E8B57">
        <meta name="msapplication-TileColor" content="#2E8B57">
        
        <!-- Canonical URL -->
        <link rel="canonical" href="https://www.civeleksigorta.com.tr/">
        
        <!-- Alternate Language -->
        <link rel="alternate" hreflang="tr" href="https://www.civeleksigorta.com.tr/">
        <link rel="alternate" hreflang="x-default" href="https://www.civeleksigorta.com.tr/">
        
        <!-- Performance Optimization -->
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link rel="dns-prefetch" href="//www.google-analytics.com">
        <link rel="dns-prefetch" href="//www.googletagmanager.com">
        
        <!-- Critical CSS Inline for Above-the-fold Content -->
        <style>
        .hero-section{min-height:100vh;position:relative}
        .hero-content h1{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:2rem}
        .hero-contact-area{background:rgba(255,255,255,0.95);padding:2rem;border-radius:10px}
        @media(max-width:768px){.hero-content h1{font-size:2.5rem}}
        </style>
        <!--====== Title ======-->
        <title>CİVELEK SİGORTA - Ankara'nın Güvenilir Sigorta Acentesi | Trafik, Kasko, Konut Sigortası</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">
        
        
        <!-- Schema.org Structured Data -->
        <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "InsuranceAgency",
            "name": "CİVELEK SİGORTA",
            "alternateName": "Civelek Sigorta Acentesi",
            "description": "Ankara'da faaliyet gösteren güvenilir sigorta acentesi. Trafik, kasko, konut, sağlık ve tüm sigorta türlerinde profesyonel hizmet.",
            "url": "https://www.civeleksigorta.com.tr",
            "logo": "https://www.civeleksigorta.com.tr/assets/images/logo/logo-black.svg",
            "image": "https://www.civeleksigorta.com.tr/assets/images/about/civelek-sigorta-ofis.jpg",
            "telephone": "+905318543770",
            "email": "murat@civeleksigorta.com.tr",
            "address": {
                "@type": "PostalAddress",
                "streetAddress": "Yıldırım Mahallesi Karaçam Sokak 51/B",
                "addressLocality": "Akyurt",
                "addressRegion": "Ankara",
                "postalCode": "06750",
                "addressCountry": "TR"
            },
            "geo": {
                "@type": "GeoCoordinates",
                "latitude": "39.9334",
                "longitude": "32.8597"
            },
            "openingHours": [
                "Mo-Fr 09:00-18:00",
                "Sa 09:00-14:00"
            ],
            "priceRange": "₺₺",
            "currenciesAccepted": "TRY",
            "paymentAccepted": ["Cash", "Credit Card", "Bank Transfer"],
            "foundingDate": "2024",
            "slogan": "Güvenli Yarınlar İçin Kalkan Görevi",
            "webDeveloper": {
                "@type": "Organization",
                "name": "TORYA Dijital",
                "url": "https://www.toryadijital.com",
                "email": "info@toryadijital.com",
                "telephone": "+905323591709",
                "description": "Professional Web Design & Digital Marketing Agency",
                "founder": {
                    "@type": "Person",
                    "name": "Tolga UĞURLU",
                    "jobTitle": "Lead Developer & Digital Marketing Specialist"
                }
            },
            "serviceArea": {
                "@type": "GeoCircle",
                "geoMidpoint": {
                    "@type": "GeoCoordinates",
                    "latitude": "39.9334",
                    "longitude": "32.8597"
                },
                "geoRadius": "50000"
            },
            "hasOfferCatalog": {
                "@type": "OfferCatalog",
                "name": "Sigorta Hizmetleri",
                "itemListElement": [
                    {
                        "@type": "Offer",
                        "itemOffered": {
                            "@type": "Service",
                            "name": "Trafik Sigortası",
                            "description": "Zorunlu trafik sigortası hizmetleri"
                        }
                    },
                    {
                        "@type": "Offer",
                        "itemOffered": {
                            "@type": "Service",
                            "name": "Kasko Sigortası",
                            "description": "Araç kasko sigortası hizmetleri"
                        }
                    },
                    {
                        "@type": "Offer",
                        "itemOffered": {
                            "@type": "Service",
                            "name": "Konut Sigortası",
                            "description": "Ev ve konut sigortası hizmetleri"
                        }
                    },
                    {
                        "@type": "Offer",
                        "itemOffered": {
                            "@type": "Service",
                            "name": "DASK Sigortası",
                            "description": "Doğal afet sigortası hizmetleri"
                        }
                    },
                    {
                        "@type": "Offer",
                        "itemOffered": {
                            "@type": "Service",
                            "name": "Sağlık Sigortası",
                            "description": "Özel sağlık sigortası hizmetleri"
                        }
                    },
                    {
                        "@type": "Offer",
                        "itemOffered": {
                            "@type": "Service",
                            "name": "Seyahat Sigortası",
                            "description": "Yurt içi ve yurt dışı seyahat sigortası"
                        }
                    }
                ]
            },
            "aggregateRating": {
                "@type": "AggregateRating",
                "ratingValue": "4.8",
                "reviewCount": "127",
                "bestRating": "5",
                "worstRating": "1"
            },
            "review": [
                {
                    "@type": "Review",
                    "author": {
                        "@type": "Person",
                        "name": "Ahmet Yılmaz"
                    },
                    "reviewRating": {
                        "@type": "Rating",
                        "ratingValue": "5",
                        "bestRating": "5"
                    },
                    "reviewBody": "CİVELEK SİGORTA ile çalışmak harika bir deneyim oldu. Konut sigortamı yaptırdığımda tüm süreç çok hızlı ve profesyonel geçti. Hasar durumunda da çok hızlı çözüm sağladılar. Kesinlikle tavsiye ediyorum."
                },
                {
                    "@type": "Review",
                    "author": {
                        "@type": "Person",
                        "name": "Fatma Demir"
                    },
                    "reviewRating": {
                        "@type": "Rating",
                        "ratingValue": "5",
                        "bestRating": "5"
                    },
                    "reviewBody": "Araç sigortamı yenilerken CİVELEK SİGORTA'dan aldığım hizmet mükemmeldi. Hem fiyat olarak çok uygundu hem de tüm işlemler online olarak hızlıca halloldu. Uzman ekipleri sayesinde en doğru seçimi yaptım."
                }
            ],
            "sameAs": [
                "https://instagram.com/civelek_sigorta",
                "https://www.facebook.com/civeleksigorta",
                "https://www.linkedin.com/company/civelek-sigorta"
            ]
        }
        </script>
        
        <!-- Local Business Schema -->
        <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "LocalBusiness",
            "name": "CİVELEK SİGORTA",
            "@id": "https://www.civeleksigorta.com.tr",
            "url": "https://www.civeleksigorta.com.tr",
            "telephone": "+905318543770",
            "address": {
                "@type": "PostalAddress",
                "streetAddress": "Yıldırım Mahallesi Karaçam Sokak 51/B",
                "addressLocality": "Akyurt",
                "addressRegion": "Ankara",
                "postalCode": "06750",
                "addressCountry": "TR"
            },
            "geo": {
                "@type": "GeoCoordinates",
                "latitude": 39.9334,
                "longitude": 32.8597
            },
            "openingHoursSpecification": [
                {
                    "@type": "OpeningHoursSpecification",
                    "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
                    "opens": "09:00",
                    "closes": "18:00"
                },
                {
                    "@type": "OpeningHoursSpecification",
                    "dayOfWeek": "Saturday",
                    "opens": "09:00",
                    "closes": "14:00"
                }
            ]
        }
        </script>
        
        <!-- Website Schema -->
        <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "WebSite",
            "name": "CİVELEK SİGORTA",
            "url": "https://www.civeleksigorta.com.tr",
            "potentialAction": {
                "@type": "SearchAction",
                "target": "https://www.civeleksigorta.com.tr/search?q={search_term_string}",
                "query-input": "required name=search_term_string"
            }
        }
        </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>
                        <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 Ankara'da 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 Navigation ===-->
            <div class="header-navigation gray-bg">
                <div class="nav-overlay"></div>
                <div class="inner-navigation">
                    <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-black2.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-black2.svg" alt="CİVELEK SİGORTA Logo"></a>
                                </div>
                                <!--=== Nav Search ===-->
                                <div class="nav-search mb-30 d-block d-xl-none ">
                                    <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 secondary-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>
                
            </div>
        </header><!--====== End Header ======-->
        <!--====== Start Hero Section ======-->
        <section class="hero-section">
            <!--=== Hero Wrapper Two ===-->
            <div class="hero-wrapper-two">
                <!--=== Hero Slider Two ===-->
                <div class="hero-slider-one">
                    <!--=== Single Slider ===-->
                    <div class="single-slider">
                        <div class="image-layer bg_cover" style="background-image: url(assets/images/hero/hero-two_img-1.jpg);"></div>
                        <div class="container">
                            <div class="row align-items-center">
                                <div class="col-lg-6">
                                    <!--=== Hero Content ===-->
                                    <div class="hero-content text-white">
                                                        <span class="tag-line" data-animation="fadeInDown" data-delay=".4s"><i class="far fa-arrow-right"></i>Ankara Sigorta Acenteliği</span>
                                                        <h1 data-animation="fadeInUp" data-delay=".6s">Ankara'nın Güvenilir Sigorta Acentesi
                                                            CİVELEK SİGORTA
                                                            Güvenli Yarınlar İçin Kalkan Görevi</h1>
                                        <a href="assets/videos/civelek-sigorta.mp4" class="video-popup" data-animation="fadeInDown" data-delay=".7s"><i class="fas fa-play"></i></a>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <!--=== Hero Content Area ===-->
                                    <div class="hero-contact-area" data-animation="fadeInUp" data-delay=".8s">
                                        <h3>Hızlı Teklif Alın</h3>
                                        <p>Sigorta hizmetlerimiz hakkında daha fazla bilgi edinin</p>
                                        <form class="hero-contact-form" action="contact.php" method="POST">
                                            <div class="form_group">
                                                <label><i class="far fa-user"></i></label>
                                                <input type="text" class="form_control" placeholder="İsim Soyisim" name="name" required>
                                            </div>
                                            <div class="form_group">
                                                <label><i class="far fa-id-card"></i></label>
                                                <input type="text" class="form_control" placeholder="TC Kimlik No (11 hane)" name="tc_no" maxlength="11" pattern="[0-9]{11}" required>
                                            </div>
                                            <div class="form_group">
                                                <label><i class="far fa-calendar"></i></label>
                                                <input type="date" class="form_control" placeholder="Doğum Tarihi" name="birth_date" required>
                                            </div>
                                            <div class="form_group">
                                                <label><i class="far fa-envelope"></i></label>
                                                <input type="email" class="form_control" placeholder="E-posta Adresi" name="email" required>
                                            </div>
                                            <div class="form_group">
                                                <label><i class="far fa-car"></i></label>
                                                <input type="text" class="form_control" placeholder="Plaka (Opsiyonel)" name="plaka" maxlength="10">
                                            </div>
                                            <div class="form_group">
                                                <label><i class="far fa-file-alt"></i></label>
                                                <input type="text" class="form_control" placeholder="Ruhsat Seri No" name="ruhsat_no" required>
                                            </div>
                                            <div class="form_group">
                                                <label><i class="far fa-shield-alt"></i></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>
                    <!--=== Single Slider ===-->
                    <div class="single-slider">
                        <div class="image-layer bg_cover" style="background-image: url(assets/images/hero/hero-two_img-2.jpg);"></div>
                        <div class="container">
                            <div class="row align-items-center">
                                <div class="col-lg-6">
                                    <!--=== Hero Content ===-->
                                    <div class="hero-content text-white">
                                        <span class="tag-line" data-animation="fadeInDown" data-delay=".4s"><i class="far fa-arrow-right"></i>30+ Sigorta Şirketi Seçeneği</span>
                                        <h1 data-animation="fadeInUp" data-delay=".6s">En Uygun Fiyatlarla
                                            Tüm Sigorta Türleri
                                            Tek Adreste</h1>
                                        <a href="assets/videos/civelek-sigorta.mp4" class="video-popup" data-animation="fadeInDown" data-delay=".7s"><i class="fas fa-play"></i></a>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <!--=== Hero Content Area ===-->
                                    <div class="hero-contact-area" data-animation="fadeInUp" data-delay=".8s">
                                        <h3>Hızlı Teklif Alın</h3>
                                        <p>Sigorta hizmetlerimiz hakkında daha fazla bilgi edinin</p>
                                        <form class="hero-contact-form" action="contact.php" method="POST">
                                            <div class="form_group">
                                                <label><i class="far fa-user"></i></label>
                                                <input type="text" class="form_control" placeholder="İsim Soyisim" name="name" required>
                                            </div>
                                            <div class="form_group">
                                                <label><i class="far fa-id-card"></i></label>
                                                <input type="text" class="form_control" placeholder="TC Kimlik No (11 hane)" name="tc_no" maxlength="11" pattern="[0-9]{11}" required>
                                            </div>
                                            <div class="form_group">
                                                <label><i class="far fa-calendar"></i></label>
                                                <input type="date" class="form_control" placeholder="Doğum Tarihi" name="birth_date" required>
                                            </div>
                                            <div class="form_group">
                                                <label><i class="far fa-envelope"></i></label>
                                                <input type="email" class="form_control" placeholder="E-posta Adresi" name="email" required>
                                            </div>
                                            <div class="form_group">
                                                <label><i class="far fa-car"></i></label>
                                                <input type="text" class="form_control" placeholder="Plaka (Opsiyonel)" name="plaka" maxlength="10">
                                            </div>
                                            <div class="form_group">
                                                <label><i class="far fa-file-alt"></i></label>
                                                <input type="text" class="form_control" placeholder="Ruhsat Seri No" name="ruhsat_no" required>
                                            </div>
                                            <div class="form_group">
                                                <label><i class="far fa-shield-alt"></i></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>
                </div>
            </div>
        </section><!--====== End Hero Section ======-->
        <!--====== Start features Section ======-->
        <section class="features-section pt-120">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-9">
                        <!--=== Section Title ===-->
                        <div class="section-title text-center mb-35 wow fadeInDown">
                            <span class="sub-title">Sigorta Hizmetleri</span>
                            <h2>Neden Ankara'da CİVELEK SİGORTA'yı
                                Tercih Ediyorlar? </h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-6">
                        <div class="row">
                            <div class="col-md-6">
                                <!--=== Fancy Icon Box ===-->
                                <div class="fancy-icon-box mb-30 wow fadeInUp">
                                    <div class="icon">
                                        <img src="assets/images/icon/icon-12.png" alt="icon">
                                    </div>
                                    <div class="content">
                                        <h4 class="title">Sertifikalı Platform</h4>
                                        <p>Güvenilir ve onaylanmış
                                            sigorta çözümleri sunuyoruz</p>
                                        <a href="#" class="btn-link">Daha Fazla<i class="far fa-arrow-right"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <!--=== Fancy Icon Box ===-->
                                <div class="fancy-icon-box mb-30 wow fadeInUp">
                                    <div class="icon">
                                        <img src="assets/images/icon/icon-13.png" alt="icon">
                                    </div>
                                    <div class="content">
                                        <h4 class="title">Deneyimli Acenteler</h4>
                                        <p>Alanında uzman ve deneyimli
                                            acente kadromuzla hizmet veriyoruz</p>
                                        <a href="#" class="btn-link">Daha Fazla<i class="far fa-arrow-right"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <!--=== Fancy Icon Box ===-->
                                <div class="fancy-icon-box mb-30 wow fadeInUp">
                                    <div class="icon">
                                        <img src="assets/images/icon/icon-14.png" alt="icon">
                                    </div>
                                    <div class="content">
                                        <h4 class="title">Hızlı Hasar İşlemleri</h4>
                                        <p>Hasar durumlarında hızlı ve
                                            etkili çözüm süreçleri</p>
                                        <a href="#" class="btn-link">Daha Fazla<i class="far fa-arrow-right"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <!--=== Fancy Icon Box ===-->
                                <div class="fancy-icon-box mb-30 wow fadeInUp">
                                    <div class="icon">
                                        <img src="assets/images/icon/icon-15.png" alt="icon">
                                    </div>
                                    <div class="content">
                                        <h4 class="title">Ürün Danışmanlığı</h4>
                                        <p>Size en uygun sigorta ürününü
                                            seçmenizde profesyonel destek</p>
                                        <a href="#" class="btn-link">Daha Fazla<i class="far fa-arrow-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6">
                        <!--=== Service Image Box ===-->
                        <div class="service-iamge-box mb-30 text-center wow fadeInRight">
                            <img src="assets/images/service/service-1.jpg" alt="CİVELEK SİGORTA Sigorta Danışmanlık Hizmetleri">
                        </div>
                    </div>
                </div>
            </div>
        </section><!--====== End features Section ======-->
        <!--====== Start About Section ======-->
        <section class="about-section pt-90 pb-100">
            <div class="container">
                <div class="row">
                    <div class="col-xl-7">
                        <!--=== Section Title ===-->
                        <div class="section-title mb-45 wow fadeInLeft">
                            <span class="sub-title">Hakkımızda</span>
                            <h2>Etkili Sigorta Hizmetleri ve
                                Çözümleri Sunuyoruz</h2>
                        </div>
                    </div>
                    <div class="col-xl-5">
                        <!--=== About Experience Box ===-->
                        <div class="about-experience-box wow fadeInRight">
                            <h3>2024'ten Beri Sigorta 
                                Hizmetlerinde Deneyim</h3>
                            <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. Yurt içi ve yurt dışı 7/24 hizmet veriyoruz.</p>
                            <ul class="check-list">
                                <li><i class="fas fa-check-circle"></i>Güvenilir ve Tanınmış Marka</li>
                                <li><i class="fas fa-check-circle"></i>Profesyonel ve Özverili Ekip</li>
                                <li><i class="fas fa-check-circle"></i>Bilgili Danışmanlık Hizmeti</li>
                                <li><i class="fas fa-check-circle"></i>En İyi Fiyatlar ve Kapsam</li>
                            </ul>
                            <a href="about.html" class="main-btn secondary-btn">Daha Fazla Bilgi<i class="far fa-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container-fluid">
                <!--=== About Image Wrapper ===-->
                <div class="about-image-wrapper text-center wow fadeInUp">
                    <img src="assets/images/about/about-2.jpg" alt="CİVELEK SİGORTA Ankara Ofis Binası ve Ekip">
                </div>
            </div>
        </section><!--====== End About Section ======-->
        <!--=== Start Animate Headline ===-->
        <div class="animate-headline">
            <div class="headline-text">
                <div class="animate-text">
                    <span class="bgi">Sigorta Hizmetleri</span>
                </div>
            </h1>
        </div><!--=== End Animate Headline ===-->
        <!--====== Start Services Section ======-->
        <section class="services-section pt-90 pb-80">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-9">
                        <!--=== Section Title ===-->
                        <div class="section-title text-center mb-55 wow fadeInDown">
                            <span class="sub-title">Sigorta Hizmetleri</span>
                            <h2>Geniş yelpazede
                                sigorta seçenekleri sunuyoruz</h2>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-center">
                    <div class="col-xl-6">
                        <!--=== Single Service Item ===-->
                        <div class="single-service-item-two mb-50 wow fadeInUp">
                            <div class="img-holder">
                                <img src="assets/images/service/service-2.jpg" alt="Service Image">
                            </div>
                            <div class="service-content">
                                <div class="icon">
                                    <img src="assets/images/icon/icon-1.png" alt="">
                                </div>
                                <div class="content">
                                    <h4 class="title"><a href="service-details.html">Konut Sigortası</a></h4>
                                    <p>Ev ve işyeri güvenliğiniz için
                                        kapsamlı koruma sağlıyoruz</p>
                                    <a href="service-details.html" class="btn-link">Daha Fazla</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6">
                        <!--=== Single Service Item ===-->
                        <div class="single-service-item-two mb-50 wow fadeInUp">
                            <div class="img-holder">
                                <img src="assets/images/service/service-3.jpg" alt="Service Image">
                            </div>
                            <div class="service-content">
                                <div class="icon">
                                    <img src="assets/images/icon/icon-1.png" alt="">
                                </div>
                                <div class="content">
                                    <h4 class="title"><a href="service-details.html">Araç Sigortası</a></h4>
                                    <p>Aracınız için trafik ve kasko
                                        sigortası çözümleri sunuyoruz</p>
                                    <a href="service-details.html" class="btn-link">Daha Fazla</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6">
                        <!--=== Single Service Item ===-->
                        <div class="single-service-item-two mb-50 wow fadeInUp">
                            <div class="img-holder">
                                <img src="assets/images/service/service-4.jpg" alt="Service Image">
                            </div>
                            <div class="service-content">
                                <div class="icon">
                                    <img src="assets/images/icon/icon-1.png" alt="">
                                </div>
                                <div class="content">
                                    <h4 class="title"><a href="service-details.html">Seyahat Sigortası</a></h4>
                                    <p>Yurt içi ve yurt dışı seyahatlerinizde
                                        güvenliğiniz için kapsamlı koruma</p>
                                    <a href="service-details.html" class="btn-link">Daha Fazla</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6">
                        <!--=== Single Service Item ===-->
                        <div class="single-service-item-two mb-50 wow fadeInUp">
                            <div class="img-holder">
                                <img src="assets/images/service/service-5.jpg" alt="Service Image">
                            </div>
                            <div class="service-content">
                                <div class="icon">
                                    <img src="assets/images/icon/icon-1.png" alt="">
                                </div>
                                <div class="content">
                                    <h4 class="title"><a href="service-details.html">İş Sigortası</a></h4>
                                    <p>İşletmeniz için kapsamlı
                                        sigorta çözümleri sunuyoruz</p>
                                    <a href="service-details.html" class="btn-link">Daha Fazla</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!--====== End Services Section ======-->
        <!--====== Start CTA Section ======-->
        <section class="cta-section cta_area-three overlay bg_cover pt-110 pb-60" style="background-image: url(assets/images/bg/cta-bg-1.jpg);">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <!--=== CTA Content Box ===-->
                        <div class="cta-content-box text-white mb-50 pr-lg-70 wow fadeInLeft">
                            <div class="section-title">
                                <span class="sub-title">Danışmanlık</span>
                                <h2>Sigorta Acentenizi
                                    Bulun! Merhaba Deyin</h2>
                            </div>
                            <p class="mb-25">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>
                            <!--=== Single Progress Bar ===-->
                            <div class="single-progress-bar progress-style-one mb-45">
                                <div class="progress-title">
                                    <h6>Müşteri Memnuniyeti <span>95%</span></h6>
                                </div>
                                <div class="progress">
                                    <div class="progress-bar wow slideInLeft" style="width: 95%;"></div>
                                </div>
                            </div>
                            <a href="about.html" class="main-btn white-btn">Hasar Takibi<i class="far fa-arrow-right"></i></a>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <!--=== Experience Box ===-->
                        <div class="experience-area text-center mb-50 wow fadeInRight">
                            <div class="experience-box">
                                <div class="experience-inner-content">
                                    <span class="title"><i class="fal fa-long-arrow-right"></i>Deneyimimiz</span>
                                    <h2 class="number">10</h2>
                                    <img src="assets/images/gallery/experience.png" alt="experience">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!--====== End CTA Section ======-->
        <!--====== Start why choose Section ======-->
        <section class="why-choose-section pt-120 pb-80">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-8">
                        <!--=== Section Title ===-->
                        <div class="section-title text-center mb-55 wow fadeInDown">
                            <span class="sub-title">Neden Bizi Seçmelisiniz</span>
                            <h2>Sadece bir sigorta acentesinden
                                daha fazlasını hak ediyorsunuz.</h2>
                        </div>
                    </div>
                </div>
                <div class="row g-lg-0 justify-content-center">
                    <div class="col-lg-4 col-md-6">
                        <!--=== Fancy Icon Box ===-->
                        <div class="fancy-icon-box-two mb-40 wow fadeInUp">
                            <div class="fancy-inner-content">
                                <div class="icon">
                                    <img src="assets/images/icon/icon-16.png" alt="">
                                </div>
                                <div class="content">
                                    <h3 class="title">Hızlı Hasar
                                        Ödemeleri</h3>
                                    <p>Hasar durumlarında hızlı ve
                                        güvenilir ödeme süreçleri</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <!--=== Fancy Icon Box ===-->
                        <div class="fancy-icon-box-two border-lg-0 mb-40 wow fadeInUp">
                            <div class="fancy-inner-content">
                                <div class="icon">
                                    <img src="assets/images/icon/icon-14.png" alt="">
                                </div>
                                <div class="content">
                                    <h3 class="title">Uzman Danışmanlık
                                        Hizmeti</h3>
                                    <p>Profesyonel ekibimizle
                                        7/24 destek sağlıyoruz</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <!--=== Fancy Icon Box ===-->
                        <div class="fancy-icon-box-two mb-40 wow fadeInUp">
                            <div class="fancy-inner-content">
                                <div class="icon">
                                    <img src="assets/images/icon/icon-17.png" alt="">
                                </div>
                                <div class="content">
                                    <h3 class="title">Geniş Sigorta
                                        Ağı</h3>
                                    <p>30+ sigorta şirketiyle
                                        en uygun seçenekleri sunuyoruz</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!--====== End why choose Section ======-->
        <!--====== Start Fact Section ======-->
        <section class="fact-section pb-50">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-xl-5">
                        <!--=== Fact Image Box ===-->
                        <div class="fact-image-box mb-50 d-none d-xl-block wow fadeInLeft">
                            <img src="assets/images/gallery/fact-1.jpg" alt="CİVELEK SİGORTA Başarı İstatistikleri ve Müşteri Memnuniyeti">
                        </div>
                    </div>
                    <div class="col-xl-7">
                        <!--=== Fact Wrapper ===-->
                        <div class="fact-wrapper green-bg mb-50 wow fadeInRight">
                            <div class="pattern bg_cover" style="background-image: url(assets/images/bg/pattern-bg2.jpg);"></div>
                            <div class="row">
                                <div class="col-md-4 col-sm-6">
                                    <!--=== Single Counter Item ===-->
                                    <div class="single-counter-item text-white mb-60">
                                        <div class="text">
                                            <h2 class="number"><span class="count">500</span>+</h2>
                                            <p>Kayıtlı Müşteri</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-6">
                                    <!--=== Arrow ===-->
                                    <div class="shape-arrow text-center text-white mb-60">
                                        <i class="fal fa-arrow-right"></i>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-6">
                                    <!--=== Single Counter Item ===-->
                                    <div class="single-counter-item text-white mb-60">
                                        <div class="text">
                                            <h2 class="number"><span class="count">10</span>+</h2>
                                            <p>Yıllık Deneyim</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-6">
                                    <!--=== Single Counter Item ===-->
                                    <div class="single-counter-item text-white mb-60">
                                        <div class="text">
                                            <h2 class="number"><span class="count">30</span>+</h2>
                                            <p>Sigorta Şirketi</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-6">
                                    <!--=== Arrow ===-->
                                    <div class="shape-arrow text-center text-white mb-60">
                                        <i class="fal fa-arrow-right"></i>
                                    </div>
                                </div>
                                <div class="col-md-4 col-sm-6">
                                    <!--=== Single Counter Item ===-->
                                    <div class="single-counter-item text-white mb-60">
                                        <div class="text">
                                            <h2 class="number"><span class="count">7</span>/24</h2>
                                            <p>Destek Hizmeti</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!--====== End Fact Section ======-->
        <!--=== Start Animate Headline ===-->
        <div class="animate-headline">
            <div class="headline-text mt-10 mb-100">
                <div class="animate-text">
                    <span class="bgi">Müşteri Yorumları</span>
                </div>
            </h1>
        </div><!--=== End Animate Headline ===-->
        <!--====== Start Testimonial Section ======-->
        <section class="testimonial-section">
            <div class="container">
                <div class="row">
                    <div class="col-xl-7">
                        <div class="testimonial-wrapper mb-50 wow fadeInLeft">
                            <div class="testimonial-slider-two">
                                <!--=== Single Testimonial Item ===-->
                                <div class="single-testimonial-item">
                                    <div class="testimonial-inner-content">
                                        <div class="testimonial-content">
                                            <p>" CİVELEK SİGORTA ile çalışmak harika bir deneyim oldu. Konut sigortamı yaptırdığımda tüm süreç çok hızlı ve profesyonel geçti. Hasar durumunda da çok hızlı çözüm sağladılar. Kesinlikle tavsiye ediyorum."</p>
                                            <div class="quote-title-box">
                                                <div class="quote">
                                                    <img src="assets/images/icon/quote.png" alt="quote">
                                                </div>
                                                <div class="author-title">
                                                    <h4>Ahmet Yılmaz</h4>
                                                    <p class="position">Konut Sigortası Müşterisi</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--=== Single Testimonial Item ===-->
                                <div class="single-testimonial-item">
                                    <div class="testimonial-inner-content">
                                        <div class="testimonial-content">
                                            <p>" Araç sigortamı yenilerken CİVELEK SİGORTA'dan aldığım hizmet mükemmeldi. Hem fiyat olarak çok uygundu hem de tüm işlemler online olarak hızlıca halloldu. Uzman ekipleri sayesinde en doğru seçimi yaptım."</p>
                                            <div class="quote-title-box">
                                                <div class="quote">
                                                    <img src="assets/images/icon/quote.png" alt="quote">
                                                </div>
                                                <div class="author-title">
                                                    <h4>Fatma Demir</h4>
                                                    <p class="position">Araç Sigortası Müşterisi</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-5">
                        <!--=== Testimonial Image ===-->
                        <div class="testimonial-image-box mb-50 d-none d-xl-block wow fadeInRight">
                            <img src="assets/images/testimonial/testimonial-1.jpg" alt="CİVELEK SİGORTA Mutlu Müşteri Yorumları">
                        </div>
                    </div>
                </div>
            </div>
        </section><!--====== End Testimonial 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>