<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. Alan kısmında ilgili veriler: telefon, adres, eposta-- Anasayfa Linki : {{ ''|site_anaLink }} kullanın.-- İletişim Linki : {{ iletisimLink }} isim olarak Bize Ulaşın kullanın.-- Logolar : {{ path('panel_storage',{'file':'logo.webp'}) }} kullanın. Logo sabit isimleri logo.webp, beyazLogo.webp, favicon.webp 'dir. İlgili img tagnin width değerini 130 verin.-- 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.-- Tüm resimlerin alt etiketlerini ilgili isminden esinlenerek türkçe kullanın.----------------------------------------------------#}<header class="nav-header header-layout2"> <!--============================== Header Two Top Area ============================== --> <div class="header-two-top-area"> <div class="container "> <div class="header-top-content v2"> <ul class="contact-info"> <li> <i class="my-icon icon-call-us"></i> <p class="para">{{ 'telefon'|site_iletisimBilgileri }}</p> </li> <li> <i class="my-icon icon-massage"></i> <p class="para">{{ 'eposta'|site_iletisimBilgileri }}</p> </li> </ul> <div class="follow-us-link"> <div class="para">Bizi Takip Edin: </div> {% for sosyalAg in sosyalAglar %} <div class="follow-icon"><a href="{{ sosyalAg.link }}"><i class="{{ sosyalAg.ikon }}"></i></a></div> {% endfor %} </div> </div> </div> </div> <!--============================== Sticky Wrapper ============================== --> <div class="sticky-wrapper"> <!-- Main Menu Area --> <div class="menu-area"> <div class="container"> <div class="menu-area-content"> <div class="row align-items-center justify-content-between"> <div class="col-auto"> <div class="header-logo"> <a href="{{ ''|site_anaLink }}"> <img src="{{ path('panel_storage',{'file':'logo.webp'}) }}" width="120" alt="ana logo" /> </a> </div> </div> <div class="col-auto"> <nav class="main-menu d-none d-lg-inline-block"> <ul> {% for menu in menuler %} <li class="{% if menu.altmenuler|default([])|length>0 %}menu-item-has-children{% endif %}"> <a href="{{ menu.link }}">{{ menu.adi }}</a> {% if menu.altmenuler|default([])|length>0 %} <ul class="sub-menu"> {% for altmenu in menu.altmenuler %} <li> <a href="{{ altmenu.link }}">{{ altmenu.adi }}</a> </li> {% endfor %} </ul> {% endif %} </li> {% endfor %} </ul> </nav> </div> <div class="col-auto"> <div class="menu-area-right-content"> <div class="all-btn"> <a href="{{ iletisimLink }}" class="btn-p v1 btn-blue rounded icon-v1"> Bize Ulaşın </a> </div> </div> <div class="navbar-right d-inline-flex d-lg-none"> <button type="button" class="menu-toggle"> <i class="my-icon icon-all"></i> </button> </div> </div> </div> </div> </div> </div> </div> <!--============================== Mobile Menu ============================== --> <div class="mobile-menu-wrapper"> <div class="mobile-menu-area text-center"> <button class="menu-toggle"><i class="fa-solid fa-xmark"></i></button> <div class="mobile-logo"> <a href="{{ ''|site_anaLink }}"> <img src="{{ path('panel_storage',{'file':'logo.webp'}) }}" width="130" alt="mobil logo"> </a> </div> <div class="mobile-menu"> <ul> {% for menu in menuler %} <li class="{% if menu.altmenuler|default([])|length>0 %}menu-item-has-children{% endif %}"> <a href="{{ menu.link }}">{{ menu.adi }}</a> {% if menu.altmenuler|default([])|length>0 %} <ul class="sub-menu"> {% for altmenu in menu.altmenuler %} <li> <a href="{{ altmenu.link }}">{{ altmenu.adi }}</a> </li> {% endfor %} </ul> {% endif %} </li> {% endfor %} </ul> </div> </div> </div></header>