templates/eventsforchrist/blocks/menucontainer.html.twig line 1

Open in your IDE?
  1. <div id='menuContainer' class="">
  2.     <div id='logoHolder'>
  3.         <span class="logo"></span>
  4.     </div>
  5.     <div id='menuHolder'>
  6.         <ul class="mainMenu">
  7.             <li data-action="calendar" class="desktop-inline"><span data-lang="yes" data-lang-key="calendar">agenda</span></li>
  8.             <li class="fas fa-search desktop-inline" data-action="search"><span data-lang="yes" data-lang-key="search">zoeken</span></li>
  9.             {% if projects|length > 0 %}
  10.             <li class="arrow_down desktop-inline" data-action="projects"><span data-lang="yes" data-lang-key="projects">projecten</span></li>
  11.             {% endif %}
  12.             <li class="arrow_down desktop-inline" data-action="language"><span data-lang="yes" data-lang-key="language">taal</span></li>
  13.             <li data-action="fullmenu" class="menu-icon">
  14.                 <span class="menu-icon-line"></span>
  15.                 <span class="menu-icon-line"></span>
  16.                 <span class="menu-icon-line"></span>
  17.             </li>
  18.         </ul>
  19.         <ul class="closeMenu">
  20.             <li class="" data-action="closemenu"></li>
  21.         </ul>
  22.         <ul class="langSelect">
  23.             <li class="flag-icon flag-icon-gb" data-language="2"><span data-lang="yes" data-lang-key="english">Engels</span></li>
  24. <!--                    <li class="flag-icon flag-icon-fr" data-language="french"><span data-lang="yes" data-lang-key="french">Frans</span></li>-->
  25.             <li class="flag-icon flag-icon-nl" data-language="1"><span data-lang="yes" data-lang-key="dutch">Nederlands</span></li>
  26.         </ul>
  27.         {% if projects|length > 0 %}
  28.         <ul class="projectSelect">
  29.             {% for item in projects %}
  30.                 {% if item.eventDescription[0] is defined %}
  31.                 <li data-project="{{ item.Id }}"><span data-lang="no">{{ item.eventDescription[0].title }}</span></li>
  32.                 {% endif %}
  33.             {% endfor %}
  34.         </ul>
  35.         {% endif %}
  36.     </div>
  37.     <div style="clear: both; height: 0px;"></div>
  38.     <div id='largeMenuHolder'>
  39.         <ul class='fullMenu'>
  40.             <li id="menu-item-home"         data-action="home" class="active"><span data-lang="yes" data-lang-key="home">home</span><img src="/images/arrow-right-green.svg"></li>
  41.             <li id="menu-item-calendar"     data-action="calendar"> <span data-lang="yes" data-lang-key="calendar">agenda</span><img src="/images/arrow-right-green.svg"></li>
  42.             <!--<li id="menu-item-aboutus"      data-action="aboutus">  <span data-lang="yes" data-lang-key="aboutus">Over Ons</span><img src="/images/arrow-right-green.svg"></li>-->
  43.             <!--<li id="menu-item-faq"          data-action="faq">      <span data-lang="yes" data-lang-key="faq">FAQ</span><img src="/images/arrow-right-green.svg"></li>-->
  44.             <!--<li id="menu-item-myaccount"    data-action="myaccount"><span data-lang="yes" data-lang-key="myaccount">Mijn Account</span><img src="/images/arrow-right-green.svg"></li>-->
  45.         </ul>    
  46.         <ul class='socialMediaMenu fa-ul'>
  47.             <li><a href="https://www.facebook.com/EventsForChrist/" target="_blank"><span class="fa-li"><i class='fab fa-facebook-f'></i></span><span class='social-text'>facebook</span></a></li>
  48.             <li><a href="http://instagram.com/eventsforchrist" target="_blank"><span class="fa-li"><i class='fab fa-instagram'></i></span><span class='social-text'>instagram</span></a></li>
  49.             <li><a href="https://www.youtube.com/user/VerburgServices" target="_blank"><span class="fa-li"><i class='fab fa-youtube'></i></span><span class='social-text'>youtube</span></a></li>
  50.         </ul>
  51.     </div>
  52.     <div id='contactHolder'>
  53.         <div id='visitInformation'>
  54.             <p class='bold' data-lang="yes" data-lang-key="visitaddress">Bezoekadres (op afspraak)</p>
  55.             <p>Zwarteweg 121<br>1431VL Aalsmeer</p>
  56.             <ul class='contactInfo'>
  57.                 <li><span><i class='email'></i></span><span>info@eventsforchrist.nl</span></li>
  58.                 <li><span><i class='phone'></i></span><span>+31 (0)297 237172</span></li>
  59.             </ul>
  60.         </div>
  61.         <div id='postalInformation'>
  62.             <p class='bold' data-lang="yes" data-lang-key="postaladdress">Postadres</p>
  63.             <p>Postbus 325<br>1430AH Aalsmeer</p>
  64.         </div>
  65.         <div class='contactForm'>
  66.             <form method='submit' action='#' id='contactForm'>
  67.                 <p><input id='contactFormName' required type="text" data-lang="yes" data-lang-key="name" placeholder="Naam"></p>
  68.                 <p><input id='contactFormEmail' required type="text" data-lang="yes" data-lang-key="email" placeholder="E-mailadres"></p>
  69.                 <p><input id='contactFormPhone' type="text" data-lang="yes" data-lang-key="phone" placeholder="Telefoonnummer"></p>
  70.                 <p><textarea id='contactFormMsg' required type="text" data-lang="yes" data-lang-key="yourmessage" placeholder="Uw bericht"></textarea></p>
  71.                 <p><button id='contactSubmit'    type="submit" data-lang="yes" data-lang-key="submitmessage">Stuur Bericht</button></p>
  72.             </form>
  73.         </div>
  74.     </div>
  75. </div>