{% extends 'base.html.twig' %}{% block title %}Qui sommes nous - RénovAtHome Un Artisant Près De Chez Soi{% endblock %}{% block stylesheets %}{{ parent() }}<meta name="description" content="RenovAtHome est un entreprise spécialisé dans la rénovation de maison située a Craon. Nous avons à coeur de vous accompagner lors de la création de votre projet sur-mesure."><link rel="stylesheet" href="{{ asset('assets/styles/home.css')}}"><link rel="stylesheet" href="{{ asset('assets/styles/about.css')}}">{% endblock %}{% block banner %}{% endblock %}{% block main %}<main> <section id="presentation" class="container"> <div class="presentation-entreprise"> <div class="contenu-presentation"> <h2 class="titre-deco-dessous">Présentation de <span class="green">Renov’At Home</span></h2> <div class="deco-sous-titre"></div> <p> L’entreprise <strong class="bold">SARL RENOV AT HOME</strong> située à <strong class="bold">CRAON (53), 2 chemin de la Croix Raudière</strong> vous ouvre ses portes. </p> <p> Fondée en 2014, <strong class="bold">RENOV AT HOME</strong> est une entreprise spécialisée <strong class="bold">dans la rénovation de l’habitat.</strong> Nous nous déplaçons sur toute la Mayenne (53) ainsi que dans le 49. L’entreprise est constituée de 7 compagnons dirigée par M. LETORT Alexis et M. VETTIER Guillaume. </p> <p class="bold"> Forte de notre experience nous sommes en mesure de vous apporter plusieurs prestations : </p> </div> <div class="presentation"> <div class="photo-presentation"> <div class="youtube_player" videoID="5zSD32JmtD0" rel="rel=1" controls="controls=1" showinfo="showinfo=0" autoplay="autoplay=0" loop="loop=0" loading="loading=1"></div> <img class="toit-vert1" src="{{ asset('assets/images/toit-about-us.svg')}}" alt="icone verte en forme de toit"> </div> </div> </div> </section> <section id="expertises"> <div class="container"> <div class="bg-house"> <img class="house" src="{{ asset('assets/images/illustration_maison_30.png')}}" alt="maison"> </div> <div id="toiture" class="more-expertise"> <div class="bg-expertise"> <i class="fa-solid fa-plus"></i> </div> <img class="img-expertise" src="{{ asset('assets/images/toiture.jpg') | imagine_filter('expertise')}}" alt="toiture"> <span class="text-expertise">Traitement des <br>toitures</span> </div> <div id="facade" class="more-expertise"> <div class="bg-expertise"> <i class="fa-solid fa-plus"></i> </div> <img class="img-expertise" src="{{ asset('assets/images/facade-maison.jpg') | imagine_filter('expertise')}}" alt="facade"> <span class="text-expertise">Traitement des <br>façades</span> </div> <div id="isolation-des-combles" class="more-expertise"> <div class="bg-expertise"> <i class="fa-solid fa-plus"></i> </div> <img class="img-expertise" src="{{ asset('assets/images/isolation.jpg') | imagine_filter('expertise')}}" alt="Isolation"> <span class="text-expertise">Isolation<br>des combles</span> </div> <div id="isolation-thermique" class="more-expertise"> <div class="bg-expertise"> <i class="fa-solid fa-plus"></i> </div> <img class="img-expertise" src="{{ asset('assets/images/isolation_thermique_ext.png')}}" alt="Isolation"> <span class="text-expertise">Isolation thermique<br>exterieur</span> </div> <div id="interieur" class="more-expertise"> <div class="bg-expertise"> <i class="fa-solid fa-plus"></i> </div> <img class="img-expertise" src="{{ asset('assets/images/interieur.jpg') | imagine_filter('expertise')}}" alt="Interieur de maison"> <span class="text-expertise">Intérieur</span> </div> <div class="all-expertises"> <div id="toiture-desc" class="expertise"> <div class="title-expertise"> <img src="{{ asset('assets/images/icon_roof.svg')}}" alt="toiture" class="logo-expertise"> <span class="name-expertise">Traitement des toitures</span> </div> <div class="desc-expertise"> <ul> <li>Démousage</li> <li>Brossage manuel</li> <li>Pulvérisation mécanique</li> <li>Hydrofuge</li> <li>Remplacement gouttières</li> <li>Habillage ou remplacement sous face</li> <li>Fenêtre de toit (velux)</li> </ul> <a href="{{ path('traitement_des_toitures') }}" class="link-expertise">En voir plus<i class="fa-solid fa-arrow-right"></i></a> </div> </div> <div id="isolation-des-combles-desc" class="expertise"> <div class="title-expertise"> <img src="{{ asset('assets/images/icon_heat.svg')}}" alt="Isolation" class="logo-expertise"> <span class="name-expertise">isolation des combles</span> </div> <div class="desc-expertise"> <ul> <li>Isolation des combles perdus par insufflation</li> <li>Isolation des rampants de toiture</li> <li>Isolation plancher bas </li> <li>Isolation thermique extérieur</li> </ul> <a href="{{ path('isolation_des_combles') }}" class="link-expertise">En voir plus<i class="fa-solid fa-arrow-right"></i></a> </div> </div> <div id="isolation-thermique-desc" class="expertise"> <div class="title-expertise"> <img src="{{ asset('assets/images/icon_heat.svg')}}" alt="Isolation" class="logo-expertise"> <span class="name-expertise">isolation thermique exterieure</span> </div> <div class="desc-expertise"> <ul> <li>Finition bardage bois</li> <li>Finition enduit RPE</li> </ul> <a href="{{ path('isolation_thermique_exterieur') }}" class="link-expertise">En voir plus<i class="fa-solid fa-arrow-right"></i></a> </div> </div> <div id="facade-desc" class="expertise"> <div class="title-expertise"> <img src="{{ asset('assets/images/icon_painting.svg')}}" alt="Peinture" class="logo-expertise"> <span class="name-expertise">Traitement des façade</span> </div> <div class="desc-expertise"> <ul> <li>Nettoyage </li> <li>Traitement anticryptogamique</li> <li>Ravalement</li> </ul> <a href="{{ path('traitement_des_facades') }}" class="link-expertise">En voir plus<i class="fa-solid fa-arrow-right"></i></a> </div> </div> <div id="interieur-desc" class="expertise"> <div class="title-expertise"> <img src="{{ asset('assets/images/icon_interior.svg')}}" alt="toiture" class="logo-expertise"> <span class="name-expertise">Intérieur</span> </div> <div class="desc-expertise"> <ul> <li>Peinture</li> <li>Revêtement décoratif</li> <li>Sol , parquets , moquettes, pvc</li> </ul> <a href="{{ path('interieur') }}" class="link-expertise">En voir plus<i class="fa-solid fa-arrow-right"></i></a> </div> </div> </div> </div> </section> <section id="valeur"> <div class="container"> <div class="titre-valeurs"> <h2>Nos <span class="green">valeurs</span></h2> <div class="deco-sous-titre"></div> </div> <div class="nos-valeurs"> <div class="valeur"> <div class="titre-valeur"> <img src="{{ asset('assets/images/valeur1.png')}}" alt=""> <span>La qualité</span> </div> <p> Un travail de qualité, réalisé dans les règles de l’art, pour la plus grande satisfaction du client. </p> </div> <div class="valeur"> <div class="titre-valeur"> <img src="{{ asset('assets/images/valeur2.png')}}" alt=""> <span>L'écoute</span> </div> <p> L’entreprise Renov’At Home s’engage au côté de son client, pour une parfaite exécution des travaux, en toute bonne foi. </p> </div> <div class="valeur"> <div class="titre-valeur"> <img src="{{ asset('assets/images/valeur3.png')}}" alt=""> <span>La confiance</span> </div> <p> Renov’At Home agit en toute confiance avec son client, à la fois sur les techniques et les matériaux employés, sur les coûts et la mise en oeuvre de votre projet. </p> </div> <div class="valeur"> <div class="titre-valeur"> <img src="{{ asset('assets/images/valeur4.png')}}" alt=""> <span>Humaine</span> </div> <p> Mener à bien un projet repose sur une coopération, non seulement des équipes de Renov’At Home, mais également avec le maître d’ouvrage, vous, initiateur du projet. </p> </div> </div> </div> </section> <section id="equipe"> <div class="equipe"> <div class="titre-valeurs"> <h2>L’équipe <span class="green">Renov’At Home</span></h2> <div class="deco-sous-titre"></div> </div> <div class="all-equipe"> <img src="{{ asset('assets/images/brush_green.png')}}" class="devis-img-back green" alt="peinture verte"> <img src="{{ asset('assets/images/brush_orange.png')}}" class="devis-img-back orange" alt="peinture orange"> <div class="fondateurs container"> <div class="card-equipe"> <img src="{{asset('assets/images/fondateur-alexis.jpg') | imagine_filter('miniature')}}" alt="Co-fondateur de RenovAtHome"> <h3>Alexis <span class="green">Letort</span></h3> <span class="fonction">Co-fondateur</span> </div> <div class="card-equipe"> <img src="{{asset('assets/images/fondateur-guillaume.jpg') | imagine_filter('miniature')}}" alt="Co-fondateur de RenovAtHome"> <h3>Guillaume <span class="green">Vettier</span></h3> <span class="fonction">Co-fondateur</span> </div> </div> <div class="lightgreen"> <div class="artisans container"> <div class="card-equipe"> <img src="{{asset('assets/images/artisan-julien.jpg') | imagine_filter('miniature')}}" alt="artisan chez RenovAtHome"> <h3>Julien</h3> <span class="fonction">Façadier peintre</span> </div> <div class="card-equipe"> <img src="{{asset('assets/images/artisan-philippe.jpg') | imagine_filter('miniature')}}" alt="artisan chezRenovAtHome"> <h3>Pilippe</h3> <span class="fonction">Façadier peintre</span> </div> <div class="card-equipe"> <img src="{{asset('assets/images/artisan-aurelien.jpg') | imagine_filter('miniature')}}" alt="Co-fondateur de RenovAtHome"> <h3>Aurelien</h3> <span class="fonction">Façadier peintre</span> </div> </div> </div> <div class="commerciaux"> <div class="card-equipe"> <img src="{{asset('assets/images/commercial-marina.jpg') | imagine_filter('miniature')}}" alt="Technico-commercial chez RenovAtHome"> <h3>Marina</h3> <span class="fonction">Technico-Commerciale</span> </div> <div class="card-equipe"> <img src="{{asset('assets/images/commercial-louis.jpg') | imagine_filter('miniature')}}" alt="Technico-commercial chez RenovAtHome"> <h3>Louis</h3> <span class="fonction">Technico-Commerciale</span> </div> </div> </div> </div> </section></main>{% endblock %}{% block contact %}{% endblock %}{% block footer %}{% endblock %}{% block script %}{{ parent() }}<script> $('.more-expertise').hover( function () { $('#' + $(this).attr('id') + '-desc').addClass('desc-actif'); }, function () { $('#' + $(this).attr('id') + '-desc').removeClass('desc-actif'); } ); $('.expertise').hover( function () { var id = $(this).attr('id'); id = id.replace("-desc", ""); $('#' + id).addClass('more-actif'); $(this).addClass('desc-actif'); }, function () { var id = $(this).attr('id'); id = id.replace("-desc", ""); $('#' + id).removeClass('more-actif'); $(this).removeClass('desc-actif'); } );</script>{% endblock %}