templates/receiver/coach/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 coachs
  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. {% endblock %}
  9. {% block body %}
  10.     <div class="slider">
  11.         <div class="usefull-width item-slider">
  12.             <div>
  13.                 <H1 class="item-header-h">
  14.                     Logiciel de gestion du sport<br/>pour <span class="color">coach de sport</span>
  15.                 </H1>
  16.                 <div class="item-inscription hidden-xs">
  17.                     <div class="title">
  18.                         Commencez votre essai gratuitement
  19.                     </div>
  20.                     <form class="header-form" action="{{ path('signup') }}" method="POST">
  21.                         <input name="email" class="form-control" placeholder="Tapez votre e-mail..." required="required"/>
  22.                         <input name="typeLd" type="hidden" value="{{ website_name ~ ' :: coach-form' }}" />
  23.                         <button class="button_theme">
  24.                             Commencer
  25.                         </button>
  26.                     </form>
  27.                     <div class="item-sentence">
  28.                         <b>Pas besoin</b> de <b>carte bancaire</b> lors de l’inscription, aucun frais cachés.
  29.                     </div>
  30.                 </div>
  31.             </div>
  32.             <div class="item-wrapped hidden-xs">
  33.                 <div class="launch-vids">
  34.                     <img src="{{ asset('/images/pages/coach/coach.png') }}" />
  35.                 </div>
  36.             </div>
  37.         </div>
  38.     </div>
  39.     <div class="item-call-mob">
  40.         Commencez votre essai gratuitement
  41.     </div>
  42.     <div class="item-vid curve" style="background:none;">
  43.         <a href="{{ path('signup') }}" class="button_theme">
  44.             Créer mon compte
  45.         </a>
  46.         <img src="{{ asset('/images/pages/coach/coach.png') }}" height="300" width="auto"/>
  47.     </div>
  48.     <div class="usefull-width">
  49.         <div class="row-fluid">
  50.             <H2 class="marginT-mob-40">
  51.                 Le logiciel simple d'utilisation pour vos <span class="color">coachings</span>
  52.             </H2>
  53.         </div>
  54.         <section>
  55.             <div class="item-content">
  56.                 <div class="item-column unl-padding-f-mob align-right">
  57.                     <div class="cell-widget" style="background-image:url({{ asset('/images/pages/association/gerant-association.jpg') }});"></div>
  58.                 </div>
  59.                 <div class="item-column init-mob">
  60.                     <H3 class="item-cast">
  61.                         Un gain de temps sur votre gestion
  62.                     </H3>
  63.                     <div class="text-widget hidden-xs">
  64.                         <b>Vos élèves</b> méritent toute <b>votre attention</b> ! {{ website_name }} est le logiciel de gestion <b>nocode</b> qui vous fait gagner du temps sur vos coachings !
  65.                         <br/><br/>
  66.                         Grâce à nos outils "nocode" pour <b>la comptabilité</b>, la <b>gestion sportive</b> et <b>administrative</b> vous passerez <b>plus de temps</b> sur le <b>terrain</b>, et moins sur la gestion administrative !
  67.                     </div>
  68.                 </div>
  69.             </div>
  70.             <div class="text-widget visible-xs">
  71.                 La gestion d'un planning est un élément important pour rester organisé.
  72.                 <br/><br/>
  73.                 Avec {{ website_name }}, vous disposez d'une interface clair et facile d'utilisation pour consulter et administrer votre planning.
  74.             </div>
  75.             <a href="{{ path('signup') }}" class="button_theme btnlg with-auto-margin visible-xs">
  76.                 Essayez gratuitement
  77.             </a>
  78.             <div class="item-content item-bg-blue">
  79.                 <div class="item-column">
  80.                     <H3 class="item-cast">
  81.                         Facile à prendre en main
  82.                     </H3>
  83.                     <div class="text-widget hidden-xs">
  84.                         Le <b>logiciel</b> {{ website_name }} a été pensé pour être <b>facile d'utilisation</b>. <b>Aucune compétence informatique</b> n'est <b>nécessaire</b> pour commencer 
  85.                         à utliser votre outil de gestion du sport. Tout est <b>simple</b> et <b>intuitif</b> pour gérer au <b>mieux</b> vos <b>séances</b>.
  86.                     </div>
  87.                 </div>
  88.                 <div class="item-column">
  89.                     <div class="cell-widget item-bg-blue with-all-align">
  90.                         <img src="{{ asset('/images/pages/grounds/sport-adhesion-view-groups-stage.svg') }}" class=" marginT-mob-80"/>
  91.                     </div>
  92.                     <div class="item-iddle hidden-xs">
  93.                         <a href="{{ path('signup') }}" class="button_blue btnlg with-margin-top-20">
  94.                             Créer mon compte
  95.                         </a>
  96.                     </div>
  97.                 </div>
  98.             </div>
  99.             <div class="text-widget visible-xs">
  100.                 Vos stages, réservations, groupes et cours individuels peuvent être administrés directement depuis votre planning. 
  101.                 <br/><br/>
  102.                 Modifiez à votre convenance les informations de vos réservations (capacité, durée, tarifs, discipline sportive...).
  103.             </div>
  104.         </section>
  105.         <div class="row-fluid">
  106.             <H2 class="marginT-mob-40">
  107.                 Les bons outils du coach de sport
  108.             </H2>
  109.         </div>
  110.         <section>
  111.             <div id="grounds">
  112.                 <div class="cell-widget item-lg">
  113.                     <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 with-padding-30 padding-mob-15">
  114.                         <H3 class="item-title">
  115.                             Organisez<br/>vos semaines avec votre planning
  116.                         </H3>
  117.                         <div class="item-text hidden-xs">
  118.                             Gérez les <b>salles</b> et <b>terrains</b> de sport dans lequel vous <b>intervenez</b> avec une interface <b>simple et ergonomique</b>.
  119.                             <br/><br/>
  120.                             <b>Planifiez</b> vos <b>cours</b> et vos <b>stages</b> depuis votre application et offrez à vos clients une <b>solution de facilité</b> leur permettant de <b>réserver</b> et de <b>s'inscrire en ligne</b> 24/7.
  121.                         </div>                           
  122.                     </div>
  123.                     <div class="item-note">
  124.                         <div class="note">
  125.                             4,6 / 5
  126.                             <br/>
  127.                             selon nos utilisateurs
  128.                         </div>
  129.                         <div class="stars">
  130.                             <img src="{{ asset('/images/icons/stars.svg') }}" height="20" />
  131.                         </div>
  132.                     </div>
  133.                     <img src="{{ asset('/images/preview/app/grounds.png') }}" alt="gestion sportive Terrain de sport" width="auto" height="370" class="right pic-grounds">
  134.                     <div class="item-iddle">
  135.                         <a href="{{ path('signup') }}" class="button_theme btnlg with-margin-top-20">
  136.                             Essayez gratuitement
  137.                         </a>
  138.                     </div>
  139.                 </div>
  140.                 <div class="item-text visible-xs">
  141.                     Avec votre logiciel de gestion de club de sport, vos clients peuvent effectuer en ligne leur inscription ou annuler une réservation.
  142.                     <br/><br/>
  143.                     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. 
  144.                 </div>
  145.             </div>
  146.         </section>
  147.     </div>
  148.             
  149.         <section class="row-fluid">
  150.             <div class="item-explain">
  151.                 <div class="usefull-width">
  152.                     <div class="title">
  153.                         Inclus également
  154.                     </div>
  155.                     <div class="d-flex align-flex with-margin-top-60 marginT-pad-30 marginT-mob-30">
  156.                         <div class="d-flex">
  157.                             <div class="item-column">
  158.                                 <div class="item-included">
  159.                                     <i class="fas fa-solid fa-check"></i> Gestion des groupes
  160.                                 </div>
  161.                                 <div class="item-included">
  162.                                     <i class="fas fa-solid fa-check"></i> Gestion des stages
  163.                                 </div>
  164.                                 <div class="item-included">
  165.                                     <i class="fas fa-solid fa-check"></i> Gestion crénneaux libres
  166.                                 </div>
  167.                                 <div class="item-included">
  168.                                     <i class="fas fa-solid fa-check"></i> Vacances scolaires par zone
  169.                                 </div>
  170.                                 <div class="item-included">
  171.                                     <i class="fas fa-solid fa-check"></i> Info Personne à mobilité réduite
  172.                                 </div>
  173.                             </div>
  174.                             <div class="item-column">
  175.                                 <div class="item-included">
  176.                                     <i class="fas fa-solid fa-check"></i> Equipements terrains
  177.                                 </div>
  178.                                 <div class="item-included">
  179.                                     <i class="fas fa-solid fa-check"></i> Gestion horaires
  180.                                 </div>
  181.                                 <div class="item-included">
  182.                                     <i class="fas fa-solid fa-check"></i> Visuel jour et semaine
  183.                                 </div>
  184.                                 <div class="item-included">
  185.                                     <i class="fas fa-solid fa-check"></i> Multi-écran
  186.                                 </div>
  187.                                 <div class="item-included">
  188.                                     <i class="fas fa-solid fa-check"></i> Ecran présentation salle
  189.                                 </div>
  190.                             </div>
  191.                         </div>
  192.                     </div>
  193.                     <div class="d-flex align-flex with-padding-bottom-30">
  194.                         <a href="{{ path('signup') }}" class="button_blue btnLg with-auto-margin with-margin-top-30">
  195.                             Créer mon compte
  196.                         </a>
  197.                     </div>
  198.                 </div>
  199.             </div>
  200.         </section>
  201.     <div class="usefull-width">
  202.         <section>
  203.             <div class="item-content">
  204.                 <div class="item-column unl-padding-f-mob align-right">
  205.                     <div class="cell-widget item-bg-blue">
  206.                         <dotlottie-player
  207.                             autoplay
  208.                             loop
  209.                             mode="normal"
  210.                             background="transparent"
  211.                             src="/lottieFiles/members/sa-easysearch.lottie"
  212.                             style="width: clamp(300px,100%, 444px);">
  213.                         </dotlottie-player>
  214.                     </div>
  215.                 </div>
  216.                 <div class="item-column init-mob">
  217.                     <H3 class="item-cast">
  218.                     Communiquez efficacement avec vos clients
  219.                     </H3>
  220.                     <div class="text-widget hidden-xs">
  221.                         <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 .
  222.                         <br><br/>
  223.                         <b>Stimuler les interactions</b> au sein de <b>votre communauté</b> et <b>renforcer</b> l’engagement de vos élèves.
  224.                     </div>
  225.                 </div>
  226.             </div>
  227.             <div class="text-widget visible-xs">
  228.                 <b>Restez connecté</b> à vos <b>membres</b> grâce à nos outils de communication; <b>appels, e-mails, sms, campagnes, formulaires, sites</b>... disponiblent directement depuis votre logiciel .
  229.                 <br><br/>
  230.                 <b>Stimuler les interactions</b> au sein de <b>votre communauté</b> et <b>renforcer</b> l’engagement de vos membres.
  231.             </div>
  232.             <a href="{{ path('signup') }}" class="button_theme btnlg with-auto-margin visible-xs">
  233.                 Essayez gratuitement
  234.             </a>
  235.             <div class="item-content item-bg-blue">
  236.                 <div class="item-column">
  237.                     <H3 class="item-cast">
  238.                         Suivez les performances de vos joueurs
  239.                     </H3>
  240.                     <div class="text-widget hidden-xs">
  241.                         <b>Améliorez</b> et <b>adaptez</b> votre coaching grâce au <b>suivi de performance</b> !
  242.                         <br/><br/>
  243.                         <b>Suivez</b> vos joueurs <b>étape par étape</b> tout au long de leur <b>parcours sportif</b>, ajoutez des notes, des statuts et <b>évaluer</b> leurs statistiques de <b>progression</b>.
  244.                     </div>
  245.                 </div>
  246.                 <div class="item-column">
  247.                     <div class="cell-widget item-bg-blue with-all-align paddingT-mob-30">
  248.                         <dotlottie-player
  249.                             autoplay
  250.                             loop
  251.                             mode="normal"
  252.                             background="transparent"
  253.                             src="/lottieFiles/members/sa-evol-charts.lottie"
  254.                             style="width: clamp(300px,100%, 444px);">
  255.                         </dotlottie-player>
  256.                         <div class="item-iddle hidden-xs">
  257.                             <a href="{{ path('member') }}" class="button_blue btnlg with-margin-top-20">
  258.                                 En savoir plus
  259.                             </a>
  260.                         </div>
  261.                     </div>
  262.                 </div>
  263.             </div>
  264.             <div class="text-widget visible-xs">
  265.                 <b>Améliorez</b> et <b>adaptez</b> votre coaching grâce au <b>suivi d'évolution</b> !
  266.                 <br/><br/>
  267.                 <b>Suivez l'évolution</b> de vos joueurs <b>étape par étape</b> tout au long de leur <b>parcours sportif</b>, ajoutez des notes, des statuts et <b>évaluer</b> leurs statistiques de <b>progression</b>.
  268.             </div>
  269.             <div class="item-content item-bg-blue unl-padding-mob">
  270.                 <div class="item-column init-mob unl-padding-f-mob">
  271.                     <div class="cell-widget paddingT-mob-40 bg-E5FAFF svg-flex-end">
  272.                         <dotlottie-player
  273.                             autoplay
  274.                             loop
  275.                             mode="normal"
  276.                             background="transparent"
  277.                             src="/lottieFiles/comptabilities/sa-bills.lottie"
  278.                             style="width: clamp(300px,100%, 444px);">
  279.                         </dotlottie-player>
  280.                         <div class="item-iddle hidden-xs">
  281.                             <a href="{{ path('signup') }}" class="button_blue btnlg with-margin-top-20">
  282.                                 Essayez gratuitement
  283.                             </a>
  284.                         </div>
  285.                     </div>
  286.                 </div>
  287.                 <div class="item-column">
  288.                     <H3 class="item-cast">
  289.                         Facturation sans effort
  290.                     </H3>
  291.                     <div class="text-widget hidden-xs">
  292.                         <span>
  293.                             Simple d'utilisation et incroyablement pratique, {{ website_name }} est votre meilleur allié pour gérer vos finances sans tracas. Grâce à son interface intuitive, vous pouvez créer et envoyer des factures en quelques clics seulement, suivre les paiements et gérer les abonnements de vos clients en toute simplicité.
  294.                         </span>
  295.                         <br/><br/>
  296.                         <i class="fas fa-check fa-md"></i> &nbsp;Modifiez le design de vos factures.
  297.                         <br/>
  298.                         <i class="fas fa-check fa-md"></i> &nbsp;Editez les factures de vos clients en quelques cliques.
  299.                         <br/>
  300.                         <i class="fas fa-check fa-md"></i> &nbsp;Ajoutez les lignes de facturation et remises.
  301.                         <br/>
  302.                         <i class="fas fa-check fa-md"></i> &nbsp;Envoyez votre facture manuellement ou automatiquement à vos clients.
  303.                     </div>
  304.                 </div>
  305.             </div>
  306.             <div class="text-widget visible-xs with-margin-top-60">
  307.                 <span>
  308.                     Simple d'utilisation et incroyablement pratique, {{ website_name }} est votre meilleur allié pour gérer vos finances sans tracas. Grâce à son interface intuitive, vous pouvez créer et envoyer des factures en quelques clics seulement, suivre les paiements et gérer les abonnements de vos clients en toute simplicité.
  309.                 </span>
  310.                 <br/><br/>
  311.                 <i class="fas fa-check fa-md"></i> &nbsp;Modifiez le design de vos factures.
  312.                 <br/>
  313.                 <i class="fas fa-check fa-md"></i> &nbsp;Editez les factures de vos clients en quelques cliques.
  314.                 <br/>
  315.                 <i class="fas fa-check fa-md"></i> &nbsp;Ajoutez les lignes de facturation et remises.
  316.                 <br/>
  317.                 <i class="fas fa-check fa-md"></i> &nbsp;Envoyez votre facture manuellement ou automatiquement à vos clients.
  318.             </div>
  319.             <div class="item-content">
  320.                 <div class="item-column init-mob">
  321.                     <H3 class="item-cast">
  322.                         Suivi et relance des impayés
  323.                     </H3>
  324.                     <div class="text-widget hidden-xs">
  325.                         Ne <b>laissez plus</b> vos impayés <b>affecter</b> votre <b>trésorerie</b> !
  326.                         <br/><br/>
  327.                         <b>Consulez et modifiez</b> vos impayés grâce à une interface <b>claire</b> et <b>facile</b> d'utilisation.
  328.                         <br/>
  329.                         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>.
  330.                     </div>
  331.                 </div>
  332.                 <div class="item-column unl-padding-f-mob align-right">
  333.                     <div class="cell-widget item-bg-blue svg-flex-md-end">
  334.                         <img src="{{ asset('/images/pages/comptabilities/sport-adhesion-relance-cleint.svg') }}" class="item-img-screen fix width-90-p height-auto-f"/>
  335.                     </div>
  336.                 </div>
  337.             </div>
  338.             <div class="text-widget visible-xs">
  339.                 Ne <b>laissez plus</b> vos impayés <b>affecter</b> votre <b>trésorerie</b> !
  340.                 <br/><br/>
  341.                 <b>Consulez et modifiez</b> vos impayés grâce à une interface <b>claire</b> et <b>facile</b> d'utilisation.
  342.                 <br/>
  343.                 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>.
  344.             </div>
  345.             <a href="{{ path('signup') }}" class="button_theme btnlg with-auto-margin visible-xs">
  346.                 Essayez gratuitement
  347.             </a>
  348.             <div class="item-content">
  349.                 <div class="item-column unl-padding-f-mob align-right">
  350.                     <div class="cell-widget item-bg-blue paddingT-mob-30">
  351.                         <img src="{{ asset('/images/pages/members/sport-adhesion-view-user-computer.svg') }}" class="item-img-screen"/>
  352.                     </div>
  353.                     <div class="item-iddle hidden-xs">
  354.                         <a href="{{ path('signup') }}" class="button_blue btnlg with-margin-top-20">
  355.                             Essayez gratuitement
  356.                         </a>
  357.                     </div>
  358.                 </div>
  359.                 <div class="item-column init-mob">
  360.                     <H3 class="item-cast">
  361.                         Gestion des membres
  362.                     </H3>
  363.                     <div class="text-widget hidden-xs">
  364.                         <b/>Gérez</b> votre base de membre au <b>même endroit</b> ! <b>Organisez, créer, et modifier</b> vos fiches clients en <b>quelques cliques</b>.
  365.                         <br/><br/>
  366.                         {{ 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.
  367.                         <br/><br/>
  368.                     </div>
  369.                 </div>
  370.             </div>
  371.             <div class="text-widget visible-xs">
  372.                 Gérez votre base de membre au même endroit ! Organisez, créer, et modifier vos fiches clients en quelques cliques.
  373.                 <br/><br/>
  374.                 {{ 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.
  375.             </div>
  376.             <a href="{{ path('signup') }}" class="button_theme btnlg with-auto-margin visible-xs">
  377.                 Créer mon compte
  378.             </a>
  379.             <div class="item-content item-bg-blue hidden-xs">
  380.                 <div class="item-column">
  381.                     <H3 class="item-cast">
  382.                         Votre base membre est à vous
  383.                     </H3>
  384.                     <div class="text-widget hidden-xs">
  385.                         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> !
  386.                     </div>
  387.                 </div>
  388.                 <div class="item-column">
  389.                     <div class="cell-widget" style="background-color: #ffd500;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url({{ asset('/images/pages/association/rgpd.jpg') }});"></div>
  390.                 </div>
  391.             </div>
  392.             <H3 class="item-column visible-xs" style="color:#0d7c9a;">
  393.                 Votre base membre est à vous
  394.             </H3>
  395.             <div class="text-widget visible-xs">
  396.                 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> !
  397.             </div>
  398.             <div class="item-content">
  399.                 <div class="item-column unl-padding-f-mob align-right">
  400.                     <div class="cell-widget item-bg-blue svg-flex-md-end with-padding-bottom-20 paddingT-mob-64">
  401.                         <dotlottie-player
  402.                             autoplay
  403.                             loop
  404.                             mode="normal"
  405.                             background="transparent"
  406.                             src="/lottieFiles/payments/show-payment.lottie"
  407.                             style="width: clamp(200px,100%, 344px);">
  408.                         </dotlottie-player>
  409.                         <div class="item-iddle hidden-xs">
  410.                             <a href="{{ path('signup') }}" class="button_blue btnlg with-margin-top-20">
  411.                                 Essayez gratuitement
  412.                             </a>
  413.                         </div>
  414.                     </div>
  415.                 </div>
  416.                 <div class="item-column init-mob">
  417.                     <H3 class="item-cast paddingLR-mob-15">
  418.                         Simplifiez vos transactions avec le paiement en ligne sécurisé
  419.                     </H3>
  420.                     <div class="text-widget hidden-xs">
  421.                         <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.
  422.                     </div>
  423.                 </div>
  424.             </div>
  425.             <div class="text-widget visible-xs">
  426.                 <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.
  427.             </div>
  428.             <a href="{{ path('signup') }}" class="button_theme btnlg with-auto-margin visible-xs">
  429.                 Essayez gratuitement
  430.             </a>
  431.             <div class="item-content item-bg-white">
  432.                 <div class="item-column">
  433.                     <H3 class="item-cast">
  434.                         Paiements CB et SEPA
  435.                     </H3>
  436.                     <div class="text-widget hidden-xs">
  437.                         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.
  438.                         <br/><br/>
  439.                         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.
  440.                     </div>
  441.                 </div>
  442.                 <div class="item-column">
  443.                     <div class="cell-widget svg-flex-md-end" style="background:white;">
  444.                         <dotlottie-player
  445.                             autoplay
  446.                             loop
  447.                             mode="normal"
  448.                             background="transparent"
  449.                             src="/lottieFiles/payments/cb.lottie"
  450.                             style="width: clamp(200px,100%, 344px);">
  451.                         </dotlottie-player>
  452.                     </div>
  453.                 </div>
  454.             </div>
  455.             <div class="text-widget visible-xs">
  456.                 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.
  457.                 <br/><br/>
  458.                 Soyez opérationnel rapidement grâce aux différentes options d'intégration de notre solution : entièrement personnalisable et facile à prendre en main.
  459.             </div>
  460.         </section>
  461.     </div>
  462.     <section class="row-fluid">
  463.         <div class="item-explain">
  464.             <div class="usefull-width">
  465.                 <div class="title">
  466.                     Inclus également
  467.                 </div>
  468.                 <div class="d-flex align-flex with-margin-top-60 marginT-pad-30 marginT-mob-30">
  469.                     <div class="d-flex">
  470.                         <div class="item-column">
  471.                             <div class="item-included">
  472.                                 <i class="fas fa-solid fa-check"></i> Générateur de bon de commande
  473.                             </div>
  474.                             <div class="item-included">
  475.                                 <i class="fas fa-solid fa-check"></i> Suivi de CA
  476.                             </div>
  477.                             <div class="item-included">
  478.                                 <i class="fas fa-solid fa-check"></i> Suivi de TVA
  479.                             </div>
  480.                             <div class="item-included">
  481.                                 <i class="fas fa-solid fa-check"></i> Système de saisi bancaire
  482.                             </div>
  483.                             <div class="item-included">
  484.                                 <i class="fas fa-solid fa-check"></i> Générateur de bilan comptable
  485.                             </div>
  486.                         </div>
  487.                         <div class="item-column">
  488.                             <div class="item-included">
  489.                                 <i class="fas fa-solid fa-check"></i> Interface de règlements
  490.                             </div>
  491.                             <div class="item-included">
  492.                                 <i class="fas fa-solid fa-check"></i> Générateur d'échéancier
  493.                             </div>
  494.                             <div class="item-included">
  495.                                 <i class="fas fa-solid fa-check"></i> Système de facturation
  496.                             </div>
  497.                             <div class="item-included">
  498.                                 <i class="fas fa-solid fa-check"></i> Gestion paiement adhésion
  499.                             </div>
  500.                             <div class="item-included">
  501.                                 <i class="fas fa-solid fa-check"></i> Gestion paiement inscription
  502.                             </div>
  503.                         </div>
  504.                     </div>
  505.                 </div>
  506.                 <div class="d-flex align-flex with-padding-bottom-30">
  507.                     <a href="{{ path('signup') }}" class="button_blue btnLg with-auto-margin with-margin-top-30">
  508.                         Créer mon compte
  509.                     </a>
  510.                 </div>
  511.             </div>
  512.         </div>
  513.     </section>
  514.     <div class="usefull-width unl-padding">
  515.         <section class="row-fluid">
  516.             <div class="width-max with-margin-top-40" style="padding:0 7.5px;">
  517.                 <H2>
  518.                     5 Raisons de choisir Sport adhesion
  519.                 </H2>
  520.                 <div class="carroussel with-margin-top-30">
  521.                     <div class="item-crsl">
  522.                         {% if deals is not empty %}
  523.                             {% for deal in deals %}
  524.                                 <div class="crlCntH">
  525.                                     <div class="crlBoxHome blueBoxW">
  526.                                         <div class="picBoxCrl" style="background-image:url('{{ asset('images/pages/home/' ~ deal.getImage) }}');"></div>
  527.                                         <div class="width-max">
  528.                                             {{ deal.getTitleFr }}
  529.                                         </div>
  530.                                     </div>
  531.                                 </div>
  532.                             {% endfor %}
  533.                         {% endif %}
  534.                     </div>
  535.                 </div>
  536.             </div>
  537.         </section>
  538.     </div>
  539.     <div class="usefull-width">
  540.         <section>
  541.             <div class="row-fluid">
  542.                 <H2>
  543.                     Questions fréquentes
  544.                 </H2>
  545.                 <div class="hHook">
  546.                     Les questions les plus demandées
  547.                 </div>
  548.                 <div class="item-faq">
  549.                     {% set i = 1 %}
  550.                     {% set read = '' %}
  551.                     {% if faq is not empty %}
  552.                         {% set max = faq|length / 2 %}
  553.                         {% for question in faq %}
  554.                             {% if i == 1 %}
  555.                                 {% set read = read ~ '<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 unl-padding-mob">' %}
  556.                             {% endif %}
  557.                             {% set read = read ~ '<div class="title dimQuest">
  558.                                 <i class="fas fa-question-circle fa-lg"></i>
  559.                                 &nbsp;' ~ question.getQuestionFr ~ '
  560.                                 <div class="arrow">
  561.                                     <i class="fas fa-sort-down"></i>
  562.                                 </div>
  563.                                 <div class="answer">
  564.                                     ' ~ question.getReponseFr ~ '
  565.                                 </div>
  566.                             </div>' %}
  567.                             {% if i == max %}
  568.                                 {% set read = read ~ '</div>' %}
  569.                                 {% set i = 0 %}
  570.                             {% endif %}
  571.                             {% set i = i + 1 %}
  572.                         {% endfor %}
  573.                         {% if i != 1 %}
  574.                             {% set read = read ~ '</div>' %}
  575.                         {% endif %}
  576.                     {% endif %}
  577.                     {{ read|raw }}
  578.                 </div>
  579.             </div>
  580.         </section>
  581.         <section>
  582.             <div class="row-fluid">
  583.                 <div class="item-try-it unl-margin" style="font-weight:initial;">
  584.                     Le meilleur moyen de savoir, c’est d’essayer !
  585.                 </div>
  586.                 <a href="{{ path('signup') }}" class="button_theme btnlg with-auto-margin with-margin-top-20">
  587.                     Essayez gratuitement
  588.                 </a>
  589.             </div>
  590.         </section>
  591.         <div class="row-flex">
  592.             <div class="height-100 width-max"></div>
  593.         </div>
  594.         <ol class="breadcrumb unl-margin">
  595.             <li class="breadcrumb-item"><a href="{{ path('home') }}" alt="Les fonctionnalités de {{ website_name }}">Fonctionnalités</a></li>
  596.             <li class="breadcrumb-item active" aria-current="page">Logiciel de gestion sportif pour coach de sport</li>
  597.         </ol>
  598.     </div>
  599. {% endblock %}
  600. {% block javascriptFooter %}
  601. <script>
  602.     $(document).ready(function(){
  603.         if(width >= 1024){
  604.             var crsl = (parseFloat($('.item-crsl').parent().width()) / 4);
  605.             $('.crlCntH').css({'width':crsl,'max-width':crsl});
  606.         }
  607.         initCarroussel(width, '.item-crsl', 'crlCntH');
  608.         $(window).on('resize',function() {
  609.             width = $(window).width();
  610.             if(width >= 1024){
  611.                 $('.item-crsl').cycle('destroy');
  612.                 var crsl = (parseFloat($('.item-crsl').parent().width()) / 4);
  613.                 $('.crlCntH').css({'width':crsl,'max-width':crsl});
  614.             }
  615.             initCarroussel(width, '.item-crsl', 'crlCntH');
  616.         });
  617.     });
  618. </script>
  619. {% endblock %}