<div id='homeContainer' class="container">
<div id='headerGrid' class='desktop'>
<video id="headerImage" class="headerImage" autoplay="" playsinline="" muted="" loop="" class="background-video" poster="/img/videoheader-switchfoot.png">
<source src="/video/EFC_HOMEPAGE_HEADER_VIDEO_V1.webmhd.webm" type="video/webm">
<source src="/video/EFC_HOMEPAGE_HEADER_VIDEO_V1.mp4" type="video/mp4">
</video>
<img id="secondLogo" src="/img/logo-secundair-wit.svg">
</div>
<div id="overlayContainer"></div>
<div id="searchContainer">
<div id='searchGrid'>
{# <div class='block_title desktop'><h1 data-lang="yes" data-lang-key="searchresults">ZOEKEN</h1></div> #}
<div class="search_outer">
<div class="search_clear mobile"><img src="/img/x-white-mobile-search.svg" class="search_clear"></div>
<div class="search_clear desktop"><img src="/img/if-basics-22-296812.svg" class="search_clear"></div>
<form action="#">
<input type="text" class="search" id="search" placeholder="zoek evenement of artiest">
<input type="submit" style="display: none;">
</form>
</div>
</div>
<div id="searchResultsGrid">
{# <div class='block_title'><h1 data-lang="yes" data-lang-key="searchresults">ZOEKRESULATEN</h1></div>#}
<div class='block_subtitle'></div>
<div class="items"></div>
</div>
</div>
<div class='mobile'><span class='grid_title' data-lang="yes" data-lang-key="just_confirmed">Net bevestigd!</span></div>
<div id='confirmedGrid' class='mobile-flex'>
<div class="event event-template">
<div class="background"></div>
<div class="tour"></div><div class="project"></div>
<div class="event_title"> </div>
<div class="special_title"></div>
<div class="date_location"></div>
</div>
</div>
<div class='mobile gridBlock'>
<span class='grid_readmore' data-lang="yes" data-lang-key="grid_readmore">meer</span>
<img class='grid_readmore_image' src="/img/arrow-right.svg" class="bekijk-meer">
</div>
<div class='mobile'><span class='grid_title' data-lang="yes" data-lang-key="grid_title">Speciaal voor jou</span></div>
<div id='eventGrid'>
<div class="event event-template">
<div class="background"></div>
<div class="tour"></div><div class="project"></div>
<div class="event_title"> </div>
<div class="special_title"></div>
<div class="date_location"></div>
</div>
</div>
<div class='mobile gridBlock'>
<span class='grid_readmore' data-lang="yes" data-lang-key="grid_readmore">meer</span>
<img class='grid_readmore_image' src="/img/arrow-right.svg" class="bekijk-meer">
</div>
<div class='grid_clear'></div>
<div class="seperatorGrid"> </div>
<div id='blogGrid'>
<div class="arrow arrow-left"><span class="fas fa-angle-left" /></div>
<div class="item item-1"> </div>
<div class="item item-2"> </div>
<div class="arrow arrow-right"><span class="fas fa-angle-right" /></div>
</div>
<div id='highlightGrid'>
<div class='block_title'><h1 data-lang="yes" data-lang-key="highlights">HIGHLIGHTS</h1></div>
<div class='block_subtitle'><span data-lang="yes" data-lang-key="highlights_subtitle">Hoogtepunten van een aantal van de afgelopen evenementen</span></div>
<div class="event event-1"> </div>
<div class="event event-2"> </div>
<div class="event event-3"> </div>
</div>
<div id='calendarGrid'>
<div class='block_title'><h1 data-lang="yes" data-lang-key="calendar">AGENDA</h1></div>
<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>
<div class="items"></div>
</div>
</div>