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. Ör: {{ 'telefon'|site_iletisimBilgileri|raw }}
  7. -- Anasayfa Linki : {{ ''|site_anaLink }} kullanın.
  8. -- İletişim Linki : {{ iletisimLink }} kullanın.
  9. -- Logolar : {{ path('panel_storage',{'file':'logo.webp'}) }} kullanın. Logo sabit isimleri logo.webp, beyazLogo.webp, favicon.webp 'dir.
  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.
  13. ----------------------------------------------------
  14. #}
  15. <!-- Cursor -->
  16. <div class="cursor"></div>
  17. <div class="cursor-follower"></div>
  18. <!-- Cursor End -->
  20. <!-- Preloader -->
  21. <div class="preloader"></div>
  22. <!-- End Preloader -->
  24. <header class="main-header header-style-two">
  25.     <div class="header-top">
  26.         <div class="auto-container">
  27.             <div class="inner-container">
  28.                 <div class="d-flex justify-content-between align-items-center flex-wrap">
  29.                     <div class="left-box d-flex align-items-center flex-wrap">
  30.                         <ul class="header-top_list d-flex flex-wrap">
  31.                             <li><span class="icon flaticon-maps-and-flags"></span>{{ 'adres'|site_iletisimBilgileri|raw }}</li>
  32.                             <li><span class="icon flaticon-call-1"></span><a href="tel:{{ 'telefon'|site_iletisimBilgileri|raw }}">{{ 'telefon'|site_iletisimBilgileri|raw }}</a></li>
  33.                             <li><span class="icon flaticon-email-3"></span><a href="mailto:{{ 'eposta'|site_iletisimBilgileri|raw }}">{{ 'eposta'|site_iletisimBilgileri|raw }}</a></li>
  34.                         </ul>
  35.                     </div>
  36.                     <div class="right-box d-flex align-items-center flex-wrap">
  37.                         <div class="header-top_socials">
  38.                             {% for sosyal in sosyalAglar %}
  39.                                 <a href="{{ sosyal.link }}"><i class="{{ sosyal.ikon }}"></i></a>
  40.                             {% endfor %}
  41.                         </div>
  42.                     </div>
  43.                 </div>
  44.             </div>
  45.         </div>
  46.     </div>
  48.     <div class="header-lower">
  49.         <div class="auto-container">
  50.             <div class="inner-container">
  51.                 <div class="d-flex justify-content-between align-items-center flex-wrap">
  52.                     <div class="logo-box">
  53.                         <div class="logo">
  54.                             <a href="{{ ''|site_anaLink }}">
  55.                                 <img src="{{ path('panel_storage', {'file': 'beyazLogo.webp'}) }}" alt="Logo" width="150">
  56.                             </a>
  57.                         </div>
  58.                     </div>
  60.                     <div class="nav-outer d-flex flex-wrap">
  61.                         <nav class="main-menu navbar-expand-md">
  62.                             <div class="navbar-header">
  63.                                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent">
  64.                                     <span class="icon-bar"></span>
  65.                                     <span class="icon-bar"></span>
  66.                                     <span class="icon-bar"></span>
  67.                                 </button>
  68.                             </div>
  69.                             <div class="navbar-collapse collapse clearfix" id="navbarSupportedContent">
  70.                                 <ul class="navigation clearfix">
  71.                                     {% for menu in menuler %}
  72.                                         <li class="{% if menu.altmenuler is defined and menu.altmenuler|length > 0 %}dropdown{% endif %}">
  73.                                             <a href="{{ menu.link }}">{{ menu.adi }}</a>
  74.                                             {% if menu.altmenuler is defined and menu.altmenuler|length > 0 %}
  75.                                                 <ul>
  76.                                                     {% for alt in menu.altmenuler %}
  77.                                                         <li><a href="{{ alt.link }}">{{ alt.adi }}</a></li>
  78.                                                     {% endfor %}
  79.                                                 </ul>
  80.                                             {% endif %}
  81.                                         </li>
  82.                                     {% endfor %}
  83.                                 </ul>
  84.                             </div>
  85.                         </nav>
  86.                     </div>
  88.                     <div class="outer-box d-flex align-items-center flex-wrap">
  89.                         <div class="header-phone_box">
  90.                             <div class="header-phone_icon flaticon-conversation"></div>
  91.                             <div>
  92.                                 <span>7/24 İletişim</span>
  93.                                 <a href="tel:{{ 'telefon'|site_iletisimBilgileri|raw }}">{{ 'telefon'|site_iletisimBilgileri|raw }}</a>
  94.                             </div>
  95.                         </div>
  96.                         <div class="mobile-nav-toggler"><span class="icon flaticon-menu-3"></span></div>
  97.                     </div>
  98.                 </div>
  99.             </div>
  100.         </div>
  101.     </div>
  103.     <div class="mobile-menu">
  104.         <div class="menu-backdrop"></div>
  105.         <div class="close-btn"><span class="icon flaticon-cancel-1"></span></div>
  106.         <nav class="menu-box">
  107.             <div class="nav-logo">
  108.                 <a href="{{ ''|site_anaLink }}">
  109.                     <img src="{{ path('panel_storage', {'file': 'logo.webp'}) }}" alt="Mobile Logo"  width="150">
  110.                 </a>
  111.             </div>
  112.             <div class="menu-outer"><!-- JavaScript ile Menü gelecek --></div>
  113.         </nav>
  114.     </div>
  115. </header>
  117. <!-- About Sidebar -->
  118. <div class="about-sidebar">
  119.     <div class="gradient-layer"></div>
  120.     <div class="close-sidebar-widget close-button">
  121.         <span class="fa-solid fa-xmark fa-fw"></span>
  122.     </div>
  123.     <div class="sidebar-inner">
  124.         <div class="upper-box">
  125.             <div class="image">
  126.                  <img src="{{ path('panel_storage', {'file': 'logo.webp'}) }}" alt="Mobile Logo"  width="150">
  127.             </div>
  128.             <div class="content-box">
  129.                 <h3>{{ 'siteAdi'|ayarlar }}</h3>
  130.                 <div class="text">{{footerMetin|raw}}</div>
  131.               
  132.             </div>
  133.         </div>
  134.         <div class="social-box">
  135.             {% for sosyal in sosyalAglar %}
  136.                 <a href="{{ sosyal.link }}"><i class="{{ sosyal.ikon }}"></i></a>
  137.             {% endfor %}
  138.         </div>
  139.     </div>
  140. </div>
  141. <!-- End About Sidebar -->