{% extends 'base.html.twig' %}{% import 'app/_inc/macros.html.twig' as m %}{% block css %}{{ encore_entry_link_tags('app-index-css') }}{% endblock %}{% block js %} {{ encore_entry_script_tags('app-index-js') }}{% endblock %}{% block content %} <main class="homepage"> <section class="homepage-hero"> <video autoplay muted loop playsinline> {% for f in ['webm','mp4'] %} <source src="{{ asset('video/wall.'~f) }}" type="video/{{ f }}"> {% endfor %} </video> <div class="video-bg"></div> <div class="homepage-hero-content"> <div class="mention">Plus de 10 ans d'expérience.</div> <h2 class="h2">Nous débutons votre rénovation</h2> <div class="paragraphe"> <p>Spécialistes des accès difficile.</p> </div> </div> {{ m.img(asset('img/home/dameo_1.jpg')) }} </section> <section class="home-coord"> {{ m.coordInfos() }} </section> <section class="home-intro"> <div class="container"> {{ m.img(asset('img/home/dameo_2.jpg')) }} <div class="home-intro-content"> <h2 class="h2">Après 11 ans en activité secondaire, nous amenons notre savoir-faire au premier plan.</h2> <div class="paragraphe"> <p>Depuis + de 35 ans, nous mettons à disposition notre savoir-faire pour vos travaux de rénovation et de second œuvre.</p> <p>Démolition d'intérieur, curage, mise en plateau.</p> <p>Laissez Dameo bien débuter votre rénovation !</p> </div> {{ m.bn('Contactez-nous', path('contact')) }} </div> </div> </section> <section class="home-services"> <div class="container"> <ul class="services-list"> {% for category in categories %} {% if category.childrens|length > 0 %} <li> <div class="service-item" data-link> <div class="service-item-content"> <strong class="mention">Nos services</strong> <h3 class="h3"><a href="{{ path('activiteslist', {'id':category.id}) }}" title="voir la page">{{ category.translate.title }}</a></h3> </div> {{ m.img(asset(category.firstPicture.path)) }} </div> </li> {% else %} <li> <div class="service-item" data-link> <div class="service-item-content"> <strong class="mention">Nos services</strong> <h3 class="h3"><a href="{{ path('activiteShow', {'id':category.id}) }}" title="voir la page">{{ category.translate.title }}</a></h3> </div> {{ m.img(asset(category.firstPicture.path)) }} </div> </li> {% endif %} {% endfor %} </ul> </div> </section> <section class="home-intro home-spe"> <div class="container"> <div class="home-intro-content"> <h2 class="h2">Spécialistes lyonnais</h2> <div class="paragraphe"> <p>Spécialisé dans les appartements de type canuts, nous vous proposons d'effectuer vos travaux de démolition, de curage ou de mise en plateau.</p> <p>Nous vous accompagnons pour débuter votre rénovation dans les meilleurs délais.</p> </div> {{ m.bn('Contactez-nous', path('contact')) }} </div> {{ m.img(asset('img/home/dameo_7.jpg')) }} </div> </section> <section class="home-expertise"> <div class="container"> <ul class="services-list"> <li> <div class="service-item"> <div class="service-item-content"> <strong class="mention">Notre expertise</strong> <h3 class="h3">Adaptabilité & respect des délais</h3> </div> {{ m.img(asset('img/home/dameo_8.jpg')) }} </div> </li> <li> <div class="service-item"> <div class="service-item-content"> <strong class="mention">Notre expertise</strong> <h3 class="h3">Devis gratuit sous 24h</h3> </div> {{ m.img(asset('img/home/dameo_9.jpg')) }} </div> </li> <li> <div class="service-item"> <div class="service-item-content"> <strong class="mention">Notre expertise</strong> <h3 class="h3">Déplacement partout en Rhône-Alpes</h3> </div> {{ m.img(asset('img/home/dameo_10.jpg')) }} </div> </li> <li> <div class="service-item"> <div class="service-item-content"> <strong class="mention">Notre expertise</strong> <h3 class="h3">Accès difficile mais pas impossible</h3> </div> {{ m.img(asset('img/home/dameo_11.jpg')) }} </div> </li> </ul> </div> </section> </main>{% endblock %}