templates/components/menu.html.twig line 1

Open in your IDE?
  1. <div id="header">
  3.     <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12">
  4.         <div class="contentMain">
  5.             <a href="{{ path('home') }}" class="logo">
  6.                 <img class="logo-icon" alt="logo sport adhesion" src="{{asset('/images/logos/pos1.png') }}"  width="auto"  height="60px" />
  7.                 <b class="compagnyName">Sport adhesion</b>
  8.             </a>
  9.             <div class="d-flex with-padding-left-20">
  10.                 <div class="menu hoverMenu hidden-xs">
  11.                     <span class="wrap">
  12.                         Fonctionnalités
  13.                     </span>
  14.                     <span class="arrowMenu">
  15.                         <i class="fas fa-sort-down"></i>
  16.                     </span>
  18.                     <div class="item-child-menu">
  19.                         <div class="item-menu">
  20.                             <a class="menu" href="{{ path('member') }}" data-id="2">
  21.                                 <div class="picon">
  22.                                     <img class="icon" alt="" src="{{ asset('/images/logos/pos2.png') }}" />
  23.                                 </div>
  24.                                 <div>
  25.                                 <span class="item-title-menu">Gestion de vos membres</span>
  26.                                     <div class="item-text-menu">
  27.                                         Communication, évolutions joueurs, terrains et coachs, découvrez
  28.                                         comment notre plateforme peut vous aider au quotidien.
  29.                                     </div>
  30.                                 </div>
  31.                                 <div class="arrow">
  32.                                     <img src="{{ asset('/images/icons/icon-arrow-menu-right.svg') }}" width="100%" heigh="auto" border="0" />
  33.                                 </div>
  34.                             </a>
  35.                             <a class="menu" href="{{ path('comptabilities') }}" data-id="3">
  36.                                 <div class="picon">
  37.                                     <img class="icon" alt="" src="{{ asset('/images/logos/pos3.png') }}" />
  38.                                 </div>
  39.                                 <div>
  40.                                     <span class="item-title-menu">Simplifiez votre comptabilité</span>
  41.                                     <div class="item-text-menu">
  42.                                         Découvrez nos outils automatisé pour votre comptabilité. De la simple
  43.                                         facture au bilan comptable, on vous accompagne...
  44.                                     </div>
  45.                                 </div>
  46.                                 <div class="arrow">
  47.                                     <img src="{{ asset('/images/icons/icon-arrow-menu-right.svg') }}" width="100%" heigh="auto" border="0" />
  48.                                 </div>
  49.                             </a>
  50.                             <a href="{{ path('grounds') }}" class="menu" data-id="4">
  51.                                 <div class="picon">
  52.                                     <img class="icon" alt="" src="{{ asset('/images/logos/pos1.webp') }}" />
  53.                                 </div>
  54.                                 <div>
  55.                                     <span class="item-title-menu">Système de réservation</span>
  56.                                     <div class="item-text-menu">
  57.                                         Gérez vos salles et terrains de sport avec une interface intuitive et facile à prendre en
  58.                                         main.
  59.                                     </div>
  60.                                 </div>
  61.                                 <div class="arrow">
  62.                                     <img src="{{ asset('/images/icons/icon-arrow-menu-right.svg') }}" width="100%" heigh="auto" border="0" />
  63.                                 </div>
  64.                             </a>
  65.                             <a href="{{ path('online-payment') }}" class="menu" data-id="5">
  66.                                 <div class="picon">
  67.                                     <img class="icon svg" alt="" src="{{ asset('/images/icons/icon3.svg') }}"/>
  68.                                 </div>
  69.                                 <div>
  70.                                     <span class="item-title-menu">Paiements CB et SEPA</span>
  71.                                     <div class="item-text-menu">
  72.                                         Vos adhérents souhaitent payer en ligne ! Avec notre solution de paiement en ligne, gérez, diffusez, collectez et financez votre activité . Le tout sans
  73.                                         frais caché !
  74.                                     </div>
  75.                                 </div>
  76.                                 <div class="arrow">
  77.                                     <img src="{{ asset('/images/icons/icon-arrow-menu-right.svg') }}" width="100%" heigh="auto" border="0" />
  78.                                 </div>
  79.                             </a>
  80.                             <div class="menu" style="display:none;">
  81.                                 <div class="picon">
  82.                                     <img class="icon svg" alt="" src="{{ asset('/images/icons/icon4.svg') }}"/>
  83.                                 </div>
  84.                                 <div>
  85.                                     <span class="item-title-menu">Applications store</span>
  86.                                     <div class="item-text-menu">
  87.                                         Enrichissez votre logiciel, avec les applications de votre choix.
  88.                                     </div>
  89.                                 </div>
  90.                             </div>
  91.                         </div>
  92.                             
  93.                         {% include 'components/menu-animhover-functionality.html.twig' %}
  94.                     </div>
  95.                 </div>
  97.                 <div class="menu hoverMenu hidden-xs" alt="Les services sport adhesion">
  98.                     <span class="wrap">
  99.                         Pour qui ?
  100.                     </span>
  101.                     <span class="arrowMenu">
  102.                         <i class="fas fa-sort-down"></i>
  103.                     </span>
  105.                     <div class="item-child-menu hidden-xs">
  106.                         <div class="item-menu">
  107.                             <a class="menu" href="{{ path('receiver-association') }}" data-id="association">
  108.                                 <div>
  109.                                     <span class="item-title-menu">Association</span>
  110.                                     <div class="item-text-menu">
  111.                                         Découvrez comment {{ website_name }}, s'adapte au secteur associatif.
  112.                                     </div>
  113.                                 </div>
  114.                                 <div class="arrow">
  115.                                     <img src="{{ asset('/images/icons/icon-arrow-menu-right.svg') }}" width="100%" heigh="auto" border="0" />
  116.                                 </div>
  117.                             </a>
  118.                             <div class="menu" style="display:none;" href="{{ path('service-payment') }}" data-id="salle-de-sport">
  119.                                 <div>
  120.                                     <span class="item-title-menu">Salle de sport</span>
  121.                                     <div class="item-text-menu">
  122.                                         Pour gérer votre salle de sport, l'adhésion et l'édition de planning hebdomadaire est essentiel. Nous mettons à votre disposition 
  123.                                         une interface complète et intuitive pour transformer votre business.
  124.                                     </div>
  125.                                 </div>
  126.                                 <div class="arrow">
  127.                                     <img src="{{ asset('/images/icons/icon-arrow-menu-right.svg') }}" width="100%" heigh="auto" border="0" />
  128.                                 </div>
  129.                             </div>
  130.                             <a class="menu" href="{{ path('receiver-coach') }}" data-id="coach">
  131.                                 <div>
  132.                                     <span class="item-title-menu">Coach</span>
  133.                                     <div class="item-text-menu">
  134.                                         Communiquez avec vos élèves, tout en restant à jour sur le côté administratif, améliorez votre coaching grâce à l'éditeur de planning et de nombreux outils. Sport adhesion 
  135.                                         vous aide dans toutes vos tâches du quotidien.
  136.                                     </div>
  137.                                 </div>
  138.                                 <div class="arrow">
  139.                                     <img src="{{ asset('/images/icons/icon-arrow-menu-right.svg') }}" width="100%" heigh="auto" border="0" />
  140.                                 </div>
  141.                             </a>
  142.                             <a class="menu" href="{{ path('receiver-hotel') }}" data-id="hotel">
  143.                                 <div>
  144.                                     <span class="item-title-menu">Hôtel</span>
  145.                                     <div class="item-text-menu">
  146.                                         Réservez en quelques cliques les crénneaux de vos clients, créez vos offres simplement et affichez sur 
  147.                                         vos écrans de présentation vos plannings.
  148.                                     </div>
  149.                                 </div>
  150.                                 <div class="arrow">
  151.                                     <img src="{{ asset('/images/icons/icon-arrow-menu-right.svg') }}" width="100%" heigh="auto" border="0" />
  152.                                 </div>
  153.                             </a>
  154.                         </div>
  156.                         {% include 'components/menu-animhover-who.html.twig' %}
  157.                     </div>
  158.                 </div>
  160.                 <div class="menu hoverMenu hidden-xs" alt="Les services sport adhesion">
  161.                     <span class="wrap">
  162.                         Services
  163.                     </span>
  164.                     <span class="arrowMenu">
  165.                         <i class="fas fa-sort-down"></i>
  166.                     </span>
  168.                     <div class="item-child-menu mini">
  169.                         <div class="item-menu">
  170.                             <a class="menu" href="{{ path('home') }}">
  171.                                 <div>
  172.                                 <span class="item-title-menu">Gestion de structure sportive</span>
  173.                                     <div class="item-text-menu">
  174.                                         Vous recherchez un moyen de gérer aux mieux votre association, club, coaching... Découvrez le logiciel {{ website_name }}.
  175.                                     </div>
  176.                                 </div>
  177.                                 <div class="arrow">
  178.                                     <img src="{{ asset('/images/icons/icon-arrow-menu-right.svg') }}" width="100%" heigh="auto" border="0" />
  179.                                 </div>
  180.                             </a>
  181.                             <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">    
  182.                                 <div class="horizontal-separator bg-grey with-margin-top-bottom-10"></div>
  183.                             </div>
  184.                             <a class="menu" href="{{ path('service-payment') }}">
  185.                                 <div>
  186.                                 <span class="item-title-menu">Payez en ligne</span>
  187.                                     <div class="item-text-menu">
  188.                                     Une facture à régler, un impayé ? Ce service vous permet de payer en ligne votre facture.
  189.                                     </div>
  190.                                 </div>
  191.                                 <div class="arrow">
  192.                                     <img src="{{ asset('/images/icons/icon-arrow-menu-right.svg') }}" width="100%" heigh="auto" border="0" />
  193.                                 </div>
  194.                             </a>
  195.                         </div>
  196.                     </div>
  197.                 </div>
  199.                 <a href="{{ path('prices') }}" class="menu hidden-xs" alt="Offres et tarifs">
  200.                     <span class="wrap">
  201.                         Tarifs
  202.                     </span>
  203.                 </a>
  205.                 <a href="{{ path('contact') }}" class="menu hidden-xs" alt="Offres et tarifs">
  206.                     <span class="wrap">
  207.                         Contact
  208.                     </span>
  209.                 </a>
  210.                 <div class="visible-xs">
  211.                     <i class="activeMenu fas fa-bars fa-lg link"></i>
  212.                 </div>
  213.             </div>
  214.         </div>
  215.     </div>
  217.     <div class="col-lg-4 col-md-4 hidden-xs wrap-3">
  218.         <a href="{{ path('signup') }}" class="button_theme">
  219.             Essai gratuit
  220.         </a    >
  221.         <a href="{{ soft }}" target="_blank" class="button_connexion hidden-sm">
  222.             Connexion
  223.         </a>
  224.     </div>
  225. </div>
  227. <div id="nav-menu">
  228.     <div class="nav-container nav-base">
  229.         <div class="header">
  230.             <div class="width-40"></div>
  231.             <a href="{{ path('home') }}" class="nav-logo">
  232.                 <div class="">
  233.                     <img src="{{ asset('/images/logos/pos1.webp') }}" height="40"/>
  234.                 </div>
  235.                 <div class="compagny-name">
  236.                     Sport adhesion
  237.                 </div>
  238.             </a>
  239.             <div class="cancel-nav">
  240.                 <i class="fa fa-times fa-lg" aria-hidden="true"></i>
  241.             </div>
  242.         </div>
  243.         <div class="nav-title item">
  244.             Menu
  245.         </div>
  246.         <div class="row-fluid">
  247.             <div class="nav-cl">
  248.                 L’app pour gérer<br/>
  249.                 votre <span class="color_theme">structure sportive !</span>
  250.             </div>
  251.         </div>
  252.         <div class="nav-scroll-container">
  253.             <div class="nav-button-container">
  254.                 <a href="{{ path('home') }}" class="nav-button unl-margin">
  255.                     <div class="icon">
  256.                         <img src="{{ asset('/images/icons/icon-nav-home.svg') }}" height="100%"/>
  257.                     </div>
  258.                     <div class="name">
  259.                         Accueil
  260.                     </div>
  261.                 </a>
  262.                 <div class="nav-button nav-orange unl-margin navToPage" data-id="fonctionnalites">
  263.                     <div class="icon">
  264.                         <img src="{{ asset('/images/icons/icon-nav-functional.svg') }}" height="100%"/>
  265.                     </div>
  266.                     <div class="name">
  267.                         Fonctionnalités
  268.                     </div>
  269.                 </div>
  270.             </div>
  271.             <div class="nav-button-container">
  272.                 <div class="nav-button nav-green navToPage" data-id="who">
  273.                     <div class="icon">
  274.                         <img src="{{ asset('/images/icons/icon-nav-about-us.svg') }}" height="100%"/>
  275.                     </div>
  276.                     <div class="name">
  277.                         Pour qui ?
  278.                     </div>
  279.                 </div>
  280.                 <a href="{{ path('prices') }}" class="nav-purple nav-button">
  281.                     <div class="icon">
  282.                         <img src="{{ asset('/images/icons/icon-nav-pricetags.svg') }}" height="100%"/>
  283.                     </div>
  284.                     <div class="name">
  285.                         Offres et tarifs
  286.                     </div>
  287.                 </a>
  288.             </div>
  289.             <div class="nav-title">
  290.                 Compte
  291.             </div>
  292.             <div class="with-padding-left-right-15">
  293.                 <a href="{{ path('signup') }}" class="menu">
  294.                     Créer mon compte
  295.                 </a>
  296.                 <a href="{{ path('activation') }}" class="menu">
  297.                     Activer mon compte
  298.                 </a>
  299.             </div>
  301.             <div class="nav-title">
  302.                 Divers
  303.             </div>
  304.             <div class="with-padding-left-right-15">
  305.                 <div class="menu" style="display:none;">
  306.                     Demander une démo
  307.                 </div>
  308.                 <div class="menu navToPage" data-id="service">
  309.                     Nos services
  310.                 </div>
  311.                 <a href="{{ path('contact') }}" class="menu">
  312.                     Contactez-nous
  313.                 </a>
  314.             </div>
  315.             
  316.             <div class="row-fluid">
  317.                 <div class="d-flex with-margin-top-40">
  318.                     <a href="{{ path('signup') }}" class="button_theme with-auto-margin">
  319.                         Essayez gratuitement
  320.                     </a>
  321.                 </div>
  322.             </div>
  323.         </div>
  324.     </div>
  327.     <div id="fonctionnalites" class="nav-container nav-page" style="background-color:#ea9026;">
  328.         <div class="header">
  329.             <div class="back-nav">
  330.                 <i class="fas fa-chevron-left"></i>&nbsp;
  331.                 <span class="size-12">
  332.                     Retour
  333.             </span>
  334.             </div>
  335.             <div class="nav-logo">
  336.                 <div class="compagny-name">
  337.                     &nbsp;Sport adhesion&nbsp;
  338.                 </div>
  339.             </div>
  340.             <div class="cancel-nav">
  341.                 <i class="fa fa-times fa-lg" aria-hidden="true"></i>
  342.             </div>
  343.         </div>
  345.         <div class="nav-bl">
  346.             <div class="nav-scroll-container">
  347.                 <div class="title" style="color:#ea9026;">
  348.                     Fonctionnalités
  349.                 </div>
  351.                 <div>
  352.                     <div class="item-menu">
  353.                         <a class="menu" href="{{ path('member') }}">
  354.                             <div>
  355.                                 <img class="icon" alt="" src="{{ asset('/images/logos/pos2.png') }}" />
  356.                             </div>
  357.                             <div>
  358.                             <span class="item-title-menu">Gestion membres</span>
  359.                                 <div class="item-text-menu">
  360.                                     Communication, évolutions joueurs, terrains et coachs, découvrez
  361.                                     comment notre outils peut vous aider au quotidien.
  362.                                 </div>
  363.                             </div>
  364.                         </a>
  365.                         <a class="menu" href="{{ path('comptabilities') }}">
  366.                             <div>
  367.                                 <img class="icon" alt="" src="{{ asset('/images/logos/pos3.png') }}" />
  368.                             </div>
  369.                             <div>
  370.                                 <span class="item-title-menu">Simplifiez votre comptabilité</span>
  371.                                 <div class="item-text-menu">
  372.                                     Découvrez nos outils automatisé pour votre comptabilité. De la simple
  373.                                     facture au bilan comptable, on vous accompagne...
  374.                                 </div>
  375.                             </div>
  376.                         </a>
  377.                         <a href="{{ path('grounds') }}" class="menu">
  378.                             <div>
  379.                                 <img class="icon" alt="" src="{{ asset('/images/logos/pos1.webp') }}" />
  380.                             </div>
  381.                             <div>
  382.                                 <span class="item-title-menu">Système de réservation de terrain</span>
  383.                                 <div class="item-text-menu">
  384.                                     Gérez vos terrains avec une interface intuitive et facile à prendre en
  385.                                     main.
  386.                                 </div>
  387.                             </div>
  388.                         </a>
  389.                         <a class="menu svg" href="{{ path('online-payment') }}">
  390.                             <div class="width-65">
  391.                                 <img class="icon svg" alt="" src="{{ asset('/images/icons/icon3.svg') }}"/>
  392.                             </div>
  393.                             <div>
  394.                                 <span class="item-title-menu">Paiements CB et SEPA</span>
  395.                                 <div class="item-text-menu">
  396.                                     Découvrez une interface intuitive de paiement en ligne. Le tout sans
  397.                                     frais caché !
  398.                                 </div>
  399.                             </div>
  400.                         </a>
  401.                     </div>
  402.                 </div>
  403.             </div>
  404.         </div>
  405.     </div>
  407.     <div id="who" class="nav-container nav-page" style="background-color:#40B46E;">
  408.         <div class="header">
  409.             <div class="back-nav">
  410.                 <i class="fas fa-chevron-left"></i>&nbsp;
  411.                 <span class="size-12">
  412.                     Retour
  413.             </span>
  414.             </div>
  415.             <div class="nav-logo">
  416.                 <div class="compagny-name">
  417.                     &nbsp;Sport adhesion&nbsp;
  418.                 </div>
  419.             </div>
  420.             <div class="cancel-nav">
  421.                 <i class="fa fa-times fa-lg" aria-hidden="true"></i>
  422.             </div>
  423.         </div>
  425.         <div class="nav-bl">
  426.             <div class="nav-scroll-container">
  427.                 <div class="title">
  428.                     Pour qui ?
  429.                 </div>
  431.                 <div>
  432.                     <div class="item-menu">
  433.                         <a class="menu" href="{{ path('receiver-association') }}">
  434.                             <div>
  435.                                 <span class="item-title-menu">Association</span>
  436.                                 <div class="item-text-menu">
  437.                                     Acceptez les <b>paiements CB et SEPA</b>, <b>personnalisez</b> votre <b>communication</b>, <b>gérez</b> et <b>diffusez</b> votre activité <b>associatives</b>.
  438.                                     Notre <b>plateforme sportive</b> est <b>facile</b> à prendre en main, sans compétences particulières en informatique.
  439.                                 </div>
  440.                             </div>
  441.                         </a>
  442.                         <div class="menu" style="display:none;" href="{{ path('comptabilities') }}">
  443.                             <div>
  444.                                 <span class="item-title-menu">Salle de sport</span>
  445.                                 <div class="item-text-menu">
  446.                                     <b>Simplifiez</b> votre quotidien avec un outil de gestion administratif de vos adhérents. Gérez <b>l'occupations</b> de vos <b>réservations</b> et <b>planifiez</b> vos cours. Couplez <b>abonnements</b> et <b>réservations</b> 
  447.                                     en ligne pour <b>booster</b> votre <b>productivité.</b>
  448.                                 </div>
  449.                             </div>
  450.                         </div>
  451.                         <a href="{{ path('receiver-coach') }}" class="menu">
  452.                             <div>
  453.                                 <span class="item-title-menu">Coach</span>
  454.                                 <div class="item-text-menu">
  455.                                     <b>Simplifiez</b> les tâches administratives, <b>économisez</b> du temps, <b>améliorez</b> la communication et <b>augmentez votre efficacité</b>. Faites le choix de la <b>performance</b>...
  456.                                 </div>
  457.                             </div>
  458.                         </a>
  459.                         <a class="menu" href="{{ path('receiver-hotel') }}">
  460.                             <div>
  461.                                 <span class="item-title-menu">Hôtel</span>
  462.                                 <div class="item-text-menu">
  463.                                     Parce que votre <b>coeur</b> de métier est le <b>service</b> et <b>l'accueil</b>, nous vous <b>accompagnons</b> tout au long de votre saison par du <b>conseil</b>, des <b>formations</b> et une <b>assistance</b>.
  464.                                 </div>
  465.                             </div>
  466.                         </a>
  467.                     </div>
  468.                 </div>
  469.             </div>
  470.         </div>
  471.     </div>
  473.     <div id="service" class="nav-container nav-page" style="background-color:#0b8bd4;">
  474.         <div class="header">
  475.             <div class="back-nav">
  476.                 <i class="fas fa-chevron-left"></i>&nbsp;
  477.                 <span class="size-12">
  478.                     Retour
  479.             </span>
  480.             </div>
  481.             <div class="nav-logo">
  482.                 <div class="compagny-name">
  483.                     &nbsp;Sport adhesion&nbsp;
  484.                 </div>
  485.             </div>
  486.             <div class="cancel-nav">
  487.                 <i class="fa fa-times fa-lg" aria-hidden="true"></i>
  488.             </div>
  489.         </div>
  491.         <div class="nav-bl">
  492.             <div class="nav-scroll-container">
  493.                 <div class="title" style="color:#0b8bd4;">
  494.                     Nos services
  495.                 </div>
  497.                 <div>
  498.                     <div class="item-menu">
  499.                         <a class="menu" href="{{ path('home') }}">
  500.                             Découvrir le logiciel {{ website_name }}
  501.                         </a>
  502.                         <a class="menu" href="{{ path('service-payment') }}">
  503.                             Payez en ligne
  504.                         </a>
  505.                     </div>
  506.                 </div>
  507.             </div>
  508.         </div>
  509.     </div>
  511.     <div id="aboutUs" class="nav-container nav-page" style="background-color:#0b8bd4;">
  512.         <div class="header">
  513.             <div class="back-nav">
  514.                 <i class="fas fa-chevron-left"></i>&nbsp;
  515.                 <span class="size-12">
  516.                     Retour
  517.             </span>
  518.             </div>
  519.             <div class="nav-logo">
  520.                 <div class="compagny-name">
  521.                     &nbsp;Sport adhesion&nbsp;
  522.                 </div>
  523.             </div>
  524.             <div class="cancel-nav">
  525.                 <i class="fa fa-times fa-lg" aria-hidden="true"></i>
  526.             </div>
  527.         </div>
  529.         <div class="nav-bl">
  530.             <div class="nav-scroll-container">
  531.                 <div class="title" style="color:#0b8bd4;">
  532.                     A propos
  533.                 </div>
  535.                 <div>
  536.                     <div class="item-menu">
  537.                         <a class="menu" href="{{ path('legal-notices') }}">
  538.                             Mentions légales
  539.                         </a>
  540.                         <a class="menu" href="{{ path('legal-cgu') }}">
  541.                             CGU site
  542.                         </a>
  543.                     </div>
  544.                 </div>
  545.             </div>
  546.         </div>
  547.     </div>
  548. </div>