templates/receiver/hotel/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}
  3.     Logiciel de gestion du sport pour les hôtels, gérez votre espace sportif hôtelier
  4. {% endblock %}
  5. {% block stylesheets %}
  6.     <script src="/js/auxiliary/dotlottie-player.js" async></script>
  7.     <link rel="stylesheet" href="{{ asset('/css/pages/grounds.css') }}" />
  8.     <link rel="stylesheet" href="{{ asset('/css/pages/hotel.css') }}" />
  9. {% endblock %}
  10. {% block body %}
  11.     <div class="slider">
  12.         <div class="usefull-width item-slider">
  13.             <div>
  14.                 <H1 class="item-header-h">
  15.                     Logiciel de gestion du sport <br/>pour <span class="color">hôtel : Optimisation,<br/>temps et gestion </span>
  16.                 </H1>
  17.                 <div class="item-inscription hidden-xs">
  18.                     <div class="title">
  19.                         Commencez votre essai gratuitement
  20.                     </div>
  21.                     <form class="header-form" action="{{ path('signup') }}" method="POST">
  22.                         <input name="email" class="form-control" placeholder="Tapez votre e-mail..." required="required"/>
  23.                         <input name="typeLd" type="hidden" value="{{ website_name ~ ' :: hôtel-form' }}" />
  24.                         <button class="button_theme">
  25.                             Commencer
  26.                         </button>
  27.                     </form>
  28.                     <div class="item-sentence">
  29.                         <b>Pas besoin</b> de <b>carte bancaire</b> lors de l’inscription, aucun frais cachés.
  30.                     </div>
  31.                 </div>
  32.             </div>
  33.             <div class="item-wrapped hidden-xs">
  34.                 <div class="launch-vids">
  35.                     <img src="{{ asset('/images/pages/hotel/logiciel-de-gestion-du-sport-conciergerie-sport-adhesion.png') }}" />
  36.                 </div>
  37.             </div>
  38.         </div>
  39.     </div>
  40.     <div class="item-call-mob">
  41.         Commencez votre essai gratuitement
  42.     </div>
  43.     <div class="item-vid curve" style="background:none;">
  44.         <a href="{{ path('signup') }}" class="button_theme">
  45.             Créer mon compte
  46.         </a>
  47.         <img src="{{ asset('/images/pages/hotel/logiciel-de-gestion-du-sport-conciergerie-sport-adhesion.png') }}" height="300" width="auto"/>
  48.     </div>
  49.     <div class="usefull-width">
  50.         <div class="row-fluid">
  51.             <H2 class="marginT-mob-40">
  52.                 Gagnez du temps dans la gestion de vos <span class="color">espace sportif Hôtelier</span>
  53.             </H2>
  54.             <div class="with-margin-top-60">
  55.                 Gérer les activités sportives d’un hôtel <b>demande une organisation sans faille</b> : réservations, édition de reçus, suivi financier… Autant de <b>tâches chronophages</b> qui <b>peuvent</b> être <b>simplifiées</b> grâce à <b>{{ website_name }}</b>.
  56.                 <br/><br/>
  57.                 Dans un hôtel, <b>l’espace sportif</b> (salle de fitness, piscine, cours collectifs...) est <b>un atout clef</b> pour <b>attirer</b> et <b>fidéliser</b> une clientèle exigeante. Cependant, gérer ces infrastructures manuellement peut rapidement devenir source d’erreurs.
  58.                 <br/><br/>
  59.                 Votre <b>logiciel</b> {{ website_name }} est <b>dédié</b> aux <b>espaces sportifs hôteliers</b> et permet <b>d’automatiser</b> les réservations, <b>simplifier</b> la comptabilité, <b>améliorer</b> l’expérience client et <b>maximiser la rentabilité</b>.
  60.                 <br/><br/>
  61.                 Découvrez pourquoi adopter le logiciel {{ website_name }} est indispensable à votre hôtel.
  62.             </div>
  63.         </div>
  64.     </div>
  65.     <section>
  66.         <div class="slider-has-menu with-margin-top-60">
  67.             <div class="slider-menu">
  68.                 <div class="sd-menu step-1 active">
  69.                     Automatiser les réservations en ligne
  70.                 </div>
  71.                 <div class="sd-menu step-2">
  72.                     Éditer des reçus et factures
  73.                 </div>
  74.                 <div class="sd-menu step-3">
  75.                     Simplifier votre comptabilité
  76.                 </div>
  77.                 <div class="sd-menu step-4">
  78.                     Centraliser la gestion des équipements et planning
  79.                 </div>
  80.             </div>
  81.             
  82.             <div id="mySlideshow" class="slider-content cycle-slideshow" 
  83.                 data-cycle-slides=" > .slide"
  84.                 data-cycle-timeout="5000">
  85.                 <div class="prev-slide-loader"></div>
  86.                 <div class="slide" style="background-image:url({{ asset('images/pages/hotel/slider/slide1.jpg') }})">
  87.                     <div class="slider-sentence">
  88.                         <div class="">
  89.                             Les clients réservent en quelques clics, 24h/24, depuis votre site ou une application dédiée.
  90.                         </div>
  91.                     </div>
  92.                 </div>
  93.                 <div class="slide" style="background-image:url({{ asset('images/pages/hotel/slider/slide2.jpg') }})">
  94.                     <div class="slider-sentence">
  95.                         <div class="">
  96.                             Générez des documents professionnels automatiquement, avec un suivi en temps réel des paiements.
  97.                         </div>
  98.                     </div>
  99.                 </div>
  100.                 <div class="slide" style="background-image:url({{ asset('images/pages/hotel/slider/slide3.jpg') }})">
  101.                     <div class="slider-sentence">
  102.                         <div class="">
  103.                             Exportez vos données financières (revenus sportifs, abonnements, cours) vers votre logiciel de comptabilité, sans saisie manuelle.
  104.                         </div>
  105.                     </div>
  106.                 </div>
  107.                 <div class="slide" style="background-image:url({{ asset('images/pages/hotel/slider/slide4.jpg') }})">
  108.                     <div class="slider-sentence">
  109.                         <div class="">
  110.                             Consultez les disponibilités, affectez les ressources et évitez les doublons ou surbookings.
  111.                         </div>
  112.                     </div>
  113.                 </div>
  114.             </div>
  115.         </div>
  116.     </section>
  117.     <div class="usefull-width">
  118.         <section>
  119.             <div class="row-fluid">
  120.                 <div class="item-try-it unl-margin" style="font-weight:initial;">
  121.                     Transformez la gestion de votre espace sportif dès aujourd’hui !
  122.                 </div>
  123.                 <a href="{{ path('signup') }}" class="button_theme btnlg with-auto-margin with-margin-top-20">
  124.                     Essayez gratuitement
  125.                 </a>
  126.             </div>
  127.         </section>
  128.         <section>
  129.             <div class="row-fluid">
  130.                 <H2 class="with-margin-top-60">
  131.                     Système de réservation
  132.                 </H2>
  133.                 <div class="hHook">
  134.                     Gérez vos espaces de sport avec une interface simple et ergonomique
  135.                 </div>
  136.             </div>
  137.             <div id="grounds">
  138.                 <div class="cell-widget item-lg">
  139.                     <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 with-padding-30 padding-mob-15">
  140.                         <H3 class="item-title">
  141.                             Automatisez<br/>les réservations
  142.                         </H3>
  143.                         <div class="item-text hidden-xs">
  144.                             Avec votre logiciel de gestion de sport pour hôtel, vos clients peuvent effectuer en ligne leur inscription à des événements et réservation.
  145.                             <br/><br/>
  146.                             Planifiez vos cours et vos stages depuis votre application et offrez à vos clients une solution de facilité leur permettant de réserver et de s'inscrire en ligne 24/7.
  147.                         </div>                           
  148.                     </div>
  149.                     <div class="item-note">
  150.                         <div class="note">
  151.                             4,6 / 5
  152.                             <br/>
  153.                             selon nos utilisateurs
  154.                         </div>
  155.                         <div class="stars">
  156.                             <img src="{{ asset('/images/icons/stars.svg') }}" height="20" />
  157.                         </div>
  158.                     </div>
  159.                     <img src="{{ asset('/images/preview/app/grounds.png') }}" alt="gestion sportive Terrain de sport" width="auto" height="370" class="right pic-grounds">
  160.                     <div class="item-iddle">
  161.                         <a href="{{ path('grounds') }}" class="button_theme btnlg with-margin-top-20">
  162.                             En savoir plus
  163.                         </a>
  164.                     </div>
  165.                 </div>
  166.                 <div class="item-text visible-xs">
  167.                     Avec votre logiciel de gestion de club de sport, vos clients peuvent effectuer en ligne leur inscription ou annuler une réservation.
  168.                     <br/><br/>
  169.                     Visionnez votre planning de la semaine en un clin d’oeil. Un système de réservation souple et complet capable de s'adapter à n'importe quel type de fonctionnement. 
  170.                 </div>
  171.             </div>
  172.         </section>
  173.     </div>
  174.     <section class="row-fluid">
  175.         <div class="item-explain">
  176.             <div class="usefull-width">
  177.                 <div class="title">
  178.                     Inclus également
  179.                 </div>
  180.                 <div class="d-flex align-flex with-margin-top-60 marginT-pad-30 marginT-mob-30">
  181.                     <div class="d-flex">
  182.                         <div class="item-column">
  183.                             <div class="item-included">
  184.                                 <i class="fas fa-solid fa-check"></i> Gestion des groupes
  185.                             </div>
  186.                             <div class="item-included">
  187.                                 <i class="fas fa-solid fa-check"></i> Gestion des stages
  188.                             </div>
  189.                             <div class="item-included">
  190.                                 <i class="fas fa-solid fa-check"></i> Gestion crénneaux libres
  191.                             </div>
  192.                             <div class="item-included">
  193.                                 <i class="fas fa-solid fa-check"></i> Vacances scolaires par zone
  194.                             </div>
  195.                             <div class="item-included">
  196.                                 <i class="fas fa-solid fa-check"></i> Info Personne à mobilité réduite
  197.                             </div>
  198.                         </div>
  199.                         <div class="item-column">
  200.                             <div class="item-included">
  201.                                 <i class="fas fa-solid fa-check"></i> Equipements terrains
  202.                             </div>
  203.                             <div class="item-included">
  204.                                 <i class="fas fa-solid fa-check"></i> Gestion horaires
  205.                             </div>
  206.                             <div class="item-included">
  207.                                 <i class="fas fa-solid fa-check"></i> Visuel jour et semaine
  208.                             </div>
  209.                             <div class="item-included">
  210.                                 <i class="fas fa-solid fa-check"></i> Multi-écran
  211.                             </div>
  212.                             <div class="item-included">
  213.                                 <i class="fas fa-solid fa-check"></i> Ecran présentation salle
  214.                             </div>
  215.                         </div>
  216.                     </div>
  217.                 </div>
  218.                 <div class="d-flex align-flex with-padding-bottom-30">
  219.                     <a href="{{ path('signup') }}" class="button_blue btnLg with-auto-margin with-margin-top-30">
  220.                         Gérez mes réservations
  221.                     </a>
  222.                 </div>
  223.             </div>
  224.         </div>
  225.     </section>
  226.     <div class="usefull-width">
  227.         <div class="row-fluid">
  228.             <H2 class="marginT-mob-40">
  229.                 Les bons outils pour développer les activités sportive dans votre hôtel
  230.             </H2>
  231.         </div>
  232.         <section>
  233.             <div class="item-content">
  234.                 <div class="item-column unl-padding-f-mob align-right">
  235.                     <div class="cell-widget item-bg-blue paddingT-mob-30">
  236.                         <img src="{{ asset('/images/pages/members/sport-adhesion-view-user-computer.svg') }}" class="item-img-screen"/>
  237.                     </div>
  238.                     <div class="item-iddle hidden-xs">
  239.                         <a href="{{ path('signup') }}" class="button_blue btnlg with-margin-top-20">
  240.                             Essayez gratuitement
  241.                         </a>
  242.                     </div>
  243.                 </div>
  244.                 <div class="item-column init-mob">
  245.                     <H3 class="item-cast">
  246.                         Gestion des clients
  247.                     </H3>
  248.                     <div class="text-widget hidden-xs">
  249.                         <b/>Gérez</b> votre base client au <b>même endroit</b> ! Retrouvez les renseignements personnels de vos clients et ceux de votre hôtel. <b>Organisez, créer, et modifier</b> les fiches utilisateurs en <b>quelques cliques</b>.
  250.                         <br/><br/>
  251.                         {{ website_name }} <b>simplifie</b> les tâches <b>récurrentes d'administration</b> notamment avec <b>l'automatisation</b> de l'ensemble de vos <b>processus</b>: d'admission, renouvellement, inscription et réinscription.
  252.                         <br/><br/>
  253.                     </div>
  254.                 </div>
  255.             </div>
  256.             <div class="text-widget visible-xs">
  257.                 Gérez votre base client au même endroit ! Retrouvez les renseignements personnels de vos clients et ceux de votre hôtel. Organisez, créer, et modifier les fiches utilisateurs en quelques cliques.
  258.                 <br/><br/>
  259.                 {{ website_name }} <b>simplifie</b> les tâches <b>récurrentes d'administration</b> notamment avec l'automatisation de l'ensemble de vos processus d'admission, renouvellement, inscription et réinscription.
  260.             </div>
  261.             <a href="{{ path('signup') }}" class="button_theme btnlg with-auto-margin visible-xs">
  262.                 Gérez mon hôtel
  263.             </a>
  264.             <div class="item-content item-bg-blue hidden-xs">
  265.                 <div class="item-column">
  266.                     <H3 class="item-cast">
  267.                         Votre base client est à vous
  268.                     </H3>
  269.                     <div class="text-widget hidden-xs">
  270.                         Chez <b>{{ website_name }}</b> la <b>politique de confidentialité</b> et <b>RGPD</b> sont des éléments <b>fondamentaux</b>. Notre pratique de collecte, de traitement et d'utilisation des données est stricte. Nous <b>ne commercialisons pas</b> les <b>informations personnelles</b> !
  271.                     </div>
  272.                 </div>
  273.                 <div class="item-column">
  274.                     <div class="cell-widget" style="background-color: #ffd500;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url({{ asset('/images/pages/hotel/rgpd.jpg') }});"></div>
  275.                 </div>
  276.             </div>
  277.             <H3 class="item-column visible-xs" style="color:#0d7c9a;">
  278.                 Votre base client est à vous
  279.             </H3>
  280.             <div class="text-widget visible-xs">
  281.                 Chez <b>{{ website_name }}</b> la <b>politique de confidentialité</b> et <b>RGPD</b> sont des éléments <b>fondamentaux</b>. Notre pratique de collecte, de traitement et d'utilisation des données est stricte. Nous <b>ne commercialisons pas</b> les <b>informations personnelles</b> !
  282.             </div>
  283.             <div class="item-content">
  284.                 <div class="item-column unl-padding-f-mob align-right">
  285.                     <div class="cell-widget item-bg-blue">
  286.                         <dotlottie-player
  287.                             autoplay
  288.                             loop
  289.                             mode="normal"
  290.                             background="transparent"
  291.                             src="/lottieFiles/members/sa-easysearch.lottie"
  292.                             style="width: clamp(300px,100%, 444px);">
  293.                         </dotlottie-player>
  294.                     </div>
  295.                 </div>
  296.                 <div class="item-column init-mob">
  297.                     <H3 class="item-cast">
  298.                     Communiquez efficacement avec vos clients
  299.                     </H3>
  300.                     <div class="text-widget hidden-xs">
  301.                         <b>Restez connecté</b> à vos <b>clients</b> grâce à nos outils de communication; <b>appels, e-mails, sms, campagnes, formulaires, sites</b>... disponiblent directement depuis votre logiciel .
  302.                         <br><br/>
  303.                         <b>Stimuler les interactions</b> au sein de <b>votre communauté</b> et <b>renforcer</b> l’engagement de vos clients.
  304.                     </div>
  305.                 </div>
  306.             </div>
  307.             <div class="text-widget visible-xs">
  308.                 <b>Restez connecté</b> à vos <b>clients</b> grâce à nos outils de communication; <b>appels, e-mails, sms, campagnes, formulaires, sites</b>... disponiblent directement depuis votre logiciel .
  309.                 <br><br/>
  310.                 <b>Stimuler les interactions</b> au sein de <b>votre communauté</b> et <b>renforcer</b> l’engagement de vos clients.
  311.             </div>
  312.             <a href="{{ path('signup') }}" class="button_theme btnlg with-auto-margin visible-xs">
  313.                 Essayez gratuitement
  314.             </a>
  315.             <div class="item-content item-bg-blue">
  316.                 <div class="item-column">
  317.                     <H3 class="item-cast">
  318.                         Suivez le paiement de vos clients
  319.                     </H3>
  320.                     <div class="text-widget hidden-xs">
  321.                         <b>Restez à jour</b> grâce à votre interface "échéances et règlements". En un clin d'oeil, <b>visualisez</b> les <b>transactions</b> de vos clients et leurs statuts.
  322.                         <br/><br/>
  323.                         Recherchez et filtrez les différents paiments réalisés !
  324.                         <br/><br/>
  325.                         Pour ne pas perdre de vue vos <b>objectifs</b> et <b>controler</b> le <b>développement</b> de votre hôtel, nous avons intégré une interface de suivi de chiffre d'affaire.
  326.                     </div>
  327.                 </div>
  328.                 <div class="item-column align-right unl-padding-f-mob">
  329.                     <div class="cell-widget item-bg-blue paddingT-mob-64">
  330.                         <img src="{{ asset('/images/pages/comptabilities/sport-adhesion-screen-follow-unpayment-customer.svg') }}" class="item-img-screen" />
  331.                     </div>
  332.                     <div class="item-iddle hidden-xs">
  333.                         <a href="{{ path('comptabilities') }}" class="button_blue btnlg with-margin-top-20">
  334.                             En savoir plus
  335.                         </a>
  336.                     </div>
  337.                 </div>
  338.             </div>
  339.             <div class="text-widget visible-xs">
  340.                 <b>Restez à jour</b> grâce à votre interface "échéances et règlements". En un clin d'oeil, <b>visualisez</b> les <b>transactions</b> de vos clients et leurs statuts.
  341.                 <br/><br/>
  342.                 Recherchez et filtrez les différents paiments réalisés par vos clients !
  343.                 <br/><br/>
  344.                 Pour ne pas perdre de vue vos <b>objectifs</b> et <b>controler</b> le <b>développement</b> de votre hôtel, nous avons intégré une interface de suivi de chiffre d'affaire.
  345.             </div>
  346.             <div class="item-content">
  347.                 <div class="item-column unl-padding-f-mob align-right">
  348.                     <div class="cell-widget item-bg-blue svg-flex-md-end">
  349.                         <img src="{{ asset('/images/pages/comptabilities/sport-adhesion-relance-cleint.svg') }}" class="item-img-screen fix width-90-p height-auto-f"/>
  350.                     </div>
  351.                 </div>
  352.                 <div class="item-column init-mob">
  353.                     <H3 class="item-cast">
  354.                         Suivi et relance des impayés
  355.                     </H3>
  356.                     <div class="text-widget hidden-xs">
  357.                         Ne <b>laissez plus</b> vos impayés <b>affecter</b> votre <b>trésorerie</b> !
  358.                         <br/><br/>
  359.                         <b>Consulez et modifiez</b> vos impayés grâce à une interface <b>claire</b> et <b>facile</b> d'utilisation.
  360.                         <br/>
  361.                         Avec {{ website_name }}, vous pouvez (aussi) <b>configurer</b> et <b>créer</b> un <b>scénario</b> de relances automatiques qui vous <b>ressemble</b>.
  362.                     </div>
  363.                 </div>
  364.             </div>
  365.             <div class="text-widget visible-xs">
  366.                 Ne <b>laissez plus</b> vos impayés <b>affecter</b> votre <b>trésorerie</b> !
  367.                 <br/><br/>
  368.                 <b>Consulez et modifiez</b> vos impayés grâce à une interface <b>claire</b> et <b>facile</b> d'utilisation.
  369.                 <br/>
  370.                 Avec {{ website_name }}, vous pouvez (aussi) <b>configurer</b> et <b>créer</b> un <b>scénario</b> de relances automatiques qui vous <b>ressemble</b>.
  371.             </div>
  372.             <a href="{{ path('signup') }}" class="button_theme btnlg with-auto-margin visible-xs">
  373.                 Essayez gratuitement
  374.             </a>
  375.         </section>
  376.     </div>
  377.     <section class="row-fluid">
  378.         <div class="item-explain">
  379.             <div class="usefull-width">
  380.                 <div class="title">
  381.                     Inclus également
  382.                 </div>
  383.                 <div class="d-flex align-flex with-margin-top-60 marginT-pad-30 marginT-mob-30">
  384.                     <div class="d-flex">
  385.                         <div class="item-column">
  386.                             <div class="item-included">
  387.                                 <i class="fas fa-solid fa-check"></i> Générateur de bon de commande
  388.                             </div>
  389.                             <div class="item-included">
  390.                                 <i class="fas fa-solid fa-check"></i> Suivi de CA
  391.                             </div>
  392.                             <div class="item-included">
  393.                                 <i class="fas fa-solid fa-check"></i> Suivi de TVA
  394.                             </div>
  395.                             <div class="item-included">
  396.                                 <i class="fas fa-solid fa-check"></i> Système de saisi bancaire
  397.                             </div>
  398.                             <div class="item-included">
  399.                                 <i class="fas fa-solid fa-check"></i> Générateur de bilan comptable
  400.                             </div>
  401.                         </div>
  402.                         <div class="item-column">
  403.                             <div class="item-included">
  404.                                 <i class="fas fa-solid fa-check"></i> Interface de règlements
  405.                             </div>
  406.                             <div class="item-included">
  407.                                 <i class="fas fa-solid fa-check"></i> Générateur d'échéancier
  408.                             </div>
  409.                             <div class="item-included">
  410.                                 <i class="fas fa-solid fa-check"></i> Système de facturation
  411.                             </div>
  412.                             <div class="item-included">
  413.                                 <i class="fas fa-solid fa-check"></i> Gestion paiement adhésion
  414.                             </div>
  415.                             <div class="item-included">
  416.                                 <i class="fas fa-solid fa-check"></i> Gestion paiement inscription
  417.                             </div>
  418.                         </div>
  419.                     </div>
  420.                 </div>
  421.                 <div class="d-flex align-flex with-padding-bottom-30">
  422.                     <a href="{{ path('signup') }}" class="button_blue btnLg with-auto-margin with-margin-top-30">
  423.                         Gérez mon hôtel
  424.                     </a>
  425.                 </div>
  426.             </div>
  427.         </div>
  428.     </section>
  429.     
  430.     <div class="usefull-width">
  431.         <div class="item-content item-bg-blue unl-padding-mob">
  432.             <div class="item-column">
  433.                 <H3 class="item-cast">
  434.                     Facturation et reçu sans effort
  435.                 </H3>
  436.                 <div class="text-widget hidden-xs">
  437.                     <i class="fas fa-check fa-md"></i> &nbsp;Personnalisez le design de vos factures aux couleurs de votre structure.
  438.                     <br/>
  439.                     <i class="fas fa-check fa-md"></i> &nbsp;Editez les factures de vos clients en quelques cliques.
  440.                     <br/>
  441.                     <i class="fas fa-check fa-md"></i> &nbsp;Ajoutez les lignes de facturation et remises.
  442.                     <br/>
  443.                     <i class="fas fa-check fa-md"></i> &nbsp;Envoyez votre facture manuellement ou automatiquement à vos clients.
  444.                     <br/>
  445.                     <i class="fas fa-check fa-md"></i> &nbsp;Envoyez ou imprimer les reçus de vos clients.
  446.                 </div>
  447.             </div>
  448.             <div class="item-column init-mob unl-padding-f-mob">
  449.                 <div class="cell-widget paddingT-mob-40 bg-E5FAFF svg-flex-end">
  450.                     <dotlottie-player
  451.                         autoplay
  452.                         loop
  453.                         mode="normal"
  454.                         background="transparent"
  455.                         src="/lottieFiles/comptabilities/sa-bills.lottie"
  456.                         style="width: clamp(300px,100%, 444px);">
  457.                     </dotlottie-player>
  458.                     <div class="item-iddle hidden-xs">
  459.                         <a href="{{ path('signup') }}" class="button_blue btnlg with-margin-top-20">
  460.                             Essayez gratuitement
  461.                         </a>
  462.                     </div>
  463.                 </div>
  464.             </div>
  465.         </div>
  466.         <div class="text-widget visible-xs">
  467.             <i class="fas fa-check fa-md"></i> &nbsp;Modifiez le design de vos factures aux couleurs de votre structure.
  468.             <br/>
  469.             <i class="fas fa-check fa-md"></i> &nbsp;Editez les factures de vos clients en quelques cliques.
  470.             <br/>
  471.             <i class="fas fa-check fa-md"></i> &nbsp;Ajoutez les lignes de facturation et remises.
  472.             <br/>
  473.             <i class="fas fa-check fa-md"></i> &nbsp;Envoyez votre facture manuellement ou automatiquement à vos clients.
  474.         </div>
  475.         <div class="item-content">
  476.             <div class="item-column unl-padding-f-mob align-right">
  477.                 <div class="cell-widget item-bg-blue svg-flex-md-end with-padding-bottom-20 paddingT-mob-64">
  478.                     <dotlottie-player
  479.                         autoplay
  480.                         loop
  481.                         mode="normal"
  482.                         background="transparent"
  483.                         src="/lottieFiles/payments/show-payment.lottie"
  484.                         style="width: clamp(200px,100%, 344px);">
  485.                     </dotlottie-player>
  486.                     <div class="item-iddle hidden-xs">
  487.                         <a href="{{ path('signup') }}" class="button_blue btnlg with-margin-top-20">
  488.                             Essayez gratuitement
  489.                         </a>
  490.                     </div>
  491.                 </div>
  492.             </div>
  493.             <div class="item-column init-mob">
  494.                 <H3 class="item-cast paddingLR-mob-15">
  495.                     Simplifiez vos transactions avec le paiement en ligne sécurisé
  496.                 </H3>
  497.                 <div class="text-widget hidden-xs">
  498.                     <b>Automatisez</b> la collecte de vos paiements CB et SEPA <b>récurrents et ponctuels</b> en quelques clics. Profitez de paiement <b>sécurisés</b> avec les dernières technologies <b>3D secure</b>, tout en réduisant les coûts et le temps passé sur l'administratif.
  499.                 </div>
  500.             </div>
  501.         </div>
  502.         <div class="text-widget visible-xs">
  503.             <b>Automatisez</b> la collecte de vos paiements CB et SEPA <b>récurrents et ponctuels</b> en quelques clics. Profitez de paiement <b>sécurisés</b> avec les dernières technologies <b>3D secure</b>, tout en réduisant les coûts et le temps passé sur l'administratif.
  504.         </div>
  505.         <a href="{{ path('signup') }}" class="button_theme btnlg with-auto-margin visible-xs">
  506.             Essayez gratuitement
  507.         </a>
  508.         <div class="item-content item-bg-white">
  509.             <div class="item-column">
  510.                 <H3 class="item-cast">
  511.                     Paiements CB et SEPA
  512.                 </H3>
  513.                 <div class="text-widget hidden-xs">
  514.                     Avec {{ website_name }}, <b>acceptez</b> des paiements en ligne par <b>carte de crédit et de débit</b>, portefeuille électronique et plus encore, du web aux transactions mobile en passant par les paiements récurrents.
  515.                     <br/><br/>
  516.                     Soyez opérationnel <b>rapidement</b> grâce aux différentes options d'intégration de notre solution : entièrement <b>personnalisable</b> et <b>facile</b> à prendre en main.
  517.                 </div>
  518.             </div>
  519.             <div class="item-column">
  520.                 <div class="cell-widget svg-flex-md-end" style="background:white;">
  521.                     <dotlottie-player
  522.                         autoplay
  523.                         loop
  524.                         mode="normal"
  525.                         background="transparent"
  526.                         src="/lottieFiles/payments/cb.lottie"
  527.                         style="width: clamp(200px,100%, 344px);">
  528.                     </dotlottie-player>
  529.                 </div>
  530.             </div>
  531.         </div>
  532.         <div class="text-widget visible-xs">
  533.             Avec {{ website_name }}, acceptez des paiements en ligne par carte de crédit et de débit, par portefeuille électronique et plus encore, du web aux transactions mobile en passant par les paiements récurrents.
  534.             <br/><br/>
  535.             Soyez opérationnel rapidement grâce aux différentes options d'intégration de notre solution : entièrement personnalisable et facile à prendre en main.
  536.         </div>
  537.     </div>
  538.     <div class="usefull-width unl-padding">
  539.         <section class="row-fluid">
  540.             <div class="width-max with-margin-top-40" style="padding:0 7.5px;">
  541.                 <H2>
  542.                     5 Raisons de choisir Sport adhesion
  543.                 </H2>
  544.                 <div class="carroussel with-margin-top-30">
  545.                     <div class="item-crsl">
  546.                         {% if deals is not empty %}
  547.                             {% for deal in deals %}
  548.                                 <div class="crlCntH">
  549.                                     <div class="crlBoxHome blueBoxW">
  550.                                         <div class="picBoxCrl" style="background-image:url('{{ asset('images/pages/home/' ~ deal.getImage) }}');"></div>
  551.                                         <div class="width-max">
  552.                                             {{ deal.getTitleFr }}
  553.                                         </div>
  554.                                     </div>
  555.                                 </div>
  556.                             {% endfor %}
  557.                         {% endif %}
  558.                     </div>
  559.                 </div>
  560.             </div>
  561.         </section>
  562.     </div>
  563.     <div class="usefull-width">
  564.         <section>
  565.             <div class="row-fluid">
  566.                 <H2>
  567.                     Questions fréquentes
  568.                 </H2>
  569.                 <div class="hHook">
  570.                     Les questions les plus demandées
  571.                 </div>
  572.                 <div class="item-faq">
  573.                     {% set i = 1 %}
  574.                     {% set read = '' %}
  575.                     {% if faq is not empty %}
  576.                         {% set max = faq|length / 2 %}
  577.                         {% for question in faq %}
  578.                             {% if i == 1 %}
  579.                                 {% set read = read ~ '<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 unl-padding-mob">' %}
  580.                             {% endif %}
  581.                             {% set read = read ~ '<div class="title dimQuest">
  582.                                 <i class="fas fa-question-circle fa-lg"></i>
  583.                                 &nbsp;' ~ question.getQuestionFr ~ '
  584.                                 <div class="arrow">
  585.                                     <i class="fas fa-sort-down"></i>
  586.                                 </div>
  587.                                 <div class="answer">
  588.                                     ' ~ question.getReponseFr ~ '
  589.                                 </div>
  590.                             </div>' %}
  591.                             {% if i == max %}
  592.                                 {% set read = read ~ '</div>' %}
  593.                                 {% set i = 0 %}
  594.                             {% endif %}
  595.                             {% set i = i + 1 %}
  596.                         {% endfor %}
  597.                         {% if i != 1 %}
  598.                             {% set read = read ~ '</div>' %}
  599.                         {% endif %}
  600.                     {% endif %}
  601.                     {{ read|raw }}
  602.                 </div>
  603.             </div>
  604.         </section>
  605.         <section>
  606.             <div class="row-fluid">
  607.                 <div class="item-try-it unl-margin" style="font-weight:initial;">
  608.                     Le meilleur moyen de savoir, c’est d’essayer !
  609.                 </div>
  610.                 <a href="{{ path('signup') }}" class="button_theme btnlg with-auto-margin with-margin-top-20">
  611.                     Essayez gratuitement
  612.                 </a>
  613.             </div>
  614.         </section>
  615.         <div class="row-flex">
  616.             <div class="height-100 width-max"></div>
  617.         </div>
  618.         <ol class="breadcrumb unl-margin">
  619.             <li class="breadcrumb-item"><a href="{{ path('home') }}" alt="Les fonctionnalités de {{ website_name }}">Fonctionnalités</a></li>
  620.             <li class="breadcrumb-item active" aria-current="page">Logiciel de gestion de club de sport pour hôtel</li>
  621.         </ol>
  622.     </div>
  623. {% endblock %}
  624. {% block javascriptFooter %}
  625. <script>
  626.     $(document).ready(function(){
  627.         step = 2;
  628.         $('.prev-slide-loader').animate({'width':'100%'}, 5000);
  629.         $( '#mySlideshow' ).on('cycle-after', function( event, opts ) {
  630.             $('.prev-slide-loader').css({"width":"0%"});
  631.             $('.sd-menu').removeClass('active');
  632.             $('.sd-menu.step-' + step).addClass('active');
  633.             step = parseInt(step) + 1;
  634.             if(step > 4){
  635.                 step = 1;
  636.             }
  637.             $('.prev-slide-loader').animate({'width':'100%'}, 5000);
  638.         });
  639.         if(width >= 1024){
  640.             var crsl = (parseFloat($('.item-crsl').parent().width()) / 4);
  641.             $('.crlCntH').css({'width':crsl,'max-width':crsl});
  642.         }
  643.         initCarroussel(width, '.item-crsl', 'crlCntH');
  644.         $(window).on('resize',function() {
  645.             width = $(window).width();
  646.             if(width >= 1024){
  647.                 $('.item-crsl').cycle('destroy');
  648.                 var crsl = (parseFloat($('.item-crsl').parent().width()) / 4);
  649.                 $('.crlCntH').css({'width':crsl,'max-width':crsl});
  650.             }
  651.             initCarroussel(width, '.item-crsl', 'crlCntH');
  652.         });
  653.     });
  654. </script>
  655. {% endblock %}