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">
  11. </div>
  15. <div class="page-wrapper">
  17.     <!-- Main Header-->
  18.     <header class="main-header header-style-fourteen">
  19.         <!-- Header Top -->
  20.         <div class="header-top">
  21.             <div class="inner-container">
  22.                 <div class="top-left">
  23.                     <!-- Info List -->
  24.                     <ul class="list-style-one light">
  25.                         <li><i class="fa fa-envelope"></i> <a href="mailto:{{ 'eposta'|site_iletisimBilgileri|raw }}">{{ 'eposta'|site_iletisimBilgileri|raw }}</a></li>
  26.                         <li><i class="fa fa-map-marker-alt"></i> {{ 'adres'|site_iletisimBilgileri|raw }}</li>
  27.                     </ul>
  28.                 </div>
  30.                 <div class="top-right">
  32.                     <ul class="social-icon-one light">
  33.                         {{ '<li><a href="sosyalLink"><span class="fab fa-sosyalIkon"></span></a></li>'|site_sosyalAglar|raw }}
  34.                     </ul>
  35.                 </div>
  36.             </div>
  37.         </div>
  38.         <!-- Header Top -->
  40.         <div class="header-lower">
  41.             <!-- Main box -->
  42.             <div class="main-box">
  43.                 <div class="logo-box">
  44.                     <div class="logo"><a href="{{ ''|site_anaLink }}"><img width="200" src="{{ path('panel_storage',{'file':'beyazLogo.webp'}) }}" alt="{{ 'siteAdi'|ayarlar }}" title="{{ 'siteAdi'|ayarlar }}"></a></div>
  45.                 </div>
  47.                 <!--Nav Box-->
  48.                 <div class="nav-outer">
  49.                     <nav class="nav main-menu">
  50.                         <ul class="navigation">
  51.                             <li ><a href="{{ ''|site_anaLink }}">Anasayfa</a></li>
  52.                             {{ '<li ><a href="menuLink">menuAdi</a></li>'|site_menuGetir('<li class="dropdown"><a href="menuLink">menuAdi</a><ul>|<li><a href="childLink">childAdi</a></li>|</ul></li>')|raw }}
  54.                         </ul>
  55.                     </nav>
  57.                     <!-- Main Menu End-->
  58.                     <div class="outer-box">
  59.                         <!-- Info Btn -->
  60.                         <a href="tel:{{ 'telefon'|site_iletisimBilgileri|raw }}" class="info-btn">
  61.                             <i class="icon fa fa-phone"></i>
  62.                             <small>Hemen arayın:</small>
  63.                             <strong>{{ 'telefon'|site_iletisimBilgileri|raw }}</strong>
  64.                         </a>
  66.                         <span class="divider"></span>
  70.                         <a href="{{ ''|site_anaLink~'iletisim' }}" class="theme-btn btn-style-one"><span class="btn-title">Bize Ulaşın</span></a>
  72.                         <!-- Mobile Nav toggler -->
  73.                         <div class="mobile-nav-toggler"><span class="icon lnr-icon-bars"></span></div>
  74.                     </div>
  75.                 </div>
  76.             </div>
  77.         </div>
  79.         <!-- Mobile Menu  -->
  80.         <div class="mobile-menu">
  81.             <div class="menu-backdrop"></div>
  82.             <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
  83.             <nav class="menu-box">
  84.                 <div class="upper-box">
  85.                     <div class="nav-logo"><a href="index.html"><img src="images/logo-2.png" alt="" title=""></a></div>
  86.                     <div class="close-btn"><i class="icon fa fa-times"></i></div>
  87.                 </div>
  88.                 <ul class="navigation clearfix">
  89.                     <!--Keep This Empty / Menu will come through Javascript-->
  90.                 </ul>
  91.                 <ul class="contact-list-one">
  92.                     <li>
  93.                         <i class="icon lnr-icon-phone-handset"></i>
  94.                         <span class="title">Call Now</span>
  95.                         <div class="text"><a href="tel:+92880098670">+92 (8800) - 98670</a></div>
  96.                     </li>
  97.                     <li>
  98.                         <i class="icon lnr-icon-envelope1"></i>
  99.                         <span class="title">Send Email</span>
  100.                         <div class="text"><a href="mailto:help@company.com">help@company.com</a></div>
  101.                     </li>
  102.                     <li>
  103.                         <i class="icon lnr-icon-map-marker"></i>
  104.                         <span class="title">Address</span>
  105.                         <div class="text">66 Broklyant, New York India 3269</div>
  106.                     </li>
  107.                 </ul>
  108.                 <ul class="social-links">
  109.                     <li><a href="#"><i class="fab fa-twitter"></i></a></li>
  110.                     <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
  111.                     <li><a href="#"><i class="fab fa-pinterest"></i></a></li>
  112.                     <li><a href="#"><i class="fab fa-instagram"></i></a></li>
  113.                 </ul>
  114.             </nav>
  115.         </div><!-- End Mobile Menu -->
  117.         <!-- Header Search -->
  118.         <div class="search-popup">
  119.             <span class="search-back-drop"></span>
  120.             <button class="close-search"><span class="fa fa-times"></span></button>
  122.             <div class="search-inner">
  123.                 <form method="post" action="index.html">
  124.                     <div class="form-group">
  125.                         <input type="search" name="search-field" value="" placeholder="Search..." required="">
  126.                         <button type="submit"><i class="fa fa-search"></i></button>
  127.                     </div>
  128.                 </form>
  129.             </div>
  130.         </div>
  131.         <!-- End Header Search -->
  133.         <!-- Sticky Header  -->
  134.         <div class="sticky-header">
  135.             <div class="auto-container">
  136.                 <div class="inner-container">
  137.                     <!--Logo-->
  138.                     <div class="logo">
  139.                         <a href="index.html" title=""><img src="images/logo.png" alt="" title=""></a>
  140.                     </div>
  142.                     <!--Right Col-->
  143.                     <div class="nav-outer">
  144.                         <!-- Main Menu -->
  145.                         <nav class="main-menu">
  146.                             <div class="navbar-collapse show collapse clearfix">
  147.                                 <ul class="navigation clearfix">
  148.                                     <!--Keep This Empty / Menu will come through Javascript-->
  149.                                 </ul>
  150.                             </div>
  151.                         </nav><!-- Main Menu End-->
  153.                         <!--Mobile Navigation Toggler-->
  154.                         <div class="mobile-nav-toggler"><span class="icon lnr-icon-bars"></span></div>
  155.                     </div>
  156.                 </div>
  157.             </div>
  158.         </div><!-- End Sticky Menu -->
  159.     </header>