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

{% block title %}Vidéos{% endblock %}

{% block body %}
    <div class="breadcrumb-wrap videos">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                    <h4>Oeuvres</h4>
                </div>
                <div class="col-sm-6 hidden-xs text-right">
                    <ol class="breadcrumb">
                        <li>Vidéos</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
    <div class="divide80"></div>
    <div class="container">
        <div class="center-heading">
            <h2>Vidéos</h2>
            <span class="center-line"></span>
        </div>
        <div class="row">
            <div class="portfolio-box iso-call col-2-space">
                {% for video in videos %}
                <div class="project-post 2013-2014 branding">
                    <div class="embed-responsive embed-responsive-4by3">
                        <iframe src="//player.vimeo.com/video/{{ video.code }}" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
                    </div>
                    <div class="work-desc videos">
                        <h3><a href="portfolio-single.html">{{ video.titre|raw }}</a></h3>
                        <span>{{ video.description|raw }}<a href="https://vimeo.com/{{ video.code }}" target="blank">&nbsp;En savoir plus</a></span>
                    </div>
                </div>
                {% endfor %}
            </div>
        </div>
    </div>
    <div class="divide60"></div>
{% endblock %}