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.
  12. ----------------------------------------------------
  13. #}
  15. <header class="ep-header-section top-0 start-0 bg-white w-100">
  16.     <!-- top header section start -->
  17.     <div class="ep-top-header-section primary-bg d-none d-lg-block">
  18.       <div class="container">
  19.         <div class="row g-4">
  20.           <div class="col-md-8">
  21.             <ul class="list-unstyled contact-info d-flex flex-wrap align-items-center">
  22.               <li class="d-flex align-items-center gap-2 text-white">
  23.                 <span class="icon">
  24.                   <i class="fa-solid fa-envelope"></i>
  25.                 </span>
  26.                 <a href="mailto:{{ 'eposta'|site_iletisimBilgileri|raw }}">{{ 'eposta'|site_iletisimBilgileri|raw }}</a>
  27.               </li>
  28.               <li class="d-flex align-items-center gap-2 text-white">
  29.                 <span class="icon">
  30.                   <i class="fa-solid fa-location-dot"></i>
  31.                 </span>
  32.                 <a href="#">{{ 'adres'|site_iletisimBilgileri|raw }}</a>
  33.               </li>
  34.             </ul>
  35.           </div>
  36.           <div class="col-md-4">
  37.             <ul class="list-unstyled contact-info d-flex justify-content-end flex-wrap align-items-center">
  38.               <li class="d-flex align-items-center gap-2 text-white">
  39.                 <span class="icon">
  40.                   <i class="fa-solid fa-phone"></i>
  41.                 </span>
  42.                 <a href="tel:{{ 'telefon'|site_iletisimBilgileri|raw }}">{{ 'telefon'|site_iletisimBilgileri|raw }}</a>
  43.               </li>
  44.             </ul>
  45.           </div>
  46.         </div>
  47.       </div>
  48.     </div>
  49.     <!-- top header section end -->
  50.     <div id="sticky-header" class="w-100">
  51.       <nav class="navbar w-100 p-0 navbar-expand-xl d-none d-xl-flex">
  52.         <div class="container">
  53.           <a class="navbar-brand" href="{{ ''|site_anaLink }}">
  54.             <img src="{{ path('panel_storage',{'file':'logo.webp'}) }}" alt="logo" width="120px">
  55.           </a>
  56.           <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
  57.             data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
  58.             aria-label="Toggle navigation">
  59.             <span class="navbar-toggler-icon"></span>
  60.           </button>
  61.           <div class="collapse navbar-collapse" id="navbarSupportedContent">
  62.             <ul class="navbar-nav mx-auto mb-lg-0">
  63.               {% for menu in menuler %}
  64.                 <li class="nav-item">
  65.                   <a class="nav-link" aria-current="page" href="{{ menu.link }}">
  66.                     {{ menu.adi }} {% if menu.altmenuler|default([])|length > 0 %}<i class="fas fa-chevron-down"></i>{% endif %}
  67.                   </a>
  68.                   {% if menu.altmenuler|default([])|length > 0 %}
  69.                   <ul class="sub-menu list-unstyled">
  70.                     {% for alt in menu.altmenuler|default([]) %}
  71.                       <li>
  72.                         <a href="{{ alt.link }}">{{ alt.adi|html_entity_decode|raw }}</a>
  73.                       </li>
  74.                     {% endfor %}
  75.                   </ul>
  76.                   {% endif %}
  77.                 </li>
  78.               {% endfor %}
  79.             </ul>
  80.             <div class="menu-right-info d-flex align-items-center justify-content-end">
  81.               <a href="{{ iletisimLink }}" class="theme-btn gray-bg">
  82.                 Bize Ulaşın
  83.                 <span class="btn-icon">
  84.                   <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
  85.                     <path fill-rule="evenodd" clip-rule="evenodd" d="M17.2901 10.625H2.70703V9.375H17.2901V10.625Z"
  86.                       fill="currentColor" />
  87.                     <path fill-rule="evenodd" clip-rule="evenodd"
  88.                       d="M16.6659 9.37109C13.7263 9.37109 11.3242 11.9562 11.3242 14.7128V15.3378H12.5742V14.7128C12.5742 12.6198 14.4431 10.6211 16.6659 10.6211H17.2906V9.37109H16.6659Z"
  89.                       fill="currentColor" />
  90.                     <path fill-rule="evenodd" clip-rule="evenodd"
  91.                       d="M16.6659 10.623C13.7263 10.623 11.3242 8.03784 11.3242 5.28125V4.65625H12.5742V5.28125C12.5742 7.37423 14.4431 9.37296 16.6659 9.37296H17.2906V10.623H16.6659Z"
  92.                       fill="currentColor" />
  93.                   </svg>
  94.                 </span>
  95.               </a>
  96.               <button
  97.                 class="icon-box offcanvas-btn primary-bg border-0 text-white d-flex align-items-center justify-content-center rounded-pill">
  98.                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
  99.                   stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
  100.                   class="icon icon-tabler icons-tabler-outline icon-tabler-menu-deep">
  101.                   <path stroke="none" d="M0 0h24v24H0z" fill="none" />
  102.                   <path d="M4 6h16" />
  103.                   <path d="M7 12h13" />
  104.                   <path d="M10 18h10" /></svg>
  105.               </button>
  106.             </div>
  107.           </div>
  108.         </div>
  109.       </nav>
  110.       <!-- offcanvas menu part start -->
  111.       <div class="offcanvas-overlay position-fixed top-0 start-0 w-100 h-100"></div>
  112.       <aside class="offcanvas-menu position-fixed top-0 h-100 bg-white w-100">
  113.         <div class="header-info d-flex align-items-center justify-content-between gap-4">
  114.           <div class="logo">
  115.             <a href="{{ ''|site_anaLink }}">
  116.               <img src="{{ path('panel_storage',{'file':'logo.webp'}) }}" alt="logo"  width="120px">
  117.             </a>
  118.           </div>
  119.           <button
  120.             class="icon-box offcasvas-close primary-bg border-0 text-white d-flex align-items-center justify-content-center rounded-pill">
  121.             <i class="fa fa-xmark"></i>
  122.           </button>
  123.         </div>
  124.         <div class="des">
  125.           <p>{{ footerMetin|html_entity_decode|raw }}</p>
  126.         </div>
  127.         <div class="contact-info separator">
  128.           <h4 class="contact-title heading-four">İletişim Bilgileri</h4>
  129.           <ul class="list-unstyled">
  130.             <li class="d-flex align-items-center gap-3">
  131.               <div
  132.                 class="icon-box icon-box-border d-flex align-items-center justify-content-center rounded-pill flex-shrink-0">
  133.                 <i class="fa-solid fa-phone"></i>
  134.               </div>
  135.               <div class="info">
  136.                 <h5 class="info-label">
  137.                   Telefon</h5>
  138.                 <a href="tel:{{ 'telefon'|site_iletisimBilgileri|raw }}" class="info-text">{{ 'telefon'|site_iletisimBilgileri|raw }}</a>
  139.               </div>
  140.             </li>
  141.             <li class="d-flex align-items-center gap-3">
  142.               <div
  143.                 class="icon-box icon-box-border d-flex align-items-center justify-content-center rounded-pill flex-shrink-0">
  144.                 <i class="fa-solid fa-envelope"></i>
  145.               </div>
  146.               <div class="info">
  147.                 <h5 class="info-label">E-Posta</h5>
  148.                 <a href="mailto:{{ 'eposta'|site_iletisimBilgileri|raw }}" class="info-text">{{ 'eposta'|site_iletisimBilgileri|raw }}</a>
  149.               </div>
  150.             </li>
  151.             <li class="d-flex align-items-center gap-3">
  152.               <div
  153.                 class="icon-box icon-box-border d-flex align-items-center justify-content-center rounded-pill flex-shrink-0">
  154.                 <i class="fa-solid fa-location-dot"></i>
  155.               </div>
  156.               <div class="info">
  157.                 <h5 class="info-label">Adres</h5>
  158.                 <a href="#" class="info-text">{{ 'adres'|site_iletisimBilgileri|raw }}</a>
  159.               </div>
  160.             </li>
  161.           </ul>
  162.         </div>
  163.         <div class="social-icon pt-30">
  164.           <h4 class="social-title heading-four">Sosyal Medya</h4>
  165.           <ul class="list-unstyled d-flex align-items-center flex-wrap gap-2">
  166.             {% for ag in sosyalAglar %}
  167.             <li><a class="icon-box secondary-bg d-flex align-items-center justify-content-center rounded-pill"
  168.                 target="_blank" href="{{ag.link}}"><i class="{{ag.ikon}}"></i></a></li>
  169.             {%endfor%}
  170.           </ul>
  171.         </div>
  172.       </aside>
  173.       <!-- offcanvas menu part end -->
  174.       <!-- mobile navbar part start -->
  175.       <div class="mobile-menu-area d-block d-xl-none">
  176.         <div class="container">
  177.           <div class="mobile-topbar">
  178.             <div class="d-flex justify-content-between align-items-center">
  179.               <div class="logo">
  180.                 <a href="/"> <img src="{{ path('panel_storage',{'file':'logo.webp'}) }}" alt="logo"  width="120px"></a>
  181.               </div>
  182.               <div class="bars">
  183.                 <i class="fas fa-bars"></i>
  184.               </div>
  185.             </div>
  186.           </div>
  187.         </div>
  188.         <div class="mobile-menu-overlay"></div>
  189.         <div class="mobile-menu-main">
  190.           <div class="logo">
  191.             <a href="/"><img src="{{ path('panel_storage',{'file':'logo.webp'}) }}" alt="logo"  width="120px"></a>
  192.           </div>
  193.           <div class="close-mobile-menu"><i class="fas fa-times"></i></div>
  194.           <div class="menu-body">
  195.             <div class="menu-list">
  196.               <ul class="list-unstyled">
  197.                 {% for menu in menuler %}
  198.                 <li class="sub-mobile-menu">
  199.                   <a class="nav-link" aria-current="page" href="{% if menu.altmenuler|default([])|length == 0 %}{{ menu.link }}{%else%}#{%endif%}">
  200.                     {{ menu.adi }} {% if menu.altmenuler|default([])|length > 0 %}<i class="fas fa-chevron-down float-end"></i>{% endif %}
  201.                   </a>
  202.                   {% if menu.altmenuler|default([])|length > 0 %}
  203.                   <ul class="list-unstyled">
  204.                     {% for alt in menu.altmenuler|default([]) %}
  205.                       <li>
  206.                         <a href="{{ alt.link }}">{{ alt.adi }}</a>
  207.                       </li>
  208.                     {% endfor %}
  209.                   </ul>
  210.                   {% endif %}
  211.                 </li>
  212.               {% endfor %}
  213.                 
  214.                 
  215.               </ul>
  216.             </div>
  217.           </div>
  218.           <div class="contact-info pt-4 px-3 pb-5">
  219.             <h4 class="contact-title heading-four">İletişim Bilgileri</h4>
  220.             <ul class="list-unstyled">
  221.               <li class="d-flex align-items-center gap-3">
  222.               <div
  223.                 class="icon-box icon-box-border d-flex align-items-center justify-content-center rounded-pill flex-shrink-0">
  224.                 <i class="fa-solid fa-phone"></i>
  225.               </div>
  226.               <div class="info">
  227.                 <h5 class="info-label">
  228.                   Telefon</h5>
  229.                 <a href="tel:{{ 'telefon'|site_iletisimBilgileri|raw }}" class="info-text">{{ 'telefon'|site_iletisimBilgileri|raw }}</a>
  230.               </div>
  231.             </li>
  232.             <li class="d-flex align-items-center gap-3">
  233.               <div
  234.                 class="icon-box icon-box-border d-flex align-items-center justify-content-center rounded-pill flex-shrink-0">
  235.                 <i class="fa-solid fa-envelope"></i>
  236.               </div>
  237.               <div class="info">
  238.                 <h5 class="info-label">E-Posta</h5>
  239.                 <a href="mailto:{{ 'eposta'|site_iletisimBilgileri|raw }}" class="info-text">{{ 'eposta'|site_iletisimBilgileri|raw }}</a>
  240.               </div>
  241.             </li>
  242.             <li class="d-flex align-items-center gap-3">
  243.               <div
  244.                 class="icon-box icon-box-border d-flex align-items-center justify-content-center rounded-pill flex-shrink-0">
  245.                 <i class="fa-solid fa-location-dot"></i>
  246.               </div>
  247.               <div class="info">
  248.                 <h5 class="info-label">Adres</h5>
  249.                 <a href="#" class="info-text">{{ 'adres'|site_iletisimBilgileri|raw }}</a>
  250.               </div>
  251.             </li>
  252.             </ul>
  253.           </div>
  254.         </div>
  255.       </div>
  256.       <!-- mobile navbar part end -->
  257.     </div>
  258.   </header>
  259. <main>