templates/front/test/question4.html.twig line 1

Open in your IDE?
  1. {% extends 'front/base.html.twig' %}
  3. {% block title %}Webgiciel - Avez-vous besoin d'informer sur un thème ou un produit précis ?{% endblock %}
  4. {% block description %}Question 4 du test sur vos besoins numériques{% endblock %}
  5. {% block keywords %}Test{% endblock %}
  8. {% block stylesheets %}
  9.     <style>
  10.         /* Style de base pour le cookie-banner */
  11.         #cookie-banner {
  12.             display: none;
  13.             position: fixed;
  14.             bottom: 0;
  15.             left: 50%;
  16.             transform: translateX(-50%);
  17.             background-color: #f1f1f1;
  18.             padding: 15px;
  19.             box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  20.             z-index: 1000;
  21.         }
  23.         .btnRound{
  24.             color: #213b52;
  25.             border-radius: 50px;
  26.             padding: 8px 35px 10px 35px;
  27.             border: 2px solid #fdc134;
  28.             transition: all ease-in-out 0.3s;
  29.             display: inline-block;
  30.             background: #fdc134;
  31.         }
  32.         .btnRound:hover {
  33.             background: #213b52;
  34.             color: #fff;
  35.         }
  37.     </style>
  38. {% endblock %}
  42. {% block body %}
  45.     {% include "front/cases/header.html.twig" %}
  48.     <!-- début main -->
  49.     <main id="main" style="background-color:white;">
  52.         <div class="container">
  53.             <div class="row">
  55.                 <div class="col-12 mt-3" data-aos="fade-down" style="text-align:center;background-color:#213b52;border-radius:10px;color:#fdc134;padding:5px;">
  56.                     Test sur vos besoins numériques
  57.                 </div>
  59.                 <div class="col-12 mt-4 mb-4" data-aos="fade-right" style="text-align:center;">
  61.                     <h4>
  62.                         Question 4
  63.                     </h4>
  65.                     <h1>
  66.                         Avez-vous besoin d'informer <br>
  67.                         sur un thème ou un produit précis ? 
  68.                     </h1>
  70.                     <div class="row justify-content-center">
  71.                         <div class="col-xs-12 col-sm-10 col-md-8 col-lg-7 mt-4" style="text-align:justify;">
  72.                             <p>
  73.                                 Un micro-site est un site web indépendant, généralement composé d'une page, conçu dans un but spécifique et distinct de celui du site web principal 
  74.                                 d'une entreprise ou d'une organisation. <br>
  75.                                 Son utilité réside dans sa capacité à fournir une expérience ciblée et concentrée sur un objectif précis, tel que le lancement d'un produit, 
  76.                                 la promotion d'un événement, ou la collecte de données pour une campagne marketing. <br>
  77.                                 Les micro-sites offrent une flexibilité et une créativité accrues dans la conception et la mise en œuvre de contenu et de fonctionnalités, 
  78.                                 permettant aux entreprises de communiquer efficacement avec leur public cible sur des sujets spécifiques tout en maintenant une cohérence avec leur marque principale.
  79.                             </p>
  80.                         </div>
  81.                     </div>
  83.                     <div class="col-12 mt-4 mb-5" style="text-align:center;">
  84.                         <a href="{{ path('front_produit_microsite', {test: 'ok'}) }}" class="btnRound" style="margin-right:35px;">OUI</a>
  85.                         <a href="{{ path('front_test5') }}" class="btnRound">NON</a>
  86.                     </div>
  87.                 </div>
  90.             </div>
  91.         </div>
  95.         {# include "front/elements/services.html.twig" #}
  97.         {# include "front/elements/features.html.twig" #}
  99.         {# include "front/elements/portfolio.html.twig" #}
  101.         {# include "front/elements/team.html.twig" #}
  103.         {# include "front/elements/pricing.html.twig" #}
  105.         {# include "front/elements/faq.html.twig" #}
  107.         {# include "front/elements/contact.html.twig" #}
  109.     </main>
  110.     <!-- fin main -->
  115.     {% include "front/cases/footer.html.twig" %}
  118.     <!-- myModal -->
  119.     <div class="modal modal-lg fade" id="myModal" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true">
  120.         <div class="modal-dialog modal-dialog-centered">
  121.             <div class="modal-content">
  125.             </div>
  126.         </div>
  127.     </div>
  134. {% endblock %}
  137. {% block javascripts %}
  139.     {% include "cookies/js/consentement.js" %}
  141. {% endblock %}