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. #}
  19. <!--=====HEADER START=======-->
  20. <header class="homepage1-body">
  21.     <div id="vl-header-sticky" class="vl-header-area vl-transparent-header">
  22.         <div class="header-top-area">
  23.             <div class="container">
  24.                 <div class="row">
  25.                     <div class="col-xl-12">
  26.                         <div class="header-top-main">
  27.                             <ul class="header-list">
  28.                                 <li><a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
  29.                                             <path d="M8 14.5C10.5 11 12.5 8 12.5 6C12.5 4.80653 12.0259 3.66193 11.182 2.81802C10.3381 1.97411 9.19347 1.5 8 1.5C6.80653 1.5 5.66193 1.97411 4.81802 2.81802C3.97411 3.66193 3.5 4.80653 3.5 6C3.5 8 5.5 11 8 14.5Z" stroke="#0F0D0D"/>
  30.                                             <path d="M10 6C10 6.53043 9.78929 7.03914 9.41421 7.41421C9.03914 7.78929 8.53043 8 8 8C7.46957 8 6.96086 7.78929 6.58579 7.41421C6.21071 7.03914 6 6.53043 6 6C6 5.46957 6.21071 4.96086 6.58579 4.58579C6.96086 4.21071 7.46957 4 8 4C8.53043 4 9.03914 4.21071 9.41421 4.58579C9.78929 4.96086 10 5.46957 10 6Z" stroke="#0F0D0D"/>
  31.                                         </svg> {{ 'adres'|site_iletisimBilgileri|raw }}</a></li>
  32.                                 <li><a href="mailto:info@voltzenergy.com"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
  33.                                             <g clip-path="mailto:{{ 'eposta'|site_iletisimBilgileri|raw }}">
  34.                                                 <path d="M14.224 2.66602H1.77951C1.54377 2.66602 1.31767 2.75967 1.15097 2.92637C0.984275 3.09306 0.890625 3.31916 0.890625 3.5549V12.4438C0.890625 12.6795 0.984275 12.9056 1.15097 13.0723C1.31767 13.239 1.54377 13.3327 1.77951 13.3327H14.224C14.4597 13.3327 14.6858 13.239 14.8525 13.0723C15.0192 12.9056 15.1128 12.6795 15.1128 12.4438V3.5549C15.1128 3.31916 15.0192 3.09306 14.8525 2.92637C14.6858 2.75967 14.4597 2.66602 14.224 2.66602ZM13.5395 12.4438H2.51729L5.6284 9.22602L4.9884 8.60824L1.77951 11.9282V4.23046L7.30396 9.72824C7.4705 9.89379 7.69579 9.98672 7.93062 9.98672C8.16546 9.98672 8.39075 9.89379 8.55729 9.72824L14.224 4.09268V11.8705L10.9528 8.59935L10.3262 9.22602L13.5395 12.4438ZM2.36174 3.5549H13.504L7.93062 9.09713L2.36174 3.5549Z" fill="#0F0D0D"/>
  35.                                             </g>
  36.                                             <defs>
  37.                                                 <clipPath id="clip0_3136_43238">
  38.                                                     <rect width="16" height="16" fill="white"/>
  39.                                                 </clipPath>
  40.                                             </defs>
  41.                                         </svg> {{ 'eposta'|site_iletisimBilgileri|raw }}</a></li>
  42.                             </ul>
  43.                             <div class="hsocial-phn-area">
  44.                                 <ul class="header-links">
  45.                                     {% for ss in sosyalAglar %}
  46.                                         <li><a href="{{ ss.link }}"><i class="{{ ss.ikon }}"></i></a></li>
  47.                                     {% endfor %}
  48.                                 </ul>
  49.                                 <a href="tel:(123)456-7890" class="tel-phn"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
  50.                                         <path d="M13.3 14C11.9111 14 10.5389 13.6973 9.18333 13.092C7.82778 12.4867 6.59444 11.6282 5.48333 10.5167C4.37222 9.40511 3.514 8.17178 2.90867 6.81667C2.30333 5.46156 2.00044 4.08933 2 2.7C2 2.5 2.06667 2.33333 2.2 2.2C2.33333 2.06667 2.5 2 2.7 2H5.4C5.55556 2 5.69444 2.05289 5.81667 2.15867C5.93889 2.26444 6.01111 2.38933 6.03333 2.53333L6.46667 4.86667C6.48889 5.04444 6.48333 5.19444 6.45 5.31667C6.41667 5.43889 6.35556 5.54444 6.26667 5.63333L4.65 7.26667C4.87222 7.67778 5.136 8.07489 5.44133 8.458C5.74667 8.84111 6.08289 9.21067 6.45 9.56667C6.79444 9.91111 7.15556 10.2307 7.53333 10.5253C7.91111 10.82 8.31111 11.0893 8.73333 11.3333L10.3 9.76667C10.4 9.66667 10.5307 9.59178 10.692 9.542C10.8533 9.49222 11.0116 9.47822 11.1667 9.5L13.4667 9.96667C13.6222 10.0111 13.75 10.0918 13.85 10.2087C13.95 10.3256 14 10.456 14 10.6V13.3C14 13.5 13.9333 13.6667 13.8 13.8C13.6667 13.9333 13.5 14 13.3 14Z" fill="#0F0D0D"/>
  51.                                     </svg> {{ 'telefon'|site_iletisimBilgileri|raw }}</a>
  52.                             </div>
  53.                         </div>
  54.                     </div>
  55.                 </div>
  56.             </div>
  57.         </div>
  58.         <div class="space20"></div>
  59.         <div class="container">
  60.             <div class="row align-items-center">
  61.                 <div class="col-xl-2 col-md-6 col-6">
  62.                     <div class="vl-logo">
  63.                         <a href="{{ ''|site_anaLink }}"><img src="/storage/beyazLogo.webp" alt="{{ 'siteAdi'|ayarlar }}"></a>
  64.                     </div>
  65.                 </div>
  66.                 <div class="col-xl-7 d-none d-xl-block">
  67.                     <div class="vl-main-menu text-center">
  68.                         <nav class="vl-mobile-menu-active">
  69.                             <ul>
  70.                                 {% for menu in menuler %}
  71.                                     <li  {% if menu.altmenuler|default([])|length>0 %}class="has-dropdown"{% endif %}><a href="{{ menu.link }}" >{{ menu.adi }} {% if menu.altmenuler|default([])|length>0 %} <span><i class="fa-solid fa-angle-down d-xl-inline d-none"></i></span>{% endif %}</a>
  72.                                         {% if menu.altmenuler|default([])|length>0 %}
  73.                                             <ul class="sub-menu">
  74.                                                 {% for altmenu in menu.altmenuler|default([]) %}
  75.                                                     <li><a href="{{ altmenu.link }}">{{ altmenu.adi|html_entity_decode|raw }}</a></li>
  76.                                                 {% endfor %}
  77.                                             </ul>
  78.                                         {% endif %}
  79.                                     </li>
  80.                                 {% endfor %}
  82.                             </ul>
  83.                         </nav>
  84.                     </div>
  85.                 </div>
  86.                 <div class="col-xl-3 col-md-6 col-6">
  87.                     <div class="vl-hero-btn d-none d-xl-block text-end">
  88.                         <div class="sidebar_btn-area">
  89.                             <div class="btn_area1">
  90.                                 <a href="{{ ''|site_anaLink~veriler[1][0].seo }}" class="vl-btn1">{{ 'Bize Ulaşın'|ceviri }} <i class="fa-solid fa-arrow-right"></i></a>
  91.                             </div>
  93.                             <button class="hamburger_menu"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
  94.                                     <path d="M3.33301 8H24.6663M3.33301 16H24.6663M3.33301 24H12.6663" stroke="white" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"/>
  95.                                 </svg></button>
  96.                         </div>
  97.                     </div>
  98.                     <div class="vl-header-action-item d-block d-xl-none">
  99.                         <button type="button" class="vl-offcanvas-toggle">
  100.                             <i class="fa-solid fa-bars-staggered"></i>
  101.                         </button>
  102.                     </div>
  103.                 </div>
  104.             </div>
  105.         </div>
  106.         <div class="space20"></div>
  107.     </div>
  108. </header>
  109. <!--=====HEADER END =======-->
  111. <!--===== MOBILE HEADER STARTS =======-->
  112. <div class="homepage1-body">
  113.     <div class="vl-offcanvas">
  114.         <div class="vl-offcanvas-wrapper">
  115.             <div class="vl-offcanvas-header d-flex justify-content-between align-items-center mb-90">
  116.                 <div class="vl-offcanvas-logo">
  117.                     <a href="{{ ''|site_anaLink }}"><img src="/storage/logo.webp" alt="{{ 'siteAdi'|ayarlar }}"></a>
  118.                 </div>
  119.                 <div class="vl-offcanvas-close">
  120.                     <button class="vl-offcanvas-close-toggle"><i class="fa-solid fa-xmark"></i></button>
  121.                 </div>
  122.             </div>
  124.             <div class="vl-offcanvas-menu d-xl-none mb-40">
  125.                 <nav></nav>
  126.             </div>
  128.             <div class="space20"></div>
  129.             <div class="vl-offcanvas-info">
  130.                 <h3 class="vl-offcanvas-sm-title">{{ 'Bize Ulaşın'|ceviri }}</h3>
  131.                 <div class="space20"></div>
  132.                 <span><a href="mailto:{{ 'eposta'|site_iletisimBilgileri|raw }}"> <i class="fa-regular fa-envelope"></i> {{ 'eposta'|site_iletisimBilgileri|raw }}</a></span>
  133.                 <span><a href="tel:{{ 'telefon'|site_iletisimBilgileri|raw }}"><i class="fa-solid fa-phone"></i> {{ 'telefon'|site_iletisimBilgileri|raw }}</a></span>
  134.                 <span><a href="#"><i class="fa-solid fa-location-dot"></i> {{ 'adres'|site_iletisimBilgileri|raw }}</a></span>
  135.             </div>
  136.             <div class="space20"></div>
  137.             <div class="vl-offcanvas-social">
  138.                 <h3 class="vl-offcanvas-sm-title">{{ 'Takip Edin'|ceviri }}</h3>
  139.                 <div class="space20"></div>
  140.                 {% for ss in sosyalAglar %}
  141.                     <a href="{{ ss.link }}"><i class="{{ ss.ikon }}"></i></a>
  142.                 {% endfor %}
  143.             </div>
  145.         </div>
  146.     </div>
  147.     <div class="vl-offcanvas-overlay"></div>
  148. </div>
  149. <!--===== MOBILE HEADER STARTS =======-->