templates/siteBase/header.html.twig line 1

Open in your IDE?
  1. <body onload=" if($('.preloader').length){$('.preloader').delay(200).fadeOut(500); }">
  2. <div class="preloader">
  3. </div>
  5. {#
  6. -- İletişim bilgileri için : {{ 'alan'|site_iletisimBilgileri|raw }} kullanın. Alan kısmında ilgili veriler: telefon, adres, eposta, gsm
  7. -- Anasayfa Linki : {{ ''|site_anaLink }} kullanın.
  8. -- İletişim Linki : {{ iletisimLink }} isim olarak Bize Ulaşın kullanın.
  9. -- 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.
  10. -- 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.
  11. -- 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.
  12. -- Tüm resimlerin alt etiketlerini ilgili isminden esinlenerek türkçe kullanın.
  13. ----------------------------------------------------
  14. #}
  15. <body class="index-four">
  16. <header class="tmp-header-area-start header-two header-four header-five header--sticky">
  17.     <!-- header-top start -->
  18.     <div class="header-top-one">
  19.         <div class="container">
  20.             <div class="row">
  21.                 <div class="col-lg-12">
  22.                     <div class="header-top-inner">
  23.                         <div class="left-information-area">
  24.                             <p class="left-top"><a href="tel:{{ 'telefon'|site_iletisimBilgileri }}"><i class="fa fa-phone"></i> {{ 'telefon'|site_iletisimBilgileri }}</a></p>
  25.                             <div class="location-area">
  26.                                 <i class="fa fa-envelope"></i>
  27.                                 <a href="mailto:{{ 'eposta'|site_iletisimBilgileri }}">{{ 'eposta'|site_iletisimBilgileri }}</a>
  28.                             </div>
  29.                             
  30.                         </div>
  31.                         <div class="right-header-top">
  32.                             <div class="social-area-transparent">
  33.                                 <span>Bizi Takip Edin</span>
  34.                                 {% for ag in sosyalAglar %}
  35.                                     <a href="{{ ag.link }}"><i class="{{ ag.ikon }}"></i></a>
  36.                                 {% endfor %}
  37.                             </div>
  38.                         </div>
  39.                     </div>
  40.                 </div>
  41.             </div>
  42.         </div>
  43.     </div>
  44.     <!-- header-top end -->
  45.     <!-- header mid area start -->
  46.     <div class="container">
  47.         <div class="row">
  48.             <div class="col-lg-12">
  49.                 <div class="header-mida-area style-two ">
  50.                     <div class="logo-area-start">
  51.                         <a href="{{ ''|site_anaLink }}">
  52.                             <img src="{{ path('panel_storage',{'file':'beyazLogo.webp'}) }}" alt="logo" width="100">
  53.                         </a>
  54.                     </div>
  56.                     <div class="header-nav main-nav-one">
  57.                         <nav>
  58.                             <ul class="parent-nav">
  59.                                 {% for menu in menuler %}
  60.                                     {% if menu.altmenuler|default([])|length > 0 %}
  61.                                         <li class="has-dropdown">
  62.                                             <a class="nav-link" href="{{ menu.link }}">
  63.                                                 <span class="rolling-text">{{ menu.adi }}</span>
  64.                                             </a>
  65.                                             <ul class="submenu">
  66.                                                 {% for altmenu in menu.altmenuler %}
  67.                                                     <li><a href="{{ altmenu.link }}">{{ altmenu.adi }}</a></li>
  68.                                                 {% endfor %}
  69.                                             </ul>
  70.                                         </li>
  71.                                     {% else %}
  72.                                         <li>
  73.                                             <a class="nav-link" href="{{ menu.link }}">
  74.                                                 <span class="rolling-text">{{ menu.adi }}</span>
  75.                                             </a>
  76.                                         </li>
  77.                                     {% endif %}
  78.                                 {% endfor %}
  79.                                 
  80.                             </ul>
  81.                         </nav>
  82.                     </div>
  83.                     <div class="actions-area">
  84.                         <a href="{{ iletisimLink }}" class="tmp-btn btn-primary">Bize Ulaşın</a>
  85.                         <div class="tmp-side-collups-area" id="side-collups">
  86.                             <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  87.                                 <rect y="14" width="20" height="2" fill="#fff"></rect>
  88.                                 <rect y="7" width="20" height="2" fill="#fff"></rect>
  89.                                 <rect width="20" height="2" fill="#fff"></rect>
  90.                             </svg>
  91.                         </div>
  92.                     </div>
  93.                 </div>
  94.             </div>
  95.         </div>
  96.     </div>
  97.     <!-- header mid area end -->
  98. </header>
  99. <!-- tpm-header-area end -->
  101. <div id="side-hide">
  102.     <div class="top-area">
  103.         <a href="{{ ''|site_anaLink }}" class="logo-area">
  104.             <img src="{{ path('panel_storage',{'file':'beyazLogo.webp'}) }}" alt="logo" width="100">
  105.         </a>
  106.         <div class="close-icon-area">
  107.             <div id="close-slide__main">
  108.                 <i class="fa-solid fa-x"></i>
  109.             </div>
  110.         </div>
  111.     </div>
  112.     
  113.     <!-- mobile menu area start -->
  114.     <div class="mobile-menu-main">
  115.         <nav class="nav-main mainmenu-nav mt--30">
  116.             <ul class="mainmenu metismenu" id="mobile-menu-active">
  117.                 {% for menu in menuler %}
  118.                     <li class="{% if menu.altmenuler|default([])|length > 0 %}has-droupdown{%endif%}">
  119.                         <a href="{% if menu.altmenuler|default([])|length == 0 %}{{ menu.link }}{%else%}#{%endif%}" class="main">{{ menu.adi }}</a>
  120.                         {% if menu.altmenuler|default([])|length > 0 %}
  121.                             <ul class="submenu">
  122.                                 {% for altmenu in menu.altmenuler %}
  123.                                     <li><a class="mobile-menu-link" href="{{ altmenu.link }}">{{ altmenu.adi }}</a></li>
  124.                                 {% endfor %}
  125.                             </ul>
  126.                         {% endif %}
  127.                     </li>
  128.                 {% endfor %}
  129.             </ul>
  130.         </nav>
  131.     </div>
  132.     <!-- mobile menu area end -->
  133. </div>
  134. <!-- tpm-header-area end -->