{#
onload="if($('.preloader').length){$('.preloader').delay(200).fadeOut(500);} $('link[rel=prefetch]').attr('rel','stylesheet');"
<div class="preloader">
<div class="pre_load"></div>
</div>
#}
{% set gizlilik = 12|site_sayfaIcerik %}
{% set iptal = 13|site_sayfaIcerik %}
{% set kiralama = 14|site_sayfaIcerik %}
{% set sss = 15|site_sayfaIcerik %}
<body class="home-body" onload="if($('.preloader').length){$('.preloader').delay(200).fadeOut(500);} ">
<div class="preloader">
</div>
<header class="header sticky-bar">
<div class="top-bar top-bar-2 top-bar-3 background-body">
<div class="container-fluid">
<div class="text-header-info"> <a class="phone-head neutral-1000" href="tel:{{ 'telefon'|site_iletisimBilgileri|raw }}">
<svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.656 2.34229C10.5314 -0.781426 5.46601 -0.780676 2.34229 2.34401C-0.781426 5.4687 -0.780676 10.534 2.34401 13.6577C5.4687 16.7814 10.534 16.7807 13.6577 13.656C15.1579 12.1554 16.0005 10.1202 16 7.99829C15.9996 5.87673 15.1564 3.84223 13.656 2.34229ZM12.1157 11.1439C12.1154 11.1443 12.115 11.1446 12.1147 11.145V11.1423L11.7093 11.545C11.1851 12.0758 10.4216 12.2942 9.69598 12.121C8.96489 11.9253 8.26989 11.6138 7.63732 11.1983C7.04964 10.8227 6.50501 10.3837 6.01332 9.88898C5.56092 9.43989 5.15448 8.94676 4.79998 8.41698C4.41223 7.84692 4.10532 7.22592 3.88798 6.57164C3.63882 5.80301 3.84529 4.95961 4.42132 4.39298L4.89598 3.91832C5.02795 3.78576 5.24239 3.78529 5.37492 3.91726C5.37526 3.91761 5.37564 3.91795 5.37598 3.91832L6.87464 5.41698C7.0072 5.54895 7.00767 5.76339 6.8757 5.89592C6.87536 5.89626 6.87501 5.89661 6.87464 5.89698L5.99464 6.77698C5.74214 7.02673 5.71039 7.42361 5.91998 7.71032C6.23826 8.14714 6.59048 8.55817 6.97332 8.93967C7.40017 9.36835 7.8642 9.75832 8.35998 10.105C8.64645 10.3048 9.03482 10.2711 9.28264 10.025L10.1333 9.16101C10.2653 9.02845 10.4797 9.02798 10.6122 9.15995C10.6126 9.16029 10.6129 9.16064 10.6133 9.16101L12.1146 10.665C12.2472 10.7969 12.2477 11.0114 12.1157 11.1439Z" fill=""> </path>
</svg>{{ 'telefon'|site_iletisimBilgileri|raw }}</a><a class="email-head neutral-1000" href="mailto:{{ 'eposta'|site_iletisimBilgileri|raw }}">
<svg width="16" height="12" viewbox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.96372 1.07378L6.28622 5.39816C7.22897 6.33909 8.77003 6.33991 9.71356 5.39816L14.0361 1.07378C14.0796 1.03025 14.0732 0.958563 14.0227 0.923344C13.5819 0.615875 13.0455 0.433594 12.4677 0.433594H3.53216C2.95431 0.433594 2.41791 0.615906 1.97703 0.923344C1.92653 0.958563 1.92019 1.03025 1.96372 1.07378ZM0.808594 3.15713C0.808594 2.70275 0.92125 2.27344 1.11969 1.89609C1.15072 1.83706 1.22938 1.82513 1.27653 1.87228L5.54431 6.14006C6.89578 7.4935 9.10322 7.49428 10.4555 6.14006L14.7233 1.87228C14.7704 1.82513 14.8491 1.83706 14.8801 1.89609C15.0785 2.27344 15.1912 2.70278 15.1912 3.15713V8.84266C15.1912 10.3456 13.9687 11.5662 12.4677 11.5662H3.53216C2.03116 11.5662 0.808594 10.3456 0.808594 8.84266V3.15713Z" fill=""></path>
</svg>{{ 'eposta'|site_iletisimBilgileri|raw }}</a></div>
<div class="text-header">
</div>
<div class="top-right-header">
<div class="top-button-mode"> <a class="btn btn-mode change-mode" href="#" data-bs-theme-value="dark"> <img class="light-mode" src="/dist2/assets/imgs/template/icons/light.svg" alt="Travila"><img class="dark-mode" src="/dist2/assets/imgs/template/icons/light-w.svg" alt="Travila"></a></div>
</div>
</div>
</div>
<div class="container-fluid background-body">
<div class="main-header">
<div class="header-left">
<div class="header-logo"><a class="d-flex" href="{{ ''|site_anaLink }}"><img class="light-mode" alt="{{ 'siteAdi'|ayarlar }}" width="120" src="{{ asset('uploads/logo.png') }}"><img class="dark-mode" alt="{{ 'siteAdi'|ayarlar }}" src="{{ asset('uploads/beyazLogo.png') }}" width="120"></a></div>
<div class="header-nav">
<nav class="nav-main-menu">
<ul class="main-menu">
{% set villaKategoriler = 0|site_villaKategori %}
{% set villaKategoriler2 = 1|site_villaKategori %}
<li ><a href="{{ ''|site_anaLink }}">{{ 'Anasayfa'|ceviri }}</a></li>
{% for vKategori in villaKategoriler %}
{% set alt = vKategori.ustid|villa_altKategoriGeriYaz %}
{% set link = ''|site_anaLink~alt~vKategori.seourl %}
<li><a href="{{ link }}">{{ vKategori.adi }}</a></li>
{% endfor %}
<li class="has-children"><a href="#">Destek<span class="submenu-indicator"></span></a>
<ul class="sub-menu">
<li><a href="{{ ''|site_anaLink~gizlilik[0].seo }}">{{ gizlilik[0].adi }}</a></li>
<li><a href="{{ ''|site_anaLink~iptal[0].seo }}">{{ iptal[0].adi }}</a></li>
<li><a href="{{ ''|site_anaLink~sss[0].seo }}">{{ sss[0].adi }}</a></li>
<li><a href="{{ ''|site_anaLink~kiralama[0].seo }}">{{ kiralama[0].adi }}</a></li>
</ul>
</li>
{{ ''|site_menuGetir|raw }}
</ul>
</nav>
</div>
</div>
<div class="header-right">
{% set rezervasyonlarim = 16|site_sayfaIcerik %}
<div class="d-none d-xxl-inline-block align-middle mr-15"><a class="btn btn-default" href="{{ ''|site_anaLink~rezervasyonlarim[0].seo }}">Rezervasyonlarım</a></div>
<div class="burger-icon burger-icon-white"><span class="burger-icon-top"></span><span class="burger-icon-mid"></span><span class="burger-icon-bottom"></span></div>
</div>
</div>
</div>
</header>
<div class="mobile-header-active mobile-header-wrapper-style perfect-scrollbar button-bg-2">
<div class="mobile-header-wrapper-inner">
<div class="mobile-header-logo"> <a class="d-flex" href="{{ ''|site_anaLink }}"><img class="light-mode" alt="{{ 'siteAdi'|ayarlar }}" width="120" src="{{ asset('uploads/logo.png') }}"><img class="dark-mode" alt="{{ 'siteAdi'|ayarlar }}" src="{{ asset('uploads/beyazLogo.png') }}" width="120"></a>
<div class="burger-icon burger-icon-white"></div>
</div>
<div class="mobile-header-content-area">
<div class="perfect-scroll">
<div class="mobile-menu-wrap mobile-header-border">
<nav>
<ul class="mobile-menu font-heading">
{% set villaKategoriler = 0|site_villaKategori %}
{% set villaKategoriler2 = 1|site_villaKategori %}
<li ><a href="{{ ''|site_anaLink }}">{{ 'Anasayfa'|ceviri }}</a></li>
{% for vKategori in villaKategoriler %}
{% set alt = vKategori.ustid|villa_altKategoriGeriYaz %}
{% set link = ''|site_anaLink~alt~vKategori.seourl %}
<li><a href="{{ link }}">{{ vKategori.adi }}</a></li>
{% endfor %}
<li class="has-children"><a href="#">Destek<span class="submenu-indicator"></span></a>
<ul class="sub-menu">
<li><a href="{{ ''|site_anaLink~gizlilik[0].seo }}">{{ gizlilik[0].adi }}</a></li>
<li><a href="{{ ''|site_anaLink~iptal[0].seo }}">{{ iptal[0].adi }}</a></li>
<li><a href="{{ ''|site_anaLink~sss[0].seo }}">{{ sss[0].adi }}</a></li>
<li><a href="{{ ''|site_anaLink~kiralama[0].seo }}">{{ kiralama[0].adi }}</a></li>
</ul>
</li>
{{ ''|site_menuGetir|raw }}
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<main class="main">
{#
<div id="main-wrapper">
<div class="top-header" style="padding-left: 20px; padding-right: 20px;">
<div class="row">
<div class="col-lg-6 col-md-6">
<div class="cn-info">
<ul>
<li><i class="lni-phone-handset"></i>{{ 'telefon'|site_iletisimBilgileri|raw }}</li>
<li><i class="ti-email"></i>{{ 'eposta'|site_iletisimBilgileri|raw }}</li>
</ul>
</div>
</div>
<div class="col-lg-6 col-md-6">
<ul class="top-social">
{{ ''|site_sosyalAglar|raw }}
</ul>
</div>
</div>
</div>
<!-- Start Navigation -->
<div class="header header-light">
<div class="container-fluid">
<nav id="navigation" class="navigation navigation-landscape">
<div class="nav-header">
<a class="nav-brand" href="{{ ''|site_anaLink }}">
<img data-src="{{ asset('uploads/logo.png') }}" class="logo lazy" alt="{{ 'siteAdi'|ayarlar }}" height="45" />
</a>
<div class="nav-toggle"></div>
</div>
<div class="nav-menus-wrapper" style="transition-property: none;">
{% set villaKategoriler = 0|site_villaKategori %}
{% set villaKategoriler2 = 1|site_villaKategori %}
<ul class="nav-menu">
<li><a href="{{ ''|site_anaLink }}">{{ 'Anasayfa'|ceviri }}</a></li>
{% for vKategori in villaKategoriler %}
{% set alt = vKategori.ustid|villa_altKategoriGeriYaz %}
{% set link = ''|site_anaLink~alt~vKategori.seourl %}
<li><a href="{{ link }}">{{ vKategori.adi }}</a></li>
{% endfor %}
<li><a href="#">Villa Seçenekleri<span class="submenu-indicator"></span></a>
<ul class="nav-dropdown nav-submenu">
{% for vKategori in villaKategoriler2 %}
{% set alt = vKategori.ustid|villa_altKategoriGeriYaz %}
{% set link = ''|site_anaLink~alt~vKategori.seourl %}
<li><a href="{{ link }}">{{ vKategori.adi }}</a></li>
{% endfor %}
</ul>
</li>
<li><a href="#">Destek<span class="submenu-indicator"></span></a>
<ul class="nav-dropdown nav-submenu">
<li><a href="{{ ''|site_anaLink~gizlilik[0].seo }}">{{ gizlilik[0].adi }}</a></li>
<li><a href="{{ ''|site_anaLink~iptal[0].seo }}">{{ iptal[0].adi }}</a></li>
<li><a href="{{ ''|site_anaLink~sss[0].seo }}">{{ sss[0].adi }}</a></li>
<li><a href="{{ ''|site_anaLink~kiralama[0].seo }}">{{ kiralama[0].adi }}</a></li>
</ul>
</li>
{{ ''|site_menuGetir|raw }}
</ul>
<ul class="nav-menu nav-menu-social align-to-right">
{% set rezervasyonlarim = 16|site_sayfaIcerik %}
<li class="add-listing theme-bg">
<a href="{{ ''|site_anaLink~rezervasyonlarim[0].seo }}">
<i class="ti-book"></i> Rezervasyonlarım
</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<!-- End Navigation -->
<div class="clearfix"></div>
#}