retroguvenlik-sources
Version:
Retro Güvenlik Landing Pages tasarımı için kullanılan dosyaları içerir.
320 lines • 13.2 kB
HTML
<html lang="en"></html>
<head>
<meta charset="UTF-8"/>
<meta http-equiv="Content-Language" content="tr"/>
<title>Retro Güvenlik Sistemleri</title>
<meta author="Aydın Gündeğer"/>
<meta name="description" content="Güvenlik Teknolojileri Adına Herşey!"/>
<meta name="robots" content="index, follow"/>
<meta name="keywords" content="güvenlik, cctv, security, speed dome, dome, bullet, güvenlik teknolojileri"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="apple-touch-icon" sizes="57x57" href="assets/img/favicon/apple-icon-57x57.png"/>
<link rel="apple-touch-icon" sizes="60x60" href="assets/img/favicon/apple-icon-60x60.png"/>
<link rel="apple-touch-icon" sizes="72x72" href="assets/img/favicon/apple-icon-72x72.png"/>
<link rel="apple-touch-icon" sizes="76x76" href="assets/img/favicon/apple-icon-76x76.png"/>
<link rel="apple-touch-icon" sizes="114x114" href="assets/img/favicon/apple-icon-114x114.png"/>
<link rel="apple-touch-icon" sizes="120x120" href="assets/img/favicon/apple-icon-120x120.png"/>
<link rel="apple-touch-icon" sizes="144x144" href="assets/img/favicon/apple-icon-144x144.png"/>
<link rel="apple-touch-icon" sizes="152x152" href="assets/img/favicon/apple-icon-152x152.png"/>
<link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicon/apple-icon-180x180.png"/>
<link rel="icon" type="image/png" sizes="192x192" href="assets/img/favicon/android-icon-192x192.png"/>
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon/favicon-32x32.png"/>
<link rel="icon" type="image/png" sizes="96x96" href="assets/img/favicon/favicon-96x96.png"/>
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon/favicon-16x16.png"/>
<link rel="manifest" href="assets/img/favicon/manifest.json"/>
<meta name="msapplication-TileColor" content="#ffffff"/>
<meta name="msapplication-TileImage" content="assets/img/favicon/ms-icon-144x144.png"/>
<meta name="theme-color" content="#ffffff"/>
</head>
<body>
<link rel="stylesheet" href="assets/css/include.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>
<link rel="stylesheet" href="vendor/fontawesome/css/font-awesome.min.css"/>
<link href="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css" rel="stylesheet"/>
<script src="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.js"></script>
<section class="header">
<section class="header-ust">
<div class="container">
<div class="row">
<div class="col-md-12">
<ul>
<li><a href="#">DESTEK</a></li>
<li><a href="#">BASIN</a></li>
<li><a href="#">KARİYER</a></li>
<li><a href="#">GİZLİLİK SÖZLEŞMESİ</a></li>
<li><a href="#">GÜVENLİK POLİTİKASI</a></li>
</ul>
</div>
</div>
</div>
</section>
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="logo"><a href="#"></a></div>
</div>
<div class="col-md-8">
<nav class="web-only">
<ul>
<li><a href="#">KURUMSAL</a></li>
<li><a href="#">ÜRÜNLER</a></li>
<li><a href="#">BLOG</a></li>
<li><a href="#">İLETİŞİM</a></li>
</ul>
</nav>
</div>
</div>
<div class="row">
<section class="promo">
<div class="col-md-12">
<H5>GÜVENLİĞİNİZ İÇİN HERŞEY</H5>
</div>
<div class="col-md-12">
<h3>BAŞARILI ÇÖZÜMLER,</h3>
<h3>MUTLU BAYİLER.</h3>
</div>
<div class="col-md-12">
<button class="explore-items"><a href="#">ÜRÜNLERE GÖZAT</a></button>
</div>
<div class="col-md-12">
<button class="retro-bayi"><a href="#">RETROBAYİ</a></button>
</div>
</section>
</div>
</div>
</section>
<section class="introduction">
<div class="item">
<h3>GİRİŞ</h3>
<h5>Tüm bilgileri bu kısımdan öğrenebilirsiniz.</h5>
</div>
<div class="item">
<h3>RETRO GÜVENLİK</h3>
<h5>Retro Güvenlik açıklama</h5>
</div>
<div class="item">
<h3>NE ALMALIYIM?</h3>
<h5>Projelerinize ve şartnamelerinize uygun ürünlerinizi öğrenebilirsiniz.</h5>
</div>
<div class="item">
<h3>SATIN ALMA AŞAMASI</h3>
<h5>Satın alma aşaması hakkında açıklama</h5>
</div>
<div class="item">
<h3>GÜVENLİK VE KARGO</h3>
<h5>Güvenlik ve kargo hakkında açıklama</h5>
</div>
</section>
<section class="camera-specs">
<div class="container">
<div class="row">
<div class="specs-container">
<div class="col-md-12">
<div class="camera"></div>
<div class="headtitle">IP KAMERA</div>
<div class="title">Ödüllü Tasarım,</div>
<div class="title">Yüksek Performans</div><span class="arrow-right-grey"><a href="#">AYDIN GÜNDEĞER</a></span><span class="mikrofon"></span><span class="odul-icon"></span>
<div class="primary-text">SES KAYIT, ÖDÜLLÜ TASARIM</div>
<div class="primary-paragraph"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore ipsa obcaecati molestias, quidem porro voluptatem cupiditate excepturi illum quas eius sequi suscipit.</div>
</div>
</div>
</div>
</div>
</section>
<section class="pdks-services">
<div class="container">
<div class="row">
<div class="headtitle">GEÇİŞ KONTROL SİSTEMLERİ</div>
<div class="title">Retro alanında uzman</div>
<div class="title">kadrosuyla her zaman yanınızda.</div>
<p>Ofisler, evler ve yüksek güvenlik gerektirecek yerlerde birinci tercihiniz biz olmaktan gurur duyuyoruz.</p>
<button class="explore-items"><a href="#0">ÜRÜNLERE GÖZAT</a></button>
<div class="icons"></div>
</div>
</div>
</section>
<section class="mutlubayiler">
<div class="items"></div>
<div class="items">
<div class="wrapper"></div>
<div class="headtitle">MUTLU BAYİLER</div>
<h3>RETRO İLE GÜVENDEYİZ !</h3>
<h6>RETRO'YU SEÇENLER</h6>
</div>
</section>
<section class="xvr-teknolojisi">
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="wrapper">
<div class="headtitle">XVR TEKNOLOJİSİ</div>
<div class="title">İHTİYACINIZ OLAN HERŞEY TEK KAMERADA!</div><a class="right-arrow-blue" href="#">Retro</a>
<div class="kolaj"></div>
</div>
</div>
<div class="col-md-4">
<div class="video-wrapper">
<div class="video-title">TANITIM VİDEOSU</div>
<div class="video-thumbnails"></div>
</div>
</div>
</div>
</div>
</section>
<section class="exclusive-products">
<div class="container">
<div class="exclusive-wrapper">
<div class="row">
<div class="col-md-12">
<div class="title-wrapper">
<h6>EN ÇOK SEÇİLENLER ÖZEL SETİ</h6>
<h3>İhtiyacınıza Uygun Setler</h3>
</div>
</div>
</div>
<div class="row">
<div class="item-wrapper">
<div class="col-md-4">
<div class="item"></div>
<div class="discount">%20 İNDİRİMLİ</div>
<div class="title">2 Megapiksel AHD Set</div>
<div class="price">190$</div>
</div>
<div class="col-md-4">
<div class="item"></div>
<div class="discount">%20 İNDİRİMLİ</div>
<div class="title">4 Megapiksel HD-CVI Set</div>
<div class="price">175$</div>
</div>
<div class="col-md-4">
<div class="item"></div>
<div class="discount">%20 İNDİRİMLİ</div>
<div class="title">12 Megapiksel XVR Set</div>
<div class="price">1299$</div>
</div>
</div>
</div>
<div class="row">
<div class="btn-wrapper">
<button><a href="#">DEVAMINI GÖR</a></button>
</div>
</div>
</div>
</div>
</section>
<section class="house-security">
<div class="container">
<div class="row">
<div class="content-box">
<h6>7/24 GÜVENLİK</h6>
<h3>Siz tatildeyken eviniz bizim gözetimimiz altında.</h3>
</div>
</div>
</div>
</section>
<section class="twitter">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="twitter-wrapper">
<div class="icons"></div>
<div class="headtitle">RETRO GÜVENLİK TWITTER</div>
<div class="content">ISAF fuarın da Retro Güvenlik Sistemleri olarak yerimizi alıyoruz gelişmeleri ve güncel konuları öğrenmek için takip etmeyi unutmayınız! :)</div>
<div class="author">@RetroGuvenlik</div>
<div class="time">1 Haziran</div>
</div>
</div>
</div>
</div>
</section>
<section class="masonry-layout">
<div class="masonry-wrapper">
<div class="masonry-items">
<h6>DAHUA KAMERA</h6>
<h4>EVİNİ TAKİP ET, EVİNDEN UZAKTA</h4>
</div>
<div class="masonry-items">
<h6>ACCESS KONTROL SİSTEMLERİ</h6>
<h4>HERŞEYİN KONTROLÜ SENİN ELİNDE!</h4>
</div>
<div class="masonry-items">
<h6>RETRO YAZILIM</h6>
<h4>RETRO İLE HERŞEY DAHA KOLAY!</h4>
</div>
<div class="masonry-items">
<h6>ALARM VE YANGIN KORUMA SİSTEMLERİ</h6>
<h4>DAHA FAZLASINI BİL, DAHA AZ ENDİŞELEN</h4>
</div>
</div>
</section>
<footer id="footerMain">
<div class="footerWrapper">
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="left-wrapper">
<div class="logo"></div>
<div class="copyright">
<p>2017 Retro Güvenlik Sistemleri, Tüm Hakları Saklıdır.</p>
</div>
<div class="social">
<div class="facebook"><a href="#"><i class="fa fa-facebook fa-fw"></i></a></div>
<div class="twitter"><a href="#"><i class="fa fa-twitter fa-fw"></i></a></div>
<div class="linkedin"><a href="#"><i class="fa fa-linkedin fa-fw"></i></a></div>
<div class="vimeo"><a href="#"><i class="fa fa-vimeo fa-fw"></i></a></div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="row">
<div class="middle-wrapper">
<div class="col-md-4">
<ul>
<li class="list-head">KURUMSAL</li>
<li><a href="">Hakkımızda</a></li>
<li><a href="">Vizyon & Misyon</a></li>
<li><a href="">Sosyal Sorumluluklar</a></li>
<li><a href="">İndirme Merkezi</a></li>
<li><a href="">Kariyer</a></li>
<li><a href="">İletişim</a></li>
</ul>
</div>
<div class="col-md-4">
<ul>
<li class="list-head">ÜRÜNLER</li>
<li><a href="">AHD Ürünler</a></li>
<li><a href="">IP Ürünler</a></li>
<li><a href="">XVR Ürünler</a></li>
<li><a href="">HD-CVI Ürünler</a></li>
<li><a href="">Speed Dome Ürünler</a></li>
<li><a href="">Box Ürünler</a></li>
</ul>
</div>
<div class="col-md-4">
<ul>
<li class="list-head">BLOG</li>
<li><a href="">Kategoriler</a></li>
<li><a href="">Son Açılan Konular</a></li>
<li><a href="">En Çok Görüntülenenler</a></li>
<li><a href="">En Çok Yorum Yapılanlar</a></li>
<li><a href="">Yazarlar</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="right-wrapper">
<li class="list-head">E-Mailing Bülteni</li>
<p class="mailing-para">Güncel indirim ve kampanyalardan haberdar olmak için mail bültenine kayıt olmayı unutmayınız.</p>
<input type="text" placeholder="Mail adresinizi giriniz..."/>
<input type="submit" value=""/>
</div>
</div>
</div>
</div>
</div>
</footer>
</body>