<body onload=" if($('.preloader').length){$('.preloader').delay(200).fadeOut(500); }">
<div class="preloader">
</div>
{#
-- İletişim bilgileri için : {{ 'alan'|site_iletisimBilgileri|raw }} kullanın. Ör: {{ 'telefon'|site_iletisimBilgileri|raw }}
-- Anasayfa Linki : {{ ''|site_anaLink }} kullanın.
-- İletişim Linki : {{ iletisimLink }} kullanın.
-- Logolar : {{ path('panel_storage',{'file':'logo.webp'}) }} kullanın. Logo sabit isimleri logo.webp, beyazLogo.webp, favicon.webp 'dir.
-- Sosyal Ağlar : "sosyalAglar" adında bir dizide döndürülmektedir. Dizinin "adi, link, ikon" değişkenleri bulunuyor. Bu bilgiler ile kodlayınız.
-- Menüler : "menuler" adında bir dizide döndürülmektedir. Dizinin "adi, link, altmenuler[]" değişkenleri bulunuyor. "altmenuler" adında her döngüde varsa yine "adi, link" değişkenleri dizi halinde döndürülüyor. Eğer altmenüler dizisi yok ise açılır menü yapmayınız. Bu bilgiler ile kodlamayınız.
----------------------------------------------------
#}
<!-- Preloader -->
<div class="loader-wrap">
<div class="preloader">
<div id="handle-preloader" class="handle-preloader">
<div class="layer layer-one">
<span class="overlay"></span>
</div>
<div class="layer layer-three">
<span class="overlay"></span>
</div>
<div class="layer layer-two">
<span class="overlay"></span>
</div>
<div class="animation-preloader">
<div class="spinner"></div>
</div>
</div>
</div>
</div>
<!-- Preloader End -->
<!-- Cursor -->
<div class="cursor"></div>
<div class="cursor-follower"></div>
<!-- Cursor End -->
<div class="page-wrapper boxed_wrapper">
<header class="main-header main-header-style1">
<!--Start Main Header Style1 Top-->
<div class="main-header-style1__top">
<div class="container">
<div class="main-header-style1__top-inner">
<div class="main-header-style1__top-left">
<ul>
<li>
<a href="tel:{{ 'telefon'|site_iletisimBilgileri|raw }}"><span class="icon-phone"></span> {{ 'telefon'|site_iletisimBilgileri|raw }}</a>
</li>
<li>
<a href="mailto:{{ 'eposta'|site_iletisimBilgileri|raw }}"><span class="icon-support-services"></span> {{ 'eposta'|site_iletisimBilgileri|raw }}</a>
</li>
</ul>
</div>
<div class="main-header-style1__top-right">
<div class="header-menu-style1">
<ul>
{% for ss in sosyalAglar %}
<li><a href="{{ss.link}}"><i class="{{ ss.ikon }}"></i></a></li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
</div>
<!--End Main Header Style1 Box Top-->
<!--Start Main Header Style1 Box Bottom-->
<div class="main-header-style1__bottom">
<div class="container">
<div class="main-header-style1__bottom-inner">
<div class="main-header-style1__bottom-left">
<div class="logo-box-style1">
<a href="{{ ''|site_anaLink }}">
<img src="{{ path('panel_storage',{'file':'logo.webp'}) }}" alt="{{ 'siteAdi'|ayarlar }}" width="120px">
</a>
</div>
<!--Start Main Menu Style1-->
<nav class="main-menu main-menu-style1">
<div class="main-menu__wrapper clearfix">
<div class="main-menu__wrapper-inner">
<div class="sticky-logo-box-style1">
<a href="{{ ''|site_anaLink }}">
<img src="{{ path('panel_storage',{'file':'beyazLogo.webp'}) }}" alt="{{ 'siteAdi'|ayarlar }}"
width="120px">
</a>
</div>
<div class="main-menu-style1__left">
<div class="main-menu-box">
<a href="#" class="mobile-nav__toggler">
<i class="fa fa-bars"></i>
</a>
<ul class="main-menu__list">
{% for menu in menuler %}
<li class="{% if menu.altmenuler is defined and menu.altmenuler|length > 0 %}dropdown{%endif%}">
<a href="{{ menu.link }}">{{ menu.adi }}</a>
{% if menu.altmenuler is defined and menu.altmenuler|length > 0 %}
<ul>
{% for alt in menu.altmenuler %}
<li><a href="{{ alt.link }}">{{ alt.adi|html_entity_decode|raw }}</a></li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
</nav>
<!--End Main Menu Style1-->
</div>
<div class="main-header-style1__bottom-right">
<div class="header-button-style1">
<a class="btn-one" href="{{ iletisimLink }}">
<span class="txt">
Teklif Alın
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<!--End Main Header Style1 Bottom-->
</header>
<div class="stricky-header stricky-header--style1 stricked-menu main-menu">
<div class="sticky-header__content"></div>
<!-- /.sticky-header__content -->
</div>
<!-- /.stricky-header -->