templates/receiver/association/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 associations
  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 de club de sport <br/>pour <span class="color">association sportive</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 ~ ' :: association-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/association/logiciel-sport-association.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/association/logiciel-sport-association.png') }}" height="300" width="auto"/>
  47.     </div>
  48.     <div class="usefull-width">
  49.         <div class="row-fluid">
  50.             <H2 class="marginT-mob-40">
  51.                 Insufflez une nouvelle dynamique à votre <span class="color">association</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.                         Votre association mérite toute votre attention ! {{ website_name }} est le logiciel de gestion pour votre association qui vous fait gagner du temps !
  65.                         <br/><br/>
  66.                         Grâce à nos outils "nocode" pour la comptabilité, la gestion sportive et administrative vous passerez plus de temps sur le terrain, 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 logiciel de gestion du sport. Tout est <b>simple</b> et <b>intuitif</b> pour gérer au <b>mieux</b> votre <b>association</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 pour développer votre association
  108.             </H2>
  109.         </div>
  110.         <section>
  111.             <div class="item-content">
  112.                 <div class="item-column unl-padding-f-mob align-right">
  113.                     <div class="cell-widget item-bg-blue svg-flex-md-end" style="justify-content: center;">
  114.                         <dotlottie-player
  115.                             autoplay
  116.                             loop
  117.                             mode="normal"
  118.                             background="transparent"
  119.                             src="/lottieFiles/comptabilities/sa-expense-report.lottie"
  120.                             style="width: clamp(300px,100%, 444px);">
  121.                         </dotlottie-player>
  122.                     </div>
  123.                 </div>
  124.                 <div class="item-column init-mob">
  125.                     <H3 class="item-cast">
  126.                         Comptabilité simplifiée
  127.                     </H3>
  128.                     <div class="text-widget hidden-xs">
  129.                         {{ website_name }} vous permet de <b>simplifier</b> votre comptabilité grâce un grand nombre d'outil comptable. Le but <b>alléger</b> les <b>obligations comptables</b> 
  130.                         de votre association et <b>réduire</b> les <b>coûts</b> de tenue de votre <b>comptabilité</b>.
  131.                     </div>
  132.                 </div>
  133.             </div>
  134.             <div class="text-widget visible-xs">
  135.                 {{ website_name }} vous permet de <b>simplifier</b> votre <b>comptabilité</b> grâce un grand nombre d'outil comptable. Le but <b>alléger</b> les <b>obligations comptables</b> 
  136.                 de votre association et <b>réduire</b> les <b>coûts</b> de tenue de votre <b>comptabilité</b>.
  137.             </div>
  138.             <a href="{{ path('signup') }}" class="button_theme btnlg with-auto-margin visible-xs">
  139.                 Gérez mon association
  140.             </a>
  141.             <div class="item-content item-bg-blue unl-padding-mob">
  142.                 <div class="item-column">
  143.                     <H3 class="item-cast">
  144.                         Facturation sans effort
  145.                     </H3>
  146.                     <div class="text-widget hidden-xs">
  147.                         <i class="fas fa-check fa-md"></i> &nbsp;Modifiez le design de vos factures aux couleurs de votre structure.
  148.                         <br/>
  149.                         <i class="fas fa-check fa-md"></i> &nbsp;Editez les factures de vos clients en quelques cliques.
  150.                         <br/>
  151.                         <i class="fas fa-check fa-md"></i> &nbsp;Ajoutez les lignes de facturation et remises.
  152.                         <br/>
  153.                         <i class="fas fa-check fa-md"></i> &nbsp;Envoyez votre facture manuellement ou automatiquement à vos clients.
  154.                     </div>
  155.                 </div>
  156.                 <div class="item-column init-mob unl-padding-f-mob">
  157.                     <div class="cell-widget paddingT-mob-40 bg-E5FAFF svg-flex-end">
  158.                         <dotlottie-player
  159.                             autoplay
  160.                             loop
  161.                             mode="normal"
  162.                             background="transparent"
  163.                             src="/lottieFiles/comptabilities/sa-bills.lottie"
  164.                             style="width: clamp(300px,100%, 444px);">
  165.                         </dotlottie-player>
  166.                         <div class="item-iddle hidden-xs">
  167.                             <a href="{{ path('signup') }}" class="button_blue btnlg with-margin-top-20">
  168.                                 Essayez gratuitement
  169.                             </a>
  170.                         </div>
  171.                     </div>
  172.                 </div>
  173.             </div>
  174.             <div class="text-widget visible-xs">
  175.                 <i class="fas fa-check fa-md"></i> &nbsp;Modifiez le design de vos factures aux couleurs de votre structure.
  176.                 <br/>
  177.                 <i class="fas fa-check fa-md"></i> &nbsp;Editez les factures de vos clients en quelques cliques.
  178.                 <br/>
  179.                 <i class="fas fa-check fa-md"></i> &nbsp;Ajoutez les lignes de facturation et remises.
  180.                 <br/>
  181.                 <i class="fas fa-check fa-md"></i> &nbsp;Envoyez votre facture manuellement ou automatiquement à vos clients.
  182.             </div>
  183.             <div class="item-content">
  184.                 <div class="item-column unl-padding-f-mob align-right">
  185.                     <div class="cell-widget item-bg-blue svg-flex-md-end">
  186.                         <img src="{{ asset('/images/pages/comptabilities/sport-adhesion-relance-cleint.svg') }}" class="item-img-screen fix width-90-p height-auto-f"/>
  187.                     </div>
  188.                 </div>
  189.                 <div class="item-column init-mob">
  190.                     <H3 class="item-cast">
  191.                         Suivi et relance des impayés
  192.                     </H3>
  193.                     <div class="text-widget hidden-xs">
  194.                         Ne <b>laissez plus</b> vos impayés <b>affecter</b> votre <b>trésorerie</b> !
  195.                         <br/><br/>
  196.                         <b>Consulez et modifiez</b> vos impayés grâce à une interface <b>claire</b> et <b>facile</b> d'utilisation.
  197.                         <br/>
  198.                         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>.
  199.                     </div>
  200.                 </div>
  201.             </div>
  202.             <div class="text-widget visible-xs">
  203.                 Ne <b>laissez plus</b> vos impayés <b>affecter</b> votre <b>trésorerie</b> !
  204.                 <br/><br/>
  205.                 <b>Consulez et modifiez</b> vos impayés grâce à une interface <b>claire</b> et <b>facile</b> d'utilisation.
  206.                 <br/>
  207.                 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>.
  208.             </div>
  209.             <a href="{{ path('signup') }}" class="button_theme btnlg with-auto-margin visible-xs">
  210.                 Essayez gratuitement
  211.             </a>
  212.             <div class="item-content item-bg-blue">
  213.                 <div class="item-column">
  214.                     <H3 class="item-cast">
  215.                         Suivez le paiement de vos membres
  216.                     </H3>
  217.                     <div class="text-widget hidden-xs">
  218.                         <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 membres et leurs statuts.
  219.                         <br/><br/>
  220.                         Recherchez et filtrez les différents paiments réalisés par vos membres !
  221.                         <br/><br/>
  222.                         Pour ne pas perdre de vue vos <b>objectifs</b> et <b>controler</b> le <b>développement</b> de votre association, nous avons intégré une interface de suivi de chiffre d'affaire.
  223.                     </div>
  224.                 </div>
  225.                 <div class="item-column align-right unl-padding-f-mob">
  226.                     <div class="cell-widget item-bg-blue paddingT-mob-64">
  227.                         <img src="{{ asset('/images/pages/comptabilities/sport-adhesion-screen-follow-unpayment-customer.svg') }}" class="item-img-screen" />
  228.                     </div>
  229.                     <div class="item-iddle hidden-xs">
  230.                         <a href="{{ path('comptabilities') }}" class="button_blue btnlg with-margin-top-20">
  231.                             En savoir plus
  232.                         </a>
  233.                     </div>
  234.                 </div>
  235.             </div>
  236.             <div class="text-widget visible-xs">
  237.                 <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 membres et leurs statuts.
  238.                 <br/><br/>
  239.                 Recherchez et filtrez les différents paiments réalisés par vos membres !
  240.                 <br/><br/>
  241.                 Pour ne pas perdre de vue vos <b>objectifs</b> et <b>controler</b> le <b>développement</b> de votre association, nous avons intégré une interface de suivi de chiffre d'affaire.
  242.             </div>
  243.         </section>
  244.     </div>
  245.     <section class="row-fluid">
  246.         <div class="item-explain">
  247.             <div class="usefull-width">
  248.                 <div class="title">
  249.                     Inclus également
  250.                 </div>
  251.                 <div class="d-flex align-flex with-margin-top-60 marginT-pad-30 marginT-mob-30">
  252.                     <div class="d-flex">
  253.                         <div class="item-column">
  254.                             <div class="item-included">
  255.                                 <i class="fas fa-solid fa-check"></i> Générateur de bon de commande
  256.                             </div>
  257.                             <div class="item-included">
  258.                                 <i class="fas fa-solid fa-check"></i> Suivi de CA
  259.                             </div>
  260.                             <div class="item-included">
  261.                                 <i class="fas fa-solid fa-check"></i> Suivi de TVA
  262.                             </div>
  263.                             <div class="item-included">
  264.                                 <i class="fas fa-solid fa-check"></i> Système de saisi bancaire
  265.                             </div>
  266.                             <div class="item-included">
  267.                                 <i class="fas fa-solid fa-check"></i> Générateur de bilan comptable
  268.                             </div>
  269.                         </div>
  270.                         <div class="item-column">
  271.                             <div class="item-included">
  272.                                 <i class="fas fa-solid fa-check"></i> Interface de règlements
  273.                             </div>
  274.                             <div class="item-included">
  275.                                 <i class="fas fa-solid fa-check"></i> Générateur d'échéancier
  276.                             </div>
  277.                             <div class="item-included">
  278.                                 <i class="fas fa-solid fa-check"></i> Système de facturation
  279.                             </div>
  280.                             <div class="item-included">
  281.                                 <i class="fas fa-solid fa-check"></i> Gestion paiement adhésion
  282.                             </div>
  283.                             <div class="item-included">
  284.                                 <i class="fas fa-solid fa-check"></i> Gestion paiement inscription
  285.                             </div>
  286.                         </div>
  287.                     </div>
  288.                 </div>
  289.                 <div class="d-flex align-flex with-padding-bottom-30">
  290.                     <a href="{{ path('signup') }}" class="button_blue btnLg with-auto-margin with-margin-top-30">
  291.                         Gérez mon association
  292.                     </a>
  293.                 </div>
  294.             </div>
  295.         </div>
  296.     </section>
  297.     
  298.     <div class="usefull-width">
  299.         <section>
  300.             <div class="item-content">
  301.                 <div class="item-column unl-padding-f-mob align-right">
  302.                     <div class="cell-widget item-bg-blue paddingT-mob-30">
  303.                         <img src="{{ asset('/images/pages/members/sport-adhesion-view-user-computer.svg') }}" class="item-img-screen"/>
  304.                     </div>
  305.                     <div class="item-iddle hidden-xs">
  306.                         <a href="{{ path('signup') }}" class="button_blue btnlg with-margin-top-20">
  307.                             Essayez gratuitement
  308.                         </a>
  309.                     </div>
  310.                 </div>
  311.                 <div class="item-column init-mob">
  312.                     <H3 class="item-cast">
  313.                         Gestion des membres
  314.                     </H3>
  315.                     <div class="text-widget hidden-xs">
  316.                         <b/>Gérez</b> votre base de membre au <b>même endroit</b> ! Retrouvez les renseignements personnels de vos membres et ceux de votre association. <b>Organisez, créer, et modifier</b> les fiches utilisateurs en <b>quelques cliques</b>.
  317.                         <br/><br/>
  318.                         {{ 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.
  319.                         <br/><br/>
  320.                     </div>
  321.                 </div>
  322.             </div>
  323.             <div class="text-widget visible-xs">
  324.                 Gérez votre base de membre au même endroit ! Retrouvez les renseignements personnels de vos membres et ceux de votre association. Organisez, créer, et modifier les fiches utilisateurs en quelques cliques.
  325.                 <br/><br/>
  326.                 {{ 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.
  327.             </div>
  328.             <a href="{{ path('signup') }}" class="button_theme btnlg with-auto-margin visible-xs">
  329.                 Gérez mon association
  330.             </a>
  331.             <div class="item-content item-bg-blue hidden-xs">
  332.                 <div class="item-column">
  333.                     <H3 class="item-cast">
  334.                         Votre base membre est à vous
  335.                     </H3>
  336.                     <div class="text-widget hidden-xs">
  337.                         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> !
  338.                     </div>
  339.                 </div>
  340.                 <div class="item-column">
  341.                     <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>
  342.                 </div>
  343.             </div>
  344.             <H3 class="item-column visible-xs" style="color:#0d7c9a;">
  345.                 Votre base membre est à vous
  346.             </H3>
  347.             <div class="text-widget visible-xs">
  348.                 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> !
  349.             </div>
  350.             <div class="item-content">
  351.                 <div class="item-column unl-padding-f-mob align-right">
  352.                     <div class="cell-widget item-bg-blue">
  353.                         <dotlottie-player
  354.                             autoplay
  355.                             loop
  356.                             mode="normal"
  357.                             background="transparent"
  358.                             src="/lottieFiles/members/sa-easysearch.lottie"
  359.                             style="width: clamp(300px,100%, 444px);">
  360.                         </dotlottie-player>
  361.                     </div>
  362.                 </div>
  363.                 <div class="item-column init-mob">
  364.                     <H3 class="item-cast">
  365.                     Communiquez efficacement avec vos membres
  366.                     </H3>
  367.                     <div class="text-widget hidden-xs">
  368.                         <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 .
  369.                         <br><br/>
  370.                         <b>Stimuler les interactions</b> au sein de <b>votre communauté</b> et <b>renforcer</b> l’engagement de vos membres.
  371.                     </div>
  372.                 </div>
  373.             </div>
  374.             <div class="text-widget visible-xs">
  375.                 <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 .
  376.                 <br><br/>
  377.                 <b>Stimuler les interactions</b> au sein de <b>votre communauté</b> et <b>renforcer</b> l’engagement de vos membres.
  378.             </div>
  379.             <a href="{{ path('signup') }}" class="button_theme btnlg with-auto-margin visible-xs">
  380.                 Essayez gratuitement
  381.             </a>
  382.             <div class="item-content item-bg-blue">
  383.                 <div class="item-column">
  384.                     <H3 class="item-cast">
  385.                         Suivez l’évolution de vos joueurs
  386.                     </H3>
  387.                     <div class="text-widget hidden-xs">
  388.                         <b>Améliorez</b> et <b>adaptez</b> votre coaching grâce au <b>suivi d'évolution</b> !
  389.                         <br/><br/>
  390.                         <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>.
  391.                     </div>
  392.                 </div>
  393.                 <div class="item-column">
  394.                     <div class="cell-widget item-bg-blue with-all-align paddingT-mob-30">
  395.                         <dotlottie-player
  396.                             autoplay
  397.                             loop
  398.                             mode="normal"
  399.                             background="transparent"
  400.                             src="/lottieFiles/members/sa-evol-charts.lottie"
  401.                             style="width: clamp(300px,100%, 444px);">
  402.                         </dotlottie-player>
  403.                         <div class="item-iddle hidden-xs">
  404.                             <a href="{{ path('member') }}" class="button_blue btnlg with-margin-top-20">
  405.                                 En savoir plus
  406.                             </a>
  407.                         </div>
  408.                     </div>
  409.                 </div>
  410.             </div>
  411.             <div class="text-widget visible-xs">
  412.                 <b>Améliorez</b> et <b>adaptez</b> votre coaching grâce au <b>suivi d'évolution</b> !
  413.                 <br/><br/>
  414.                 <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>.
  415.             </div>
  416.             <div class="item-content">
  417.                 <div class="item-column unl-padding-f-mob align-right">
  418.                     <div class="cell-widget item-bg-blue svg-flex-md-end with-padding-bottom-20 paddingT-mob-64">
  419.                         <dotlottie-player
  420.                             autoplay
  421.                             loop
  422.                             mode="normal"
  423.                             background="transparent"
  424.                             src="/lottieFiles/payments/show-payment.lottie"
  425.                             style="width: clamp(200px,100%, 344px);">
  426.                         </dotlottie-player>
  427.                         <div class="item-iddle hidden-xs">
  428.                             <a href="{{ path('signup') }}" class="button_blue btnlg with-margin-top-20">
  429.                                 Essayez gratuitement
  430.                             </a>
  431.                         </div>
  432.                     </div>
  433.                 </div>
  434.                 <div class="item-column init-mob">
  435.                     <H3 class="item-cast paddingLR-mob-15">
  436.                         Simplifiez vos transactions avec le paiement en ligne sécurisé
  437.                     </H3>
  438.                     <div class="text-widget hidden-xs">
  439.                         <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.
  440.                     </div>
  441.                 </div>
  442.             </div>
  443.             <div class="text-widget visible-xs">
  444.                 <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.
  445.             </div>
  446.             <a href="{{ path('signup') }}" class="button_theme btnlg with-auto-margin visible-xs">
  447.                 Essayez gratuitement
  448.             </a>
  449.             <div class="item-content item-bg-white">
  450.                 <div class="item-column">
  451.                     <H3 class="item-cast">
  452.                         Paiements CB et SEPA
  453.                     </H3>
  454.                     <div class="text-widget hidden-xs">
  455.                         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.
  456.                         <br/><br/>
  457.                         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.
  458.                     </div>
  459.                 </div>
  460.                 <div class="item-column">
  461.                     <div class="cell-widget svg-flex-md-end" style="background:white;">
  462.                         <dotlottie-player
  463.                             autoplay
  464.                             loop
  465.                             mode="normal"
  466.                             background="transparent"
  467.                             src="/lottieFiles/payments/cb.lottie"
  468.                             style="width: clamp(200px,100%, 344px);">
  469.                         </dotlottie-player>
  470.                     </div>
  471.                 </div>
  472.             </div>
  473.             <div class="text-widget visible-xs">
  474.                 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.
  475.                 <br/><br/>
  476.                 Soyez opérationnel rapidement grâce aux différentes options d'intégration de notre solution : entièrement personnalisable et facile à prendre en main.
  477.             </div>
  478.         </section>
  479.     </div>
  480.     <div class="usefull-width">
  481.         <section>
  482.             <div class="row-fluid">
  483.                 <H2 class="with-margin-top-60">
  484.                     Système de réservation
  485.                 </H2>
  486.                 <div class="hHook">
  487.                     Gérez vos salles et terrains de sport avec une interface simple et ergonomique
  488.                 </div>
  489.             </div>
  490.             <div id="grounds">
  491.                 <div class="cell-widget item-lg">
  492.                     <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 with-padding-30 padding-mob-15">
  493.                         <H3 class="item-title">
  494.                             Automatisez<br/>les réservations de cours
  495.                         </H3>
  496.                         <div class="item-text hidden-xs">
  497.                             Avec votre logiciel de gestion de sport pour association, vos adhérents peuvent effectuer en ligne leur inscription.
  498.                             <br/><br/>
  499.                             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.
  500.                         </div>                           
  501.                     </div>
  502.                     <div class="item-note">
  503.                         <div class="note">
  504.                             4,6 / 5
  505.                             <br/>
  506.                             selon nos utilisateurs
  507.                         </div>
  508.                         <div class="stars">
  509.                             <img src="{{ asset('/images/icons/stars.svg') }}" height="20" />
  510.                         </div>
  511.                     </div>
  512.                     <img src="{{ asset('/images/preview/app/grounds.png') }}" alt="gestion sportive Terrain de sport" width="auto" height="370" class="right pic-grounds">
  513.                     <div class="item-iddle">
  514.                         <a href="{{ path('signup') }}" class="button_theme btnlg with-margin-top-20">
  515.                             Essayez gratuitement
  516.                         </a>
  517.                     </div>
  518.                 </div>
  519.                 <div class="item-text visible-xs">
  520.                     Avec votre logiciel de gestion de club de sport, vos clients peuvent effectuer en ligne leur inscription ou annuler une réservation.
  521.                     <br/><br/>
  522.                     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. 
  523.                 </div>
  524.             </div>
  525.         </section>
  526.     </div>
  527.         
  528.     <section class="row-fluid">
  529.         <div class="item-explain">
  530.             <div class="usefull-width">
  531.                 <div class="title">
  532.                     Inclus également
  533.                 </div>
  534.                 <div class="d-flex align-flex with-margin-top-60 marginT-pad-30 marginT-mob-30">
  535.                     <div class="d-flex">
  536.                         <div class="item-column">
  537.                             <div class="item-included">
  538.                                 <i class="fas fa-solid fa-check"></i> Gestion des groupes
  539.                             </div>
  540.                             <div class="item-included">
  541.                                 <i class="fas fa-solid fa-check"></i> Gestion des stages
  542.                             </div>
  543.                             <div class="item-included">
  544.                                 <i class="fas fa-solid fa-check"></i> Gestion crénneaux libres
  545.                             </div>
  546.                             <div class="item-included">
  547.                                 <i class="fas fa-solid fa-check"></i> Vacances scolaires par zone
  548.                             </div>
  549.                             <div class="item-included">
  550.                                 <i class="fas fa-solid fa-check"></i> Info Personne à mobilité réduite
  551.                             </div>
  552.                         </div>
  553.                         <div class="item-column">
  554.                             <div class="item-included">
  555.                                 <i class="fas fa-solid fa-check"></i> Equipements terrains
  556.                             </div>
  557.                             <div class="item-included">
  558.                                 <i class="fas fa-solid fa-check"></i> Gestion horaires
  559.                             </div>
  560.                             <div class="item-included">
  561.                                 <i class="fas fa-solid fa-check"></i> Visuel jour et semaine
  562.                             </div>
  563.                             <div class="item-included">
  564.                                 <i class="fas fa-solid fa-check"></i> Multi-écran
  565.                             </div>
  566.                             <div class="item-included">
  567.                                 <i class="fas fa-solid fa-check"></i> Ecran présentation salle
  568.                             </div>
  569.                         </div>
  570.                     </div>
  571.                 </div>
  572.                 <div class="d-flex align-flex with-padding-bottom-30">
  573.                     <a href="{{ path('signup') }}" class="button_blue btnLg with-auto-margin with-margin-top-30">
  574.                         Gérez mes réservations
  575.                     </a>
  576.                 </div>
  577.             </div>
  578.         </div>
  579.     </section>
  580.     <div class="usefull-width unl-padding">
  581.         <section class="row-fluid">
  582.             <div class="width-max with-margin-top-40" style="padding:0 7.5px;">
  583.                 <H2>
  584.                     5 Raisons de choisir Sport adhesion
  585.                 </H2>
  586.                 <div class="carroussel with-margin-top-30">
  587.                     <div class="item-crsl">
  588.                         {% if deals is not empty %}
  589.                             {% for deal in deals %}
  590.                                 <div class="crlCntH">
  591.                                     <div class="crlBoxHome blueBoxW">
  592.                                         <div class="picBoxCrl" style="background-image:url('{{ asset('images/pages/home/' ~ deal.getImage) }}');"></div>
  593.                                         <div class="width-max">
  594.                                             {{ deal.getTitleFr }}
  595.                                         </div>
  596.                                     </div>
  597.                                 </div>
  598.                             {% endfor %}
  599.                         {% endif %}
  600.                     </div>
  601.                 </div>
  602.             </div>
  603.         </section>
  604.     </div>
  605.     <div class="usefull-width">
  606.         <section>
  607.             <div class="row-fluid">
  608.                 <H2>
  609.                     Questions fréquentes
  610.                 </H2>
  611.                 <div class="hHook">
  612.                     Les questions les plus demandées
  613.                 </div>
  614.                 <div class="item-faq">
  615.                     {% set i = 1 %}
  616.                     {% set read = '' %}
  617.                     {% if faq is not empty %}
  618.                         {% set max = faq|length / 2 %}
  619.                         {% for question in faq %}
  620.                             {% if i == 1 %}
  621.                                 {% set read = read ~ '<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 unl-padding-mob">' %}
  622.                             {% endif %}
  623.                             {% set read = read ~ '<div class="title dimQuest">
  624.                                 <i class="fas fa-question-circle fa-lg"></i>
  625.                                 &nbsp;' ~ question.getQuestionFr ~ '
  626.                                 <div class="arrow">
  627.                                     <i class="fas fa-sort-down"></i>
  628.                                 </div>
  629.                                 <div class="answer">
  630.                                     ' ~ question.getReponseFr ~ '
  631.                                 </div>
  632.                             </div>' %}
  633.                             {% if i == max %}
  634.                                 {% set read = read ~ '</div>' %}
  635.                                 {% set i = 0 %}
  636.                             {% endif %}
  637.                             {% set i = i + 1 %}
  638.                         {% endfor %}
  639.                         {% if i != 1 %}
  640.                             {% set read = read ~ '</div>' %}
  641.                         {% endif %}
  642.                     {% endif %}
  643.                     {{ read|raw }}
  644.                 </div>
  645.             </div>
  646.         </section>
  647.         <section>
  648.             <div class="row-fluid">
  649.                 <div class="item-try-it unl-margin" style="font-weight:initial;">
  650.                     Le meilleur moyen de savoir, c’est d’essayer !
  651.                 </div>
  652.                 <a href="{{ path('signup') }}" class="button_theme btnlg with-auto-margin with-margin-top-20">
  653.                     Essayez gratuitement
  654.                 </a>
  655.             </div>
  656.         </section>
  657.         <div class="row-flex">
  658.             <div class="height-100 width-max"></div>
  659.         </div>
  660.         <ol class="breadcrumb unl-margin">
  661.             <li class="breadcrumb-item"><a href="{{ path('home') }}" alt="Les fonctionnalités de {{ website_name }}">Fonctionnalités</a></li>
  662.             <li class="breadcrumb-item active" aria-current="page">Logiciel de gestion de club de sport pour association</li>
  663.         </ol>
  664.     </div>
  665. {% endblock %}
  666. {% block javascriptFooter %}
  667. <script>
  668.     $(document).ready(function(){
  669.         if(width >= 1024){
  670.             var crsl = (parseFloat($('.item-crsl').parent().width()) / 4);
  671.             $('.crlCntH').css({'width':crsl,'max-width':crsl});
  672.         }
  673.         initCarroussel(width, '.item-crsl', 'crlCntH');
  674.         $(window).on('resize',function() {
  675.             width = $(window).width();
  676.             if(width >= 1024){
  677.                 $('.item-crsl').cycle('destroy');
  678.                 var crsl = (parseFloat($('.item-crsl').parent().width()) / 4);
  679.                 $('.crlCntH').css({'width':crsl,'max-width':crsl});
  680.             }
  681.             initCarroussel(width, '.item-crsl', 'crlCntH');
  682.         });
  683.     });
  684. </script>
  685. {% endblock %}