templates/components/footer.html.twig line 1

Open in your IDE?
  2. <div class="cookie_window">
  3.     <div class="standard size-12 with-padding-15 with-margin-top-5">
  4.         <span class="size-18 black-color">
  5.             Chez {{ website_name }},<br/>
  6.             <span class="loveCookie">on adore les cookies...</span>
  7.         </span>
  8.         <span class="logoCookie">
  9.             <img src="{{ asset('/images/logos/icon_logo-sport-adhesion_blue.png') }}" alt="icon {{ website_name }}" width="50px" height="auto" border="0" />
  10.         </span>
  11.         <br/>
  12.         <br/>
  13.         Pour vous proposer une meilleure expérience sur nos services <a href="{{ path('legal-cgu') }}" alt="conditions générales d'utilisation" target="_blank" style="color:#000;">(CGU site)</a>, nous avons besoin de votre accord pour vous accompagner. C’est d’accord ?<br/>
  14.     </div>
  15.     <div class="refuse_cookie lBtn_cookie">
  16.         Non merci
  17.     </div>
  18.     <div class="color_theme accept_cookie rBtn_cookie">
  19.         D'accord
  20.     </div>
  21. </div>
  22. <div id="footer-section">
  23.     <div id="footer">
  24.         <div class="usefull-width with-padding-left-right-30">
  25.             <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
  26.                 <div class="aboutUs">
  27.                     <img class="logo-icon" alt="" src="{{asset('/images/logos/pos1.png') }}" width="auto" height="60"/>
  28.                     <span class="compagny-name">
  29.                         Sport adhesion
  30.                     </span>
  31.                 </div>
  33.                 <div class="item-text">
  34.                     <p>
  35.                         Sport adhesion est une société française, notre but promouvoir,
  36.                         rassembler et faciliter l’accès au sport.
  37.                     </p>
  38.                     <p>
  39.                         Et pour ça nous avons créé plusieurs services pour vous aider à développer votre structure.
  40.                     </p>
  41.                 </div>
  42.             </div>
  43.                 
  44.             <div class="col-lg-8 col-md-8 unl-padding">
  45.                 <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
  46.                     <div class="category">A propos</div>
  47.                     <div>
  48.                         <a href="{{ path('home') }}" alt="Outils pour gérer votre club de sport" class="menu">Accueil</a>
  49.                         <a href="{{ path('legal-notices') }}" alt="Nos mentions légales" class="menu">Mentions légales</a>
  50.                         <a href="{{ path('legal-cgu') }}" alt="Nos conditions d'utilisations" class="menu">CGU Site</a>
  51.                     </div>
  52.                 </div>
  54.                 <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
  55.                     <div class="category">Fonctionnalités</div>
  57.                     <div>
  58.                         <a href="{{ path('member') }}" alt="logiciel gestion membres" class="menu">Gestion membres</a>
  59.                         <a href="{{ path('comptabilities') }}" alt="Gestion comptabilité sport" class="menu">Gestion Comptabilité</a>
  60.                         <a href="{{ path('comptabilities') }}" alt="Créer des factures" class="menu">Créer des factures</a>
  61.                         <a href="{{ path('online-payment') }}" alt="Paiement en ligne club sport" class="menu">Collecter des paiements</a>
  62.                     </div>
  63.                 </div>
  65.                 <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
  66.                     <div class="category">Services</div>
  68.                     <div>
  69.                         <a href="{{ path('home') }}" alt="Gérez mon coaching sportif" class="menu">Gestion structure sportive</a>
  70.                         <a href="{{ path('service-payment') }}" alt="Payez votre facture en ligne" class="menu with-margin-bottom-56 marginB-mob-0">Payez en ligne</a>
  71.                     </div>
  72.                 </div>
  74.                 <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
  75.                     <div class="category">Pour qui ?</div>
  77.                     <div>
  78.                         <a href="{{ path('receiver-association') }}" alt="Gérez mon coaching sportif" class="menu">Association</a>
  79.                         <a href="{{ path('receiver-coach') }}" alt="Payez votre facture en ligne" class="menu marginB-mob-0">Coach</a>
  80.                         <a href="{{ path('receiver-hotel') }}" alt="Logiciel de gestion des espaces sportif hôtelier" class="menu with-margin-bottom-56 marginB-mob-0">Hôtel</a>
  81.                     </div>
  82.                 </div>
  84.                 <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
  85.                     <div class="category">Inscription et contact</div>
  86.                     
  87.                     <div>
  88.                         <a href="{{ path('signup') }}" alt="Créez votre compte" class="menu">S'inscrire</a>
  89.                         <a href="{{ path('activation') }}" alt="Activez votre compte" class="menu">Activer mon compte</a>
  90.                         <a href="{{ path('contact') }}" alt="Contactez nous" class="menu">Contact</a>
  91.                     </div>
  92.                 </div>
  94.                 <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
  95.                     <div class="category with-margin-top-30">Réseaux sociaux</div>
  96.                     <div>
  97.                         <a href="https://www.facebook.com/sportadhesion/" alt="Rejoindre {{ website_name }} sur Facebook" target="_blank">
  98.                             <img src="{{ asset('/images/icons/logo-facebook.webp') }}" width="32" height="32" border="0" alt="Rejoindre {{ website_name }} sur Facebook"/>
  99.                         </a>
  100.                         <a href="https://www.linkedin.com/company/sport-adhesion/" alt="Rejoindre {{ website_name }} sur Linkedin" target="_blank">
  101.                             <img src="{{ asset('/images/icons/logo-linkedin.webp') }}" width="32" height="32" border="0" alt="Rejoindre {{ website_name }} sur Linkedin"/>
  102.                         </a>
  103.                 </div>
  104.             </div>
  105.         </div>
  106.     </div>
  107. </div>
  109. {% block javascriptFooter %}
  110. <script>
  111.     $(document).ready(function(){
  112.         var heightHeaderMob = $('#nav-menu .header').height();
  113.         var heightHeaderMob = parseFloat(heightHeaderMob) + $('#nav-menu .nav-title.item').height();
  114.         var finalHeight = height - heightHeaderMob - 130;
  115.         $('#nav-menu .nav-base .nav-scroll-container').css({'min-height':finalHeight});
  116.         $('#nav-menu .nav-page').css({'left':width});
  118.         // animation hover desk
  119.         //
  120.         $(document).on('mouseover', '.item-menu .menu', function(){
  121.             var id = $(this).data('id');
  122.             var preview = $(this).closest('.item-child-menu').find('.item-blog[data-id="' + id + '"]');
  123.             $(preview).removeClass('erase');
  124.             if($(preview).length){
  125.                 $(this).closest('.item-child-menu').find('.item-blog').addClass('erase');
  126.                 $(preview).removeClass('erase');
  127.             }
  128.         });
  129.         
  131.         $(document).on('click', '.activeMenu', function(){
  132.             $('#BgPoppup, #nav-menu, #nav-menu .nav-base').show();
  133.             animWindowPage('#nav-menu .nav-base');
  134.         });
  135.         $(document).on('click', '.navToPage', function(){
  136.             var id = $(this).data('id');
  137.             $('#nav-menu .nav-page').css({'left':width});
  138.             $('#' + id).show();
  139.             animWindowPage('#nav-menu .nav-base', 'page', 'left');
  140.             animWindowPage('#nav-menu #' + id, 'page', 'left');
  141.             $('#nav-menu .nav-page').show();
  142.         });
  143.         $(document).on('click', '.cancel-nav', function(){
  144.             $('#BgPoppup, #nav-menu').hide();
  145.             $('#nav-menu .nav-page, #nav-menu .nav-base').css({'left':width});
  146.         });
  147.         $(document).on('click', '.back-nav', function(){
  148.             $('#nav-menu .nav-page').not($(this).closest('.nav-page')).css({'left':width});
  149.             $('#nav-menu .nav-base').show();
  150.             animWindowPage('#nav-menu .nav-base', 'page', 'left');
  151.             animWindowPage($(this).closest('.nav-page'), 'page', 'right');
  152.         });
  154.         // Go top and menu
  155.         //
  156.         $(window).scroll(function() {
  157.             var mywidth = $(window).width();
  158.             hauteur_define = 1000;
  160.             var y = $(this).scrollTop();
  161.             if (width <= 768) {
  162.                 if(y > 50){
  163.                     $('#header-font').css({'position':'fixed','top':'0','left':'0'});
  164.                 }else{
  165.                     $('#header-font').css({'position':'','top':'','left':''});
  166.                 }
  167.             }else{
  168.                 if(y > 400){
  169.                     $('#header-font').css({'position':'fixed','top':'0','left':'0'});
  170.                 }else{
  171.                     $('#header-font').css({'position':'','top':'','left':''});
  172.                 }
  173.             }
  174.             if(mywidth < 1024){
  175.                 $('#gotop').css({'margin-bottom':'30px',
  176.                     'right':'15px'});
  177.                 hauteur_define = 800;
  178.             }
  180.             //console.log('text' + $(window).scrollTop());
  181.             if ( $(window).scrollTop() > hauteur_define ) {
  182.                 $("#gotop").show();
  183.             }else{
  184.                 $("#gotop").hide();
  185.             }
  186.         });
  187.         $("#gotop").click(function(){
  188.             scrollTop();
  189.         });
  191.         // animation poppin
  192.         //
  193.         $('.showpoppup').click(function(){
  194.             var who = $(this).data('getid');
  195.             var words = $(this).data('words');
  196.             var call = $(this).data('id');
  197.             $('#' + who).show();
  198.             $('#BgPoppup').show();
  200.             if(words != undefined){
  201.                 $('#words').html(words);
  202.             }
  203.             if(call != undefined){
  204.                 $('#popCall').attr('data-id', call);
  205.             }
  206.         });
  207.         $('#BgPoppup, .closePoppup, .action_closePoppup').click(function(){
  208.             $('.poppup').hide('fade');
  209.             $('#BgPoppup').hide();
  210.         });
  211.         $('.closePoppup2').click(function(){
  212.             $('.poppup2').hide('fade');
  213.             $('#BgPoppup').hide();
  214.         });
  216.         // cookies
  217.         //
  218.         cookie_window = sessionStorage.getItem("cookie");
  219.         if(cookie_window == "agree" || cookie_window == "disagree"){
  220.             $('.cookie_window').hide();
  221.         }else{
  222.             $('.cookie_window').show();
  223.         }
  224.         $('.accept_cookie, .refuse_cookie').click(function(){
  225.             $('.cookie_window').hide();
  226.             if($(this).hasClass('accept_cookie')){
  227.                 sessionStorage.setItem("cookie", "agree");
  228.             }else if ($(this).hasClass('refuse_cookie')){
  229.                 sessionStorage.setItem("cookie", "disagree");
  230.             }
  231.         });
  233.         // FAQ
  234.         //
  235.         $('.item-faq .title').click(function(){
  236.             if($(this).hasClass('OpenQuest')){
  237.                 $(this).removeClass('OpenQuest');
  238.                 $(this).closest('.item-faq').find('.answer').hide();
  239.             }else{
  240.                 $(this).closest('.item-faq').find('.answer').hide();
  241.                 $(this).addClass('OpenQuest');
  242.                 $(this).find('.answer').show();
  243.             }
  244.         });
  245.     });
  246. </script>
  247. {% endblock %}