{% extends 'base.html.twig' %}
{% block contentHeader %}
{% include 'includes/header.html.twig' with { type: 'homepage' } %}
{% endblock %}
{% block contentBody %}
{% set title = content.title|default %}
{% include 'includes/blocks.html.twig' %}
{% if title == 'Espace de coworking à Lyon 7' or title == 'Emplacement' or title == 'Comment venir ?' %}
<section class="reinsurance-bloc-all">
<div class="max-container-3 mx-auto px-0">
<div class="box-reinsurance-all text-center">
<div class="row mx-n2 justify-content-center">
<div class="col-md col-3 px-2">
<div class="box-av">
<strong class="d-block"><img src="{{ asset('/assets/images/av1.svg')}}" alt="" class="hidden-hover"><img src="{{ asset('/assets/images/av1H.svg')}}" alt="" class="visible-hover"></strong>
<span class="d-block"><span class="d-block">2h30</span><em class="d-block">En TGV <br/> Paris</em></span>
</div>
</div>
<div class="col-md col-6 px-2">
<div class="box-av">
<strong class="d-block box-av-2"><img src="{{ asset('/assets/images/av2.svg')}}" alt="" class="hidden-hover"><img src="{{ asset('/assets/images/av2H.svg')}}" alt="" class="visible-hover"></strong>
<span class="d-block"><span class="d-block"> 50min</span><em class="d-block">En TRAM de l’aéroport <br/> Lyon-Saint Exupéry</em></span>
</div>
</div>
<div class="col-md col-3 px-2">
<div class="box-av">
<strong class="d-block"><img src="{{ asset('/assets/images/av3.svg')}}" alt="" class="hidden-hover"><img src="{{ asset('/assets/images/av3H.svg')}}" alt="" class="visible-hover"></strong>
<span class="d-block"><span class="d-block">2h </span><em class="d-block">En voiture <br/> de Genève</em></span>
</div>
</div>
<div class="col-md col-6 px-2">
<div class="box-av">
<strong class="d-block"><img src="{{ asset('/assets/images/av4.svg')}}" alt="" class="hidden-hover"><img src="{{ asset('/assets/images/av4H.svg')}}" alt="" class="visible-hover"></strong>
<span class="d-block"><span class="d-block">15min</span><em class="d-block">En TRAM et métro de <br/> la gare Lyon Part Dieu</em></span>
</div>
</div>
<div class="col-md col-6 px-2">
<div class="box-av">
<strong class="d-block"><img src="{{ asset('/assets/images/av5.svg')}}" alt="" class="hidden-hover"><img src="{{ asset('/assets/images/av5H.svg')}}" alt="" class="visible-hover"></strong>
<span class="d-block"><span class="d-block">4min</span><em class="d-block">À pied de la gare <br/> Lyon Jean-Macé</em></span>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="bloc-map-contact">
<div class="bg-map-contact">
<div class="parent-link-map wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.5s">
<div class="link-map link-map-1 opacity-hover hvr-pulse" title="Centre Nautique Tony Bertrand"><img src="{{ asset('/assets/images/linkmap1.png')}}" alt=""></div>
<div class="link-map link-map-2 opacity-hover hvr-pulse" title="Lyon-Perrache Gare Routière"><img src="{{ asset('/assets/images/linkmap2.png')}}" alt=""></div>
<div class="link-map link-map-3 opacity-hover hvr-pulse" title="Cinéma Comoedia"><img src="{{ asset('/assets/images/linkmap3.png')}}" alt=""></div>
<a href="/comment-venir" class="link-map link-map-4 opacity-hover hvr-pulse" title="Coworking Lyon"><img src="{{ asset('/assets/images/linkmap4.png')}}" alt=""></a>
<div class="link-map link-map-5 opacity-hover hvr-pulse" title="L'Appart Fitness"><img src="{{ asset('/assets/images/linkmap5.png')}}" alt=""></div>
<div class="link-map link-map-6 opacity-hover hvr-pulse" title="Mama Shelter"><img src="{{ asset('/assets/images/linkmap6.png')}}" alt=""></div>
<div class="link-map link-map-7 opacity-hover hvr-pulse" title="Terrain de Sport du Colombier"><img src="{{ asset('/assets/images/linkmap7.png')}}" alt=""></div>
<div class="link-map link-map-8 opacity-hover hvr-pulse" title="A 10min de Lyon Part Dieu"><img src="{{ asset('/assets/images/linkmap8.png')}}" alt=""></div>
<div class="link-map link-map-9 opacity-hover hvr-pulse" title="Gare Lyon Jean-Macé"><img src="{{ asset('/assets/images/linkmap9.png')}}" alt=""></div>
<div class="link-map link-map-10 opacity-hover hvr-pulse" title="Parc Sergent Blandan"><img src="{{ asset('/assets/images/linkmap10.png')}}" alt=""></div>
</div>
</div>
{#<img src="{{ asset('/assets/images/map_contact.jpg')}}" class="w-100"/>#}
</section>
{% endif %}
{% if title == 'Espace de coworking à Lyon 7'%}
<div class="bloc-faq-index py-4">
<div class="max-container-2">
<h3 class="text-uppercase fontsize-normal pb-2 mb-0">QUESTIONS FRÉQUENTES</h3>
{% if content.blocks|default([])|length %}
{% set n = 0 %}
<div class="faq-accordion pt-2 row mx-n3">
{% for block in content.blocks %}
{% if block.type =="faq" and n < 6 %}
{% set n = n + 1 %}
{% include 'includes/blocks/' ~ block.type ~ '.html.twig' with {
content: block,
view: view.blocks[loop.index0],
} only %}
{% endif %}
{% endfor %}
</div>
{% endif %}
</div>
</div>
{% endif %}
{% endblock %}