{% set title = 'Galerie' %}
{% set banner = asset('images/photo3.jpg') %}

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

{% block content %}
<div class='top-20-in adapt left-20-in right-20-in'>
	<div class='adapt {{desktop("left-20-in right-20-in flex row space wrap")}}'>
        {% for i in (1..4) %}
        {% for o in (1..4) %}
        <a href="{{path('album')}}" class="album {{desktop('half-20 top-20')}} adapt bottom-20 flex col middle hoverflow">
            <figure class="w100 scale-hover-img">
                <div class="relative w100 hoverflow">
                    <img src="{{asset('images/photo')}}{{o}}.jpg" class="block w100 transition">
                    <div class="absolute mask-before fill top left"></div>
                    <div class="absolute mask-after fill top left"></div>
                    <div class="absolute anim fill top left padding-10">
                        <div class="relative fill">
                            <span class="left-bottom transition border border-white border-notop border-noright border-nobottom absolute bottom left hthird" ></span>
                            <span class="top-right transition border border-white border-noleft border-noright border-nobottom absolute top right third" ></span>
                            
                            <span class="bottom-left transition border border-white border-notop border-noright border-noleft absolute bottom left" ></span>
                            <span class="right-top transition border border-white border-noleft border-notop border-nobottom absolute top right" ></span>
                        </div>
                    </div>
                </div>
                <figcaption class="left-20-in right-20-in {{desktop('top-20-in bottom-20-in')}} {{mobile('top-10-in bottom-10-in')}} adapt relative transition black">
                    <h2 class="h3 medium adapt">Centre de Soin de Suite et de Réadaptation (CSSR)</h2>
                </figcaption>
            </figure>
        </a>
        {% endfor %}
        {% endfor %}
	</div>
</div>
{% endblock %}