templates/siteBase/header.html.twig line 1

Open in your IDE?
  1. {#
  2. onload="if($('.preloader').length){$('.preloader').delay(200).fadeOut(500);} $('link[rel=prefetch]').attr('rel','stylesheet');"
  3. <div class="preloader">
  4.     <div class="pre_load"></div>
  5. </div>
  6. #}
  9. <body onload=" if($('.preloader').length){$('.preloader').delay(200).fadeOut(500); }">
  10. <div class="preloader">
  12. </div>
  14. <!-- Scroll-top -->
  15. <button class="scroll-top scroll-to-target" data-target="html">
  16.     <i class="fas fa-angle-up"></i>
  17. </button>
  18. <!-- Scroll-top-end-->
  20. <!-- header-area -->
  21. <header class="transparent-header">
  22.     <div class="header-top-wrap">
  23.         <div class="container">
  24.             <div class="row align-items-center">
  25.                 <div class="col-md-8">
  26.                     <div class="header-top-left">
  27.                         <span><i class="fas fa-map-marker-alt"></i>{{ 'adres'|site_iletisimBilgileri|html_entity_decode|raw }}</span>
  28.                     </div>
  29.                 </div>
  30.                 <div class="col-md-4">
  31.                     <div class="header-top-social">
  32.                         <ul class="list-wrap">
  33.                             {{ '<li><a href="sosyalLink"><i class="fab fa-sosyalIkon"></i></a></li>'|site_sosyalAglar|raw }}
  34.                         </ul>
  35.                     </div>
  36.                 </div>
  37.             </div>
  38.         </div>
  39.     </div>
  40.     <div class="header-logo-area">
  41.         <div class="container">
  42.             <div class="row align-items-center">
  43.                 <div class="col-lg-4">
  44.                     <div class="logo">
  45.                         <a href="{{ ''|site_anaLink }}"><img src="{{ path('panel_storage',{'file':'logo.webp'}) }}" alt="Logo"></a>
  46.                     </div>
  47.                 </div>
  48.                 <div class="col-lg-8">
  49.                     <div class="header-info-wrap">
  50.                         <div class="header-info-item">
  51.                             <div class="icon">
  52.                                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" fill="none">
  53.                                     <path d="M15.3821 1.41988C19.6723 -0.00986246 22.0031 2.33176 20.5843 6.62098L17.3977 16.1788C15.2583 22.6071 11.7451 22.6071 9.60563 16.1788L8.65976 13.3419L5.82219 12.3962C-0.607396 10.2572 -0.607396 6.75608 5.82219 4.60584L11.0019 2.88339" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
  54.                                     <path d="M8.87341 12.858L12.9046 8.81647" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
  55.                                 </svg>
  56.                             </div>
  57.                             <div class="content">
  58.                                 <span>E-Posta</span>
  59.                                 <a href="mailto:{{ 'eposta'|site_iletisimBilgileri|html_entity_decode|raw }}">{{ 'eposta'|site_iletisimBilgileri|html_entity_decode|raw }}</a>
  60.                             </div>
  61.                         </div>
  62.                         <div class="header-info-item active">
  63.                             <div class="icon">
  64.                                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" fill="none">
  65.                                     <path d="M20.97 17.33C20.97 17.69 20.89 18.06 20.72 18.42C20.55 18.78 20.33 19.12 20.04 19.44C19.55 19.98 19.01 20.37 18.4 20.62C17.8 20.87 17.15 21 16.45 21C15.43 21 14.34 20.76 13.19 20.27C12.04 19.78 10.89 19.12 9.75 18.29C8.6 17.45 7.51 16.52 6.47 15.49C5.44 14.45 4.51 13.36 3.68 12.22C2.86 11.08 2.2 9.94 1.72 8.81C1.24 7.67 1 6.58 1 5.54C1 4.86 1.12 4.21 1.36 3.61C1.6 3 1.98 2.44 2.51 1.94C3.15 1.31 3.85 1 4.59 1C4.87 1 5.15 1.06 5.4 1.18C5.66 1.3 5.89 1.48 6.07 1.74L8.39 5.01C8.57 5.26 8.7 5.49 8.79 5.71C8.88 5.92 8.93 6.13 8.93 6.32C8.93 6.56 8.86 6.8 8.72 7.03C8.59 7.26 8.4 7.5 8.16 7.74L7.4 8.53C7.29 8.64 7.24 8.77 7.24 8.93C7.24 9.01 7.25 9.08 7.27 9.16C7.3 9.24 7.33 9.3 7.35 9.36C7.53 9.69 7.84 10.12 8.28 10.64C8.73 11.16 9.21 11.69 9.73 12.22C10.27 12.75 10.79 13.24 11.32 13.69C11.84 14.13 12.27 14.43 12.61 14.61C12.66 14.63 12.72 14.66 12.79 14.69C12.87 14.72 12.95 14.73 13.04 14.73C13.21 14.73 13.34 14.67 13.45 14.56L14.21 13.81C14.46 13.56 14.7 13.37 14.93 13.25C15.16 13.11 15.39 13.04 15.64 13.04C15.83 13.04 16.03 13.08 16.25 13.17C16.47 13.26 16.7 13.39 16.95 13.56L20.26 15.91C20.52 16.09 20.7 16.3 20.81 16.55C20.91 16.8 20.97 17.05 20.97 17.33Z" stroke="currentcolor" stroke-width="1.5" stroke-miterlimit="10"/>
  66.                                     <path d="M17.5 8C17.5 7.4 17.03 6.48 16.33 5.73C15.69 5.04 14.84 4.5 14 4.5" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  67.                                     <path d="M21 8C21 4.13 17.87 1 14 1" stroke="currentcolor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  68.                                 </svg>
  69.                             </div>
  70.                             <div class="content">
  71.                                 <span>Telefon</span>
  72.                                 <a href="tel:{{ 'telefon'|site_iletisimBilgileri|html_entity_decode|raw }}">{{ 'telefon'|site_iletisimBilgileri|html_entity_decode|raw }}</a>
  73.                             </div>
  74.                         </div>
  75.                     </div>
  76.                 </div>
  77.             </div>
  78.         </div>
  79.     </div>
  80.     <div id="sticky-header" class="menu-area">
  81.         <div class="container">
  82.             <div class="row">
  83.                 <div class="col-12">
  84.                     <div class="menu-wrap">
  85.                         <nav class="menu-nav">
  86.                             <div class="logo d-none">
  87.                                 <a href="{{ ''|site_anaLink }}"><img src="{{ path('panel_storage',{'file':'beyazLogo.webp'}) }}" alt="Logo"></a>
  88.                             </div>
  89.                             <div class="logo sticky-logo">
  90.                                 <a href="{{ ''|site_anaLink }}"><img src="{{ path('panel_storage',{'file':'logo.webp'}) }}" alt="Logo"></a>
  91.                             </div>
  92.                             <div class="navbar-wrap main-menu d-none d-lg-flex">
  93.                                 <ul class="navigation">
  94.                                     <li ><a href="{{ ''|site_anaLink }}">Anasayfa</a></li>
  95.                                     {{ '<li ><a href="menuLink">menuAdi</a></li>'|site_menuGetir('<li class="menu-item-has-children"><a href="menuLink">menuAdi</a><ul class="sub-menu">|<li><a href="childLink">childAdi</a></li>|</ul></li>')|raw }}
  96.                                 </ul>
  97.                             </div>
  98.                             <div class="header-action d-none d-md-block">
  99.                                 <ul class="list-wrap">
  100.                                     {% set iletisim = 4|site_sayfaIcerik %}
  101.                                     <li class="header-btn"><a href="{{ ''|site_anaLink~iletisim[0].seo }}" class="btn">{{ iletisim[0].adi }}e Geç</a></li>
  102.                                 </ul>
  103.                             </div>
  104.                             <div class="mobile-nav-toggler"><i class="fas fa-bars"></i></div>
  105.                         </nav>
  106.                     </div>
  108.                     <!-- Mobile Menu  -->
  109.                     <div class="mobile-menu">
  110.                         <nav class="menu-box">
  111.                             <div class="close-btn"><i class="fas fa-times"></i></div>
  112.                             <div class="nav-logo">
  113.                                 <a href="{{ ''|site_anaLink }}"><img src="{{ path('panel_storage',{'file':'logo.webp'}) }}" alt="Logo"></a>
  114.                             </div>
  115.                             <div class="menu-outer">
  116.                                 <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
  117.                             </div>
  118.                             <div class="social-links">
  119.                                 <ul class="clearfix list-wrap">
  120.                                     {{ '<li><a href="sosyalLink"><i class="fab fa-sosyalIkon"></i></a></li>'|site_sosyalAglar|raw }}
  121.                                 </ul>
  122.                             </div>
  123.                         </nav>
  124.                     </div>
  125.                     <div class="menu-backdrop"></div>
  126.                     <!-- End Mobile Menu -->
  128.                 </div>
  129.             </div>
  130.         </div>
  131.     </div>
  132. </header>
  133. <!-- header-area-end -->