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

Open in your IDE?
  1. {% extends 'front/base.html.twig' %}
  3. {% block title %}Webgiciel - Avez-vous besoin d'une page spécialement conçue pour guider les visiteurs vers une action précise ?{% endblock %}
  4. {% block description %}Question 3 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 3
  63.                     </h4>
  65.                     <h1>
  66.                         Avez-vous besoin d'une page spécialement conçue <br>
  67.                         pour guider les visiteurs vers une action précise ? 
  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.                                 En marketing, on appelle cela une landing page. <br>
  74.                                 C'est une page web conçue dans le but spécifique de convertir les visiteurs en prospects ou clients potentiels. <br>
  75.                                 Elle sert de point d'entrée pour les utilisateurs arrivant sur votre site web à partir de différentes sources telles que les publicités en ligne, 
  76.                                 les campagnes d'email marketing ou les médias sociaux. <br>
  77.                                 Cette page est optimisée pour une action spécifique, telle que remplir un formulaire de contact, télécharger un ebook, ou effectuer un achat. <br>
  78.                                 Elle offre une expérience utilisateur ciblée et claire, avec un contenu persuasif et des appels à l'action bien définis pour encourager les visiteurs 
  79.                                 à franchir cette étape cruciale.
  80.                             </p>
  81.                         </div>
  82.                     </div>
  84.                     <div class="col-12 mt-4 mb-5" style="text-align:center;">
  85.                         <a href="{{ path('front_produit_landingpage', {test: 'ok'}) }}" class="btnRound" style="margin-right:35px;">OUI</a>
  86.                         <a href="{{ path('front_test4') }}" class="btnRound">NON</a>
  87.                     </div>
  88.                 </div>
  91.             </div>
  92.         </div>
  96.         {# include "front/elements/services.html.twig" #}
  98.         {# include "front/elements/features.html.twig" #}
  100.         {# include "front/elements/portfolio.html.twig" #}
  102.         {# include "front/elements/team.html.twig" #}
  104.         {# include "front/elements/pricing.html.twig" #}
  106.         {# include "front/elements/faq.html.twig" #}
  108.         {# include "front/elements/contact.html.twig" #}
  110.     </main>
  111.     <!-- fin main -->
  116.     {% include "front/cases/footer.html.twig" %}
  119.     <!-- myModal -->
  120.     <div class="modal modal-lg fade" id="myModal" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true">
  121.         <div class="modal-dialog modal-dialog-centered">
  122.             <div class="modal-content">
  126.             </div>
  127.         </div>
  128.     </div>
  135. {% endblock %}
  138. {% block javascripts %}
  140.     {% include "cookies/js/consentement.js" %}
  142. {% endblock %}