HEX
Server: Apache
System: Linux srv4.garantili.com.tr 4.18.0-477.21.1.lve.1.el8.x86_64 #1 SMP Tue Sep 5 23:08:35 UTC 2023 x86_64
User: yenicep (1023)
PHP: 7.4.33
Disabled: exec,passthru,shell_exec,system
Upload Files
File: /home2/yenicep/public_html/html/index.html
<!doctype html>
<html class="no-js" lang="tr">

<head>
    <title>Garantili Cep Kasko</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="author" content="OD Design Studio">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" />
    <meta name="description" content="Garantili Cep Kasko">
    <!-- favicon icon -->
    <link rel="shortcut icon" href="images/favicon.png">
    <link rel="apple-touch-icon" href="images/apple-touch-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
    <!-- style sheets and font icons  -->
    <link rel="stylesheet" type="text/css" href="css/font-icons.min.css">
    <link rel="stylesheet" type="text/css" href="css/theme-vendors.min.css">
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/responsive.css" />
</head>

<body data-mobile-nav-trigger-alignment="right" data-mobile-nav-style="modern" data-mobile-nav-bg-color="#4548e5">
    <!-- start header -->
    <header class="header-with-topbar">
        <div
            class="top-bar bg-white border-bottom border-color-black-transparent d-none d-md-inline-block padding-35px-lr md-no-padding-lr">
            <div class="container-fluid nav-header-container">
                <div class="d-flex flex-wrap align-items-center">
                    <div class="col-12 text-center text-sm-start col-sm-auto me-auto ps-lg-0">
                        <ul class="social-icon padding-5px-tb">
                            <li><a class="text-extra-dark-gray" href="http://www.facebook.com" target="_blank"><i
                                        class="fab fa-facebook-f"></i></a></li>
                            <li><a class="text-extra-dark-gray" href="http://www.twitter.com" target="_blank"><i
                                        class="fab fa-twitter"></i></a></li>
                            <li><a class="text-extra-dark-gray" href="http://www.instagram.com" target="_blank"><i
                                        class="fab fa-instagram"></i></a></li>
                        </ul>
                    </div>
                    <div class="col-auto d-none d-sm-block text-end px-lg-0 font-size-0">
                        <div class="top-bar-contact">
                            <span class="top-bar-contact-list">
                                <i class="feather icon-feather-phone-call icon-extra-small text-extra-dark-gray"></i>
                                <a class="text-extra-dark-gray" href="tel:02124852829">0212 485 28 29</a>
                            </span>
                            <span class="top-bar-contact-list d-none d-md-inline-block no-border-right pe-0">
                                <i class="feather icon-feather-mail icon-extra-small text-extra-dark-gray"></i>
                                <a class="text-extra-dark-gray"
                                    href="mailto:info@garantili.com.tr">info@garantili.com.tr</a>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- start navigation -->
        <nav class="navbar no-sticky navbar-expand-lg navbar-boxed navbar-light bg-white header-light z-index-1"
            style="top:50px;">
            <div class="container-fluid nav-header-container">
                <div class="col-auto col-sm-6 col-lg-2 me-auto ps-lg-0">
                    <a class="navbar-brand" href="index.html">
                        <img src="images/logo.svg" data-at2x="images/logo.svg" class="default-logo" alt="">
                        <img src="images/logo.svg" data-at2x="images/logo.svg" class="alt-logo" alt="">
                        <img src="images/logo.svg" data-at2x="images/logo.svg" class="mobile-logo" alt="">
                    </a>
                </div>
                <div class="col-auto menu-order px-lg-0">
                    <button class="navbar-toggler float-end" type="button" data-bs-toggle="collapse"
                        data-bs-target="#navbarNav" aria-controls="navbarNav" aria-label="Toggle navigation">
                        <span class="navbar-toggler-line"></span>
                        <span class="navbar-toggler-line"></span>
                        <span class="navbar-toggler-line"></span>
                        <span class="navbar-toggler-line"></span>
                    </button>
                    <div class="collapse navbar-collapse justify-content-end" id="navbarNav">
                        <ul class="navbar-nav alt-font">
                            <li class="nav-item"><a href="index.html" class="nav-link">Anasayfa</a></li>
                            <li class="nav-item"><a href="biz-kimiz.html" class="nav-link">Biz Kimiz?</a></li>
                            <li class="nav-item"><a href="urunlerimiz.html" class="nav-link">Ürünlerimiz</a></li>
                            <li class="nav-item"><a href="s-s-s.html" class="nav-link">S.S.S.</a></li>
                            <li class="nav-item"><a href="kasko.html" class="nav-link">Kasko</a></li>
                        </ul>
                    </div>
                </div>

            </div>
        </nav>
        <!-- end navigation -->
    </header>
    <!-- end header -->
    <!-- start hero section -->
    <section class="py-0 cover-background overflow-visible wow animate__fadeIn"
        style="background-image: url('images/application-banner-bg.jpg');">
        <div class="container">
            <div class="row justify-content-center">
                <div
                    class="col-12 col-xl-5 col-lg-6 col-md-7 col-sm-8 text-center text-md-start d-flex flex-column justify-content-center full-screen md-h-650px padding-10-rem-bottom padding-6-rem-top lg-padding-10-rem-top lg-padding-8-rem-bottom md-padding-6-rem-top md-padding-10-rem-bottom sm-h-auto sm-padding-5-rem-bottom">
                    <span
                        class="align-self-center align-self-md-start banner-text alt-font font-weight-600 text-medium letter-spacing-1px line-height-24px text-extra-light-gray d-inline-block text-uppercase margin-20px-bottom sm-margin-35px-bottom">En
                        İyi Fiyat Garantisi</span>
                    <h1
                        class="alt-font text-dark font-weight-600 banner-text letter-spacing-minus-3px text-capitalize margin-2-half-rem-bottom">
                        Garantili Cep Kasko Nedir?</h1>
                    <p
                        class="text-large text-dark banner-text opacity-6 line-height-30px font-weight-300 w-85 sm-w-100">
                        Garantili
                        Cep Kasko cihazınızı beklenmedik hasarlara karşı koruma altına alan sigorta türüdür.
                        Telefonunuzun zarar görmesi sonucu oluşacak tamir masraflarını qarantili Cep Kaskonuzdan
                        karşılayabilirsiniz.</p>
                        <a href="#get-offer" class="popup-with-move-anim align-self-center align-self-md-start btn btn-fancy btn-round-edge-small btn-large btn-gradient-garantili margin-1-half-rem-top" style="width: 300px;"> Hemen Teklif Al<i class="fas fa-arrow-right right-icon"></i></a>
                        <a href="#get-offer" class="popup-with-move-anim align-self-center align-self-md-start btn btn-fancy btn-round-edge-small btn-large btn-transparent-garantili  margin-1-half-rem-top" style="width:300px;">Garantili Asistans Hizmeti<i class="fas fa-arrow-right right-icon"></i></a>
                        <!-- <a href="#"class="btn btn-large btn-transparent-dark-gray d-lg-inline-block lg-margin-15px-bottom md-margin-auto-lr">Explore litho<i class="fas fa-arrow-right right-icon"></i></a> -->
                    <div id="get-offer"
                        class="zoom-anim-dialog col-11 col-xl-6 col-lg-6 col-md-8 col-sm-9 mx-auto bg-white text-center modal-popup-main padding-4-half-rem-all mfp-hide border-radius-6px sm-padding-2-half-rem-lr">
                        <span
                            class="text-extra-dark-gray text-uppercase alt-font text-extra-large font-weight-600 margin-15px-bottom d-block">Hemen
                            Teklif Al</span>
                        <p>Ex et harum quia quas qui in labore. Repellat iure sed repellendus omnis magni in.
                        </p>
                        <!-- start contact form -->
                        <form action="email-templates/contact-form.php" method="post" novalidate="">
                            <div class="row row-cols-1 row-cols-md-2">
                                <div class="col margin-4-rem-bottom sm-margin-25px-bottom">
                                    <input class="medium-input bg-white margin-25px-bottom required" type="text"
                                        name="name" placeholder="Ad Soyad">
                                    <input class="medium-input bg-white required" type="email" name="email"
                                        placeholder="TC Kimlik No">
                                    <!-- <input class="medium-input bg-white mb-0" type="tel" name="phone" placeholder="Your mobile"> -->
                                </div>
                                <div class="col margin-4-rem-bottom sm-margin-20px-bottom">
                                    <input class="medium-input bg-white margin-25px-bottom required" type="text"
                                        name="name" placeholder="Telefon">
                                    <input class="medium-input bg-white required" type="email" name="email"
                                        placeholder="E-Mail">
                                    <!-- <input class="medium-input bg-white mb-0" type="tel" name="phone" placeholder="Your mobile"> -->
                                </div>
                                <div class="col text-start sm-margin-25px-bottom">
                                    <input type="checkbox" name="terms_condition" id="terms_condition" value="1"
                                        class="terms-condition d-inline-block align-top w-auto mb-0 margin-5px-top margin-10px-right">
                                    <label for="terms_condition"
                                        class="text-small d-inline-block align-top w-85 md-w-90 xs-w-85">Koşulları
                                        kabul ediyorum ve verilerimin gizlilik politikasına uygun olarak güvenli
                                        bir şekilde tutulacağını anlıyorum.</label>
                                </div>
                                <div class="col text-center text-md-end">
                                    <button id="project-contact-us-button"
                                        class="btn btn-medium btn-gradient-garantili  mb-0 submit" type="submit">Formu
                                        Gönder</button>
                                </div>
                            </div>
                            <div class="form-results d-none"></div>
                        </form>
                        <!-- end contact form -->

                    </div>
                </div>
                <div
                    class="col-12 col-lg-6 offset-xl-1 col-md-5 z-index-0 align-self-center align-self-lg-end text-end banner-bottom-right-images">
                    <img src="images/application-img-03.png" class="tilt-box" alt=""
                        data-tilt-options='{ "maxTilt": 20, "perspective": 1000, "easing": "cubic-bezier(.03,.98,.52,.99)", "scale": 1, "speed": 500, "transition": true, "reset": true, "glare": false, "maxGlare": 1 }' />
                </div>
            </div>
        </div>
    </section>
    <!-- end hero section -->
    <!-- start section -->
    <section class="border-bottom border-color-medium-gray md-no-padding-top wow animate__fadeIn">
        <div class="container">
            <div class="row justify-content-center">
                <div
                    class="col-12 col-lg-6 col-sm-8 text-center margin-5-rem-bottom md-margin-4-rem-bottom sm-margin-2-rem-bottom margin-3-half-rem-top">
                    <span
                        class="alt-font font-weight-500 text-extra-light-gray text-medium letter-spacing-1-half text-uppercase d-inline-block margin-20px-bottom sm-margin-10px-bottom">Garantili
                        Cep Kasko</span>
                    <h4 class="alt-font font-weight-500 text-extra-dark-gray letter-spacing-minus-1px">Garantili Cep
                        Kasko Teminatları Nedir?</h4>
                </div>
            </div>
            <div class="row row-cols-1 row-cols-lg-5 row-cols-sm-2">
                <!-- start feature box item -->
                <div class="col wow animate__fadeIn">
                    <div
                        class="feature-box padding-1-half-rem-all sm-padding-2-rem-tb xs-padding-4-rem-lr md-margin-15px-bottom">
                        <div class="feature-box-icon">
                            <i
                                class="icon-mobile icon-medium text-gradient-garantili margin-35px-bottom md-margin-15px-bottom sm-margin-10px-bottom"></i>
                        </div>
                        <div class="feature-box-content last-paragraph-no-margin">
                            <span
                                class="alt-font font-weight-500 margin-10px-bottom d-block text-extra-dark-gray">Kazaen
                                Zarara Uğrama</span>
                            <p>Garantili Cep Kasko; cep telefonunuzun kazaen kırılması, sıvı teması hasarlarında teminat
                                sağlar.</p>
                        </div>
                    </div>
                </div>
                <!-- end feature box item -->
                <!-- start feature box item -->
                <div class="col wow animate__fadeIn" data-wow-delay="0.2s">
                    <div
                        class="feature-box padding-1-half-rem-all sm-padding-2-rem-tb xs-padding-4-rem-lr md-margin-15px-bottom">
                        <div class="feature-box-icon">
                            <i
                                class="line-icon-Flash-2 icon-medium text-gradient-garantili margin-35px-bottom md-margin-15px-bottom sm-margin-10px-bottom"></i>
                        </div>
                        <div class="feature-box-content last-paragraph-no-margin">
                            <span
                                class="alt-font font-weight-500 margin-10px-bottom d-block text-extra-dark-gray">Elektrik-Voltaj
                                Hasarları</span>
                            <p>Garantili Cep Kasko yaptırarak yüksek voltaj , kısa devre gibi sebeplerle oluşacak
                                arızalarda mobil cihazınızı koruma altına alabilirsiniz.</p>
                        </div>
                    </div>
                </div>
                <!-- end feature box item -->
                <!-- start feature box item -->
                <div class="col wow animate__fadeIn" data-wow-delay="0.4s">
                    <div
                        class="feature-box padding-1-half-rem-all sm-padding-2-rem-tb xs-padding-4-rem-lr sm-margin-15px-bottom">
                        <div class="feature-box-icon">
                            <i
                                class="line-icon-Aim icon-medium text-gradient-garantili margin-35px-bottom md-margin-15px-bottom sm-margin-10px-bottom"></i>
                        </div>
                        <div class="feature-box-content last-paragraph-no-margin">
                            <span
                                class="alt-font font-weight-500 margin-10px-bottom d-block text-extra-dark-gray">Hırsızlık</span>
                            <p>Garantili Cep Kasko sayesinde telefonunuz çalınma, gasp gibi olaylar neticesinde güvence
                                altındadır.</p>
                        </div>
                    </div>
                </div>
                <!-- end feature box item -->
                <!-- start feature box item -->
                <div class="col wow animate__fadeIn" data-wow-delay="0.6s">
                    <div class="feature-box padding-1-half-rem-all sm-padding-2-rem-tb xs-padding-4-rem-lr">
                        <div class="feature-box-icon">
                            <i
                                class="icon-tools-2 icon-medium text-gradient-garantili margin-35px-bottom md-margin-15px-bottom sm-margin-10px-bottom"></i>
                        </div>
                        <div class="feature-box-content last-paragraph-no-margin">
                            <span
                                class="alt-font font-weight-500 margin-10px-bottom d-block text-extra-dark-gray">Arıza</span>
                            <p>Garantili Cep Kasko ile telefonunuzda oluşabilecek tüm arızaları güvence altına
                                alabilirsiniz.</p>
                        </div>
                    </div>
                </div>
                <!-- end feature box item -->
                <!-- start feature box item -->
                <div class="col wow animate__fadeIn" data-wow-delay="0.6s">
                    <div class="feature-box padding-1-half-rem-all sm-padding-2-rem-tb xs-padding-4-rem-lr">
                        <div class="feature-box-icon">
                            <i
                                class="line-icon-Spain icon-medium text-gradient-garantili margin-35px-bottom md-margin-15px-bottom sm-margin-10px-bottom"></i>
                        </div>
                        <div class="feature-box-content last-paragraph-no-margin">
                            <span
                                class="alt-font font-weight-500 margin-10px-bottom d-block text-extra-dark-gray">Yurtdışı
                                Hasarları</span>
                            <p>Garantili Cep Kasko sayesinde yurtdışında meydana gelen hasarlarda 30 güne kadar cep
                                telefonunuzu güvence altına alabilirsiniz.</p>
                        </div>
                    </div>
                </div>
                <!-- end feature box item -->
            </div>
        </div>
    </section>
    <!-- end section -->
    <!-- start section -->
    <section class="cover-background wow animate__fadeIn"
        style="background-image: url('images/application-banner-img-02.jpg');">
        <div class="container">
            <div class="row align-items-center justify-content-center">
                <div
                    class="col-10 col-xl-4 col-lg-5 text-center text-lg-start md-margin-70px-bottom sm-margin-50px-bottom">
                    <h5 class="alt-font font-weight-500 text-slate-blue letter-spacing-minus-1px margin-4-rem-bottom xs-margin-3-half-rem-bottom wow animate__fadeIn"
                        data-wow-delay="0.1s">Neden Garantili Cep Kasko'yu tercih etmelisiniz?</h5>
                    <div class="row">
                        <div class="col-12 last-paragraph-no-margin wow animate__fadeIn" data-wow-delay="0.2s">
                            <span class="alt-font font-weight-400 text-slate-blue d-block margin-10px-bottom">Yapay Zeka
                                ile çalışan sistemimiz onlarca sigorta arasından size en uygun ve en kapsamlı teklifi
                                verir.</span>
                        </div>
                        <div class="col-12 wow animate__fadeIn" data-wow-delay="0.2s">
                            <div class="h-1px w-100 bg-medium-gray margin-40px-tb xs-margin-30px-tb"></div>
                        </div>
                        <div class="col-12 last-paragraph-no-margin wow animate__fadeIn" data-wow-delay="0.3s">
                            <span
                                class="alt-font font-weight-400 text-slate-blue d-block margin-10px-bottom">Önceliğimiz
                                müşterilerimizdir. Müşterilerimize en iyi fiyat garantisi sunuyoruz.</span>
                        </div>
                        <div class="col-12 wow animate__fadeIn" data-wow-delay="0.2s">
                            <div class="h-1px w-100 bg-medium-gray margin-40px-tb xs-margin-30px-tb"></div>
                        </div>
                        <div class="col-12 last-paragraph-no-margin wow animate__fadeIn" data-wow-delay="0.3s">
                            <span class="alt-font font-weight-400 text-slate-blue d-block margin-10px-bottom">Hasar
                                anında saniyeler içinde 7/24 bize ulaşabilirsin.</span>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-xl-5 offset-xl-3 col-lg-6 offset-lg-1 wow animate__fadeInRight">
                    <div class="outside-box-right">
                        <img src="images/application-img-04.png" alt="" />
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- end section -->
    <!-- start section -->
    <section class="wow animate__fadeIn">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12 col-xl-6 col-lg-6 col-sm-6 text-center margin-4-rem-bottom">
                    <h4
                        class="alt-font font-weight-500 text-extra-dark-gray letter-spacing-minus-1px mx-auto mx-sm-0 xs-w-80">
                        Garantili Cep Kasko Hasar ve Onarım Hizmetleri Nelerdir?</h4>
                </div>
            </div>
            <div class="row align-items-center">
                <div class="col-12 col-lg-3 col-md-4 text-center text-md-end sm-margin-30px-bottom">
                    <div class="row row-cols-1 row-cols-sm-2 row-cols-md-1 justify-content-center">
                        <!-- start feature box item -->
                        <div class="col margin-5-rem-bottom last-paragraph-no-margin wow animate__fadeInLeft"
                            style="padding-left: 0; padding-right:0;" data-wow-delay="0.4s">
                            <i
                                class="line-icon-Smartphone-Secure text-gradient-garantili icon-medium margin-20px-bottom"></i>
                            <span class="alt-font font-weight-500 text-slate-blue d-block margin-5px-bottom">Tam Hasar
                                Durumu</span>
                            <p class="d-inline-block xs-w-75">Tamamen hasarlanması sonucu kullanılamaz hale gelmesi,
                                onarımı mümkün olmadığında, cihazın ikinci el rayiç bedelinin %30 oranındaki muafiyet
                                bedeli uygulanır ve size nakit ödeme yapar.</p>
                            <!-- <p class="d-inline-block xs-w-75">Tam hasar sonucu kullanılamaz hale gelmesi, onarımı mümkün olmadığında cihazın ikinci el rayiç bedelinin %30'u kadar muafiyet uygulanır ve nakit ödeme yapılır.</p> -->
                        </div>
                        <!-- end feature box item -->
                        <!-- start feature box item -->
                        <div class="col margin-5-rem-bottom last-paragraph-no-margin wow animate__fadeInRight"
                            style="padding-left: 0; padding-right:0;" data-wow-delay="0.6s">
                            <i class="line-icon-Gear text-gradient-garantili icon-medium margin-20px-bottom"></i>
                            <span class="alt-font font-weight-500 text-slate-blue d-block margin-5px-bottom">Tamir
                                Durumu</span>
                            <p class="d-inline-block xs-w-75">
                                Ticaret Bakanlığı ve TSE (TS 13906) tarafından denetnlenerek yetkilendirilmiş, ilk CEP
                                TELEFONU YENİLEME MERKEZİ Garantili Teknoloji’de onarım görür.
                            </p>
                        </div>
                        <!-- end feature box item -->

                        <!-- start feature box item -->
                        <div class="col last-paragraph-no-margin wow animate__fadeInLeft"
                            style="padding-left: 0; padding-right:0;" data-wow-delay="0.8s">
                            <i class="line-icon-Ship-2 text-gradient-garantili icon-medium margin-20px-bottom"></i>
                            <span
                                class="alt-font font-weight-500 text-slate-blue d-block margin-5px-bottom">Lojistik</span>
                            <p class="d-inline-block xs-w-75">Ücretsiz lojistik hizmeti.</p>
                        </div>
                        <!-- end feature box item -->
                    </div>
                </div>
                <div class="col-12 col-md-4 offset-lg-1 px-lg-0 sm-margin-20px-bottom wow animate__zoomIn">
                    <img src="images/application-img-05.jpg" alt="" />
                </div>
                <div class="col-12 col-lg-3 offset-lg-1 col-md-4 text-center text-md-start">
                    <div class="row row-cols-1 row-cols-md-1 row-cols-sm-2 justify-content-center">
                        <!-- start feature box item -->
                        <div class="col margin-5-rem-bottom last-paragraph-no-margin wow animate__fadeInRight"
                            style="padding-left: 0; padding-right:0;" data-wow-delay="0.4s">
                            <i class="line-icon-Coins text-gradient-garantili icon-medium margin-20px-bottom"></i>
                            <span class="alt-font font-weight-500 text-slate-blue d-block margin-5px-bottom">Anında
                                Ödeme</span>
                            <p class="d-inline-block xs-w-75">Tam hasar durumunda size nakit ödeme yapılır. Ödenecek
                                olan tutar poliçede yazılı olan sigorta bedeli üzerinden %30 muafiyet düşülerek
                                hesaplanır.</p>
                        </div>
                        <!-- end feature box item -->
                        <!-- start feature box item -->
                        <div class="col margin-5-rem-bottom last-paragraph-no-margin wow animate__fadeInLeft"
                            style="padding-left: 0; padding-right:0;" data-wow-delay="0.6s">

                            <i
                                class="line-icon-Favorite-Window text-gradient-garantili icon-medium margin-20px-bottom"></i>
                            <span class="alt-font font-weight-500 text-slate-blue d-block margin-5px-bottom">Hizmet
                                Kalitesi</span>
                            <p class="d-inline-block xs-w-75">Garanti içindeki arızalar da dahil olmak üzere
                                sigortalının cep telefonu ile ilgili herhangi bir arızası olduğunda hizmet alır.</p>
                        </div>
                        <!-- end feature box item -->
                        <!-- start feature box item -->
                        <div class="col last-paragraph-no-margin wow animate__fadeInRight"
                            style="padding-left: 0; padding-right:0;" data-wow-delay="0.8s">
                            <i class="line-icon-Archery-2 text-gradient-garantili icon-medium margin-20px-bottom"></i>
                            <span class="alt-font font-weight-500 text-slate-blue d-block margin-5px-bottom">Onarım
                                Avantajı</span>
                            <p class="d-inline-block xs-w-75">Garantili kasko sayesinde cep telefonunun markasının ne
                                olduğu fark etmeksizin tüm cihazların yetkili serviste onarım görür.</p>
                        </div>
                        <!-- end feature box item -->
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- end section -->
    <!-- start section -->
    <section id="download" class="big-section cover-background wow animate__fadeIn"
        style="background-image: url('images/application-img-06.jpg'); padding: 110px 0 !important;">
        <div class="container">
            <div class="row align-items-center">
                <div
                    class="col-12 col-lg-7 col-md-8 text-center text-md-start sm-margin-30px-bottom wow animate__fadeIn">
                    <span
                        class="alt-font font-weight-500 text-medium text-garantili-turquise letter-spacing-1-half d-inline-block text-uppercase margin-15px-bottom sm-margin-10px-bottom">Garantili
                        Cep Kasko Uygulaması</span>
                    <h4 class="alt-font font-weight-600 text-white letter-spacing-minus-1px mb-0">Garantili Cep Kasko
                        Uygulamasını
                        İndirin</h4>
                </div>
                <div
                    class="col-12 col-md-2 ps-lg-0d-md-flex flex-md-row d-none d-lg-inline-block text-center wow animate__fadeIn">
                    <img class="w-75" src="images/qr.png" alt="">
                </div>
                <div
                    class="col-12 col-md-3 ps-lg-0d-md-flex flex-md-row d-lg-inline-block text-center wow animate__fadeIn">
                    <a href="#" class="margin-10px-bottom d-inline-block ">
                        <img class="w-75 md-w-auto" src="images/application-img-11.png" alt="">
                    </a>
                    <a href="#" class="d-inline-block">
                        <img class="w-75 md-w-auto" src="images/application-img-12.png" alt="">
                    </a>
                </div>

            </div>
        </div>
    </section>
    <!-- end section -->
    <!-- start section -->
    <section class="pt-0 pb-0 big-section wow animate__fadeIn top-195p">
        <div class="container">
            <div class="row align-items-center justify-content-center">
                <div
                    class="col-12 col-lg-6 md-margin-5-rem-bottom xs-margin-5-rem-top xs-padding-3-rem-lr wow animate__fadeIn">
                    <h5 class="alt-font font-weight-500 text-dark margin-4-rem-bottom ">Sıkça Sorunlan Sorular</h5>
                    <div class="panel-group accordion-event accordion-style-02 w-85 lg-w-100" id="accordion1"
                        data-active-icon="icon-feather-minus" data-inactive-icon="icon-feather-plus">
                        <!-- start accordion item -->
                        <div class="panel bg-transparent">
                            <div class="panel-heading active-accordion border-color-black-transparent">
                                <a class="accordion-toggle" data-bs-toggle="collapse" data-bs-parent="#accordion1"
                                    href="#collapseOne">
                                    <div class="panel-title">
                                        <span class="alt-font text-dark-purple d-inline-block font-weight-500">Cep
                                            Telefonunuzu Kırılmaya Karşı qarantili Cep Kasko Korur mu?</span>
                                        <i class="text-dark-purple feather icon-feather-minus"></i>
                                    </div>
                                </a>
                            </div>
                            <div id="collapseOne" class="panel-collapse collapse show" data-bs-parent="#accordion1">
                                <div class="panel-body">Cep telefonununuz kırılır veya zarara uğrarsa telefonunuz
                                    sigorta kapsamında kalır ve telefonununuzun onarım masrafları karşılanır.</div>
                            </div>
                        </div>
                        <!-- end accordion item -->
                        <!-- start accordion item -->
                        <div class="panel bg-transparent">
                            <div class="panel-heading border-color-black-transparent">
                                <a class="accordion-toggle" data-bs-toggle="collapse" data-bs-parent="#accordion1"
                                    href="#collapseTwo">
                                    <div class="panel-title">
                                        <span class="alt-font text-dark-purple d-inline-block font-weight-500">Garantili
                                            Cep Kasko Kaç Yıl Geçerlidir?</span>
                                        <i class="indicator text-dark-purple feather icon-feather-plus"></i>
                                    </div>
                                </a>
                            </div>
                            <div id="collapseTwo" class="panel-collapse collapse" data-bs-parent="#accordion1">
                                <div class="panel-body">Cep telefonu kasko süresi 12 Aydır. 12 Ay sonunda yenilenmesi
                                    gerekmektedir.</div>
                            </div>
                        </div>
                        <!-- end accordion item -->
                        <!-- start accordion item -->
                        <div class="panel bg-transparent">
                            <div class="panel-heading border-color-black-transparent">
                                <a class="accordion-toggle" data-bs-toggle="collapse" data-bs-parent="#accordion1"
                                    href="#collapseThree">
                                    <div class="panel-title">
                                        <span class="alt-font text-dark-purple d-inline-block font-weight-500">Telefona
                                            Sonradan Kasko Yapılır mı?</span>
                                        <i class="indicator text-dark-purple feather icon-feather-plus"></i>
                                    </div>
                                </a>
                            </div>
                            <div id="collapseThree" class="panel-collapse collapse" data-bs-parent="#accordion1">
                                <div class="panel-body">Garantili Cep Kasko Sıfır telefonlar için tasarlanmıştır. 2. El
                                    Telefonlara Teminat verilmemektedir.</div>
                            </div>
                        </div>
                        <!-- end accordion item -->
                    </div>
                </div>
                <div class="col-12 col-lg-5 offset-lg-1 home-yoga-meditation wow animate__fadeIn" data-wow-delay="0.4s">
                    <div class="outside-box-right position-relative">
                        <img src="images/faq.jpg" class="overflow-hidden border-radius-4px" alt="" />
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- end section -->


    <!-- start section -->
    <section class="border-bottom border-color-medium-gray md-no-padding-top wow animate__fadeIn">
        <div class="container">
            <div class="row justify-content-center">
                <div
                    class="col-12 col-lg-6 col-sm-8 text-center margin-5-rem-bottom md-margin-4-rem-bottom sm-margin-2-rem-bottom margin-3-half-rem-top">
                    <span
                        class="alt-font font-weight-500 text-extra-light-gray text-medium letter-spacing-1-half text-uppercase d-inline-block margin-20px-bottom sm-margin-10px-bottom">Garantili
                        Asistans Hizmeti</span>
                    <h4 class="alt-font font-weight-500 text-extra-dark-gray letter-spacing-minus-1px">Garantili Asistans Hizmeti Nedir?</h4>
                </div>
            </div>
            <div class="row row-cols-1 row-cols-lg-4 row-cols-sm-2">
                <!-- start feature box item -->
                <div class="col wow animate__fadeIn">
                    <div
                        class="feature-box padding-1-half-rem-all sm-padding-2-rem-tb xs-padding-4-rem-lr md-margin-15px-bottom">
                        <div class="feature-box-icon">
                            <i
                                class="icon-mobile icon-medium text-gradient-garantili margin-35px-bottom md-margin-15px-bottom sm-margin-10px-bottom"></i>
                        </div>
                        <div class="feature-box-content last-paragraph-no-margin">
                            <span
                                class="alt-font font-weight-500 margin-10px-bottom d-block text-extra-dark-gray">Çilingir Hizmeti</span>
                            <p>Evinin ya da İşyerinin anahtarını unutulması ya da kaybedilmesi durumunda anlaşmalı bir çilingir destek ihtiyacı bulunan müşterinin ikamet ya da işyeri adresine yönlendirilir. </p>
                        </div>
                    </div>
                </div>
                <!-- end feature box item -->
                <!-- start feature box item -->
                <div class="col wow animate__fadeIn" data-wow-delay="0.2s">
                    <div
                        class="feature-box padding-1-half-rem-all sm-padding-2-rem-tb xs-padding-4-rem-lr md-margin-15px-bottom">
                        <div class="feature-box-icon">
                            <i
                                class="line-icon-Flash-2 icon-medium text-gradient-garantili margin-35px-bottom md-margin-15px-bottom sm-margin-10px-bottom"></i>
                        </div>
                        <div class="feature-box-content last-paragraph-no-margin">
                            <span
                                class="alt-font font-weight-500 margin-10px-bottom d-block text-extra-dark-gray">Tesisat Sorunları</span>
                            <p>Evinde dahili su tesisatının herhangi bir nedenle patlaması ya da su kaçağı Acil Yardım Hizmeti durumunda destek ihtiyacı bulunan müşterinin konutuna bir tesisatçı yönlendirilir. </p>
                        </div>
                    </div>
                </div>
                <!-- end feature box item -->
                <!-- start feature box item -->
                <div class="col wow animate__fadeIn" data-wow-delay="0.4s">
                    <div
                        class="feature-box padding-1-half-rem-all sm-padding-2-rem-tb xs-padding-4-rem-lr sm-margin-15px-bottom">
                        <div class="feature-box-icon">
                            <i
                                class="line-icon-Aim icon-medium text-gradient-garantili margin-35px-bottom md-margin-15px-bottom sm-margin-10px-bottom"></i>
                        </div>
                        <div class="feature-box-content last-paragraph-no-margin">
                            <span
                                class="alt-font font-weight-500 margin-10px-bottom d-block text-extra-dark-gray">Elektrik Problemleri</span>
                            <p>Bu teminat; konutunun içinde bulunan elektrik tesisatında meydana gelen ve elektriğin kullanılmasını engelleyen hasarları kapsar.</p>
                        </div>
                    </div>
                </div>
                <!-- end feature box item -->
                <!-- start feature box item -->
                <div class="col wow animate__fadeIn" data-wow-delay="0.6s">
                    <div class="feature-box padding-1-half-rem-all sm-padding-2-rem-tb xs-padding-4-rem-lr">
                        <div class="feature-box-icon">
                            <i
                                class="icon-tools-2 icon-medium text-gradient-garantili margin-35px-bottom md-margin-15px-bottom sm-margin-10px-bottom"></i>
                        </div>
                        <div class="feature-box-content last-paragraph-no-margin">
                            <span
                                class="alt-font font-weight-500 margin-10px-bottom d-block text-extra-dark-gray">Çekici Hizmeti</span>
                            <p>Kaza veya arıza anında yol yardımı ve çekici hizmeti gibi müşteriyi o anki zor durumdan kurtarabilecek nitelikte hizmetlerdir. </p>
                        </div>
                    </div>
                </div>
                <!-- end feature box item -->
            </div>
            
            <div class="row justify-content-center">
                <div
                    class="col-12 col-lg-6 col-sm-8 text-center margin-5-rem-bottom md-margin-4-rem-bottom sm-margin-2-rem-bottom margin-3-half-rem-top">
                    <a type="button" href="https://kasko.garantili.com.tr/asistans"><span
                        class="alt-font font-weight-500 text-medium letter-spacing-1-half text-uppercase d-inline-block margin-20px-bottom sm-margin-10px-bottom">Detaylı Bilgi için Tıklayın</span></a>
                </div>
            </div>
            
        </div>
    </section>
    <!-- end section -->


    <!-- start section -->
    <section class="bg-white wow animate__fadeIn" style="padding: 150px 0;">
        <div class="container">
            <div class="row row-cols-1 row-cols-lg-6 row-cols-md-3 row-cols-sm-2 client-logo-style-03">
                <!-- start client item -->
                <div class="col text-center sm-no-margin wow animate__fadeIn">
                    <div class="client-box padding-25px-all text-center">
                        <a href="#"><img alt="clients logo 01" src="images/brands/1.png"></a>

                    </div>
                </div>
                <!-- end client item -->
                <!-- start client item -->
                <div class="col text-center sm-no-margin wow animate__fadeIn">
                    <div class="client-box padding-25px-all text-center">
                        <a href="#"><img alt="clients logo 01" src="images/brands/2.png"></a>

                    </div>
                </div>
                <!-- end client item -->
                <!-- start client item -->
                <div class="col text-center sm-no-margin wow animate__fadeIn">
                    <div class="client-box padding-25px-all text-center">
                        <a href="#"><img alt="clients logo 01" src="images/brands/3.png"></a>

                    </div>
                </div>
                <!-- end client item -->
                <!-- start client item -->
                <div class="col text-center sm-no-margin wow animate__fadeIn">
                    <div class="client-box padding-25px-all text-center">
                        <a href="#"><img alt="clients logo 01" src="images/brands/4.png"></a>

                    </div>
                </div>
                <!-- end client item -->
                <!-- start client item -->
                <div class="col text-center sm-no-margin wow animate__fadeIn">
                    <div class="client-box padding-25px-all text-center">
                        <a href="#"><img alt="clients logo 01" src="images/brands/5.png"></a>

                    </div>
                </div>
                <!-- end client item -->
                <!-- start client item -->
                <div class="col text-center sm-no-margin wow animate__fadeIn">
                    <div class="client-box padding-25px-all text-center">
                        <a href="#"><img alt="clients logo 01" src="images/brands/6.png"></a>

                    </div>
                </div>
                <!-- end client item -->
            </div>
        </div>
    </section>
    <!-- end section -->

    <!-- start section -->
    <section class="of-footer bg-white overflow-visible position-relative pt-0 pb-md-0">
        <div class="container">
            <div
                class="z-index-6 border-radius-5px padding-25px-tb overlap-section-bottom md-padding-40px-all xs-padding-20px-lr">
                <div
                    class="box-shadow-large bg-white border-radius-6px padding-3-rem-tb padding-4-rem-right lg-padding-3-rem-lr sm-padding-1-rem-lr">
                    <div class="row d-flex align-items-center justify-content-center">
                        <div class="row d-flex align-items-center justify-content-center">
                            <div
                                class="col-12 col-lg-9 offset-lg-1 text-left text-lg-start md-margin-10px-bottom wow animate__fadeIn">
                                <span class="alt-font text-extra-large font-weight-600 text-dark">Garantili
                                    Cep Kasko hakkında bilgi almak istiyorsanız sizi arayalım</span>
                            </div>
                            <div class="col-12 col-lg-auto text-center text-lg-end">
                                <a href="#modal-call"
                                    class="btn btn-fancy btn-very-small btn-gradient-garantili btn-round-edge-small popup-with-move-anim">Sizi
                                    Arayalım</a>
                                <div id="modal-call"
                                    class="zoom-anim-dialog col-11 col-xl-6 col-lg-6 col-md-8 col-sm-9 mx-auto bg-white text-center modal-popup-main padding-4-half-rem-all mfp-hide border-radius-6px sm-padding-2-half-rem-lr">
                                    <span
                                        class="text-extra-dark-gray text-uppercase alt-font text-extra-large font-weight-600 margin-15px-bottom d-block">Sizi
                                        Arayalım</span>
                                    <p>Ex et harum quia quas qui in labore. Repellat iure sed repellendus omnis magni
                                        in.
                                    </p>
                                    <!-- start contact form -->
                                    <form action="email-templates/contact-form.php" method="post" novalidate="">
                                        <div class="row row-cols-1 row-cols-md-2">
                                            <div class="col margin-4-rem-bottom sm-margin-25px-bottom">
                                                <input class="medium-input bg-white margin-25px-bottom required"
                                                    type="text" name="name" placeholder="Ad Soyad">
                                                <input class="medium-input bg-white margin-25px-bottom required"
                                                    type="email" name="email" placeholder="Şirket Adı">
                                                <input class="medium-input bg-white mb-0" type="tel" name="phone"
                                                    placeholder="Telefon">
                                            </div>
                                            <div class="col margin-4-rem-bottom sm-margin-20px-bottom">
                                                <textarea class="medium-textarea bg-white h-200px" rows="6"
                                                    name="comment" placeholder="Mesaj"></textarea>
                                            </div>
                                            <div class="col text-start sm-margin-25px-bottom">
                                                <input type="checkbox" name="terms_condition" id="terms_condition"
                                                    value="1"
                                                    class="terms-condition d-inline-block align-top w-auto mb-0 margin-5px-top margin-10px-right">
                                                <label for="terms_condition"
                                                    class="text-small d-inline-block align-top w-85 md-w-90 xs-w-85">Koşulları
                                                    kabul ediyorum ve verilerimin gizlilik politikasına uygun olarak
                                                    güvenli
                                                    bir şekilde tutulacağını anlıyorum.</label>
                                            </div>
                                            <div class="col text-center text-md-end">
                                                <button id="project-contact-us-button"
                                                    class="btn btn-medium btn-gradient-garantili mb-0 submit"
                                                    type="submit">Formu Gönder</button>
                                            </div>
                                        </div>
                                        <div class="form-results d-none"></div>
                                    </form>
                                    <!-- end contact form -->

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- end section -->
    <!-- start footer -->
    <footer
        class="footer-application footer-dark footer-bg-garantili position-relative overlap-gap-section-bottom sm-padding-25px-top">
        <div class="footer-top md-padding-one-tb lg-padding-eight-tb sm-padding-50px-bottom text-white">
            <div class="container">
                <div class="row lg-justify-content-center">
                    <!-- start footer column -->
                    <div class="col-12 col-lg-3 col-md-7 col-sm-6 md-margin-40px-bottom xs-margin-25px-bottom">
                        <a href="#" class="footer-logo margin-25px-bottom d-inline-block"><img
                                src="images/logo-beyaz.svg" data-at2x="images/logo-beyaz.svg" alt=""
                                style="width: 130px !important;"></a>
                        <p class="w-95 sm-w-90 lg-w-100 text-light">15 Temmuz Mahallesi, Gülbahar Caddesi, Nur Yıldız Plaza, Kat:2 No: 7/21, 34212 Bağcılar/İstanbul</p>
                        <p class="w-95 sm-w-90 lg-w-100 text-light">(0212) 485 28 29</p>
                        <div class="social-icon-style-12">
                            <ul class="extra-small-icon light">
                                <li><a class="facebook" href="https://www.facebook.com" target="_blank"><i
                                            class="fab fa-facebook-f"></i></a></li>
                                <li><a class="twitter" href="http://www.twitter.com" target="_blank"><i
                                            class="fab fa-twitter"></i></a></li>
                                <li><a class="instagram" href="http://www.instagram.com" target="_blank"><i
                                            class="fab fa-instagram"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- end footer column -->
                    <!-- start footer column -->
                    <div
                        class="col-12 col-lg-2 offset-lg-1 d-none d-lg-block col-md-4 col-sm-6 md-margin-40px-bottom xs-margin-25px-bottom">
                        <span
                            class="alt-font font-weight-500 d-block text-white margin-20px-bottom xs-margin-10px-bottom">Sayfalar</span>
                        <ul>
                            <li><a class="text-white" href="#">Ansayfa</a></li>
                            <li><a class="text-white" href="#">Biz Kimiz</a></li>
                            <li><a class="text-white" href="#">Ürünlerimiz</a></li>
                            <li><a class="text-white" href="#">S.S.S.</a></li>
                            <li><a class="text-white" href="#">Kasko</a></li>
                        </ul>
                    </div>
                    <!-- end footer column -->
                    <!-- start footer column -->
                    <div class="col-12 col-lg-2 col-md-4 d-none d-lg-block col-sm-6 xs-margin-45px-bottom">
                        <span
                            class="alt-font font-weight-500 d-block text-white margin-20px-bottom xs-margin-10px-bottom">Ürünlerimiz</span>
                        <ul>
                            <li><a class="text-white" href="#">Cep Kasko</a></li>
                            <li><a class="text-white" href="#">Asistans Hizmeti</a></li>
                        </ul>
                    </div>
                    <!-- end footer column -->
                    <!-- start footer column -->
                    <div
                        class="col-12 col-lg-3 offset-lg-1 col-md-4 offset-md-1 col-sm-6 last-paragraph-no-margin text-center text-lg-start">
                        <span
                            class="alt-font font-weight-500 d-none d-lg-block text-white margin-20px-bottom xs-margin-10px-bottom">Uygulamayı
                            İndir</span>
                        <div class="w-85 md-w-100 d-md-block flex-md-row d-lg-inline-block">
                            <a href="#" class="margin-10px-bottom d-md-block d-inline-block sm-no-margin-right">
                                <img class="w-80" src="images/application-img-11.png" alt="">
                            </a>
                            <a href="#" class="margin-20px-bottom d-md-block d-inline-block sm-no-margin-left">
                                <img class="w-80" src="images/application-img-12.png" alt="">
                            </a>
                        </div>
                    </div>
                    <!-- end footer column -->
                </div>
            </div>
        </div>
        <div class="footer-bottom padding-35px-tb border-top border-width-1px border-color-dark-bluex-transparent">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-12 col-md-6 sm-margin-15px-bottom">
                        <ul
                            class="footer-horizontal-link d-flex flex-column flex-sm-row justify-content-center justify-content-md-start text-center">
                            <li><a class="text-white" href="#">Biz Kimiz</a></li>
                            <li><a class="text-white" href="#">Ürünlerimiz</a></li>
                            <li><a class="text-white" href="#">S.S.S.</a></li>
                            <li><a class="text-white" href="#">Kasko</a></li>
                        </ul>
                    </div>
                    <div class="col-12 col-md-6 text-center text-md-end text-white last-paragraph-no-margin">
                        <p>&copy; 2022 Garantili Teknoloji İletişim Hizmetleri</p>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- end footer -->
    <!-- start scroll to top -->
    <a class="scroll-top-arrow" href="javascript:void(0);"><i class="feather icon-feather-arrow-up"></i></a>
    <!-- end scroll to top -->
    <!-- javascript -->
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/theme-vendors.min.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</body>

</html>