{% extends "layout.html" %}
{% block head %}
    {{ super() }}
    <title>{{ site_name }}</title>
{% endblock %}
{% block body %}
    {{ super() }}
    
    <div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/nl_NL/sdk.js#xfbml=1&version=v2.7";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
    
<div class="grid-container" id="harry-featured-articles">

    <div class="grid-55 harry-featured-article mobile-grid-100">
        <div class="harry-featured-image">
            <img src="http://i.imgur.com/j8BZjdl.jpg" />
        </div>
        <div class="harry-featured-text">
            <div class="harry-featured-title">Zeldzame foto eerste Olympische spelen gespot</div>
            <div class="harry-featured-blurb">En hij is nog in kleur ook!</div>
        </div>
    </div>

    <div class="grid-45 harry-featured-article mobile-grid-100">
        <div class="harry-featured-image">
            <img src="http://getupbenelux.com/wp-content/uploads/foto-5.jpg" />
        </div>
        <div class="harry-featured-text">
            <div class="harry-featured-title">Speciale Mark Rutte-attractie in Efteling</div>
            <div class="harry-featured-blurb">Karretjes gaan volgens bijstanders tot wel 66 km/h! Er zijn wel zorgen over het gebrek aan gordels.</div>
        </div>
    </div>
</div>

<div class="grid-container" id="harry-content">
    <div class="grid-75 grid-container" id="harry-thumb-articles">
        <div class="grid-33">
            <div class="harry-article">
                <img class="harry-article-thumb" src="https://i.ytimg.com/vi/5-CYF2Oy9GU/maxresdefault.jpg" />
                <div class="harry-title">E-mailfiasco Werenfridus zorgt voor burn-out systeembeheerder</div>
                <span class="harry-blurb">Onze bronnen rapporteren dat <nb>Peter Harmsen</nb>, systeembeheerder bij Tabor College Werenfridus, zijn werkplek heeft verlaten, <nb>"IK KAP MET DEZE SHIT"</nb> roepend.</span>
            </div>
        </div>
        <div class="grid-33">
            <div class="harry-article">
                <img class="harry-article-thumb" src="http://wac.450f.edgecastcdn.net/80450F/1045theteam.com/files/2012/08/149542089.jpg" />
                <div class="harry-title">Sportprestaties WF-Olympi&euml;rs vallen drastisch tegen</div>
                <span class="harry-blurb">"#TeamWF heeft helaas de verwachtingen niet waar kunnen maken", zegt <nb>Werenfridus-kenner Hans Peeters.</nb> <nb>"Maar we blijven ervoor gaan!"</nb></span>
            </div>
        </div>
        <div class="grid-33">
            <div class="harry-article">
                <img class="harry-article-thumb" src="http://weekbladparty.nl/wp-content/uploads/2015/06/Gerard-Joling-Credits-Nick-van-Ormondt-e1434747314512.jpg" />
                <div class="harry-title">Gerard Joling gekroond tot man met de luidste hijg-lach.</div>
                <span class="harry-blurb">"Ik voel me echt vereerd", zegt een emotionele Joling na afloop van de 'Het is toch om te gieren'-awards. </span>
            </div>
        </div>
        <div style="clear: both;"></div>
        <div class="grid-33">
            <div class="harry-article">
                <img class="harry-article-thumb" src="https://i.ytimg.com/vi/5-CYF2Oy9GU/maxresdefault.jpg" />
                <div class="harry-title">E-mailfiasco Werenfridus zorgt voor burn-out systeembeheerder</div>
                <span class="harry-blurb">Onze bronnen rapporteren dat <nb>Peter Harmsen</nb>, systeembeheerder bij Tabor College Werenfridus, zijn werkplek heeft verlaten, <nb>"IK KAP MET DEZE SHIT"</nb> roepend.</span>
            </div>
        </div>
        <div class="grid-33">
            <div class="harry-article">
                <img class="harry-article-thumb" src="http://wac.450f.edgecastcdn.net/80450F/1045theteam.com/files/2012/08/149542089.jpg" />
                <div class="harry-title">Sportprestaties WF-Olympi&euml;rs vallen drastisch tegen</div>
                <span class="harry-blurb">"#TeamWF heeft helaas de verwachtingen niet waar kunnen maken", zegt <nb>Werenfridus-kenner Hans Peeters.</nb> <nb>"Maar we blijven ervoor gaan!"</nb></span>
            </div>
        </div>
        <div class="grid-33">
            <div class="harry-article">
                <img class="harry-article-thumb" src="http://weekbladparty.nl/wp-content/uploads/2015/06/Gerard-Joling-Credits-Nick-van-Ormondt-e1434747314512.jpg" />
                <div class="harry-title">Gerard Joling gekroond tot man met de luidste hijg-lach.</div>
                <span class="harry-blurb">"Ik voel me echt vereerd", zegt een emotionele Joling na afloop van de 'Het is toch om te gieren'-awards. </span>
            </div>
        </div>
    </div>
    <div class="grid-25 hide-on-mobile" id="sidebar">
        <div id="social">
            <div class="center harry-sidebar-header">Contact</div>
            <div>Mocht je dringende vragen hebben; we zijn altijd te bereiken op het volgende e-mailadres: <i>hoofdredactie@harrywf.nl</i>.</div> 
            </br>
            <div class="center harry-sidebar-header">Volg ons op Facebook!</div>
            <div class="fb-page" data-href="https://www.facebook.com/wfschoolkrant/" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true">
                <blockquote cite="https://www.facebook.com/wfschoolkrant/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/wfschoolkrant/">Harry - Schoolkrant</a></blockquote>
            </div>
        </div>
    </div>
</div>

    
    
{% endblock %}