templates/home/pageAccueil.html.twig line 1

Open in your IDE?
  1. {% extends 'navigation.html.twig' %}
  2. {% block title %}{{title}}{% endblock %}
  3. {% block stylesheets %}
  4.     {{ parent() }}
  5.     <link rel="stylesheet" href="{{asset('syscrmnc/' ~ controller ~ '/css/' ~ filename ~ '.css')}}">
  6. {% endblock %}
  7. {% block javascripts %}
  8.     {{ parent() }}
  9.     <script src="{{asset('syscrmnc/' ~ controller ~ '/js/' ~ filename ~ '.js')}}"></script>
  10. {% endblock %}
  11. {% block container %}
  12.     <!-- ======= Services Section ======= -->
  13.     <section id="services" class="services">
  14.       <div class="container">
  15.         <div class="section-title before text-center">
  16.           <h2>Services</h2>
  17.           <p>Nos services</p>
  18.         </div>
  19.         <p class="paragraph-text text-center family-poppins">
  20.           Notre cabinet vous encadre de manière compétente pour tout ce qui a trait aux questions financières, sociales, et fiscales. <br>
  21.           Les compétences techniques de nos experts, notre engagement et notre longue expérience en matière d’expertise comptable et de conseils nous permettent de vous soutenir dans les tâches quotidiennes ainsi que dans les tâches complexes de gestion d’entreprise. Nous attachons une grande importance à un conseil personnalisé et fiable.
  22.         </p>
  23.         <div class="row">
  24.           <div class="col-md-6">
  25.             <div class="icon-box">
  26.               <i class="bi bi-calendar4-week"></i>
  27.               <h4><a href="#">Mission Comptable</a></h4>
  28.               <p>L’externalisation est notre domaine de prédilection. 
  29.               Confiez votre comptabilité, la gestion fiscale et sociale 
  30.               à un expert pour vous garantir des informations financières 
  31.               sûres et conformes et vous permettre de vous focalisez sur vos activités.</p>
  32.             </div>
  33.           </div>
  34.           <div class="col-md-6 mt-4 mt-md-0">
  35.             <div class="icon-box">
  36.               <i class="bi bi-building"></i>
  37.               <h4><a href="#">Création d'entreprise</a></h4>
  38.               <p>Le choix de la structure juridique est toujours un dilemme pour tout 
  39.               nouvel entrepreneur, nous vous accompagnons lors de votre création 
  40.               d’entreprise dans le choix et les démarches administratives</p>
  41.             </div>
  42.           </div>
  43.           <div class="col-md-6 mt-4 mt-md-0">
  44.             <div class="icon-box">
  45.               <i class="bi bi-info-circle"></i>
  46.               <h4><a href="#">Conseils</a></h4>
  47.               <p>Des conseils en comptabilité, gestion et finances. 
  48.               Nous vous suivrons tout au long de notre mission pour 
  49.               vous apporter les conseils stratégiques nécessaires 
  50.               à votre développement.</p>
  51.             </div>
  52.           </div>
  53.           <div class="col-md-6 mt-4 mt-md-0">
  54.             <div class="icon-box">
  55.               <i class="bi bi-bar-chart"></i>
  56.               <h4><a href="#">Optimisation fiscale</a></h4>
  57.               <p>Nous vous apportons des conseils et moyens pratiques 
  58.               pour atteindre un optimum fiscal adapté au contexte et 
  59.               à votre situation.</p>
  60.             </div>
  61.           </div>
  62.         </div>
  63.       </div>
  64.     </section>
  65.     <!-- End Services Section -->
  67.     <!-- ======= About Section ======= -->
  68.     <section id="about" class="about">
  69.       <div class="container">
  70.         <div class="section-title before text-center">
  71.           <h2>Cabinet</h2>
  72.           <p>Notre Cabinet</p>
  73.         </div>
  74.         <div class="row content">
  75.           <div class="col-lg-6">
  76.             <h2>Nous sommes à votre service</h2>
  77.             <h3>Nous offrons une gamme complète de services de gestion financière, y compris la comptabilité, la création d'entreprise, les conseils stratégiques et l'optimisation fiscale.</h3>
  78.           </div>
  79.           <div class="col-lg-6 pt-4 pt-lg-0">
  80.             <p>
  81.               Découvrez notre cabinet, reconnu pour l'excellence de ses conseils issus d'une vaste 
  82.               expérience. Nos partenaires, spécialistes aux compétences variées, fournissent une 
  83.               assistance globale et sur mesure, couvrant divers domaines. Explorez notre approche 
  84.               unique et les bénéfices que nous offrons.
  85.             </p>
  86.             <ul>
  87.               <li><i class="ri-check-double-line"></i>
  88.               <b>Ce qui nous caractérise</b> : la qualité de nos conseils tirés de l’expérience ; découvrez tout ce que vous devez savoir sur notre philosophie, nos avantages et la tradition de notre cabinet.</li>
  89.               <li><i class="ri-check-double-line"></i><b>Qui sommes nous</b> : nos partenaires sont des experts dotés de compétences interdisciplinaires et d’une grande expérience en matière de conseils.</li>
  90.               <li><i class="ri-check-double-line"></i> <b>Ce que nous proposons</b> : du conseil fiscal au conseil financier, en passant par la comptabilité et l’expertise comptable ; nous vous proposons une aide complète et personnalisée.</li>
  91.             </ul>
  92.           </div>
  93.         </div>
  95.       </div>
  96.     </section><!-- End About Section -->
  98.     {# <!-- ======= Clients Section ======= -->
  99.     <section id="clients" class="clients section-bg">
  100.       <div class="container">
  102.         <div class="row">
  104.           <div class="col-lg-2 col-md-4 col-6 d-flex align-items-center justify-content-center">
  105.             <img src="{{asset('assets/img/clients/client-1.png')}}" class="img-fluid" alt="">
  106.           </div>
  108.           <div class="col-lg-2 col-md-4 col-6 d-flex align-items-center justify-content-center">
  109.             <img src="{{asset('assets/img/clients/client-2.png')}}" class="img-fluid" alt="">
  110.           </div>
  112.           <div class="col-lg-2 col-md-4 col-6 d-flex align-items-center justify-content-center">
  113.             <img src="{{asset('assets/img/clients/client-3.png')}}" class="img-fluid" alt="">
  114.           </div>
  116.           <div class="col-lg-2 col-md-4 col-6 d-flex align-items-center justify-content-center">
  117.             <img src="{{asset('assets/img/clients/client-4.png')}}" class="img-fluid" alt="">
  118.           </div>
  120.           <div class="col-lg-2 col-md-4 col-6 d-flex align-items-center justify-content-center">
  121.             <img src="{{asset('assets/img/clients/client-5.png')}}" class="img-fluid" alt="">
  122.           </div>
  124.           <div class="col-lg-2 col-md-4 col-6 d-flex align-items-center justify-content-center">
  125.             <img src="{{asset('assets/img/clients/client-6.png')}}" class="img-fluid" alt="">
  126.           </div>
  128.         </div>
  130.       </div>
  131.     </section><!-- End Clients Section --> #}
  133.     <!-- ======= Services Section ======= -->
  134.     <section id="testimonials" class="testimonials pb-5">
  135.       <div class="container">
  136.         <div class="section-title before text-center">
  137.           <h2>Direction</h2>
  138.           <p>Mots de la Direction</p>
  139.         </div>
  140.         <div class="row">
  141.           <div class="col-12">
  142.             <div class="unique-testimonial-item d-flex flex-row align-items-center">
  143.               <div class="content-testimonial-image text-center p-3">
  144.                 <img src="{{asset('datas/images/direction.jpg')}}" class="testimonial-img img-fluid img" alt="">
  145.                 <h4 class="mt-3">Expert Comptable et Financier</h4>
  146.               </div>
  147.               <div class="content-testimonial-label d-flex flex-column align-items-center">
  148.                 <h3 class="text-center">Faire le bon Choix !</h3>
  149.                 <p class="mt-2 text-center lh-lg">
  150.                   <i class="bx bxs-quote-alt-left quote-icon-left"></i>
  151.                   C’est avec un grand plaisir que l’on vous accueille sur notre site web. 
  152.                   Vous y découvrirez un cabinet qui accompagne les cabinets d’experts comptables 
  153.                   français et les entreprises locales malgaches, dans l’externalisation comptable. 
  154.                   En effet, nous disposons d’une plateforme pouvant accueillir la tenue de la 
  155.                   comptabilité, la préparation des différentes déclarations fiscales et sociales. 
  156.                   Notre équipe s’est spécialisée dans la comptabilité française tout en maîtrisant 
  157.                   la comptabilité locale (malgache). <br>
  158.                   Pour nous, ce qui est essentiel c’est de vous proposer toute une gamme de service 
  159.                   qui est flexible selon votre organisation. Notre objectif est de vous permettre de 
  160.                   vous focaliser sur vos principales activités en nous laissant se charger de votre 
  161.                   comptabilité. Economie de temps et de coûts. Optimisation et recentrage des activités. 
  162.                   Telles sont les avantages que vous pouvez obtenir en choisissant notre Cabinet.
  163.                   <i class="bx bxs-quote-alt-right quote-icon-right"></i>
  164.                 </p>
  165.                 <span class="unique-signature font-italic w-100 ml-auto mt-2"> Nadia RASOLOMAHANDRY</span>
  166.               </div>
  167.             </div>
  168.           </div>
  169.         </div>
  170.         {# <div class="row">
  171.           <div class="col-md-6">
  172.             <div class="icon-box">
  173.               <i class="bi bi-briefcase"></i>
  174.               <h4><a href="#">Lorem Ipsum</a></h4>
  175.               <p>Voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident</p>
  176.             </div>
  177.           </div>
  178.           <div class="col-md-6 mt-4 mt-md-0">
  179.             <div class="icon-box">
  180.               <i class="bi bi-card-checklist"></i>
  181.               <h4><a href="#">Dolor Sitema</a></h4>
  182.               <p>Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat tarad limino ata</p>
  183.             </div>
  184.           </div>
  185.           <div class="col-md-6 mt-4 mt-md-0">
  186.             <div class="icon-box">
  187.               <i class="bi bi-bar-chart"></i>
  188.               <h4><a href="#">Sed ut perspiciatis</a></h4>
  189.               <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
  190.             </div>
  191.           </div>
  192.           <div class="col-md-6 mt-4 mt-md-0">
  193.             <div class="icon-box">
  194.               <i class="bi bi-binoculars"></i>
  195.               <h4><a href="#">Nemo Enim</a></h4>
  196.               <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
  197.             </div>
  198.           </div>
  199.           <div class="col-md-6 mt-4 mt-md-0">
  200.             <div class="icon-box">
  201.               <i class="bi bi-brightness-high"></i>
  202.               <h4><a href="#">Magni Dolore</a></h4>
  203.               <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque</p>
  204.             </div>
  205.           </div>
  206.           <div class="col-md-6 mt-4 mt-md-0">
  207.             <div class="icon-box">
  208.               <i class="bi bi-calendar4-week"></i>
  209.               <h4><a href="#">Eiusmod Tempor</a></h4>
  210.               <p>Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi</p>
  211.             </div>
  212.           </div>
  213.         </div> #}
  215.       </div>
  216.     </section>
  217.     <!-- End Services Section -->
  219.     <!-- ======= Clients Section ======= -->
  220.       <section id="team" class="team mb-5">
  221.         <div class="container">
  222.           <div class="section-title before text-center">
  223.             <h2>Equipe</h2>
  224.             <p>Notre Equipe</p>
  225.           </div>
  226.           <div class="slideTeam">
  227.             <div class="member">
  228.               <div class="member-info">
  229.               <div class="pic float-left px-3"><img src="{{asset('datas/images/Claire-150x150.jpg')}}" class="img-fluid" alt=""></div>
  230.                 <h4>RAVONIARISOA Anne Claire</h4>
  231.                 <span>Superviseur</span>
  232.                 <p class="font-italic text-secondary-emphasis">
  233.                   <i class="bx bxs-quote-alt-left quote-icon-left"></i>
  234.                   Je m’appelle Claire. Je suis superviseur auprès du Cabinet RMNC. J’ai choisi d’intégrer l’Equipe en 2015, car je souhaite apporter mon savoir faire aux petites et moyennes entreprises. En effet, mes parents sont entrepreneurs dans le secteur agricole et manque de compétence pour gérer la partie comptabilité et obligation fiscale comme beaucoup d’entreprise. Aussi, le Cabinet offre ses services principalement aux PME.
  235.                   <i class="bx bxs-quote-alt-right quote-icon-right"></i>
  236.                 </p>
  237.               </div>
  238.             </div>
  239.             <div class="member d-flex align-items-start">
  240.               <div class="member-info">
  241.               <div class="pic float-left px-3"><img src="{{asset('datas/images/Claire-150x150.jpg')}}" class="img-fluid" alt=""></div>
  242.                 <h4>RAVONIARISOA Anne Claire</h4>
  243.                 <span>Superviseur</span>
  244.                 <p class="font-italic text-secondary-emphasis">
  245.                   <i class="bx bxs-quote-alt-left quote-icon-left"></i>
  246.                   Je m’appelle Claire. Je suis superviseur auprès du Cabinet RMNC. J’ai choisi d’intégrer l’Equipe en 2015, car je souhaite apporter mon savoir faire aux petites et moyennes entreprises. En effet, mes parents sont entrepreneurs dans le secteur agricole et manque de compétence pour gérer la partie comptabilité et obligation fiscale comme beaucoup d’entreprise. Aussi, le Cabinet offre ses services principalement aux PME.
  247.                   <i class="bx bxs-quote-alt-right quote-icon-right"></i>
  248.                 </p>
  249.               </div>
  250.             </div>
  251.             <div class="member d-flex align-items-start">
  252.               <div class="member-info">
  253.               <div class="pic float-left px-3"><img src="{{asset('datas/images/Claire-150x150.jpg')}}" class="img-fluid" alt=""></div>
  254.                 <h4>RAVONIARISOA Anne Claire</h4>
  255.                 <span>Superviseur</span>
  256.                 <p class="font-italic text-secondary-emphasis">
  257.                   <i class="bx bxs-quote-alt-left quote-icon-left"></i>
  258.                   Je m’appelle Claire. Je suis superviseur auprès du Cabinet RMNC. J’ai choisi d’intégrer l’Equipe en 2015, car je souhaite apporter mon savoir faire aux petites et moyennes entreprises. En effet, mes parents sont entrepreneurs dans le secteur agricole et manque de compétence pour gérer la partie comptabilité et obligation fiscale comme beaucoup d’entreprise. Aussi, le Cabinet offre ses services principalement aux PME.
  259.                   <i class="bx bxs-quote-alt-right quote-icon-right"></i>
  260.                 </p>
  261.               </div>
  262.             </div>
  263.           </div>
  264.         </div>
  265.       </section><!-- End Clients Section --> 
  267.     {# <!-- ======= Portfolio Section ======= -->
  268.     <section id="portfolio" class="portfolio">
  269.       <div class="container">
  270.         <div class="row">
  271.           <div class="col-lg-12 d-flex justify-content-center">
  272.             <ul id="portfolio-flters">
  273.               <li data-filter="*" class="filter-active">All</li>
  274.               <li data-filter=".filter-app">App</li>
  275.               <li data-filter=".filter-card">Card</li>
  276.               <li data-filter=".filter-web">Web</li>
  277.             </ul>
  278.           </div>
  279.         </div>
  281.         <div class="row portfolio-container">
  282.           <div class="col-lg-4 col-md-6 portfolio-item filter-app">
  283.             <div class="portfolio-wrap">
  284.               <img src="{{asset('assets/img/portfolio/portfolio-1.jpg')}}" class="img-fluid" alt="">
  285.               <div class="portfolio-info">
  286.                 <h4>App 1</h4>
  287.                 <p>App</p>
  288.                 <div class="portfolio-links">
  289.                   <a href="{{asset('assets/img/portfolio/portfolio-1.jpg')}}" data-gallery="portfolioGallery" class="portfolio-lightbox" title="App 1"><i class="bx bx-plus"></i></a>
  290.                   <a href="portfolio-details.html" class="portfolio-details-lightbox" data-glightbox="type: external" title="Portfolio Details"><i class="bx bx-link"></i></a>
  291.                 </div>
  292.               </div>
  293.             </div>
  294.           </div>
  296.           <div class="col-lg-4 col-md-6 portfolio-item filter-web">
  297.             <div class="portfolio-wrap">
  298.               <img src="{{asset('assets/img/portfolio/portfolio-2.jpg')}}" class="img-fluid" alt="">
  299.               <div class="portfolio-info">
  300.                 <h4>Web 3</h4>
  301.                 <p>Web</p>
  302.                 <div class="portfolio-links">
  303.                   <a href="{{asset('assets/img/portfolio/portfolio-2.jpg')}}" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Web 3"><i class="bx bx-plus"></i></a>
  304.                   <a href="portfolio-details.html" class="portfolio-details-lightbox" data-glightbox="type: external" title="Portfolio Details"><i class="bx bx-link"></i></a>
  305.                 </div>
  306.               </div>
  307.             </div>
  308.           </div>
  310.           <div class="col-lg-4 col-md-6 portfolio-item filter-app">
  311.             <div class="portfolio-wrap">
  312.               <img src="{{asset('assets/img/portfolio/portfolio-3.jpg')}}" class="img-fluid" alt="">
  313.               <div class="portfolio-info">
  314.                 <h4>App 2</h4>
  315.                 <p>App</p>
  316.                 <div class="portfolio-links">
  317.                   <a href="{{asset('assets/img/portfolio/portfolio-3.jpg')}}" data-gallery="portfolioGallery" class="portfolio-lightbox" title="App 2"><i class="bx bx-plus"></i></a>
  318.                   <a href="portfolio-details.html" class="portfolio-details-lightbox" data-glightbox="type: external" title="Portfolio Details"><i class="bx bx-link"></i></a>
  319.                 </div>
  320.               </div>
  321.             </div>
  322.           </div>
  324.           <div class="col-lg-4 col-md-6 portfolio-item filter-card">
  325.             <div class="portfolio-wrap">
  326.               <img src="{{asset('assets/img/portfolio/portfolio-4.jpg')}}" class="img-fluid" alt="">
  327.               <div class="portfolio-info">
  328.                 <h4>Card 2</h4>
  329.                 <p>Card</p>
  330.                 <div class="portfolio-links">
  331.                   <a href="{{asset('assets/img/portfolio/portfolio-4.jpg')}}" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Card 2"><i class="bx bx-plus"></i></a>
  332.                   <a href="portfolio-details.html" class="portfolio-details-lightbox" data-glightbox="type: external" title="Portfolio Details"><i class="bx bx-link"></i></a>
  333.                 </div>
  334.               </div>
  335.             </div>
  336.           </div>
  338.           <div class="col-lg-4 col-md-6 portfolio-item filter-web">
  339.             <div class="portfolio-wrap">
  340.               <img src="{{asset('assets/img/portfolio/portfolio-5.jpg')}}" class="img-fluid" alt="">
  341.               <div class="portfolio-info">
  342.                 <h4>Web 2</h4>
  343.                 <p>Web</p>
  344.                 <div class="portfolio-links">
  345.                   <a href="{{asset('assets/img/portfolio/portfolio-5.jpg')}}" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Web 2"><i class="bx bx-plus"></i></a>
  346.                   <a href="portfolio-details.html" class="portfolio-details-lightbox" data-glightbox="type: external" title="Portfolio Details"><i class="bx bx-link"></i></a>
  347.                 </div>
  348.               </div>
  349.             </div>
  350.           </div>
  352.           <div class="col-lg-4 col-md-6 portfolio-item filter-app">
  353.             <div class="portfolio-wrap">
  354.               <img src="{{asset('assets/img/portfolio/portfolio-6.jpg')}}" class="img-fluid" alt="">
  355.               <div class="portfolio-info">
  356.                 <h4>App 3</h4>
  357.                 <p>App</p>
  358.                 <div class="portfolio-links">
  359.                   <a href="{{asset('assets/img/portfolio/portfolio-6.jpg')}}" data-gallery="portfolioGallery" class="portfolio-lightbox" title="App 3"><i class="bx bx-plus"></i></a>
  360.                   <a href="portfolio-details.html" class="portfolio-details-lightbox" data-glightbox="type: external" title="Portfolio Details"><i class="bx bx-link"></i></a>
  361.                 </div>
  362.               </div>
  363.             </div>
  364.           </div>
  366.           <div class="col-lg-4 col-md-6 portfolio-item filter-card">
  367.             <div class="portfolio-wrap">
  368.               <img src="{{asset('assets/img/portfolio/portfolio-7.jpg')}}" class="img-fluid" alt="">
  369.               <div class="portfolio-info">
  370.                 <h4>Card 1</h4>
  371.                 <p>Card</p>
  372.                 <div class="portfolio-links">
  373.                   <a href="{{asset('assets/img/portfolio/portfolio-7.jpg')}}" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Card 1"><i class="bx bx-plus"></i></a>
  374.                   <a href="portfolio-details.html" class="portfolio-details-lightbox" data-glightbox="type: external" title="Portfolio Details"><i class="bx bx-link"></i></a>
  375.                 </div>
  376.               </div>
  377.             </div>
  378.           </div>
  380.           <div class="col-lg-4 col-md-6 portfolio-item filter-card">
  381.             <div class="portfolio-wrap">
  382.               <img src="{{asset('assets/img/portfolio/portfolio-8.jpg')}}" class="img-fluid" alt="">
  383.               <div class="portfolio-info">
  384.                 <h4>Card 3</h4>
  385.                 <p>Card</p>
  386.                 <div class="portfolio-links">
  387.                   <a href="{{asset('assets/img/portfolio/portfolio-8.jpg')}}" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Card 3"><i class="bx bx-plus"></i></a>
  388.                   <a href="portfolio-details.html" class="portfolio-details-lightbox" data-glightbox="type: external" title="Portfolio Details"><i class="bx bx-link"></i></a>
  389.                 </div>
  390.               </div>
  391.             </div>
  392.           </div>
  394.           <div class="col-lg-4 col-md-6 portfolio-item filter-web">
  395.             <div class="portfolio-wrap">
  396.               <img src="{{asset('assets/img/portfolio/portfolio-9.jpg')}}" class="img-fluid" alt="">
  397.               <div class="portfolio-info">
  398.                 <h4>Web 3</h4>
  399.                 <p>Web</p>
  400.                 <div class="portfolio-links">
  401.                   <a href="{{asset('assets/img/portfolio/portfolio-9.jpg')}}" data-gallery="portfolioGallery" class="portfolio-lightbox" title="Web 3"><i class="bx bx-plus"></i></a>
  402.                   <a href="portfolio-details.html" class="portfolio-details-lightbox" data-glightbox="type: external" title="Portfolio Details"><i class="bx bx-link"></i></a>
  403.                 </div>
  404.               </div>
  405.             </div>
  406.           </div>
  408.         </div>
  410.       </div>
  411.     </section><!-- End Portfolio Section --> #}
  412. {% endblock %}