templates/base_re.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  3. <html lang="en">
  4.     <head>
  5.     <meta charset="utf-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  7.     <title> Cassa Clock | Un service de pointage fiable, rapide et pensé pour vous !</title>
  8.     <link rel="icon" type="image/png" href="{{ asset('favicon.png') }}">
  10.     <!-- ======= Google Font =======-->
  11.     <link rel="preconnect" href="https://fonts.googleapis.com">
  12.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
  13.     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&amp;display=swap" rel="stylesheet">
  14.     <!-- End Google Font-->
  15.     
  16.     <!-- ======= Styles =======-->
  17.     <link href="{{ asset('assets/vendors/bootstrap/bootstrap.min.css') }}" rel="stylesheet">
  18.     <link href="{{ asset('assets/vendors/bootstrap-icons/font/bootstrap-icons.min.css') }}" rel="stylesheet">
  19.     <link href="{{ asset('assets/vendors/glightbox/glightbox.min.css') }}" rel="stylesheet">
  20.     <link href="{{ asset('assets/vendors/swiper/swiper-bundle.min.css') }}" rel="stylesheet">
  21.     <link href="{{ asset('assets/vendors/aos/aos.css') }}" rel="stylesheet">
  22.     
  23.     
  24.     <!-- End Styles-->
  25.     
  26.     <!-- ======= Theme Style =======-->
  27.     <link href="{{ asset('assets/css/style.css') }}" rel="stylesheet">
  28.     <!-- End Theme Style-->
  29.     
  30.     <!-- ======= Apply theme =======-->
  31.     <script>
  32.       // Apply the theme as early as possible to avoid flicker
  33.       (function() {
  34.       const storedTheme = localStorage.getItem('theme') || 'light';
  35.       document.documentElement.setAttribute('data-bs-theme', storedTheme);
  36.       })();
  37.     </script>
  39.     <style>
  40.     @media (min-width: 1200px) {
  41.     .g-xl-5, .gy-xl-5 {
  42.          --bs-gutter-y: 1rem; 
  43.     }
  44. }
  46. header .dropdown-menu {
  47.   position: absolute !important;
  48.   top: 100%;   /* juste en dessous du bouton */
  49.   left: 0;
  50.   z-index: 1050; /* passe au-dessus du header */
  51. }
  53. @media (max-width: 767.98px) {
  54.     .fbs__net-navbar .navbar-nav > li > .nav-link {
  55.         padding-top: 22px; 
  56.         padding-bottom: 22px; 
  57.         margin-right:5px
  58.     }
  59. }
  60. </style>
  61.   </head>
  62.   <body>
  63.     
  64.     
  65.     <!-- ======= Site Wrap =======-->
  66.     <div class="site-wrap">
  67.       
  68.       
  69.       <!-- ======= Header =======-->
  70.       <header class="fbs__net-navbar navbar navbar-expand-lg dark" aria-label="freebootstrap.net navbar">
  71.         <div class="container d-flex align-items-center justify-content-between">
  72.           
  73.           
  74.           <!-- Start Logo-->
  75.           <a class="navbar-brand w-auto" href="{{ path('home')}}">
  76.             <!-- If you use a text logo, uncomment this if it is commented-->
  77.             <!-- Vertex--> 
  78.             
  79.             <!-- If you plan to use an image logo, uncomment this if it is commented-->
  80.             
  81.             <!-- logo dark--><img class="logo dark img-fluid" src="{{ asset('assets/images/cassap.png')}}" alt="Cassa P"> 
  82.             
  83.             <!-- logo light--><img class="logo light img-fluid" src="{{ asset('assets/images/cassap.png')}}" alt="Cassa P">
  84.             
  85.             </a>
  86.           <!-- End Logo-->
  87.           
  88.           <!-- Start offcanvas-->
  89.           <div class="offcanvas offcanvas-start w-75" id="fbs__net-navbars" tabindex="-1" aria-labelledby="fbs__net-navbarsLabel">
  90.             
  91.             
  92.             <div class="offcanvas-header">
  93.               <div class="offcanvas-header-logo">
  94.                 <!-- If you use a text logo, uncomment this if it is commented-->
  95.                 
  96.                 <!-- h5#fbs__net-navbarsLabel.offcanvas-title Vertex-->
  97.                
  98.                 <!-- If you plan to use an image logo, uncomment this if it is commented-->
  99.                 <a class="logo-link" id="fbs__net-navbarsLabel" href="{{ path('home')}}">
  100.                   
  101.                   
  102.                   <!-- logo dark--><img class="logo dark img-fluid" src="{{ asset('assets/images/cassap.png')}}" alt="Cassa P"> 
  103.                   
  104.                   <!-- logo light--><img class="logo light img-fluid" src="{{ asset('assets/images/cassap.png')}}" alt="Cassa P"></a>
  105.                 
  106.               </div>
  107.               <button class="btn-close btn-close-black" type="button" data-bs-dismiss="offcanvas" aria-label="Close"></button>
  108.             </div>
  109.             
  110.             <div class="offcanvas-body align-items-lg-center">
  111.               
  112.               
  113.               <ul class="navbar-nav nav me-auto ps-lg-5 mb-2 mb-lg-0">
  114.                 <li class="nav-item"><a class="nav-link scroll-link" href="{{ path('home') }}#apropos">A propos </a></li>
  115.                 <li class="nav-item"><a class="nav-link scroll-link" href="{{ path('home') }}#pricing">Nos formules</a></li>
  116.                 <li class="nav-item"><a class="nav-link scroll-link" href="{{ path('home') }}#comment-ca-marche">Comment ça marche ?</a></li>
  119.                
  120.                
  121.                 <li class="nav-item"><a class="nav-link scroll-link" href="{{ path('contact') }}">Nous-Contactez</a></li>
  123.      {% if isMobile %}                
  124.      
  125.      
  126.      <li class="nav-item"><a class="nav-link scroll-link" href="{{ path('souscription_new') }}" style="color:white">Souscrire un abonnement</a></li>
  127. <li class="nav-item"><a class="nav-link scroll-link" href="{{ path('app_login') }}" style="color:white">Se connecter</a></li>
  128. <li class="nav-item"><a class="nav-link scroll-link" href="{{ path('company_wizard') }}" style="color:white">S'inscrire</a></li>
  130. {% endif %}
  132.               </ul>
  133.               
  134.             </div>
  135.           </div>
  136.           <!-- End offcanvas-->
  137.           
  138.           <div class="ms-auto w-auto">
  139.             
  140.             
  141.             <div class="header-social d-flex align-items-center gap-1">
  144. <a class="btn btn-warning py-2 btn-white-outline" style="background:white" href="{{ path('souscription_new')}} ">Souscrire abonnement
  145.                         <svg class="lucide lucide-arrow-up-right" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  146.                           <path d="M7 7h10v10"></path>
  147.                           <path d="M7 17 17 7"></path>
  148.                         </svg>
  149. </a>
  150.             
  151.                            {%  if (app.user ) %}
  152.   
  153.                 <ul class="navbar-nav nav me-auto  mb-2 mb-lg-0">
  154.                 <li class="nav-item dropdown" style="border: 1px solid #215c5c;border-radius:4px">
  155.                 
  156.                 <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" aria-expanded="false" style="width:100%">
  157. <img class="img-profile rounded-circle" width="25px"src="{{ asset('img/undraw_profile.svg')}}">&nbsp;&nbsp;{{ app.user.nom}}
  158.  <i class="bi bi-chevron-down"></i></a>
  159.                   
  160.                   <ul class="dropdown-menu" style="margin-top:2px">
  161.                     <li><a class="nav-link scroll-link dropdown-item" href="{{ path('app_reset_password_request')}}" style="width:100%;text-align:justify">Changer mot de passe</a></li>
  162.   {% if is_granted('ROLE_ADMIN') %}
  163.                   <li><a class="nav-link scroll-link dropdown-item" href="/admin" target="_blank" style="width:100%;text-align:justify">Mon Dashbord</a></li>
  164.                         {% endif %}
  165.                  {% if isMobile %}    
  166.                                         <li><a class="nav-link scroll-link dropdown-item" href="{{ path('souscription_new')}}" style="width:100%;text-align:justify">Souscrire un abonnement</a></li>
  168.                      {% endif %}
  169.                      
  170.                      <li><a class="nav-link scroll-link dropdown-item" href="{{ path('app_logout')}}" style="width:100%;text-align:justify">Se déconnecter</a></li>
  171.                     
  173.                   </ul>
  176.                   
  177.                  
  178.                 </li>
  179.                   </ul>{% if isMobile %} &nbsp;&nbsp;{% endif %}
  180.  {% else %}
  182.             <a class="btn btn-primary py-2" style="background-color:white !important;border-color:#215c5c !important;color:#215c5c !important" href="{{ path('company_wizard') }}">
  183.             
  184.       
  187. <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
  188.      viewBox="0 0 24 24" fill="currentColor">
  189.   <!-- Tête -->
  190.   <circle cx="10" cy="7" r="4"/>
  191.   <!-- Épaules -->
  192.   <path d="M16 21a6 6 0 0 0-12 0"/>
  193.   <!-- Signe + -->
  194.   <rect x="17" y="3" width="2" height="6"/>
  195.   <rect x="16" y="4" width="6" height="2"/>
  196. </svg>
  199.  S'inscrire</a>
  201.  {% endif %}
  202.             </div>
  203.             
  204.           </div>
  207.              <div class="ms-autos w-auto">
  208.             
  209.             
  210.             <div class="header-social d-flex align-items-center gap-1">
  211.               
  212.               <button class="fbs__net-navbar-toggler justify-content-center align-items-center ms-auto" data-bs-toggle="offcanvas" data-bs-target="#fbs__net-navbars" aria-controls="fbs__net-navbars" aria-label="Toggle navigation" aria-expanded="false">
  213.                 <svg class="fbs__net-icon-menu" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  214.                   <line x1="21" x2="3" y1="6" y2="6"></line>
  215.                   <line x1="15" x2="3" y1="12" y2="12"></line>
  216.                   <line x1="17" x2="3" y1="18" y2="18"></line>
  217.                 </svg>
  218.                 <svg class="fbs__net-icon-close" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  219.                   <path d="M18 6 6 18"></path>
  220.                   <path d="m6 6 12 12"></path>
  221.                 </svg>
  222.               </button>
  223.               
  224.             </div>
  225.             
  226.           </div>
  227.         </div>
  228.       </header>
  229.       
  230.       <!-- ======= Main =======-->
  231.       <main>
  232.         
  233.         
  234.         <!-- ======= Hero =======-->
  235.         <section class="hero__v6 section" id="home">
  236.        <div class="container" style="overflow:block"> 
  237.         
  238.         
  239.        {% block body %}
  240.        
  241.        
  242.        {% endblock %}
  247.         </section>
  248.    
  249.    </div>
  250.       </main>
  251.         
  252.         <!-- ======= Footer =======-->
  253.         <footer class="footer pt-5 pb-5" style="padding-top:0">
  254.           <div class="container">
  255.             <div class="row mb-5 pb-4">
  256.              
  257.             <div class="row justify-content-between mb-5 g-xl-5">
  258.               <div class="col-md-4 mb-5 mb-lg-0">
  259.                 <img class="logo dark img-fluid" width="80%" src="{{ asset('assets/images/cassapgrand.png')}}" alt="Cassa P">
  260.                 <p class="mb-4">
  261.       Utilisez nos outils de pointage pour développer vos activités et donner vie à votre vision.</p>
  262.               
  263. <p class="mb-4">
  265.        <a class="footer__link" href="#" target="_blank">
  266.    <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none" stroke="#215C5C" stroke-width="2">
  267.   <rect x="1" y="1" width="46" height="46" rx="5" ry="5"/>
  268.   <path d="M16 20v12M16 14v0.01M22 20v12M22 24c0-2 2-4 4-4s4 2 4 4v8" stroke-linecap="round" stroke-linejoin="round"/>
  269. </svg>
  271. </a>
  272.     <a class="footer__link" href="#" target="_blank">
  273. <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none" stroke="#215C5C" stroke-width="2">
  274.   <rect x="1" y="1" width="46" height="46" rx="5" ry="5"/>
  275.   <path d="M26 16h4v-4h-4c-2.21 0-4 1.79-4 4v4h-4v4h4v12h4V24h4l1-4h-5v-4c0-.55.45-1 1-1z" stroke-linecap="round" stroke-linejoin="round"/>
  276. </svg>
  281. </a>
  282.     
  283.     <a class="footer__link" href="#" target="_blank">
  284.    <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none" stroke="#215C5C" stroke-width="2">
  285.   <rect x="1" y="1" width="46" height="46" rx="5" ry="5"/>
  286.   <path d="M19 17l10 7-10 7V17zM36 19.5c-.5-2-2-3-4-3H16c-2 0-3.5 1-4 3-.5 2-.5 6 0 8 .5 2 2 3 4 3h16c2 0 3.5-1 4-3 .5-2 .5-6 0-8z" stroke-linecap="round" stroke-linejoin="round"/>
  287. </svg>
  290. </a>
  291.      
  292.               
  293.    </p>           
  294.               </div>
  295.               <div class="col-md-7">
  296.                 <div class="row g-2">
  297.                   <div class="col-md-6 col-xs-6 col-lg-4 mb-4 mb-lg-0">
  298.                     <h3 class="mb-3">L'entreprise</h3>
  299.                     <ul class="list-unstyled">
  300.                       <li><a href="{{ path('home')}}#apropos">Notre Vision</a></li>
  301.                       <li><a href="{{ path('home')}}#pricing">Nos formules </a></li>
  302.                       <li><a href="{{ path('souscription_new')}}">Sourcrire  abonnement</a></li>
  303.                       <li><a href="#">Faq</a></li>
  304.                       <li><a href="/privacy">Terms &amp; Conditions</a></li>
  305.                     </ul>
  306.                   </div>
  307.                   <div class="col-md-6 col-xs-6 col-lg-4 mb-4 mb-lg-0">
  308.                     <h3 class="mb-3">Comptes</h3>
  309.                     <ul class="list-unstyled">
  310.                       <li><a href="{{ path('company_wizard')}}">S'inscrire</a></li>
  311.                       <li><a href="{{ path('app_login')}}">Se connecter</a></li>
  312.                       <li><a href="{{ path('app_reset_password_request')}}">Mot de passe oublié</a></li>
  313.                       <li><a href="/admin" target="_blank">Administration</a></li>
  314.                       <li><a href="#">Bientôt disponible</a></li>
  315.                       
  316.                     </ul>
  317.                   </div>
  318.                   <div class="col-md-6 col-lg-4 mb-4 mb-lg-0 quick-contact">
  319.                     <h3 class="mb-3">Contacts</h3>
  320.                     <p class="d-flex mb-3"><i class="bi bi-geo-alt-fill me-3"></i><span>32 B Fass Kounoune,
  321.  <br> Rufisque, Dakar</span></p><a class="d-flex mb-3" href="mailto:contact@cassaconsulting.com">
  322.  <i class="bi bi-envelope-fill me-3"></i><span>contact@cassaconsulting.com</span></a>
  323.  <a class="d-flex mb-3" href="tel://+221789540409"><i class="bi bi-telephone-fill me-3"></i>
  324.  <span>+221 78 954 04 09</span></a>
  325.  <a class="d-flex mb-3" href="https://cassaconsulting.com"><i class="bi bi-globe me-3"></i><span>cassaconsulting.com</span></a>
  326.                   </div>
  327.                 </div>
  328.               </div>
  329.             </div>
  330.             <div class="row credits pt-3">
  331.               <div class="col-xl-8 text-center text-xl-start mb-3 mb-xl-0">
  332.                 <!--
  333.                 Note:
  334.                 =>>> Please keep all the footer links intact. <<<=
  335.                 =>>> You can only remove the links if you buy the pro version. <<<=
  336.                 =>>> Buy the pro version, which includes a functional PHP/AJAX contact form and many additional features.: https://freebootstrap.net/template/vertex-pro-bootstrap-website-template-for-portfolio/ <<<=
  337.                 --> 
  338.                 &copy;
  339.                 <script>document.write(new Date().getFullYear());</script> Cassa Clock. 
  340.                  Tous les droits réservés. Réalisé par <a href="https://cassaclock.com">Cassa Clock</a>
  341.               </div>
  342.               <div class="col-xl-4 justify-content-start justify-content-xl-end quick-links d-flex flex-column flex-xl-row text-center text-xl-start gap-1">Distribué par<a href="https://cassaconsulting.com" target="_blank">Cassa Consulting</a></div>
  343.             </div>
  344.           </div>
  345.         </footer>
  346.         <!-- End Footer-->
  347.         
  348.       </main>
  349.     </div>
  350.     
  351.     <!-- ======= Back to Top =======-->
  352.     <button id="back-to-top"><i class="bi bi-arrow-up-short"></i></button>
  353.     <!-- End Back to top-->
  354.     
  355.     
  356.     <!-- ======= Javascripts =======-->
  357.     <script src="{{asset('assets/vendors/bootstrap/bootstrap.bundle.min.js')}}"></script>
  358.     <script src="{{asset('assets/vendors/gsap/gsap.min.js')}}"></script>
  359.     <script src="{{asset('assets/vendors/imagesloaded/imagesloaded.pkgd.min.js')}}"></script>
  360.     <script src="{{asset('assets/vendors/isotope/isotope.pkgd.min.js')}}"></script>
  361.     <script src="{{asset('assets/vendors/glightbox/glightbox.min.js')}}"></script>
  362.     <script src="{{asset('assets/vendors/swiper/swiper-bundle.min.js')}}"></script>
  363.     <script src="{{asset('assets/vendors/aos/aos.js')}}"></script>
  364.     <script src="{{asset('assets/vendors/purecounter/purecounter.js')}}"></script>
  365.     <script src="{{asset('assets/js/custom.js')}}"></script>
  366.     <!-- End JavaScripts-->
  367.   </body>
  368. </html>