File: /home2/yenicep/www/html/urunlerimiz.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 section -->
<section class="bg-light-gray">
<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 Ürünleri</h4>
</div>
</div>
<div class="row justify-content-center">
<div class="col-12 col-lg-4 col-md-8 d-flex text-center md-margin-30px-bottom wow animate__fadeIn"
data-wow-delay="0.4s">
<!-- start pricing table -->
<div
class="pricing-table d-flex flex-column justify-content-center w-100 bg-white border-radius-5px padding-60px-lr padding-70px-tb lg-padding-50px-lr xs-padding-50px-tb xs-padding-40px-lr">
<!-- start pricing header -->
<div class="pricing-header">
<div class="text-medium margin-10px-bottom d-block alt-font">Ekonomik</div>
<div
class="alt-font text-extra-dark-gray text-large font-weight-500 margin-3-rem-bottom text-uppercase">
Temel Paket</div>
<h3 class="alt-font font-weight-500 text-dark letter-spacing-minus-2px no-margin-bottom">
300TL</h3>
<span
class="text-uppercase text-extra-dark-gray letter-spacing-1px font-weight-500 text-small">YILLIK</span>
</div>
<!-- end pricing header -->
<!-- start pricing body -->
<div class="pricing-body padding-3-rem-tb">
<ul class="list-style-03">
<li class="border-color-medium-gray">Lorem Ipsum dolor</li>
<li class="border-color-medium-gray">Lorem Ipsum dolor</li>
<li class="border-color-medium-gray">Lorem Ipsum dolor</li>
</ul>
</div>
<!-- end pricing body -->
<!-- start pricing footer -->
<div class="pricing-footer">
<a class="btn btn-fancy btn-small btn-gradient-garantili popup-with-move-anim"
href="#get-offer">Hemen Teklif Al</a>
</div>
<!-- end pricing footer -->
</div>
<!-- end pricing table -->
</div>
<div class="col-12 col-lg-4 col-md-8 d-flex text-center md-margin-30px-bottom wow animate__fadeIn"
data-wow-delay="0.2s">
<!-- start pricing table -->
<div
class="pricing-table d-flex flex-column justify-content-center w-100 bg-gradient-garantili-product border-radius-5px padding-60px-lr padding-70px-tb lg-padding-50px-lr xs-padding-50px-tb xs-padding-40px-lr">
<!-- start pricing header -->
<div class="pricing-header">
<div class="text-white text-medium margin-10px-bottom d-block alt-font opacity-7">Popüler
</div>
<div
class="alt-font text-white text-large font-weight-500 margin-3-rem-bottom text-uppercase">
Avantajlı Paket</div>
<h2 class="alt-font font-weight-500 text-white letter-spacing-minus-2px no-margin-bottom">
500TL</h2>
<span
class="text-uppercase text-white letter-spacing-1px font-weight-500 text-small">YILLIK</span>
</div>
<!-- end pricing header -->
<!-- start pricing body -->
<div class="pricing-body padding-3-rem-tb">
<ul class="list-style-03 text-white">
<li class="border-color-medium-gray">Lorem Ipsum dolor</li>
<li class="border-color-medium-gray">Lorem Ipsum dolor</li>
<li class="border-color-medium-gray">Lorem Ipsum dolor</li>
<li class="border-color-medium-gray">Lorem Ipsum dolor</li>
</ul>
</div>
<!-- end pricing body -->
<!-- start pricing footer -->
<div class="pricing-footer">
<a class="btn btn-medium btn-transparent-white d-table d-lg-inline-block lg-margin-15px-bottom md-margin-auto-lr popup-with-move-anim" href="#get-offer">Hemen
Teklif Al</a>
</div>
<!-- end pricing footer -->
</div>
<!-- end pricing table -->
</div>
<div class="col-12 col-lg-4 col-md-8 d-flex text-center wow animate__fadeIn" data-wow-delay="0.4s">
<!-- start pricing table -->
<div
class="pricing-table d-flex flex-column justify-content-center w-100 bg-white border-radius-5px padding-60px-lr padding-70px-tb lg-padding-50px-lr xs-padding-50px-tb xs-padding-40px-lr">
<!-- start pricing header -->
<div class="pricing-header">
<div class="text-medium margin-10px-bottom d-block alt-font">Tam Kapsamlı</div>
<div
class="alt-font text-extra-dark-gray text-large font-weight-500 margin-3-rem-bottom text-uppercase">
FULL PAKET</div>
<h3 class="alt-font font-weight-500 text-dark letter-spacing-minus-2px no-margin-bottom">
700TL</h3>
<span
class="text-uppercase text-extra-dark-gray letter-spacing-1px font-weight-500 text-small">YILLIK</span>
</div>
<!-- end pricing header -->
<!-- start pricing body -->
<div class="pricing-body padding-3-rem-tb">
<ul class="list-style-03">
<li class="border-color-medium-gray">Lorem Ipsum dolor</li>
<li class="border-color-medium-gray">Lorem Ipsum dolor</li>
<li class="border-color-medium-gray">Lorem Ipsum dolor</li>
</ul>
</div>
<!-- end pricing body -->
<!-- start pricing footer -->
<div class="pricing-footer">
<a class="btn btn-fancy popup-with-move-anim btn-small btn-gradient-garantili"
href="#get-offer">Hemen Teklif Al</a>
</div>
<!-- end pricing footer -->
</div>
<!-- end pricing table -->
</div>
</div>
</div>
</section>
<!-- end section -->
<!-- start section -->
<section class="bg-light-gray pt-0" style="padding-bottom: 200px;">
<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">
<h5 class="alt-font font-weight-500 text-extra-dark-gray letter-spacing-minus-1px">Garantili Asistans Hizmeti</h5>
</div>
</div>
<div class="row justify-content-center">
<div class="col-12 col-lg-6 col-md-8 d-flex text-center md-margin-30px-bottom wow animate__fadeIn"
data-wow-delay="0.4s">
<!-- start pricing table -->
<div
class="pricing-table d-flex flex-column justify-content-center w-100 bg-white border-radius-5px padding-60px-lr padding-70px-tb lg-padding-50px-lr xs-padding-50px-tb xs-padding-40px-lr">
<!-- start pricing header -->
<div class="pricing-header">
<div class="text-medium margin-10px-bottom d-block alt-font">Kurumsal Paket (+30.000)</div>
<div
class="alt-font text-extra-dark-gray text-large font-weight-500 margin-3-rem-bottom text-uppercase">
Çoklu Paket</div>
<h3 class="alt-font font-weight-500 text-dark letter-spacing-minus-2px no-margin-bottom">Bizimle İletişime Geçin!</h3>
</div>
<!-- end pricing header -->
<!-- start pricing body -->
<div class="pricing-body padding-3-rem-tb">
<ul class="list-style-03">
<li class="border-color-medium-gray">Tesisat Onarımı</li>
<li class="border-color-medium-gray">Konut/İşyeri Çilingir Hizmeti</li>
<li class="border-color-medium-gray">Elektrikçi Hizmeti</li>
<li class="border-color-medium-gray">Çekici Hizmeti</li>
</ul>
</div>
<!-- end pricing body -->
<!-- start pricing footer -->
<div class="pricing-footer">
<a class="btn btn-fancy btn-small btn-gradient-garantili popup-with-move-anim"
href="#get-offer">Hemen Teklif Al</a>
</div>
<!-- end pricing footer -->
</div>
<!-- end pricing table -->
</div>
</div>
</div>
</section>
<!-- end section -->
<!-- start section -->
<section class="of-footer bg-light-gray 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 -->
<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>
<!-- 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">Lorem ipsum is simply dummy text of the printing and
industry lorem
ipsum has been the industry.</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="#">Lorem İpsum</a></li>
<li><a class="text-white" href="#">dolor sit amet</a></li>
<li><a class="text-white" href="#">Company story</a></li>
<li><a class="text-white" href="#">Consectetur</a></li>
<li><a class="text-white" href="#">Adipiscing elit</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>© 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>