templates/tenants/tenant1/parts/header.html.twig line 1

Open in your IDE?
  1. <!-- HEADER START -->
  2. <header class="header">
  3.     <div class="header-wrapper bg-white">
  4.         <div class="header-wrapper-inner">
  5.             <div class="header-logo-block">
  6.                 <div class="header-logo-wrapper">
  7.                     <div class="header-logo-image">
  8.                         <a href="#"><img src="{{ asset('tenants/tenant1/img/header/jns_logo_tagline.svg') }}" alt="jns"></a>
  9.                     </div>
  10.                 </div>
  11.             </div>
  12.             <div class="header-menu-block">
  13.                 <div class="header-menu-block-wrapper">
  14.                     <div class="header-account-block color-secondary">
  15.                         {% if app.user %}
  16.                             <div class="header-account-wrapper has-children">
  17.                                 <a class="dropdown-btn" href="#">Account</a>
  18.                                 <nav class="header-account-menu main-sub-menu">
  19.                                     <ul>
  20.                                         <li><a href="{{ path('user_profile') }}">My Account</a></li>
  21.                                         <li><a href="{{ path('support') }}">Support</a></li>
  22.                                         <li><a href="{{ path('user_sign_out') }}">Log out</a></li>
  23.                                     </ul>
  24.                                 </nav>
  25.                             </div>
  26.                         {% else %}
  27.                             <a class="header-account-item" href="{{ path('user_sign_in') }}">Log in</a>
  28.                         {% endif %}
  29.                     </div>
  30.                     <div class="header-main-menu color-black2">
  31.                         <nav class="main-menu">
  32.                             {% if menu is defined %}
  33.                                 <ul class="main-menu-list">
  34.                                     {% for item in menu.menu_id_1 %}
  35.                                         {% if item.secondary_items is defined %}
  36.                                             <li class="has-children">
  37.                                                 <button class="dropdown-btn" href="{{ item.link }}">{{ item.name }}</button>
  38.                                                 <ul class="main-sub-menu">
  39.                                                     {% for subItem in item.secondary_items %}
  40.                                                         <li><a href="{{ subItem.link }}">{{ subItem.name }}</a></li>
  41.                                                     {% endfor %}
  42.                                                 </ul>
  43.                                             </li>
  44.                                         {% else %}
  45.                                             <li><a href="{{ item.link }}">{{ item.name }}</a></li>
  46.                                         {% endif %}
  47.                                     {% endfor %}
  48.                                 </ul>
  49.                             {% endif %}
  50.                         </nav>
  51.                         <div class="header-buttons">
  52.                             <button class="ic icon-search header-search-button"><span>Search</span></button>
  53.                             <button class="ic icon-mobile-menu header-menu-button"><span>Open menu</span></button>
  54.                         </div>
  55.                     </div>
  56.                 </div>
  57.             </div>
  58.         </div>
  59.         <div class="header-banner color-white bg-primary" style="background-image: url('{{ asset('tenants/tenant1/img/header/promotion_bg.svg') }}');">
  60.             <div class="header-banner-wrapper">
  61.                 <div class="header-banner-text">
  62.                     <div class="header-banner-title">Support Jewish News Syndicate</div>
  63.                     <div class="header-banner-subtitle">Promote quality journalism</div>
  64.                 </div>
  65.                 <div class="header-banner-button">
  66.                     <a class="bg-secondary" href="#">Donate</a>
  67.                 </div>
  68.             </div>
  69.         </div>
  70.     </div>
  71. </header>
  73. <!-- header search -->
  74. <div class="header-search hid">
  75.     <div class="header-search-wrapper">
  76.         <form novalidate autocomplete="off" class="header-searchform" method="get" action="/">
  77.             <label class="hide-for-sr" for="searchform_text_header-top"><span>Type to Search</span></label>
  78.             <div class="header-searchform-wrapper bg-white">
  79.                 <input class="color-black2" autocomplete="off" id="searchform-text-header-top" type="text" name="s" value="" placeholder="Type to Search">
  80.                 <button type="submit" id="searchform-header-submit" class="bg-black2 color-white header-submit-button"><span>Search</span></button>
  81.             </div>
  82.         </form>
  83.     </div>
  84. </div>
  86. <!-- header menu -->
  87. <div class="header-large-menu hid">
  88.     <div class="header-large-menu-wrapper">
  89.         <div class="header-large-menu-inner">
  90.             <div class="header-large-menu-column">
  91.                 <div class="header-large-menu-column-inner header-large-menu-column-first">
  92.                     <nav class="large-menu-list-main color-black2">
  93.                         <div class="large-menu-account-block color-secondary">
  94.                             {% if app.user %}
  95.                                 <div class="large-menu-account-wrapper">
  96.                                     <div class="large-menu-account-title">Account</div>
  97.                                     <nav class="large-menu-account-menu">
  98.                                         <ul>
  99.                                             <li><a href="{{ path('user_profile') }}">My Account</a></li>
  100.                                             <li><a href="{{ path('support') }}">Support</a></li>
  101.                                             <li><a href="{{ path('user_sign_out') }}">Log out</a></li>
  102.                                         </ul>
  103.                                     </nav>
  104.                                 </div>
  105.                             {% else %}
  106.                                 <a href="{{ path('user_sign_in') }}">Log in</a>
  107.                             {% endif %}
  108.                         </div>
  109.                         {% if menu is defined %}
  110.                             <ul>
  111.                                 {% for item in menu.menu_id_1 %}
  112.                                     {% if item.secondary_items is defined %}
  113.                                         <li class="has-children">
  114.                                             <button class="dropdown-btn" href="{{ item.link }}">{{ item.name }}</button>
  115.                                             <ul class="main-sub-menu">
  116.                                                 {% for subItem in item.secondary_items %}
  117.                                                     <li><a href="{{ subItem.link }}">{{ subItem.name }}</a></li>
  118.                                                 {% endfor %}
  119.                                             </ul>
  120.                                         </li>
  121.                                     {% else %}
  122.                                         <li><a href="{{ item.link }}">{{ item.name }}</a></li>
  123.                                     {% endif %}
  124.                                 {% endfor %}
  125.                             </ul>
  126.                         {% endif %}
  127.                     </nav>
  128.                 </div>
  129.             </div>
  130.             <div class="header-large-menu-column">
  131.                 <div class="header-large-menu-column-inner header-large-menu-column-middle">
  132.                     <!-- <nav class="large-menu-list-account large-menu-list-secondary1 color-black2">
  133.                         <ul>
  134.                             <li class="large-menu-accent"><a href="#">JNS Press+</a></li>
  135.                             <li><a href="#">My account</a></li>
  136.                             <li><a href="#">Log out</a></li>
  137.                         </ul>
  138.                     </nav> -->
  140.                     <div class="large-menu-list-press-plus">
  141.                         <a href="#">JNS Press+</a>
  142.                     </div>
  144.                     <nav class="large-menu-list-about large-menu-list-secondary color-black2">
  145.                         <ul>
  146.                             <li class="large-menu-accent">More from JNS</li>
  147.                             <li><a href="#">About JNS</a></li>
  148.                             <li><a href="#">Contact</a></li>
  149.                             <li><a href="#">Donate</a></li>
  150.                             <li><a href="#">Publish column</a></li>
  151.                             <li><a href="#">Terms Of  Use</a></li>
  152.                             <li><a href="#">Privacy Policy</a></li>
  153.                             <li><a href="#">Press Release</a></li>
  154.                         </ul>
  155.                     </nav>
  156.                 </div>
  157.             </div>
  158.             <div class="header-large-menu-column">
  159.                 <div class="header-large-menu-column-inner header-large-menu-column-last">
  160.                     <div class="header-large-menu-subscribe">
  161.                         <div class="header-large-menu-sub-title">Subscribe to The JNS Daily Syndicate by email and never miss our top stories</div>
  162.                         <div class="header-large-menu-subscribe-form-wrapper">
  163.                             <form novalidate autocomplete="off" class="header-large-menu-subscribe-form" method="get" action="/">
  164.                                 <label class="hide-for-sr" for="large-menu-subscribe-form"><span>Free sign up</span></label>
  165.                                 <div class="header-searchform-wrapper bg-white">
  166.                                     <input class="color-black2" autocomplete="off" id="large-menu-subscribe-form" type="email" name="subscribe" value="" placeholder="Your Email">
  167.                                     <button type="submit" id="searchform-header-submit" class="bg-black2 color-white header-submit-button"><span>Free sign up</span></button>
  168.                                 </div>
  169.                             </form>
  170.                         </div>
  171.                     </div>
  172.                     <div class="header-large-menu-follow">
  173.                         <div class="header-large-menu-sub-title">Follow us</div>
  175.                         <div class="header-large-menu-social color-primary">
  176.                             <ul class="social-list">
  177.                                 <li class="fb-share">
  178.                                     <a class="popup-share ic icon-facebook2" data-width="670" data-height="546" href="#"><span>Facebook</span></a>
  179.                                 </li>
  180.                                 <li class="twitter">
  181.                                     <a class="popup-share ic icon-twitter-circle" href="#"><span>Twitter</span></a>
  182.                                 </li>
  183.                                 <li class="instagram">
  184.                                     <a class="ic icon-instagram-circle" target="_blank" href="#"><span>instagram</span></a>
  185.                                 </li>
  186.                                 <li class="youtube">
  187.                                     <a class="ic icon-youtube-circle" target="_blank" href="#"><span>youtube</span></a>
  188.                                 </li>
  189.                                 <li class="linkdin">
  190.                                     <a class="ic icon-linkdin-circle" target="_blank" href="#"><span>linkdin</span></a>
  191.                                 </li>
  192.                                 <li class="rss">
  193.                                     <a href="#" class="ic icon-rss-circle"><span>Rss</span></a>
  194.                                 </li>
  195.                             </ul>
  196.                         </div>
  197.                     </div>
  198.                     <div class="header-large-menu-credit">
  199.                         <span class="header-large-menu-credit-str color-black2">© 2022 JNS, All Rights Reserved</span>
  200.                         <span class="header-large-menu-credit-str color-light-gray">Concept, design & development by RGB Media.</span>
  201.                         <span class="header-large-menu-credit-str color-light-gray">Powered by Salamandra</span>
  202.                     </div>
  203.                 </div>
  204.             </div>
  205.         </div>
  206.     </div>
  207. </div>
  210. <!-- HEADER END -->