{% extends "layout.html" %}
{% block head %}
    {{ super() }}
    <title>{{ site_name }}</title>
{% endblock %}
{% block body %}
    {{ super() }}
    
    <div id="harry-banner"><iframe width="100%" height="300vh" src="https://www.youtube.com/embed/tjh4bYEiX84" frameborder="0" allowfullscreen></iframe></div>
    
    <div class="grid-container" id="harry-content">
        
        
        
        <div class="grid-100 grid-container">
            
            <h1>Uitgaven van de Harry</h1>
            
            <h2>Jaargang 2015-2016</h2>
            
            <div class="grid-25 harry-uitgave-perview">
                <h3>Zomer/Nostalgie-editie</h3>
                <img src="http://i.imgur.com/AIrFV8E.jpg" class="harry-uitgave-voorkant" />
                <span class="harry-uitgave-tekst">
                Drukversie<br/>
                Losse artikelen
                </span>
            </div>
            <div class="grid-25 harry-uitgave-perview">
                <h3>Paaseditie</h3>
                    <img src="http://i.imgur.com/xB3EZz5.png" class="harry-uitgave-voorkant" />
                <span class="harry-uitgave-tekst">
                Drukversie<br/>
                Losse artikelen
                </span>
            </div>
            <div class="grid-25 harry-uitgave-perview">
                <h3>Kersteditie</h3>
                    <img src="http://i.imgur.com/HZk6Oe2.jpg" class="harry-uitgave-voorkant" />
                <span class="harry-uitgave-tekst">
                Drukversie<br/>
                Losse artikelen
                </span>
            </div>
            <div class="grid-25 harry-uitgave-perview">
                <h3>Herfsteditie</h3>
                    <img src="http://i.imgur.com/cNYfHt3.png" class="harry-uitgave-voorkant" />
                <span class="harry-uitgave-tekst">
                Drukversie<br/>
                Losse artikelen
                </span>
            </div>
            <div style="clear: both;"></div>
            <h2>Jaargang 2014-2015</h2>
            
            <div class="grid-25 harry-uitgave-perview">
                <h3>Januari-editie</h3>
                    <img src="http://i.imgur.com/5ZJ1Gm0.png" class="harry-uitgave-voorkant" />
                <span class="harry-uitgave-tekst">
                Drukversie<br/>
                Losse artikelen
                </span>
            </div>
            <div class="grid-25 harry-uitgave-perview">
                <h3>November-editie</h3>
                    <img src="http://i.imgur.com/wLeieHV.png" class="harry-uitgave-voorkant" />
                <span class="harry-uitgave-tekst">
                Drukversie<br/>
                Losse artikelen
                </span>
            </div>
            <div style="clear: both;"></div>
            <h2>Jaargang 2013-2014</h2>
            
            <div class="grid-25 harry-uitgave-perview">
                <h3>Juni-editie</h3>
                    <img src="http://i.imgur.com/lGDZa04.png" class="harry-uitgave-voorkant" />
                <span class="harry-uitgave-tekst">
                Drukversie<br/>
                Losse artikelen
                </span>
            </div>
            <div class="grid-25 harry-uitgave-perview">
                <h3>April-editie</h3>
                    <img src="http://i.imgur.com/90P1P8E.png" class="harry-uitgave-voorkant" />
                <span class="harry-uitgave-tekst">
                Drukversie<br/>
                Losse artikelen
                </span>
            </div>
            <div class="grid-25 harry-uitgave-perview">
                <h3>Februari-editie</h3>
                    <img src="http://i.imgur.com/p9Jws1C.png" class="harry-uitgave-voorkant" />
                <span class="harry-uitgave-tekst">
                Drukversie<br/>
                Losse artikelen
                </span>

            </div>
            <div class="grid-25 harry-uitgave-perview">
                <h3>December-editie</h3>
                    <img src="http://i.imgur.com/spWKLdk.png" class="harry-uitgave-voorkant" />
                <span class="harry-uitgave-tekst">
                Drukversie<br/>
                Losse artikelen
                </span>
                
            </div>
            <div style="clear: both;"></div>
        </div>
    </div>
    
    
{% endblock %}