templates/Front/communiquer/print.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}
  4.         le print de son cabinet d’expertise comptable| l’agence des Experts-comptable
  5. {% endblock %}
  7. {% block description %}
  8.     l’agence des Experts-comptables crée et développe les supports de communication adaptés à l’objectif de votre cabinet d’expertise comptable (flyers, kakemono, dépliants…).
  9. {% endblock %}
  11. {% block meta_noindex %}
  12. <meta name="robots" content="noindex, nofollow">
  13. {% endblock %}
  15. {% block body %}
  16. <style>
  17. @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500&family=Work+Sans:wght@700&display=swap");
  19. .section-title__tagline{
  20.     font-size: 17px;
  21.     font-family: "Open Sans", sans-serif;
  22.     color: var(--green-agence);
  23.     font-weight: 500;
  24.     text-transform: uppercase;
  25.     line-height: 1.55;
  26. }
  27. .section-title__title{
  28.     font-size: 50px;
  29. }
  30. .btn-main-custom {
  31.     background-color: rgb(115, 201, 32);
  32.     width: 296px;
  33.     font-family: "Open Sans", sans-serif;
  34.     height: 64px;
  35.     font-size: 20px;
  36.     border-radius: 0px;
  37.     display: inline-flex;
  38.     justify-content: center;
  39.     align-items: center;
  40.     color: white;
  41. }
  42. .btn-main-custom:hover{
  43.     background-color: var(--thm-base);
  44.     transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
  45.     color: white;
  46.     cursor: pointer;
  48. }
  49. .contact-one::before{
  50.     background: none
  51. }
  52. .contact-one__content-text {
  53.     font-size: 20px;
  54.     font-family: "Open Sans", sans-serif;
  55.     color: rgb(89, 86, 84);
  56.     line-height: 1.75;
  57.     margin-top: 15px;
  58.     margin-bottom: 15px;
  59.     font-weight: 500;
  60. }
  61. </style>
  62.     <!--Start Contact One-->
  63.     <section class="contact-one" id="auditContact">
  64.         <div class="container">
  65.                     <div class="contact-one__content">
  66.                         <div class="section-title mb-3">
  67.                             <span class="section-title__tagline line-none text-center d-block pb-0">LAISSER</span>
  68.                             <h1 class="section-title__title  text-center mb-0">Une empreinte
  69.                                 de votre passage<br>
  70.                                 à vos
  71.                                 <span>prospects</span>
  72.                             </h1>
  73.                         </div>
  74.                         <p class="contact-one__content-text  text-center mb-0">Rendez-vous clientèle ? Entretien avec de nouveaux prospects ? <br> Soyez fier de laisser un support de communication qui représente votre cabinet et qui vous correspond !
  75.                             <div class="advice-box text-center">
  76.                                 <a class="btn-main-custom" href="#contact">PRENONS RENDEZ-VOUS !</a>
  77.                             </div>
  78.                         </p>
  79.                     </div>
  80.         </div>
  81.     </section>
  82.     <!--End Contact One-->
  85.     <section class="steps container-fluid">
  86.         <div class="custom-container-image">
  87.                         <picture>
  88.               <source srcset="{{ asset('/assets/images/lagence/lagence-site-print-479x419.webp') }}" type="image/webp">
  89.               <img src="{{ asset('/assets/images/lagence/lagence-site-print-479x419.png') }}" alt="Exemple d'image" class="centered-image">
  90.             </picture>
  91.         </div>
  92.         <div class="row">
  93.             <div class="section-title text-center">
  94.                 <span class="section-title__tagline">IMPOSEZ-VOUS</span>
  95.                 <h2 class="section-title__title">Comment créer une communication
  96.                     <br>
  97.                     print puissante ?</h2>
  98.                 <p class="section-title__text">Développons vos supports de communication. Ils sont le lien entre votre cabinet et vos clients/prospects.
  99.                     <br>
  100.                     Ils doivent susciter l'intérêt pour les lire, les conserver et collaborer avec vous.</p>
  101.             </div>
  102.             <div class="col-12 col-md-6 col-lg-4 steps-item">
  103.                 <div class="icon">
  104.                                         <picture>
  105.                       <source srcset="{{ asset('/assets/images/page-print/lagence-site-illus-print-200x180.webp') }}" type="image/webp">
  106.                       <img src="{{ asset('/assets/images/page-print/lagence-site-illus-print-200x180.png') }}" alt="audit"/>
  107.                     </picture>
  108.                 </div>
  109.                 <div class="number">1</div>
  110.                 <div class="title-1 mb-4">
  111.                     <h3>La pertinence du message</h3>
  112.                 </div>
  113.                 <p>Mettez en avant vos forces,
  114.                                                                                                                                                                                                             vos valeurs, et votre offre.</p>
  115.             </div>
  116.             <div class="col-12 col-md-6 col-lg-4 steps-item">
  117.                 <div class="icon">
  118.                                         <picture>
  119.                       <source srcset="{{ asset('/assets/images/page-print/lagence-site-illus-print1-200x180.webp') }}" type="image/webp">
  120.                       <img src="{{ asset('/assets/images/page-print/lagence-site-illus-print1-200x180.png') }}" alt="realisation"/>
  121.                     </picture>
  122.                 </div>
  123.                 <div class="number">2</div>
  124.                 <div class="title-1 mb-4">
  125.                     <h3>Un design recherché</h3>
  126.                 </div>
  127.                 <p>Le graphisme et l'esthétisme
  128.                                                                                                                                                                                                             sont aussi importants que les mots !</p>
  129.             </div>
  130.             <div class="col-12 col-md-6 col-lg-4 steps-item">
  131.                 <div class="icon">
  132.                                         <picture>
  133.                       <source srcset="{{ asset('/assets/images/page-print/lagence-site-illus-print2-200x180.webp') }}" type="image/webp">
  134.                       <img src="{{ asset('/assets/images/page-print/lagence-site-illus-print2-200x180.png') }}" alt="accompagnement"/>
  135.                     </picture>
  136.                 </div>
  137.                 <div class="number">3</div>
  138.                 <div class="title-1 mb-4">
  139.                     <h3>Le choix du support</h3>
  140.                 </div>
  141.                 <p>Votre objectif détermine
  142.                                                                                                                                                                                                                                 le choix du support : plaquette, flyers, kakemono...</p>
  143.             </div>
  144.         </div>
  145.     </section>
  146.     <!--Services One Start-->
  147.     <section class="services-one services-one--two">
  148.         <div class="container">
  149.             <div class="section-title text-center">
  150.                 <span class="section-title__tagline">NOTRE SAVOIR-FAIRE</span>
  151.                 <h2 class="section-title__title">Découvrez nos réalisations</h2>
  152.                 <p class="section-title__text">Nous imaginons et nous donnons vie à vos projets de communication à 360°.</p>
  153.             </div>
  154.             <div class="owl-carousel realisation owl-theme">
  155.                 {% for realisation in realisations %}
  156.                     {% if realisation.category.name == "Print" %}
  157.                         <div class="card-container">
  158.                             <div class="tag">{{ realisation.category.name }}</div>
  159.                             {% for image in realisation.images %}
  161.                                 <img class="item
  162.                                                                                                                 {% if loop.index > 1 %}hide{% endif %}
  163.                                                                                                                 " data-fancybox="gallery{{ loop.parent.loop.index }}" data-caption="image-{{ loop.index }}" src="/uploads/realisations/{{ image.imageName }}"/>
  164.                             {% endfor %}
  166.                             <div class="separator"></div>
  167.                         </div>
  168.                     {% endif %}
  169.                 {% endfor %}
  170.             </div>
  173.             <div class="services-one__bottom">
  174.                 <div class="row">
  175.                     <div class="col-xl-12">
  176.                         <div class="services-one__bottom-inner">
  177.                             <div class="text">
  178.                                 <h2>Vous souhaitez être guidés et accompagnés
  179.                                     <br>
  180.                                     dans vos projets de communication ?
  181.                                 </h2>
  182.                             </div>
  183.                             <div class="btn-box">
  184.                                 <a href="#auditContact" class="thm-btn">Prenez un rendez-vous</a>
  185.                             </div>
  186.                         </div>
  187.                     </div>
  188.                 </div>
  189.             </div>
  190.         </div>
  191.     </section>
  192.     <!--Services One End-->
  194.     <!--Testimonial Two Start-->
  195.     <section class="testimonial-two testimonial-two--about">
  196.         <div class="container">
  197.             <div class="row">
  198.                 <div class="col-xl-12">
  199.                     <div class="testimonial-two__wrapper">
  200.                         <div class="shape2 wow zoomIn" data-wow-delay="100ms" data-wow-duration="3500ms">
  201.                             <picture>
  202.                           <source srcset="/assets/images/shapes/testimonial-v2-shape1.webp" type="image/webp">
  203.                           <img src="/assets/images/shapes/testimonial-v2-shape1.png" alt="lagence expert"/>
  204.                         </picture></div>
  205.                         <div
  206.                             class="row">
  207.                             <!--Start Testimonial Two Left-->
  208.                             <div class="col-xl-7">
  209.                                 <div class="testimonial-two__left">
  210.                                     <div class="icon">
  211.                                         <div class="shape1"></div>
  212.                                         <span class="testi-qoute-icon"></span>
  213.                                     </div>
  214.                                     <div class="section-title" data-aos="zoom-in">
  215.                                         <h2 class="section-title__title">Les avis client</h2>
  216.                                         <p class="section-title__text">Merci à nos clients de nous faire confiance
  217.                                             <br>
  218.                                             depuis 2008, vous avez fait le bon choix !
  219.                                         </p>
  220.                                     </div>
  221.                                 </div>
  222.                             </div>
  223.                             <!--End Testimonial Two Left-->
  225.                             <!--Start Testimonial Two Right-->
  226.                             <div class="col-xl-5">
  227.                                 <div
  228.                                     class="testimonial-two__right">
  229.                                     <!--Start Single Testimonial One-->
  230.                                     <div class="testimonial-one__single wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
  231.                                         <div class="testimonial-one__single-img">
  232.                                                                                         <picture>
  233.                                               <source srcset="{{ asset('/assets/images/avis-clients/avis-client-aac.webp') }}" type="image/webp">
  234.                                               <img src="{{ asset('/assets/images/avis-clients/avis-client-aac.png') }}" alt="lagence expert"/>
  235.                                             </picture>
  236.                                         </div>
  237.                                         <div class="client-info">
  238.                                             <h3>AAC</h3>
  239.                                             <p>by Isabelle</p>
  240.                                             <div class="rating">
  241.                                                 <span class="star"><i class="bi bi-star-fill"></i></span>
  242.                                                 <span class="star"><i class="bi bi-star-fill"></i></span>
  243.                                                 <span class="star"><i class="bi bi-star-fill"></i></span>
  244.                                                 <span class="star"><i class="bi bi-star-fill"></i></span>
  245.                                                 <span class="star"><i class="bi bi-star-fill"></i></span>
  246.                                             </div>
  247.                                         </div>
  248.                                         <p class="testimonial-one__single-text">Il était très important pour nous de travailler avec une agence qui connait notre métier pour nous proposer une solution adaptée à nos besoins.
  249.                                         </p>
  250.                                     </div>
  251.                                     <!--End Single Testimonial One-->
  253.                                     <!--Start Single Testimonial One-->
  254.                                     <div class="testimonial-one__single mar-left wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
  255.                                         <div class="testimonial-one__single-img">
  256.                                                                                         <picture>
  257.                                               <source srcset="{{ asset('/assets/images/avis-clients/avis-client-gca.webp') }}" type="image/webp">
  258.                                               <img src="{{ asset('/assets/images/avis-clients/avis-client-gca.png') }}" alt="lagence expert"/>
  259.                                             </picture>
  260.                                         </div>
  261.                                         <div class="client-info">
  262.                                             <h3>GCA Expertise Comptable</h3>
  263.                                             <p>by Gisèle</p>
  264.                                             <div class="rating">
  265.                                                 <span class="star"><i class="bi bi-star-fill"></i></span>
  266.                                                 <span class="star"><i class="bi bi-star-fill"></i></span>
  267.                                                 <span class="star"><i class="bi bi-star-fill"></i></span>
  268.                                                 <span class="star"><i class="bi bi-star-fill"></i></span>
  269.                                                 <span class="star"><i class="bi bi-star-fill"></i></span>
  270.                                             </div>
  271.                                         </div>
  272.                                         <p class="testimonial-one__single-text">Merci à Rudy et ses équipes pour tout le travail accompli : un accompagnement sur mesure, une écoute attentive et bienveillante, une réactivité exceptionnelle.
  273.                                         </p>
  274.                                     </div>
  275.                                     <!--End Single Testimonial One-->
  276.                                 </div>
  277.                             </div>
  278.                             <!--End Testimonial Two Right-->
  279.                         </div>
  280.                     </div>
  281.                 </div>
  282.             </div>
  283.         </div>
  284.     </section>
  285.     <!--Testimonial Two End-->
  288.     <!--Start Contact One-->
  289.     <section id="contact" class="contact-one">
  290.         <div class="container">
  291.             <div
  292.                 class="row">
  293.                 <!--Start Contact One Contant-->
  294.                 <div class="col-xl-6 col-lg-7">
  295.                     <div class="contact-one__content">
  296.                         <div class="section-title" data-aos="zoom-in">
  297.                             <span class="section-title__tagline line-none">RENCONTRONS-NOUS</span>
  298.                             <h2 class="section-title__title">Vous avez des questions pour développer la communication de votre
  299.                                 <span>cabinet ?</span>
  300.                             </h2>
  301.                         </div>
  302.                         <p class="contact-one__content-text">Rudy votre interlocuteur privilégié
  303.                                                                                                                                                                                                     vous accompagne et vous conseille !</p>
  304.                         <div class="advice-box">
  305.                             <p class="sous-titre-green">PRENONS RENDEZ-VOUS !</p>
  306.                         </div>
  307.                     </div>
  308.                 </div>
  309.                 <!--End Contact One Contant-->
  311.                 <!--Start Contact One Form Box-->
  312.                 <div class="col-xl-6 col-lg-5" data-aos="fade-left">
  313.                     <div class="contact-one__form-box wow slideInRight" data-wow-delay="100ms" data-wow-duration="2500ms">
  314.                         <div class="contact-one__form">
  315.                             <div class="title-box">
  316.                                 <h2>Audit OFFERT !</h2>
  317.                             </div>
  318.                             <div class="form-box">
  319.                                 {{ form_start(form_contact) }}
  320.                                 {{ form_row(form_contact.page, { "value" : title }) }}
  322.                                 {{ form_widget(form_contact) }}
  324.                                 <button type="submit" class="thm-btn contact-one__form-box__btn" formnovalidate>Envoyer</button>
  326.                                 {{ form_end(form_contact) }}
  327.                             </div>
  328.                         </div>
  329.                     </div>
  330.                 </div>
  331.                 <!--End Contact One Form Box-->
  332.             </div>
  333.         </div>
  334.     </section>
  335.     <!--End Contact One-->
  338.     <!--Blog One Start-->
  339.     <section class="blog-one">
  340.         <div class="container">
  341.             <div class="section-title text-center">
  342.                 <span class="section-title__tagline">Conseils & Astuces</span>
  343.                 <h2 class="section-title__title">L'agence des Experts-comptables</h2>
  344.                 <p class="section-title__text">Des articles rédigés par nos experts en communication pour vous apporter<br>des conseils et des solutions en communication interne et externe pour votre cabinet.</p>
  345.             </div>
  346.             <div class="row">
  347.                 <div class="col-xl-12">
  348.                     <div class="blog-one__wrapper">
  349.                         <div
  350.                             class="owl-carousel owl-theme blog">
  351.                             <!--End Single Blog One-->
  352.                             {% for blog in blogs %}
  353.                                 <div class="wow fadeInLeft" data-wow-delay="600ms" data-wow-duration="1500ms">
  354.                                     <div class="blog-one__single">
  355.                                         <div class="blog-one__single-img">
  356.                                             <img src="/uploads/blogs/images/{{ blog.imageName }}" alt="lagence expert"/>
  357.                                         </div>
  358.                                         <div class="blog-one__single-content">
  360.                                             <h2 class="blog-one__single-content-title">
  361.                                                 <a href="/blog/{{ blog.id }}">{{ blog.title }}</a>
  362.                                             </h2>
  364.                                         </div>
  365.                                     </div>
  366.                                 </div>
  367.                             {% endfor %}
  368.                         </div>
  369.                     </div>
  370.                 </div>
  371.             </div>
  372.         </div>
  373.     </section>
  374.     <!--Blog One End-->
  377.     <!--Mission One Start-->
  378.     <section class="mission-one padding">
  379.         <div class="container">
  380.             <div class="section-title text-center">
  381.                 <h2 class="section-title__title">Une stratégie de communication
  382.                     <br>à l'image de votre cabinet
  383.                 </h2>
  384.                 <p class="section-title__text">Vous êtes Expert-comptable, votre rôle et votre image évoluent. L'agence des Experts-comptables vous conseille et vous accompagne pour créer votre stratégie et asseoir votre nouvelle posture en tant que bras droit de vos clients.
  385.                 </p>
  386.             </div>
  387.             <div class="row">
  388.                 <div class="col-xl-12">
  389.                     <div class="mission-one__wrapper">
  390.                         <div
  391.                             class="row">
  392.                             <!--Start Single Mission One-->
  393.                             <div class="col-xl-4 col-lg-4 wow flipInY" data-wow-delay="0ms" data-wow-duration="1500ms">
  394.                                 <a href="{{path('identite-visuelle')}}">
  395.                                     <div class="mission-one__single text-center">
  396.                                         <div class="mission-one__single-img">
  397.                                                                                         <picture>
  398.                                               <source srcset="/assets/images/home/illustrations-220x200/identite-visuelle.webp" type="image/webp">
  399.                                               <img src="/assets/images/home/illustrations-220x200/identite-visuelle.png" alt="Identité Visuelle"/>
  400.                                             </picture>
  401.                                         </div>
  402.                                         <div class="mission-one__single-content">
  403.                                             <h2 class="mission-one__single-content-title">
  404.                                                 Identité visuelle
  405.                                             </h2>
  406.                                             <p class="mission-one__single-content-text">Faisons passer le bon message à vos clients avec votre image.
  407.                                             </p>
  408.                                         </div>
  409.                                     </div>
  410.                                 </a>
  411.                             </div>
  413.                             <!--End Single Mission One-->
  416.                             <!--Start Single Mission One-->
  417.                             <div class="col-xl-4 col-lg-4 wow flipInY" data-wow-delay="300ms" data-wow-duration="1500ms">
  418.                                 <a href="{{path('site-internet')}}">
  419.                                     <div class="mission-one__single text-center">
  420.                                         <div class="mission-one__single-img">
  421.                                                                                         <picture>
  422.                                               <source srcset="/assets/images/home/illustrations-220x200/site-internet.webp" type="image/webp">
  423.                                               <img src="/assets/images/home/illustrations-220x200/site-internet.png" alt="Site Internet"/>
  424.                                             </picture>
  425.                                         </div>
  426.                                         <div class="mission-one__single-content">
  427.                                             <h2 class="mission-one__single-content-title">
  428.                                                 Site Internet
  429.                                             </h2>
  430.                                             <p class="mission-one__single-content-text">Rassurons vos clients avec un site qui vous ressemble.
  431.                                             </p>
  432.                                         </div>
  433.                                     </div>
  434.                                 </a>
  435.                             </div>
  436.                             <!--End Single Mission One-->
  438.                             <!--Start Single Mission One-->
  439.                             <div class="col-xl-4 col-lg-4 wow flipInY" data-wow-delay="600ms" data-wow-duration="1500ms">
  440.                                 <a href="{{path('visibilite')}}">
  441.                                     <div class="mission-one__single text-center">
  442.                                         <div class="mission-one__single-img">
  443.                                                                                         <picture>
  444.                                               <source srcset="/assets/images/home/illustrations-220x200/visibilite.webp" type="image/webp">
  445.                                               <img src="/assets/images/home/illustrations-220x200/visibilite.png" alt="Visibilité"/>
  446.                                             </picture>
  447.                                         </div>
  448.                                         <div class="mission-one__single-content">
  449.                                             <h2 class="mission-one__single-content-title">
  450.                                                 Visibilité sur Internet
  451.                                             </h2>
  452.                                             <p class="mission-one__single-content-text">Trouvons des clients qui correspondent à votre image.</p>
  453.                                         </div>
  454.                                     </div>
  455.                                 </a>
  456.                             </div>
  457.                             <!--End Single Mission One-->
  459.                             <!--Start Single Mission One-->
  460.                             <div class="col-xl-4 col-lg-4 wow flipInY" data-wow-delay="300ms" data-wow-duration="1500ms">
  461.                                 <a href="{{path('print')}}">
  462.                                     <div class="mission-one__single text-center">
  463.                                         <div class="mission-one__single-img">
  464.                                                                                         <picture>
  465.                                               <source srcset="/assets/images/home/illustrations-220x200/print.webp" type="image/webp">
  466.                                               <img src="/assets/images/home/illustrations-220x200/print.png" alt="Print"/>
  467.                                             </picture>
  468.                                         </div>
  469.                                         <div class="mission-one__single-content">
  470.                                             <h2 class="mission-one__single-content-title">
  471.                                                 Print
  472.                                             </h2>
  473.                                             <p class="mission-one__single-content-text">Laissons une trace durable à vos clients et prospects.</p>
  474.                                         </div>
  475.                                     </div>
  476.                                 </a>
  477.                             </div>
  478.                             <!--End Single Mission One-->
  480.                             <!--Start Single Mission One-->
  481.                             <div class="col-xl-4 col-lg-4 wow flipInY" data-wow-delay="600ms" data-wow-duration="1500ms">
  482.                                 <a href="{{path('actualite')}}">
  483.                                     <div class="mission-one__single text-center">
  484.                                         <div class="mission-one__single-img">
  485.                                                                                         <picture>
  486.                                               <source srcset="/assets/images/home/illustrations-220x200/newsletter.webp" type="image/webp">
  487.                                               <img src="/assets/images/home/illustrations-220x200/newsletter.png" alt="Newsletter"/>
  488.                                             </picture>
  489.                                         </div>
  490.                                         <div class="mission-one__single-content">
  491.                                             <h2 class="mission-one__single-content-title">
  492.                                                 Newsletter du mois
  493.                                             </h2>
  494.                                             <p class="mission-one__single-content-text">Apportons de l’information pertinente à vos clients</p>
  495.                                         </div>
  496.                                     </div>
  497.                                 </a>
  498.                             </div>
  499.                             <!--End Single Mission One-->
  502.                             <!--Start Single Mission One-->
  503.                             <div class="col-xl-4 col-lg-4 wow flipInY" data-wow-delay="600ms" data-wow-duration="1500ms">
  504.                                 <a href="{{path('simulateur')}}">
  505.                                     <div class="mission-one__single text-center">
  506.                                         <div class="mission-one__single-img">
  507.                                                                                         <picture>
  508.                                               <source srcset="/assets/images/home/illustrations-220x200/simulateur.webp" type="image/webp">
  509.                                               <img src="/assets/images/home/illustrations-220x200/simulateur.png" alt="Simulateur"/>
  510.                                             </picture>
  511.                                         </div>
  512.                                         <div class="mission-one__single-content">
  513.                                             <h2 class="mission-one__single-content-title">
  514.                                                 Simulateur
  515.                                             </h2>
  516.                                             <p class="mission-one__single-content-text">Aidons vos clients à se projeter dans leur activité.</p>
  517.                                         </div>
  518.                                     </div>
  519.                                 </a>
  520.                             </div>
  521.                             <!--End Single Mission One-->
  523.                         </div>
  524.                     </div>
  525.                 </div>
  526.             </div>
  527.         </div>
  528.     </section>
  529.     <!--Mission One End-->
  532. {% endblock %}