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. #}
  16. <section class="header">
  19.         <nav class="navbar navbar-expand-lg navbar-custom">
  20.             <div class="container">
  21.                 <a class="navbar-brand text-white fw-bold" href="/">
  22.                     <img src="/storage/beyazLogo.webp" alt="PaketChef" style="height: 70px;">
  23.                 </a>
  27.                 <div class="collapse navbar-collapse justify-content-center" id="navbarNav">
  28.                     <ul class="navbar-nav">
  29.                         {% for menu in menuler %}
  30.                             {% if menu.altmenuler is defined and menu.altmenuler|length > 0 %}
  31.                                 <li class="nav-item dropdown">
  32.                                     <a href="{{ menu.link }}" class="nav-link dropdown-toggle" id="{{ menu.adi|seo }}Dropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">{{ menu.adi }}</a>
  33.                                     <ul class="dropdown-menu" aria-labelledby="{{ menu.adi|seo }}Dropdown">
  34.                                         {% for alt in menu.altmenuler %}
  35.                                             <li><a class="dropdown-item" href="{{ alt.link }}">{{ alt.adi|html_entity_decode|raw }}</a></li>
  36.                                         {% endfor %}
  37.                                     </ul>
  38.                                 </li>
  39.                             {% else %}
  40.                                 <li><a href="{{ menu.link }}">{{ menu.adi }}</a></li>
  41.                             {% endif %}
  42.                         {% endfor %}
  43.                     </ul>
  44.                 </div>
  46.                 <div class="d-flex align-items-center">
  47.                     <a href="/{{ veriler[6][0].seo }}" class="hemen-basvur-btn text-decoration-none d-none d-md-block">Hemen Başvur</a>
  48.                     <div class="nav-icons d-flex align-items-center">
  49.                         <a href="tel:{{ 'telefon'|site_iletisimBilgileri|raw }}"><i class="fas fa-phone"></i></a>
  50.                         <a href="javascript:void(0);" onclick="$('.sagMenu').addClass('active');"><i class="fas fa-bars"></i></a>
  51.                     </div>
  52.                 </div>
  53.             </div>
  54.         </nav>
  56.         <div class="sagMenu">
  57.             <div class="d-flex flex-column justify-content-between align-content-between p-4">
  58.                 <div class="w-100 d-flex justify-content-between align-items-center">
  59.                     <a href="/">
  60.                         <img src="/storage/logo.webp" alt="PaketChef" style="height: 70px;">
  61.                     </a>
  62.                     <a href="javascript:void(0);" onclick="$('.sagMenu').removeClass('active');"><i class="fa fa-times text-dark" style="font-size: 40px;"></i></a>
  63.                 </div>
  65.                 <ul class="navbar-nav my-5">
  66.                     {% for menu in menuler %}
  67.                         {% if menu.altmenuler is defined and menu.altmenuler|length > 0 %}
  68.                             <li class="nav-item dropdown">
  69.                                 <a href="{{ menu.link }}" class="nav-link dropdown-toggle" id="{{ menu.adi|seo }}Dropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">{{ menu.adi }}</a>
  70.                                 <ul class="dropdown-menu" aria-labelledby="{{ menu.adi|seo }}Dropdown">
  71.                                     {% for alt in menu.altmenuler %}
  72.                                         <li><a class="dropdown-item" href="{{ alt.link }}">{{ alt.adi|html_entity_decode|raw }}</a></li>
  73.                                     {% endfor %}
  74.                                 </ul>
  75.                             </li>
  76.                         {% else %}
  77.                             <li><a href="{{ menu.link }}">{{ menu.adi }}</a></li>
  78.                         {% endif %}
  79.                     {% endfor %}
  80.                 </ul>
  82.                 <a href="/{{ veriler[6][0].seo }}" class="hemen-basvur-btn text-decoration-none">Hemen Başvur</a>
  83.             </div>
  84.         </div>
  87. </section>
  89. <script>
  90.     document.addEventListener("DOMContentLoaded", function () {
  91.         const toggleBtn = document.getElementById("menuToggleBtn");
  92.         const sagMenu = document.querySelector(".sagMenu");
  94.         toggleBtn.addEventListener("click", function () {
  95.             sagMenu.classList.toggle("active");
  96.         });
  97.     });
  98. </script>
  101. {#
  103. <!-- Start Header Top -->
  104. <div class="top-bar-area style-one bg-dark text-light">
  105.     <div class="container-fill">
  106.         <div class="row align-center">
  107.             <div class="col-xl-6 offset-xl-3 col-lg-8 info">
  108.                 <ul class="item-flex">
  109.                     <li>
  110.                         <i class="fas fa-envelope-open-text"></i> {{ 'eposta'|site_iletisimBilgileri|raw }}
  111.                     </li>
  112.                     <li>
  113.                         <i class="fas fa-phone"></i> {{ 'telefon'|site_iletisimBilgileri|raw }}
  114.                     </li>
  115.                 </ul>
  116.             </div>
  117.             <div class="col-xl-3 col-lg-4 text-end">
  118.                 <div class="social">
  119.                     <ul class="item-flex">
  120.                         {% for sosyal in sosyalAglar %}
  121.                             <li>
  122.                                 <a href="{{ sosyal.link }}" title="{{ sosyal.adi }}">
  123.                                     <i class="{{ sosyal.ikon }}"></i>
  124.                                 </a>
  125.                             </li>
  126.                         {% endfor %}
  127.                     </ul>
  128.                 </div>
  129.             </div>
  130.         </div>
  131.     </div>
  132. </div>
  133. <!-- End Header Top -->
  135. <!-- Header -->
  136. <header>
  137.     <nav class="navbar mobile-sidenav nav-border nav-full-width navbar-sticky navbar-default validnavs">
  138.         <div class="container-fill">
  139.             <div class="row align-center">
  140.                 <!-- Logo -->
  141.                 <div class="col-lg-3 brand-item">
  142.                     <div class="navbar-header">
  143.                         <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
  144.                             <i class="fa fa-bars"></i>
  145.                         </button>
  146.                         <a class="navbar-brand" href="{{ ''|site_anaLink }}">
  147.                             <img src="{{ path('panel_storage',{'file':'logo.webp'}) }}" class="logo logo-display" alt="Logo">
  148.                             <img src="{{ path('panel_storage',{'file':'beyazLogo.webp'}) }}" class="logo logo-scrolled" alt="Logo">
  149.                         </a>
  150.                     </div>
  151.                 </div>
  152.                 <!-- Navigation Menu -->
  153.                 <div class="col-lg-6">
  154.                     <div class="collapse navbar-collapse" id="navbar-menu">
  155.                         <img src="{{ path('panel_storage',{'file':'favicon.webp'}) }}" alt="Logo">
  156.                       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
  157.                         <i class="fa fa-times"></i>
  158.                       </button>
  159.                         <ul class="nav navbar-nav" data-in="fadeInDown" data-out="fadeOutUp">
  160.                             {% for menu in menuler %}
  161.                                 {% if menu.altmenuler is defined and menu.altmenuler|length > 0 %}
  162.                                     <li class="dropdown">
  163.                                         <a href="{{ menu.link }}" class="dropdown-toggle" data-toggle="dropdown">{{ menu.adi }}</a>
  164.                                         <ul class="dropdown-menu">
  165.                                             {% for alt in menu.altmenuler %}
  166.                                                 <li><a href="{{ alt.link }}">{{ alt.adi|html_entity_decode|raw }}</a></li>
  167.                                             {% endfor %}
  168.                                         </ul>
  169.                                     </li>
  170.                                 {% else %}
  171.                                     <li><a href="{{ menu.link }}">{{ menu.adi }}</a></li>
  172.                                 {% endif %}
  173.                             {% endfor %}
  174.                         </ul>
  175.                     </div>
  176.                 </div>
  177.                 <!-- Contact Button -->
  178.                 <div class="col-lg-3">
  179.                     <div class="attr-right">
  180.                         <div class="attr-nav">
  181.                             <ul>
  182.                                 <li class="button">
  183.                                     <a class="btn-style-one" href="{{ iletisimLink }}">
  184.                                           <div class="icon">
  185.                                                 <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
  186.                                                     <path d="M1 17L17 1H7.8" stroke="white" stroke-width="2"></path>
  187.                                                 </svg>
  188.                                             </div>
  189.                                         <span>İletişime Geç</span>
  190.                                           <div class="icon">
  191.                                                 <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
  192.                                                     <path d="M1 17L17 1H7.8" stroke="white" stroke-width="2"></path>
  193.                                                 </svg>
  194.                                             </div>
  195.                                     </a>
  197.                                 </li>
  198.                             </ul>
  199.                         </div>
  200.                     </div>
  201.                 </div>
  202.             </div>
  203.         </div>
  204.         <div class="overlay-screen"></div>
  205.     </nav>
  206. </header>
  207. <!-- End Header -->
  209. #}