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

Open in your IDE?
  1. <div id='homeContainer' class="container">
  2.     <div id='headerGrid' class='desktop'>
  3.         <video id="headerImage" class="headerImage" autoplay="" playsinline="" muted="" loop="" class="background-video" poster="/img/videoheader-switchfoot.png">
  4.             <source src="/video/EFC_HOMEPAGE_HEADER_VIDEO_V1.webmhd.webm" type="video/webm">
  5.             <source src="/video/EFC_HOMEPAGE_HEADER_VIDEO_V1.mp4" type="video/mp4">
  6.         </video>
  7.         <img id="secondLogo" src="/img/logo-secundair-wit.svg">
  8.     </div>
  9.     <div id="overlayContainer"></div>
  10.     <div id="searchContainer">
  11.         <div id='searchGrid'>
  12.             {# <div class='block_title desktop'><h1 data-lang="yes" data-lang-key="searchresults">ZOEKEN</h1></div> #}
  13.             <div class="search_outer">
  14.                 <div class="search_clear mobile"><img src="/img/x-white-mobile-search.svg" class="search_clear"></div>
  15.                 <div class="search_clear desktop"><img src="/img/if-basics-22-296812.svg" class="search_clear"></div>
  16.                 <form action="#">
  17.                     <input type="text" class="search" id="search" placeholder="zoek evenement of artiest">
  18.                     <input type="submit" style="display: none;">
  19.                 </form>
  20.             </div>
  21.         </div>
  22.         <div id="searchResultsGrid">
  23.             {# <div class='block_title'><h1 data-lang="yes" data-lang-key="searchresults">ZOEKRESULATEN</h1></div>#}
  24.             <div class='block_subtitle'></div>
  25.             <div class="items"></div>
  26.         </div>
  27.     </div>
  28.     <div class='mobile'><span class='grid_title' data-lang="yes" data-lang-key="just_confirmed">Net bevestigd!</span></div>
  29.     <div id='confirmedGrid' class='mobile-flex'>        
  30.         <div class="event event-template">
  31.             <div class="background"></div>
  32.             <div class="tour"></div><div class="project"></div>
  33.             <div class="event_title">&nbsp;</div>
  34.             <div class="special_title"></div>
  35.             <div class="date_location"></div>            
  36.         </div>
  37.     </div>
  38.     <div class='mobile gridBlock'>
  39.         <span class='grid_readmore' data-lang="yes" data-lang-key="grid_readmore">meer</span>
  40.         <img class='grid_readmore_image' src="/img/arrow-right.svg" class="bekijk-meer">
  41.     </div>
  42.     <div class='mobile'><span class='grid_title' data-lang="yes" data-lang-key="grid_title">Speciaal voor jou</span></div>
  43.     <div id='eventGrid'>        
  44.         <div class="event event-template">&nbsp;
  45.             <div class="background"></div>
  46.             <div class="tour"></div><div class="project"></div>
  47.             <div class="event_title">&nbsp;</div>
  48.             <div class="special_title"></div>
  49.             <div class="date_location"></div>            
  50.         </div>
  51.     </div>
  52.     <div class='mobile gridBlock'>
  53.         <span class='grid_readmore' data-lang="yes" data-lang-key="grid_readmore">meer</span>
  54.         <img class='grid_readmore_image' src="/img/arrow-right.svg" class="bekijk-meer">
  55.     </div>
  56.     <div class='grid_clear'></div>
  57.     <div class="seperatorGrid">&nbsp;</div>
  58.     <div id='blogGrid'>
  59.         <div class="arrow arrow-left"><span class="fas fa-angle-left" /></div>
  60.         <div class="item item-1">&nbsp;</div>
  61.         <div class="item item-2">&nbsp;</div>
  62.         <div class="arrow arrow-right"><span class="fas fa-angle-right" /></div>
  63.     </div>
  64.     <div id='highlightGrid'>
  65.         <div class='block_title'><h1 data-lang="yes" data-lang-key="highlights">HIGHLIGHTS</h1></div>
  66.         <div class='block_subtitle'><span data-lang="yes" data-lang-key="highlights_subtitle">Hoogtepunten van een aantal van de afgelopen evenementen</span></div>
  67.         <div class="event event-1">&nbsp;</div>
  68.         <div class="event event-2">&nbsp;</div>
  69.         <div class="event event-3">&nbsp;</div>
  70.     </div>
  71.     <div id='calendarGrid'>
  72.         <div class='block_title'><h1 data-lang="yes" data-lang-key="calendar">AGENDA</h1></div>
  73.         <div class='block_subtitle desktop'><span data-lang="yes" data-lang-key="calendar_subtitle">Overzicht van alle aankomende evenementen. Klik op het evenement voor meer informatie.</span></div>
  74.         <div class="items"></div>
  75.     </div>
  76. </div>