templates/pages/app/service.html.twig line 1

  1. {% extends 'layout/base.html.twig' %}
  3. {% block title %}Arctriservices{% endblock %}
  5. {% block body %}
  6.     <section class="service__cover">
  10.         <div class="grid__container">
  11.             <div class="grid">
  12.                 <div class="grid--item">
  14.                     <a class="img" href="#cross_media">
  15.                         <img src="{{ asset('img/services_icons/CROSS_MEDIA.svg') }}" alt="">
  16.                     </a>
  19.                 </div>
  21.                 <div class="grid--item">
  22.                     <a class="img" href="#graphisme">
  23.                         <img src="{{ asset('img/services_icons/GRAPHISME.svg') }}" alt="">
  24.                     </a>
  26.                 </div>
  28.                 <div class="grid--item">
  29.                     <a class="img" href="#digital">
  30.                         <img src="{{ asset('img/services_icons/DATA_ANALYSIS.svg') }}" alt="">
  31.                     </a>
  33.                 </div>
  35.                 <div class="grid--item">
  36.                     <a class="img" href="#print">
  37.                         <img src="{{ asset('img/services_icons/SOCIAL_MEDIA_MANAGEMENT.svg') }}" alt="">
  38.                     </a>
  41.                 </div>
  43.                 <div class="grid--item">
  45.                     <a class="img" href="#production_audiovisuelles">
  46.                         <img src="{{ asset('img/services_icons/OPTIMISATION_SEO.svg') }}" alt="">
  47.                     </a>
  50.                 </div>
  52.                 <div class="grid--item">
  54.                     <a class="img" href="#relations_publiques">
  55.                         <img src="{{ asset('img/services_icons/RELATION_PUBLIQUE.svg') }}" alt="">
  56.                     </a>
  59.                 </div>
  61.                 <div class="grid--item">
  63.                     <a class="img" href="#publicite">
  64.                         <img src="{{ asset('img/services_icons/PUBLICITESS.svg') }}" alt="">
  65.                     </a>
  67.                 </div>
  69.                 <div class="grid--item">
  71.                     <a class="img" href="#strategies_marketing">
  72.                         <img src="{{ asset('img/services_icons/STRATEGIE_MARKETING.svg') }}" alt="">
  73.                     </a>
  75.                 </div>
  77.                 <div class="grid--item">
  78.                     <a class="img" href="#web_design">
  79.                         <img src="{{ asset('img/services_icons/WEB_DESIGN.svg') }}" alt="">
  80.                     </a>
  82.                 </div>
  85.             </div>
  86.         </div>
  88.         <div class="services_focus_text services_focus_text_1">
  89.             <h3>Où que vous <span>soyez</span>, <span>visible</span> vous serez</h3>
  91.             <p>Confiez votre communication à de <span>fins stratèges</span> </p>
  92.             <div class="services__header__icons">
  93.                 <a href=""><i class="bi bi-instagram"></i></a>
  94.                 <a href=""><i class="bi bi-linkedin"></i></a>
  95.                 <a href=""><i class="bi bi-twitter"></i></a>
  96.             </div>
  98.         </div>
  100.     </section>
  102.     <section class="services__detail_section">
  103.         <div class="services__detail" id="digital">
  104.             <div class="services__detail__box">
  105.                 <div class="hyper_title">
  106.                     <h3 ><span class="border_span border_span_left"><img src="{{ asset('img/logo_arctri_fond_dark_blue.jpg') }}" alt=""> </span> </i> Data Analysis</h3>
  107.                     <span class="border_span border_span_right"></span>
  108.                 </div>
  110.                 <div class="services__detail__box__container">
  111.                     <div class="services_text services_text_1">
  112.                         <p class="services_paragraph relief_text" >
  113.                             Nous vous offrons une large gamme de services digitaux pour vous
  114.                             aider à réussir la communication digitale de votre entreprise ou marque.
  115.                         </p>
  116.                         <ul>
  117.                             <li>Stratégie de communication digitale</li>
  118.                             <li>Création de contenu</li>
  119.                             <li>Community management & Gestion des réseaux sociaux</li>
  120.                             <li>Publicité en ligne (Google Ads, Facebook Ads et LinkedIn Ads)</li>
  121.                             <li>Optimisation de référencement</li>
  122.                             <li>Analyse de données</li>
  123.                         </ul>
  124.                     </div>
  126.                     <div class="sevices_img">
  127.                         <img src="{{ asset('img/Layer_0.jpg') }}" alt="">
  128.                         <img src="{{ asset('img/domenico-loia-EhTcC9sYXsw-unsplash.jpg') }}" alt="">
  129.                     </div>
  130.                 </div>
  131.             </div>
  132.             <div class="service__img_exemple"></div>
  134.         </div>
  136.         <div class="services__detail" id="web_design">
  137.             <div class="services__detail__box" >
  138.                 <div class="hyper_title">
  139.                     <h3 ><span class="border_span border_span_left"><img src="{{ asset('img/logo_arctri_fond_dark_blue.jpg') }}" alt=""></span></i>Web Design</h3>
  140.                     <span class="border_span border_span_right"></span>
  141.                 </div>
  143.                 <div class="services__detail__box__container">
  145.                     <div class="sevices_img">
  146.                         <img src="{{ asset('img/Layer_0.jpg') }}" alt="">
  147.                         <img src="{{ asset('img/domenico-loia-EhTcC9sYXsw-unsplash.jpg') }}" alt="">
  149.                     </div>
  151.                     <div class="services_text services_text_2">
  152.                         <p class="services_paragraph">
  153.                             Conception et développement de site web sur mesure.
  154.                         </p>
  156.                         <p class="services_paragraph">
  157.                             Nous vous assistons dans la création de votre site web
  158.                             selon les besoins et les objectifs de votre entreprise.
  159.                         </p>
  161.                         <p class="services_paragraph">
  162.                             Nos principales missions dans ce secteur seront de concevoir
  163.                             des sites web en utilisant des éléments graphiques, des outils
  164.                             de programmation et des techniques de design pour créer une expérience
  165.                             utilisateur agréable et efficace. Il englobe la création du contenu,
  166.                             la mise en page, la navigation, les visuels, les couleurs et les typographies
  167.                             pour atteindre les objectifs du site web en termes d'esthétique, de fonctionnalité
  168.                             et d'expérience utilisateur.
  169.                         </p>
  170.                     </div>
  173.                 </div>
  175.             </div>
  176.             <div class="service__img_exemple"></div>
  178.         </div>
  180.         <div class="services__detail" id="graphisme">
  181.             <div class="services__detail__box " >
  183.                 <div class="hyper_title">
  184.                     <h3 ><span class="border_span border_span_left"><img src="{{ asset('img/logo_arctri_fond_dark_blue.jpg') }}" alt=""></span></i>Graphisme</h3>
  185.                     <span class="border_span border_span_right"></span>
  186.                 </div>
  188.                 <div class="services__detail__box__container">
  189.                     <div class="services_text services_text_1">
  190.                         <p class="services_paragraph relief_text">
  191.                             Nous assurons
  192.                         </p>
  194.                         <ul>
  195.                             <li>La Conception de logotypes et d'identités visuelles</li>
  196.                             <li>La Conception d'identités visuelles</li>
  197.                             <li>La Conception de chartes graphiques</li>
  198.                             <li>La Conception de supports de communication print indoor et outdoor (cartes de visite,
  199.                                 prospectus, brochures, affiches publicitaires petits et grands formats ...)
  200.                             </li>
  201.                             <li>La Conception de supports digitaux (bannières web, newsletters, présentations)</li>
  202.                             <li>La Création d'infographies et de schémas</li>
  203.                             <li>La Conception de maquettes pour applications mobiles ou pour sites web</li>
  204.                         </ul>
  205.                     </div>
  207.                     <div class="sevices_img">
  208.                         <img src="{{ asset('img/Layer_0.jpg') }}" alt="">
  209.                         <img src="{{ asset('img/domenico-loia-EhTcC9sYXsw-unsplash.jpg') }}" alt="">
  211.                     </div>
  212.                 </div>
  213.             </div>
  214.             <div class="service__img_exemple"></div>
  216.         </div>
  218.         <div class="services__detail" id="strategies_marketing">
  219.             <div class="services__detail__box">
  221.                 <div class="hyper_title">
  222.                     <h3 ><span class="border_span border_span_left"><img src="{{ asset('img/logo_arctri_fond_dark_blue.jpg') }}" alt=""></span></i>Strategies marketing</h3>
  223.                     <span class="border_span border_span_right"></span>
  224.                 </div>
  226.                 <div class="services__detail__box__container">
  228.                     <div class="sevices_img">
  229.                         <img src="{{ asset('img/Layer_0.jpg') }}" alt="">
  230.                         <img src="{{ asset('img/domenico-loia-EhTcC9sYXsw-unsplash.jpg') }}" alt="">
  232.                     </div>
  234.                     <div class="services_text services_text_2">
  235.                         <p class="services_paragraph relief_text">
  236.                             Nous vous aidons à
  237.                         </p>
  238.                         <ul>
  239.                             <li>Comprendre le marché et la concurrence</li>
  240.                             <li>Définir les objectifs marketing </li>
  241.                             <li>Déterminer l'audience cible </li>
  242.                             <li>Élaborer le message de marque </li>
  243.                             <li>Planifier les canaux de marketing</li>
  244.                             <li>Mettre en place un plan de mesures</li>
  245.                             <li>Effectuer un Suivi et apporter des ajustements</li>
  246.                         </ul>
  247.                     </div>
  249.                 </div>
  250.             </div>
  251.             <div class="service__img_exemple"></div>
  253.         </div>
  255.         <div class="services__detail" id="cross_media">
  256.             <div class="services__detail__box">
  258.                 <div class="hyper_title">
  259.                     <h3 ><span class="border_span border_span_left"><img src="{{ asset('img/logo_arctri_fond_dark_blue.jpg') }}" alt=""></span></i>Cross Media</h3>
  260.                     <span class="border_span border_span_right"></span>
  261.                 </div>
  263.                 <div class="services__detail__box__container">
  264.                     <div class="services_text services_text_1">
  265.                         <p class="services_paragraph">
  266.                             Nous faisons la promotion de votre entreprise ou marque
  267.                             sur différents canaux médiatiques tels que la presse écrite,
  268.                             la radio, la télévision, le web et les réseaux sociaux, afin
  269.                             de vous permettre de toucher un public plus large et diversifié
  270.                             en adaptant les messages à chaque canal et en utilisant leurs spécificités
  271.                             pour optimiser l'impact de la communication.
  272.                         </p>
  273.                     </div>
  275.                     <div class="sevices_img">
  276.                         <img src="{{ asset('img/Layer_0.jpg') }}" alt="">
  277.                         <img src="{{ asset('img/domenico-loia-EhTcC9sYXsw-unsplash.jpg') }}" alt="">
  279.                     </div>
  280.                 </div>
  281.             </div>
  282.             <div class="service__img_exemple"></div>
  284.         </div>
  286.         <div class="services__detail" id="production_audiovisuelles">
  287.             <div class="services__detail__box">
  289.                 <div class="hyper_title">
  290.                     <h3 ><span class="border_span border_span_left"><img src="{{ asset('img/logo_arctri_fond_dark_blue.jpg') }}" alt=""></span></i>Optimisation de référencement</h3>
  291.                     <span class="border_span border_span_right"></span>
  292.                 </div>
  294.                 <div class="services__detail__box__container">
  296.                     <div class="sevices_img">
  297.                         <img src="{{ asset('img/Layer_0.jpg') }}" alt="">
  298.                         <img src="{{ asset('img/domenico-loia-EhTcC9sYXsw-unsplash.jpg') }}" alt="">
  300.                     </div>
  302.                     <div class="services_text services_text_2">
  303.                         <p class="services_paragraph">
  304.                             Nous nous chargeons de la réalisation de vos projets audiovisuels
  305.                             de la pré-production passant par la production et la post-production
  306.                         </p>
  308.                         <p class="services_paragraph">
  309.                             Nous vous assistons dans la production de films documentaires,
  310.                             émissions de télévision, spots publicitaires et institutionnels,
  311.                             films d'entreprise, clips musicaux d'une qualité exceptionnelle.
  312.                         </p>
  313.                         <p class="services_paragraph">
  314.                             Nous vous sortons un rendu idéal compatible à votre canal de diffusion
  315.                             (Télévision, Cinéma, Web, réseaux sociaux...)
  317.                         </p>
  319.                         <p class="services_paragraph">
  320.                             Dans ce cadre nous vous offrons une gamme complète de services,
  321.                             du développement de concept à la post-production en passant par
  322.                             la distribution du contenu final.
  323.                         </p>
  324.                     </div>
  326.                 </div>
  327.             </div>
  328.             <div class="service__img_exemple"></div>
  330.         </div>
  332.         <div class="services__detail" id="publicite">
  333.             <div class="services__detail__box">
  335.                 <div class="hyper_title">
  336.                     <h3 ><span class="border_span border_span_left"><img src="{{ asset('img/logo_arctri_fond_dark_blue.jpg') }}" alt=""></span></i>Publicité</h3>
  337.                     <span class="border_span border_span_right"></span>
  338.                 </div>
  340.                 <div class="services__detail__box__container">
  341.                     <div class="services_text services_text_1">
  342.                         <p class="services_paragraph relief_text">
  343.                             Nous assurons La publicité de vos produits et services de diverses manières, entre autres
  344.                         </p>
  345.                         <ul>
  346.                             <li>La publicité en ligne </li>
  347.                             <li>La publicité par l'objet </li>
  348.                             <li>La Publicité à la télévision/radio</li>
  349.                             <li>Imprimé/publicité physique</li>
  350.                             <li>Le street marketing  </li>
  351.                             <li>Événements sponsorisés </li>
  352.                         </ul>
  353.                     </div>
  355.                     <div class="sevices_img">
  356.                         <img src="{{ asset('img/Layer_0.jpg') }}" alt="">
  357.                         <img src="{{ asset('img/domenico-loia-EhTcC9sYXsw-unsplash.jpg') }}" alt="">
  359.                     </div>
  360.                 </div>
  361.             </div>
  362.             <div class="service__img_exemple"></div>
  364.         </div>
  366.         <div class="services__detail" id="relations_publiques">
  367.             <div class="services__detail__box">
  369.                 <div class="hyper_title">
  370.                     <h3 ><span class="border_span border_span_left"><img src="{{ asset('img/logo_arctri_fond_dark_blue.jpg') }}" alt=""></span></i>Relations publiques</h3>
  371.                     <span class="border_span border_span_right"></span>
  372.                 </div>
  374.                 <div class="services__detail__box__container">
  376.                     <div class="sevices_img">
  377.                         <img src="{{ asset('img/Layer_0.jpg') }}" alt="">
  378.                         <img src="{{ asset('img/domenico-loia-EhTcC9sYXsw-unsplash.jpg') }}" alt="">
  380.                     </div>
  382.                     <div class="services_text services_text_2">
  383.                         <p class="services_paragraph">
  384.                             En tant qu'entreprise ou marque, il est important de gérer les relations
  385.                             publiques de manière stratégique et professionnelle afin de maintenir une
  386.                             image positive auprès du public et des médias. Nous vous accompagnons dans
  387.                             toutes les étapes clés de la gestion de vos relations publiques en vous aidant à :
  388.                         </p>
  390.                         <ul>
  391.                             <li>Définir une stratégie de communication claire et cohérente avec
  392.                                 la mission de l'entreprise ou de la marque.
  393.                             </li>
  395.                             <li>Identifier les audiences cibles et les médias appropriés
  396.                             </li>
  398.                             <li>
  399.                                 Établir des relations efficaces avec les media, les influenceurs et
  400.                                 les partenaires.
  401.                             </li>
  403.                             <li>
  404.                                 Surveiller et répondre aux commentaires et critiques sur les réseaux
  405.                                 sociaux et les forums pour maintenir une bonne réputation en ligne.
  406.                             </li>
  408.                             <li>
  409.                                 Mesurer l'efficacité des efforts de relations publiques en suivant les
  410.                                 indicateurs de performance clés et en adaptant la stratégie en conséquence.
  411.                             </li>
  412.                         </ul>
  413.                     </div>
  415.                 </div>
  417.             </div>
  418.             <div class="service__img_exemple"></div>
  420.         </div>
  422.         <div class="services__detail" id="print">
  423.             <div class="services__detail__box">
  425.                 <div class="hyper_title">
  426.                     <h3 ><span class="border_span border_span_left"><img src="{{ asset('img/logo_arctri_fond_dark_blue.jpg') }}" alt=""></span></i>Social media management</h3>
  427.                     <span class="border_span border_span_right"></span>
  428.                 </div>
  430.                 <div class="services__detail__box__container">
  431.                     <div class="services_text services_text_1">
  432.                         <p class="services_paragraph">
  433.                             Confiez-nous vos impressions, tous  supports
  435.                         </p>
  436.                         <p class="services_paragraph">
  437.                             Nous vous proposons des impressions offset & numériques de très bonnes qualités.
  438.                             En fonction du support voulu et du visuel nous saurons le type d'impression adéquat
  439.                             et nous vous produirons des imprimés qualitatifs.
  440.                         </p>
  442.                         <p class="services_paragraph">
  443.                             N'hésitez donc plus, confiez nous vos impressions de goodies, de cartes de visites,
  444.                             papiers à en-tête, prospectus, chemises à rabat, plaquettes commerciales et institutionnelles,
  445.                             magazines, affiches publicitaires indoor et outdoor…
  446.                         </p>
  447.                     </div>
  449.                     <div class="sevices_img">
  450.                         <img src="{{ asset('img/Layer_0.jpg') }}" alt="">
  451.                         <img src="{{ asset('img/domenico-loia-EhTcC9sYXsw-unsplash.jpg') }}" alt="">
  453.                     </div>
  454.                 </div>
  455.             </div>
  456.             <div class="service__img_exemple"></div>
  458.         </div>
  460.         <div class="contact__two">
  461.             <div class="contact__two__box">
  462.                 <div class="contact__two__icons">
  463.                     <a href=""><i class="bi bi-instagram"></i></a>
  464.                     <a href=""><i class="bi bi-linkedin"></i></a>
  465.                     <a href=""><i class="bi bi-twitter"></i></a>
  466.                 </div>
  467.                 <div class="contact__two__header-text">
  468.                     <p>Besoin de plus de précision ?</p>
  469.                     <h2>Contactez-nous</h2>
  470.                 </div>
  472.                 <div class="contact__two__body-text">
  473.                     <p>Des questions ? Un projet ?</p>
  474.                     <p>Ecrivez-nous via le formulaire</p>
  476.                 </div>
  478.                 <div class="contact__two__btn">
  479.                     <a href="index.html">Nous-joindre</a>
  481.                 </div>
  483.             </div>
  485.         </div>
  486.     </section>
  488. {#    <section class="services__detail" id="web_design">#}
  489. {#        <div class="services__detail__box" >#}
  490. {#            <h3><span class=""><img src="{{ asset('img/logo_arctri_primary-blue-dark.svg') }}" alt=""></span>  Web Design</h3>#}
  492. {#            <div class="services__detail__box__container">#}
  494. {#                <div class="sevices_img">#}
  495. {#                    <img src="{{ asset('img/tang-yan-tMsxlBdIjg0-unsplash.jpg') }}" alt="">#}
  496. {#                    <img src="{{ asset('img/domenico-loia-EhTcC9sYXsw-unsplash.jpg') }}" alt="">#}
  498. {#                </div>#}
  500. {#                <div class="services_text services_text_2">#}
  501. {#                    <p class="services_paragraph">#}
  502. {#                        Conception et développement de site web sur mesure.#}
  503. {#                    </p>#}
  505. {#                    <p class="services_paragraph">#}
  506. {#                        Nous vous assistons dans la création de votre site web#}
  507. {#                        selon les besoins et les objectifs de votre entreprise.#}
  508. {#                    </p>#}
  510. {#                    <p class="services_paragraph">#}
  511. {#                        Nos principales missions dans ce secteur seront de concevoir#}
  512. {#                        des sites web en utilisant des éléments graphiques, des outils#}
  513. {#                        de programmation et des techniques de design pour créer une expérience#}
  514. {#                        utilisateur agréable et efficace. Il englobe la création du contenu,#}
  515. {#                        la mise en page, la navigation, les visuels, les couleurs et les typographies#}
  516. {#                        pour atteindre les objectifs du site web en termes d'esthétique, de fonctionnalité#}
  517. {#                        et d'expérience utilisateur.#}
  518. {#                    </p>#}
  519. {#                </div>#}
  522. {#            </div>#}
  524. {#        </div>#}
  525. {#        <div class="service__img_exemple"></div>#}
  527. {#    </section>#}
  529. {#    <section class="services__detail" id="graphisme">#}
  530. {#        <div class="services__detail__box " >#}
  531. {#            <h3><span class=""><img src="{{ asset('img/logo_arctri_primary-blue-dark.svg') }}" alt=""></span></i> Graphisme</h3>#}
  533. {#            <div class="services__detail__box__container">#}
  534. {#                <div class="services_text services_text_1">#}
  535. {#                    <p class="services_paragraph">#}
  536. {#                        Nous assurons#}
  537. {#                    </p>#}
  539. {#                    <ul>#}
  540. {#                        <li>La Conception de logotypes et d'identités visuelles</li>#}
  541. {#                        <li>La Conception d'identités visuelles</li>#}
  542. {#                        <li>La Conception de chartes graphiques</li>#}
  543. {#                        <li>La Conception de supports de communication print indoor et outdoor (cartes de visite,#}
  544. {#                            prospectus, brochures, affiches publicitaires petits et grands formats ...)#}
  545. {#                        </li>#}
  546. {#                        <li>La Conception de supports digitaux (bannières web, newsletters, présentations)</li>#}
  547. {#                        <li>La Création d'infographies et de schémas</li>#}
  548. {#                        <li>La Conception de maquettes pour applications mobiles ou pour sites web</li>#}
  549. {#                    </ul>#}
  550. {#                </div>#}
  552. {#                <div class="sevices_img">#}
  553. {#                    <img src="{{ asset('img/tang-yan-tMsxlBdIjg0-unsplash.jpg') }}" alt="">#}
  554. {#                    <img src="{{ asset('img/domenico-loia-EhTcC9sYXsw-unsplash.jpg') }}" alt="">#}
  556. {#                </div>#}
  557. {#            </div>#}
  558. {#        </div>#}
  559. {#        <div class="service__img_exemple"></div>#}
  561. {#    </section>#}
  563. {#    <section class="services__detail" id="strategies_marketing">#}
  564. {#        <div class="services__detail__box">#}
  565. {#            <h3><span class=""><img src="{{ asset('img/logo_arctri_primary-blue-dark.svg') }}" alt=""></span> Strategies marketing</h3>#}
  567. {#            <div class="services__detail__box__container">#}
  569. {#                <div class="sevices_img">#}
  570. {#                    <img src="{{ asset('img/tang-yan-tMsxlBdIjg0-unsplash.jpg') }}" alt="">#}
  571. {#                    <img src="{{ asset('img/domenico-loia-EhTcC9sYXsw-unsplash.jpg') }}" alt="">#}
  573. {#                </div>#}
  575. {#                <div class="services_text services_text_2">#}
  576. {#                    <p class="services_paragraph">#}
  577. {#                        Nous vous aidons à#}
  578. {#                    </p>#}
  579. {#                    <ul>#}
  580. {#                        <li>Comprendre le marché et la concurrence</li>#}
  581. {#                        <li>Définir les objectifs marketing </li>#}
  582. {#                        <li>Déterminer l'audience cible </li>#}
  583. {#                        <li>Élaborer le message de marque </li>#}
  584. {#                        <li>Planifier les canaux de marketing</li>#}
  585. {#                        <li>Mettre en place un plan de mesures</li>#}
  586. {#                        <li>Effectuer un Suivi et apporter des ajustements</li>#}
  587. {#                    </ul>#}
  588. {#                </div>#}
  590. {#            </div>#}
  591. {#        </div>#}
  592. {#        <div class="service__img_exemple"></div>#}
  594. {#    </section>#}
  596. {#    <section class="services__detail" id="cross_media">#}
  597. {#        <div class="services__detail__box">#}
  598. {#            <h3><span class=""><img src="{{ asset('img/logo_arctri_primary-blue-dark.svg') }}" alt=""></span> Cross Media</h3>#}
  600. {#            <div class="services__detail__box__container">#}
  601. {#                <div class="services_text services_text_1">#}
  602. {#                    <p class="services_paragraph">#}
  603. {#                        Nous faisons la promotion de votre entreprise ou marque#}
  604. {#                        sur différents canaux médiatiques tels que la presse écrite,#}
  605. {#                        la radio, la télévision, le web et les réseaux sociaux, afin#}
  606. {#                        de vous permettre de toucher un public plus large et diversifié#}
  607. {#                        en adaptant les messages à chaque canal et en utilisant leurs spécificités#}
  608. {#                        pour optimiser l'impact de la communication.#}
  609. {#                    </p>#}
  610. {#                </div>#}
  612. {#                <div class="sevices_img">#}
  613. {#                    <img src="{{ asset('img/tang-yan-tMsxlBdIjg0-unsplash.jpg') }}" alt="">#}
  614. {#                    <img src="{{ asset('img/domenico-loia-EhTcC9sYXsw-unsplash.jpg') }}" alt="">#}
  616. {#                </div>#}
  617. {#            </div>#}
  618. {#        </div>#}
  619. {#        <div class="service__img_exemple"></div>#}
  621. {#    </section>#}
  623. {#    <section class="services__detail" id="production_audiovisuelles">#}
  624. {#        <div class="services__detail__box">#}
  625. {#            <h3><span class=""><img src="{{ asset('img/logo_arctri_primary-blue-dark.svg') }}" alt=""></span> Production audiovisuelles</h3>#}
  627. {#            <div class="services__detail__box__container">#}
  629. {#                <div class="sevices_img">#}
  630. {#                    <img src="{{ asset('img/tang-yan-tMsxlBdIjg0-unsplash.jpg') }}" alt="">#}
  631. {#                    <img src="{{ asset('img/domenico-loia-EhTcC9sYXsw-unsplash.jpg') }}" alt="">#}
  633. {#                </div>#}
  635. {#                <div class="services_text services_text_2">#}
  636. {#                    <p class="services_paragraph">#}
  637. {#                        Nous nous chargeons de la réalisation de vos projets audiovisuels#}
  638. {#                        de la pré-production passant par la production et la post-production#}
  639. {#                    </p>#}
  641. {#                    <p class="services_paragraph">#}
  642. {#                        Nous vous assistons dans la production de films documentaires,#}
  643. {#                        émissions de télévision, spots publicitaires et institutionnels,#}
  644. {#                        films d'entreprise, clips musicaux d'une qualité exceptionnelle.#}
  645. {#                    </p>#}
  646. {#                    <p class="services_paragraph">#}
  647. {#                        Nous vous sortons un rendu idéal compatible à votre canal de diffusion#}
  648. {#                        (Télévision, Cinéma, Web, réseaux sociaux...)#}
  650. {#                    </p>#}
  652. {#                    <p class="services_paragraph">#}
  653. {#                        Dans ce cadre nous vous offrons une gamme complète de services,#}
  654. {#                        du développement de concept à la post-production en passant par#}
  655. {#                        la distribution du contenu final.#}
  656. {#                    </p>#}
  657. {#                </div>#}
  659. {#            </div>#}
  660. {#        </div>#}
  661. {#        <div class="service__img_exemple"></div>#}
  663. {#    </section>#}
  665. {#    <section class="services__detail" id="publicite">#}
  666. {#        <div class="services__detail__box">#}
  667. {#            <h3><span class=""><img src="{{ asset('img/logo_arctri_primary-blue-dark.svg') }}" alt=""></span> Publicité</h3>#}
  669. {#            <div class="services__detail__box__container">#}
  670. {#                <div class="services_text services_text_1">#}
  671. {#                    <p class="services_paragraph">#}
  672. {#                        Nous assurons La publicité de vos produits et services de diverses manières, entre autres#}
  673. {#                    </p>#}
  674. {#                    <ul>#}
  675. {#                        <li>La publicité en ligne </li>#}
  676. {#                        <li>La publicité par l'objet </li>#}
  677. {#                        <li>La Publicité à la télévision/radio</li>#}
  678. {#                        <li>Imprimé/publicité physique</li>#}
  679. {#                        <li>Le street marketing  </li>#}
  680. {#                        <li>Événements sponsorisés </li>#}
  681. {#                    </ul>#}
  682. {#                </div>#}
  684. {#                <div class="sevices_img">#}
  685. {#                    <img src="{{ asset('img/tang-yan-tMsxlBdIjg0-unsplash.jpg') }}" alt="">#}
  686. {#                    <img src="{{ asset('img/domenico-loia-EhTcC9sYXsw-unsplash.jpg') }}" alt="">#}
  688. {#                </div>#}
  689. {#            </div>#}
  690. {#        </div>#}
  691. {#        <div class="service__img_exemple"></div>#}
  693. {#    </section>#}
  695. {#    <section class="services__detail" id="relations_publiques">#}
  696. {#        <div class="services__detail__box">#}
  697. {#            <h3><span class=""><img src="{{ asset('img/logo_arctri_primary-blue-dark.svg') }}" alt=""></span> Relations publiques</h3>#}
  699. {#            <div class="services__detail__box__container">#}
  701. {#                <div class="sevices_img">#}
  702. {#                    <img src="{{ asset('img/tang-yan-tMsxlBdIjg0-unsplash.jpg') }}" alt="">#}
  703. {#                    <img src="{{ asset('img/domenico-loia-EhTcC9sYXsw-unsplash.jpg') }}" alt="">#}
  705. {#                </div>#}
  707. {#                <div class="services_text services_text_2">#}
  708. {#                    <p class="services_paragraph">#}
  709. {#                        En tant qu'entreprise ou marque, il est important de gérer les relations#}
  710. {#                        publiques de manière stratégique et professionnelle afin de maintenir une#}
  711. {#                        image positive auprès du public et des médias. Nous vous accompagnons dans#}
  712. {#                        toutes les étapes clés de la gestion de vos relations publiques en vous aidant à :#}
  713. {#                    </p>#}
  715. {#                    <ul>#}
  716. {#                        <li>Définir une stratégie de communication claire et cohérente avec#}
  717. {#                            la mission de l'entreprise ou de la marque.#}
  718. {#                        </li>#}
  720. {#                        <li>Identifier les audiences cibles et les médias appropriés#}
  721. {#                        </li>#}
  723. {#                        <li>#}
  724. {#                            Établir des relations efficaces avec les media, les influenceurs et#}
  725. {#                            les partenaires.#}
  726. {#                        </li>#}
  728. {#                        <li>#}
  729. {#                            Surveiller et répondre aux commentaires et critiques sur les réseaux#}
  730. {#                            sociaux et les forums pour maintenir une bonne réputation en ligne.#}
  731. {#                        </li>#}
  733. {#                        <li>#}
  734. {#                            Mesurer l'efficacité des efforts de relations publiques en suivant les#}
  735. {#                            indicateurs de performance clés et en adaptant la stratégie en conséquence.#}
  736. {#                        </li>#}
  737. {#                    </ul>#}
  738. {#                </div>#}
  740. {#            </div>#}
  742. {#        </div>#}
  743. {#        <div class="service__img_exemple"></div>#}
  745. {#    </section>#}
  747. {#    <section class="services__detail" id="print">#}
  748. {#        <div class="services__detail__box">#}
  749. {#            <h3><span class=""><img src="{{ asset('img/logo_arctri_primary-blue-dark.svg') }}" alt=""></span> Print</h3>#}
  751. {#            <div class="services__detail__box__container">#}
  752. {#                <div class="services_text services_text_1">#}
  753. {#                    <p class="services_paragraph">#}
  754. {#                        Confiez-nous vos impressions, tous  supports#}
  756. {#                    </p>#}
  757. {#                    <p class="services_paragraph">#}
  758. {#                        Nous vous proposons des impressions offset & numériques de très bonnes qualités.#}
  759. {#                        En fonction du support voulu et du visuel nous saurons le type d'impression adéquat#}
  760. {#                        et nous vous produirons des imprimés qualitatifs.#}
  761. {#                    </p>#}
  763. {#                    <p class="services_paragraph">#}
  764. {#                        N'hésitez donc plus, confiez nous vos impressions de goodies, de cartes de visites,#}
  765. {#                        papiers à en-tête, prospectus, chemises à rabat, plaquettes commerciales et institutionnelles,#}
  766. {#                        magazines, affiches publicitaires indoor et outdoor…#}
  767. {#                    </p>#}
  768. {#                </div>#}
  770. {#                <div class="sevices_img">#}
  771. {#                    <img src="{{ asset('img/tang-yan-tMsxlBdIjg0-unsplash.jpg') }}" alt="">#}
  772. {#                    <img src="{{ asset('img/domenico-loia-EhTcC9sYXsw-unsplash.jpg') }}" alt="">#}
  774. {#                </div>#}
  775. {#            </div>#}
  776. {#        </div>#}
  777. {#        <div class="service__img_exemple"></div>#}
  779. {#    </section>#}
  782. {#    <section class="contact__two">#}
  783. {#        <div class="contact__two__box">#}
  784. {#            <div class="contact__two__icons">#}
  785. {#                <a href=""><i class="bi bi-instagram"></i></a>#}
  786. {#                <a href=""><i class="bi bi-linkedin"></i></a>#}
  787. {#                <a href=""><i class="bi bi-twitter"></i></a>#}
  788. {#            </div>#}
  789. {#            <div class="contact__two__header-text">#}
  790. {#                <p>Besoin de plus de précision ?</p>#}
  791. {#                <h2>Contactez-nous</h2>#}
  792. {#            </div>#}
  794. {#            <div class="contact__two__body-text">#}
  795. {#                <p>Des questions ? Un projet ?</p>#}
  796. {#                <p>Ecrivez-nous via le formulaire</p>#}
  798. {#            </div>#}
  800. {#            <div class="contact__two__btn">#}
  801. {#                <a href="/#contact">Nous-joindre</a>#}
  803. {#            </div>#}
  805. {#        </div>#}
  807. {#    </section>#}
  809. {% endblock %}