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">                        <picture>
  201.                           <source srcset="/assets/images/shapes/testimonial-v2-shape1.webp" type="image/webp">
  202.                           <img src="/assets/images/shapes/testimonial-v2-shape1.png" alt="lagence expert"/>
  203.                         </picture></div>
  204.                         <div
  205.                             class="row">
  206.                             <!--Start Testimonial Two Left-->
  207.                             <div class="col-xl-7">
  208.                                 <div class="testimonial-two__left">
  209.                                     <div class="icon">
  210.                                         <div class="shape1"></div>
  211.                                         <span class="testi-qoute-icon"></span>
  212.                                     </div>
  213.                                     <div class="section-title" data-aos="zoom-in">
  214.                                         <h2 class="section-title__title">Les avis client</h2>
  215.                                         <p class="section-title__text">Merci à nos clients de nous faire confiance
  216.                                             <br>
  217.                                             depuis 2008, vous avez fait le bon choix !
  218.                                         </p>
  219.                                     </div>
  220.                                 </div>
  221.                             </div>
  222.                             <!--End Testimonial Two Left-->
  224.                             <!--Start Testimonial Two Right-->
  225.                             <div class="col-xl-5">
  226.                                 <div
  227.                                     class="testimonial-two__right">
  228.                                     <!--Start Single Testimonial One-->
  229.                                     <div class="testimonial-one__single wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
  230.                                         <div class="testimonial-one__single-img">
  231.                                                                                         <picture>
  232.                                               <source srcset="{{ asset('/assets/images/avis-clients/avis-client-aac.webp') }}" type="image/webp">
  233.                                               <img src="{{ asset('/assets/images/avis-clients/avis-client-aac.png') }}" alt="lagence expert"/>
  234.                                             </picture>
  235.                                         </div>
  236.                                         <div class="client-info">
  237.                                             <h3>AAC</h3>
  238.                                             <p>by Isabelle</p>
  239.                                             <div class="rating">
  240.                                                 <span class="star"><i class="bi bi-star-fill"></i></span>
  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.                                             </div>
  246.                                         </div>
  247.                                         <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.
  248.                                         </p>
  249.                                     </div>
  250.                                     <!--End Single Testimonial One-->
  252.                                     <!--Start Single Testimonial One-->
  253.                                     <div class="testimonial-one__single mar-left wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
  254.                                         <div class="testimonial-one__single-img">
  255.                                                                                         <picture>
  256.                                               <source srcset="{{ asset('/assets/images/avis-clients/avis-client-gca.webp') }}" type="image/webp">
  257.                                               <img src="{{ asset('/assets/images/avis-clients/avis-client-gca.png') }}" alt="lagence expert"/>
  258.                                             </picture>
  259.                                         </div>
  260.                                         <div class="client-info">
  261.                                             <h3>GCA Expertise Comptable</h3>
  262.                                             <p>by Gisèle</p>
  263.                                             <div class="rating">
  264.                                                 <span class="star"><i class="bi bi-star-fill"></i></span>
  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.                                             </div>
  270.                                         </div>
  271.                                         <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.
  272.                                         </p>
  273.                                     </div>
  274.                                     <!--End Single Testimonial One-->
  275.                                 </div>
  276.                             </div>
  277.                             <!--End Testimonial Two Right-->
  278.                         </div>
  279.                     </div>
  280.                 </div>
  281.             </div>
  282.         </div>
  283.     </section>
  284.     <!--Testimonial Two End-->
  287.     <!--Start Contact One-->
  288.     <section id="contact" class="contact-one">
  289.         <div class="container">
  290.             <div
  291.                 class="row">
  292.                 <!--Start Contact One Contant-->
  293.                 <div class="col-xl-6 col-lg-7">
  294.                     <div class="contact-one__content">
  295.                         <div class="section-title" data-aos="zoom-in">
  296.                             <span class="section-title__tagline line-none">RENCONTRONS-NOUS</span>
  297.                             <h2 class="section-title__title">Vous avez des questions pour développer la communication de votre
  298.                                 <span>cabinet ?</span>
  299.                             </h2>
  300.                         </div>
  301.                         <p class="contact-one__content-text">Rudy votre interlocuteur privilégié
  302.                                                                                                                                                                                                     vous accompagne et vous conseille !</p>
  303.                         <div class="advice-box">
  304.                             <p class="sous-titre-green">PRENONS RENDEZ-VOUS !</p>
  305.                         </div>
  306.                     </div>
  307.                 </div>
  308.                 <!--End Contact One Contant-->
  310.                 <!--Start Contact One Form Box-->
  311.                 <div class="col-xl-6 col-lg-5" data-aos="fade-left">
  312.                     <div class="contact-one__form-box wow slideInRight" data-wow-delay="100ms" data-wow-duration="2500ms">
  313.                         <div class="contact-one__form">
  314.                             <div class="title-box">
  315.                                 <h2>Audit OFFERT !</h2>
  316.                             </div>
  317.                             <div class="form-box">
  318.                                 {{ form_start(form_contact) }}
  319.                                 {{ form_row(form_contact.page, { "value" : title }) }}
  321.                                 {{ form_widget(form_contact) }}
  323.                                 <button type="submit" class="thm-btn contact-one__form-box__btn" formnovalidate>Envoyer</button>
  325.                                 {{ form_end(form_contact) }}
  326.                             </div>
  327.                         </div>
  328.                     </div>
  329.                 </div>
  330.                 <!--End Contact One Form Box-->
  331.             </div>
  332.         </div>
  333.     </section>
  334.     <!--End Contact One-->
  337.     <!--Blog One Start-->
  338.     <section class="blog-one">
  339.         <div class="container">
  340.             <div class="section-title text-center">
  341.                 <span class="section-title__tagline">Conseils & Astuces</span>
  342.                 <h2 class="section-title__title">lagence.expert</h2>
  343.                 <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>
  344.             </div>
  345.             <div class="row">
  346.                 <div class="col-xl-12">
  347.                     <div class="blog-one__wrapper">
  348.                         <div
  349.                             class="owl-carousel owl-theme blog">
  350.                             <!--End Single Blog One-->
  351.                             {% for blog in blogs %}
  352.                                 <div class="wow fadeInLeft" data-wow-delay="600ms" data-wow-duration="1500ms">
  353.                                     <div class="blog-one__single">
  354.                                         <div class="blog-one__single-img">
  355.                                             <img src="/uploads/blogs/images/{{ blog.imageName }}" alt="lagence expert"/>
  356.                                         </div>
  357.                                         <div class="blog-one__single-content">
  359.                                             <h2 class="blog-one__single-content-title">
  360.                                                 <a href="/blog/{{ blog.id }}">{{ blog.title }}</a>
  361.                                             </h2>
  363.                                         </div>
  364.                                     </div>
  365.                                 </div>
  366.                             {% endfor %}
  367.                         </div>
  368.                     </div>
  369.                 </div>
  370.             </div>
  371.         </div>
  372.     </section>
  373.     <!--Blog One End-->
  376.     <!--Mission One Start-->
  377.     <section class="mission-one padding">
  378.         <div class="container">
  379.             <div class="section-title text-center">
  380.                 <h2 class="section-title__title">Une stratégie de communication
  381.                     <br>à l'image de votre cabinet
  382.                 </h2>
  383.                 <p class="section-title__text">Vous êtes Expert-comptable, votre rôle et votre image évoluent. lagence.expert vous conseille et vous accompagne pour créer votre stratégie et asseoir votre nouvelle posture en tant que bras droit de vos clients.
  384.                 </p>
  385.             </div>
  386.             <div class="row">
  387.                 <div class="col-xl-12">
  388.                     <div class="mission-one__wrapper">
  389.                         <div
  390.                             class="row">
  391.                             <!--Start Single Mission One-->
  392.                             <div class="col-xl-4 col-lg-4 wow flipInY" data-wow-delay="0ms" data-wow-duration="1500ms">
  393.                                 <a href="{{path('identite-visuelle')}}">
  394.                                     <div class="mission-one__single text-center">
  395.                                         <div class="mission-one__single-img">
  396.                                                                                         <picture>
  397.                                               <source srcset="/assets/images/home/illustrations-220x200/identite-visuelle.webp" type="image/webp">
  398.                                               <img src="/assets/images/home/illustrations-220x200/identite-visuelle.png" alt="Identité Visuelle"/>
  399.                                             </picture>
  400.                                         </div>
  401.                                         <div class="mission-one__single-content">
  402.                                             <h2 class="mission-one__single-content-title">
  403.                                                 Identité visuelle
  404.                                             </h2>
  405.                                             <p class="mission-one__single-content-text">Faisons passer le bon message à vos clients avec votre image.
  406.                                             </p>
  407.                                         </div>
  408.                                     </div>
  409.                                 </a>
  410.                             </div>
  412.                             <!--End Single Mission One-->
  415.                             <!--Start Single Mission One-->
  416.                             <div class="col-xl-4 col-lg-4 wow flipInY" data-wow-delay="300ms" data-wow-duration="1500ms">
  417.                                 <a href="{{path('site-internet')}}">
  418.                                     <div class="mission-one__single text-center">
  419.                                         <div class="mission-one__single-img">
  420.                                                                                         <picture>
  421.                                               <source srcset="/assets/images/home/illustrations-220x200/site-internet.webp" type="image/webp">
  422.                                               <img src="/assets/images/home/illustrations-220x200/site-internet.png" alt="Site Internet"/>
  423.                                             </picture>
  424.                                         </div>
  425.                                         <div class="mission-one__single-content">
  426.                                             <h2 class="mission-one__single-content-title">
  427.                                                 Site Internet
  428.                                             </h2>
  429.                                             <p class="mission-one__single-content-text">Rassurons vos clients avec un site qui vous ressemble.
  430.                                             </p>
  431.                                         </div>
  432.                                     </div>
  433.                                 </a>
  434.                             </div>
  435.                             <!--End Single Mission One-->
  437.                             <!--Start Single Mission One-->
  438.                             <div class="col-xl-4 col-lg-4 wow flipInY" data-wow-delay="600ms" data-wow-duration="1500ms">
  439.                                 <a href="{{path('visibilite')}}">
  440.                                     <div class="mission-one__single text-center">
  441.                                         <div class="mission-one__single-img">
  442.                                                                                         <picture>
  443.                                               <source srcset="/assets/images/home/illustrations-220x200/visibilite.webp" type="image/webp">
  444.                                               <img src="/assets/images/home/illustrations-220x200/visibilite.png" alt="Visibilité"/>
  445.                                             </picture>
  446.                                         </div>
  447.                                         <div class="mission-one__single-content">
  448.                                             <h2 class="mission-one__single-content-title">
  449.                                                 Visibilité sur Internet
  450.                                             </h2>
  451.                                             <p class="mission-one__single-content-text">Trouvons des clients qui correspondent à votre image.</p>
  452.                                         </div>
  453.                                     </div>
  454.                                 </a>
  455.                             </div>
  456.                             <!--End Single Mission One-->
  458.                             <!--Start Single Mission One-->
  459.                             <div class="col-xl-4 col-lg-4 wow flipInY" data-wow-delay="300ms" data-wow-duration="1500ms">
  460.                                 <a href="{{path('print')}}">
  461.                                     <div class="mission-one__single text-center">
  462.                                         <div class="mission-one__single-img">
  463.                                                                                         <picture>
  464.                                               <source srcset="/assets/images/home/illustrations-220x200/print.webp" type="image/webp">
  465.                                               <img src="/assets/images/home/illustrations-220x200/print.png" alt="Print"/>
  466.                                             </picture>
  467.                                         </div>
  468.                                         <div class="mission-one__single-content">
  469.                                             <h2 class="mission-one__single-content-title">
  470.                                                 Print
  471.                                             </h2>
  472.                                             <p class="mission-one__single-content-text">Laissons une trace durable à vos clients et prospects.</p>
  473.                                         </div>
  474.                                     </div>
  475.                                 </a>
  476.                             </div>
  477.                             <!--End Single Mission One-->
  479.                             <!--Start Single Mission One-->
  480.                             <div class="col-xl-4 col-lg-4 wow flipInY" data-wow-delay="600ms" data-wow-duration="1500ms">
  481.                                 <a href="{{path('actualite')}}">
  482.                                     <div class="mission-one__single text-center">
  483.                                         <div class="mission-one__single-img">
  484.                                                                                         <picture>
  485.                                               <source srcset="/assets/images/home/illustrations-220x200/newsletter.webp" type="image/webp">
  486.                                               <img src="/assets/images/home/illustrations-220x200/newsletter.png" alt="Newsletter"/>
  487.                                             </picture>
  488.                                         </div>
  489.                                         <div class="mission-one__single-content">
  490.                                             <h2 class="mission-one__single-content-title">
  491.                                                 Newsletter du mois
  492.                                             </h2>
  493.                                             <p class="mission-one__single-content-text">Apportons de l’information pertinente à vos clients</p>
  494.                                         </div>
  495.                                     </div>
  496.                                 </a>
  497.                             </div>
  498.                             <!--End Single Mission One-->
  501.                             <!--Start Single Mission One-->
  502.                             <div class="col-xl-4 col-lg-4 wow flipInY" data-wow-delay="600ms" data-wow-duration="1500ms">
  503.                                 <a href="{{path('simulateur')}}">
  504.                                     <div class="mission-one__single text-center">
  505.                                         <div class="mission-one__single-img">
  506.                                                                                         <picture>
  507.                                               <source srcset="/assets/images/home/illustrations-220x200/simulateur.webp" type="image/webp">
  508.                                               <img src="/assets/images/home/illustrations-220x200/simulateur.png" alt="Simulateur"/>
  509.                                             </picture>
  510.                                         </div>
  511.                                         <div class="mission-one__single-content">
  512.                                             <h2 class="mission-one__single-content-title">
  513.                                                 Simulateur
  514.                                             </h2>
  515.                                             <p class="mission-one__single-content-text">Aidons vos clients à se projeter dans leur activité.</p>
  516.                                         </div>
  517.                                     </div>
  518.                                 </a>
  519.                             </div>
  520.                             <!--End Single Mission One-->
  522.                         </div>
  523.                     </div>
  524.                 </div>
  525.             </div>
  526.         </div>
  527.     </section>
  528.     <!--Mission One End-->
  531. {% endblock %}