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

Open in your IDE?
  1. {% extends 'front/base.html.twig' %}
  3. {% block title %}Webgiciel - Avez-vous besoin d'une application pour vos clients ?{% endblock %}
  4. {% block description %}Question 1 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.         }
  24.     </style>
  25. {% endblock %}
  29. {% block body %}
  32.     {% include "front/cases/header.html.twig" %}
  35.     <!-- début main -->
  36.     <main id="main" style="background-color:white;">
  39.         <div class="container">
  40.             <div class="row">
  42.                 <div class="col-12 mt-3" data-aos="fade-down" style="text-align:center;background-color:#213b52;border-radius:10px;color:#fdc134;padding:5px;">
  43.                     Test sur vos besoins numériques
  44.                 </div>
  46.                 <div class="col-12 mt-5" data-aos="fade-left" style="text-align:center;">
  47.                     <h4>Question 1</h4>
  48.                 </div>
  50.                 <div class="col-12 mt-2 mb-4" data-aos="fade-right" style="text-align:center;">
  51.                     <h1>
  52.                         Avez-vous besoin d'une application pour vos clients ? 
  53.                     </h1>
  55.                     <div class="row justify-content-center">
  56.                         <div class="col-xs-12 col-sm-10 col-md-8 col-lg-7 mt-4" style="text-align:justify;">
  57.                             <p>
  58.                                 Une application est un logiciel conçu pour fonctionner sur des appareils mobiles <br>
  59.                                 tels que les smartphones et les tablettes. <br>
  60.                                 Elle offre une interface conviviale permettant à vos clients d'accéder facilement à vos services, <br>
  61.                                 de passer des commandes, de consulter des informations pertinentes et bien plus encore. 
  62.                             </p>
  63.                         </div>
  64.                     </div>
  66.                     <div class="col-12 mt-4 mb-5" style="text-align:center;">
  67.                         <a href="{{ path('front_produit_application', {test: 'ok'}) }}" class="btnRound" style="margin-right:35px;">OUI</a>
  68.                         <a href="{{ path('front_test2') }}" class="btnRound">NON</a>
  69.                     </div>
  70.                 </div>
  73.             </div>
  74.         </div>
  78.         {# include "front/elements/services.html.twig" #}
  80.         {# include "front/elements/features.html.twig" #}
  82.         {# include "front/elements/portfolio.html.twig" #}
  84.         {# include "front/elements/team.html.twig" #}
  86.         {# include "front/elements/pricing.html.twig" #}
  88.         {# include "front/elements/faq.html.twig" #}
  90.         {# include "front/elements/contact.html.twig" #}
  92.     </main>
  93.     <!-- fin main -->
  98.     {% include "front/cases/footer.html.twig" %}
  101.     <!-- myModal -->
  102.     <div class="modal modal-lg fade" id="myModal" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true">
  103.         <div class="modal-dialog modal-dialog-centered">
  104.             <div class="modal-content">
  108.             </div>
  109.         </div>
  110.     </div>
  117. {% endblock %}
  120. {% block javascripts %}
  122.     {% include "cookies/js/consentement.js" %}
  124. {% endblock %}