<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.
----------------------------------------------------
#}
<!-- page wrapper -->
<div class="page-wrapper">
<!-- Header Main Area -->
<header class="site-header header-style-1">
<div class="pbmit-pre-header-wrapper pbmit-bg-color-blackish">
<div class="container">
<div class="d-flex justify-content-between">
<div class="pbmit-pre-header-left">
<ul class="pbmit-contact-info">
<li><i class="pbmit-base-icon-mail-alt"></i> <a style="color: white;" href="mailto:{{ 'eposta'|site_iletisimBilgileri|raw }}" class="__cf_email__" data-cfemail="86e8e9abf4e3f6eaffc6f6e4ebeff2a8e5e9eb">{{ 'eposta'|site_iletisimBilgileri|raw }}</a></li>
<li><i class="pbmit-base-icon-map-solid"></i> {{ 'adres'|site_iletisimBilgileri|raw }}</li>
<li><i class="pbmit-base-icon-phone-call-solid"></i> <a style="color: white;" href="tel:{{ 'telefon'|site_iletisimBilgileri|raw }}">{{ 'telefon'|site_iletisimBilgileri|raw }}</a></li>
</ul>
</div>
<div class="pbmit-pre-header-right">
<ul class="pbmit-contact-info">
<li><a style="color: white;" href="{{ iletisimLink }}">Bize Ulaşın</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="site-header-menu pbmit-bg-color-global">
<div class="container">
<div class="pbmit-header-content d-flex align-items-center justify-content-between">
<div class="pbmit-logo-menuarea d-flex align-items-center">
<div class="site-branding">
<h1 class="site-title">
<a href="{{ ''|site_anaLink }}"><img src="{{ path('panel_storage',{'file':'beyazLogo.webp'}) }}" alt="{{ 'siteAdi'|ayarlar }}"></a>
</h1>
</div>
<div class="site-navigation">
<nav class="main-menu navbar-expand-xl navbar-light">
<div class="navbar-header">
<!-- Toggle Button -->
<button class="navbar-toggler" type="button">
<i class="pbmit-base-icon-menu-1"></i>
</button>
</div>
<div class="pbmit-mobile-menu-bg"></div>
<div class="collapse navbar-collapse clearfix show" id="pbmit-menu">
<div class="pbmit-menu-wrap">
<span class="closepanel">
<svg class="qodef-svg--close qodef-m" xmlns="http://www.w3.org/2000/svg" width="20.163" height="20.163" viewBox="0 0 26.163 26.163">
<rect width="36" height="1" transform="translate(0.707) rotate(45)"></rect>
<rect width="36" height="1" transform="translate(0 25.456) rotate(-45)"></rect>
</svg>
</span>
<ul class="navigation clearfix">
{% for menu in menuler %}
<li {% if menu.altmenuler|default('')!=""%} class="dropdown" {% endif %}><a href="{{ menu.link }}">{{ menu.adi }}</a>
{% if menu.altmenuler|default('')!=""%}
<ul>
{% for altmenu in menu.altmenuler %}
<li><a href="{{ altmenu.link }}">{{ altmenu.adi }}</a></li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
</div>
</div>
</nav>
</div>
</div>
<div class="pbmit-right-box d-flex align-items-center">
<ul class="pbmit-social-links">
{% for ss in sosyalAglar %}
<li><a href="{{ ss.link }}"><i class="fa-brands fa-{{ ss.adi|seo }}"></i></a></li>
{% endfor %}
</ul>
</div>
</div>
</div>
</div>