templates/navigation.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block stylesheets %}
  3.     {{ parent() }}
  4. {% endblock %}
  5. {% block javascripts %}
  6.     {{ parent() }}
  7. {% endblock %}
  8. {% block navigation %}
  9.     <!-- ======= Header ======= -->
  10.     <header id="header" class="fixed-top d-flex align-items-center">
  11.         <div class="container-fluid d-flex align-items-center">
  12.             <a href="#" class="logo w-100">
  13.               <div class="w-100 d-flex align-items-center justify-content-center">
  14.                 <img src="{{asset('datas/images/logo.png')}}" alt="" class=" img-fluid">&nbsp;
  15.                 <span class="logo-text">Audit - OutSourcing</span>
  16.               </div>
  17.             </a>
  18.             <nav id="navbar" class="navbar">
  19.                 <ul>
  20.                 <li><a href="{{path('home_accueil')}}" class=""><i class="bx bx-layer"></i>&nbsp;Accueil</a></li>
  22.                 <li href="#" class="dropdown"><a href="#"><i class="bx bx-cog"></i>&nbsp;<span>Services</span> <i class="bi bi-chevron-down"></i></a>
  23.                     <ul>
  24.                         <li><a href="#" >Tenue Comptabilité</a></li>
  25.                         <li><a href="#" >Assistance juridique</a></li>
  26.                         <li><a href="#" >Assistance fiscale</a></li>
  27.                         <li><a href="#" >Assistance RH</a></li>
  28.                         {# <li class="dropdown"><a href="#"><span>Deep Drop Down</span> <i class="bi bi-chevron-right"></i></a>
  29.                             <ul>
  30.                             <li><a href="#">Deep Drop Down 1</a></li>
  31.                             <li><a href="#">Deep Drop Down 2</a></li>
  32.                             <li><a href="#">Deep Drop Down 3</a></li>
  33.                             <li><a href="#">Deep Drop Down 4</a></li>
  34.                             <li><a href="#">Deep Drop Down 5</a></li>
  35.                             </ul>
  36.                         </li> #}
  37.                     </ul>
  38.                 </li>
  39.                 <li><a href="#" ><i class="bx bx-home"></i>&nbsp;Cabinet</a></li>
  40.                 <li><a href="#" ><i class="bx bxl-blogger"></i>&nbsp;News</a></li>
  41.                 <li><a href="{{path('home_estimation_page')}}" ><i class="bx bxs-calculator"></i>&nbsp;Estimation</a></li>
  42.                 <li><a href="{{path('home_espace_membre')}}" ><i class="bx bxs-user"></i>&nbsp;Espace Membre</a></li>
  43.                 <li><a href="#"><i class="bx bx-phone"></i>&nbsp;Contact</a></li>
  44.                 <li><a href="{{path('app_login')}}" class="getstarted">Se Connecter</a></li>
  45.                 </ul>
  46.                 <i class="bi bi-list mobile-nav-toggle"></i>
  47.             </nav><!-- .navbar -->
  49.         </div>
  50.     </header><!-- End Header -->
  51.     {% if isBanner is defined %}
  52.       <!-- ======= Hero Section ======= -->
  53.       <section id="hero">
  54.           <div id="heroCarousel" data-bs-interval="5000" class="carousel slide carousel-fade" data-bs-ride="carousel">
  55.             <ol class="carousel-indicators" id="hero-carousel-indicators"></ol>
  56.             <div class="carousel-inner" role="listbox">
  57.                 <!-- Slide 1 -->
  58.                 <div class="carousel-item active" style="background-image: url({{asset(backBanner)}})">
  59.                   <div class="carousel-container">
  60.                       <div class="container">
  61.                       <h2 class="animate__animated animate__fadeInDown">La gestion de votre entreprise est entre de bonne main</h2>
  62.                       <p class="animate__animated animate__fadeInUp">
  63.                       Nous croyons fermement que la gestion de votre entreprise est entre de bonnes mains. 
  64.                       Notre équipe de direction est composée de professionnels expérimentés et dévoués, prêts 
  65.                       à prendre des décisions éclairées pour assurer la croissance et le succès de votre entreprise</p>
  66.                       <a href="#about" class="btn-get-started animate__animated animate__fadeInUp scrollto rounded-button">En savoir plus</a>
  67.                       </div>
  68.                   </div>
  69.                 </div>
  71.                 <!-- Slide 2 -->
  72.                 <div class="carousel-item" style="background-image: url({{asset(backBanner)}})">
  73.                 <div class="carousel-container">
  74.                     <div class="container">
  75.                     <h2 class="animate__animated animate__fadeInDown">Vivez une expérience digitale avec votre Cabinet d'expertise en ligne</h2>
  76.                     <p class="animate__animated animate__fadeInUp">
  77.                       Découvrez une expertise en ligne réinventée avec notre cabinet. Accédez à des conseils spécialisés et à des outils de gestion avancés en quelques clics. 
  78.                       Simplifiez vos démarches et prenez des décisions éclairées, où que vous soyez.</p>
  79.                     <a href="#about" class="btn-get-started animate__animated animate__fadeInUp scrollto rounded-button">En savoir plus</a>
  80.                     </div>
  81.                 </div>
  82.                 </div>
  84.                 <!-- Slide 3 -->
  85.                 <div class="carousel-item" style="background-image: url({{asset(backBanner)}})">
  86.                 <div class="carousel-container">
  87.                     <div class="container">
  88.                     <h2 class="animate__animated animate__fadeInDown">Confiez votre comptabilité à un professionnel. Nous seront heureux de vous aider</h2>
  89.                     <p class="animate__animated animate__fadeInUp">
  90.                       Nous sommes là pour vous offrir un service personnalisé et fiable, répondant à vos besoins spécifiques. 
  91.                       Contactez-nous dès aujourd'hui pour découvrir comment nous pouvons vous aider à atteindre vos objectifs financiers.
  92.                     </p>
  93.                     <a href="#about" class="btn-get-started animate__animated animate__fadeInUp scrollto rounded-button">En savoir plus</a>
  94.                 </div>
  95.               </div>
  97.           </div>
  99.           <a class="carousel-control-prev" href="#heroCarousel" role="button" data-bs-slide="prev">
  100.               <span class="carousel-control-prev-icon bi bi-chevron-left" aria-hidden="true"></span>
  101.           </a>
  103.           <a class="carousel-control-next" href="#heroCarousel" role="button" data-bs-slide="next">
  104.               <span class="carousel-control-next-icon bi bi-chevron-right" aria-hidden="true"></span>
  105.           </a>
  107.         </div>
  108.       </section>
  109.       <!-- End Hero -->
  110.     {% endif %}
  111. {% endblock %}
  112. {% block footpage %}
  113.     <!-- ======= Footer ======= -->
  114.     <footer id="footer">
  115.       <div class="footer-top">
  116.         <div class="container">
  117.           <div class="row">
  118.             <div class="col-lg-3 col-md-6">
  119.               <div class="footer-info">
  120.                 <h3>CRMNC</h3>
  121.                 <p>
  122.                   <b>Siège : </b>Lot N III Ambohidrazaka Alasora, Antananarivo 103, Madagascar.<br>       
  123.                   <b>Bureau de liaison : </b>VC 3 Faliarivo, Ambanidia, Antananarivo 101, Madagascar.<br><br>
  124.                   <strong>Téléphone : </strong> +261 20 22 698 03 / +261 33 11 776 78<br>
  125.                   <strong>E-mail:</strong> ramanachr@yahoo.fr <br>
  126.                 </p>
  127.                 <div class="social-links mt-3">
  128.                   {# <a href="#" class="twitter"><i class="bx bxl-twitter"></i></a> #}
  129.                   <a href="#" class="facebook"><i class="bx bxl-facebook"></i></a>
  130.                   {# <a href="#" class="instagram"><i class="bx bxl-instagram"></i></a> #}
  131.                   {# <a href="#" class="google-plus"><i class="bx bxl-skype"></i></a> #}
  132.                   {# <a href="#" class="linkedin"><i class="bx bxl-linkedin"></i></a> #}
  133.                 </div>
  134.               </div>
  135.             </div>
  137.             <div class="col-lg-2 col-md-6 footer-links">
  138.               <h4>Menus</h4>
  139.               <ul>
  140.                 {# <li><i class="bx bx-chevron-right"></i> <a href="#">Home</a></li>
  141.                 <li><i class="bx bx-chevron-right"></i> <a href="#">About us</a></li>
  142.                 <li><i class="bx bx-chevron-right"></i> <a href="#">Services</a></li>
  143.                 <li><i class="bx bx-chevron-right"></i> <a href="#">Terms of service</a></li>
  144.                 <li><i class="bx bx-chevron-right"></i> <a href="#">Privacy policy</a></li> #}
  145.               </ul>
  146.             </div>
  148.             <div class="col-lg-3 col-md-6 footer-links">
  149.               <h4>Nos Services</h4>
  150.               <ul>
  151.                 {# <li><i class="bx bx-chevron-right"></i> <a href="#">Web Design</a></li>
  152.                 <li><i class="bx bx-chevron-right"></i> <a href="#">Web Development</a></li>
  153.                 <li><i class="bx bx-chevron-right"></i> <a href="#">Product Management</a></li>
  154.                 <li><i class="bx bx-chevron-right"></i> <a href="#">Marketing</a></li>
  155.                 <li><i class="bx bx-chevron-right"></i> <a href="#">Graphic Design</a></li> #}
  156.               </ul>
  157.             </div>
  159.             <div class="col-lg-4 col-md-6 footer-newsletter">
  160.               {# <h4>Nous contacter</h4>
  161.               <p>Veuiller entrer votre adresse e-mail</p>
  162.               <form action="#" method="post">
  163.                 <input type="email" name="email"><input type="submit" value="Envoyer">
  164.               </form> #}
  166.             </div>
  168.           </div>
  169.         </div>
  170.       </div>
  171.       <div class="container-fluid">
  172.         <div class="row">
  173.           <div class="col-lg-12 text-center">
  174.               <div class="copyright">
  175.               &copy; {{'now'|date('Y')}} CRMNC. All Rights Reserved. <a href="#">CRMNC | Mention légal</a>
  176.               </div>
  177.           </div>
  178.         </div>
  179.       </div>
  180.     </footer><!-- End Footer -->
  181.   <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
  182. {% endblock %}