{% extends 'layout.html.twig' %}

{% block title %}{{ parent() }} - Réalisateur{% endblock %}

{% block body %}
    <div class="container mt-4 real">
    	<h1 class="mt-4 mb-4">Réalisateur : Quentin Dupieux</h1>
    	<h2>Films diffusés à la Cinémathèque</h2>
    	<div class="row">
    		<div class="col-sm-6 col-lg-3">
    			<a href="">
    				<img src="https://spoutnik.info/wp-content/uploads/2018/04/nonfilm.jpg" alt="illustration de Nonfilm" class="img-fluid">
	    			<h3 class="mt-2">Nonfilm</h3>
	    			<p>2001</p>
	    		</a>
    		</div>
    		<div class="col-sm-6 col-lg-3">
    			<a href="">
	    			<img src="https://code135.files.wordpress.com/2014/06/steak008-3819065bogtb.jpg" alt="illustration de Steak" class="img-fluid">
	    			<h3 class="mt-2">Steak</h3>
	    			<p>2007</p>
	    		</a>
    		</div>
    		<div class="col-sm-6 col-lg-3">
    			<a href="">
	    			<img src="https://assets.mubi.com/images/film/27500/image-w1280.jpg?1561982372" alt="illustration de Rubber" class="img-fluid">
	    			<h3 class="mt-2">Rubber</h3>
	    			<p>2010</p>
	    		</a>
    		</div>
    		<div class="col-sm-6 col-lg-3">
    			<a href="">
	    			<img src="https://i1.wp.com/faispasgenre.com/wp-content/uploads/2012/09/wrong-quentin-dupieux1.jpg?fit=945%2C510&ssl=1" alt="illustration de Wrong" class="img-fluid">
	    			<h3 class="mt-2">Wrong</h3>
	    			<p>2012</p>
	    		</a>
    		</div>
    	</div>

    	<div class="row">
    		<div class="col-sm-6 col-lg-3">
    			<a href="">
	    			<img src="https://pmcvariety.files.wordpress.com/2013/08/wrong-cops-locarno.jpg?w=1000" alt="illustration de Wrong Cops" class="img-fluid">
	    			<h3 class="mt-2">Wrong Cops</h3>
	    			<p>2013</p>
	    		</a>
    		</div>
    		<div class="col-sm-6 col-lg-3">
    			<a href="">
	    			<img src="https://i0.wp.com/www.lheuredelasortie.com/wp-content/uploads/2015/02/Realite-2014-3.jpg?fit=1200%2C649" alt="illustration de Réalité" class="img-fluid">
	    			<h3 class="mt-2">Réalité</h3>
	    			<p>2014</p>
	    		</a>
    		</div>
    		<div class="col-sm-6 col-lg-3">
    			<a href="">
	    			<img src="http://www.premiere.fr/sites/default/files/styles/scale_crop_1280x720/public/2018-05/au%20poste.jpg" alt="illustration de Au Poste" class="img-fluid">
	    			<h3 class="mt-2">Au poste !</h3>
	    			<p>2018</p>
	    		</a>
    		</div>
    		<div class="col-sm-6 col-lg-3">
    			<a href="">
	    			<img src="https://www.arte.tv/sites/olivierpere/files/jean-dujardin-le-daim-1.jpg" alt="illustration de Le Daim" class="img-fluid">
	    			<h3 class="mt-2">Le Daim</h3>
	    			<p>2019</p>
	    		</a>
    		</div>
    	</div>
    </div>
{% endblock %}