templates/cita/home.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Cambio de Imagen GLS{% endblock %}
  4. {% block stlylesheets %}
  5.     <style>
  6.         body{
  7.             font-family:verdana !important;
  8.         }
  9.     </style>
  11. {% endblock %}
  12. {% block body %}
  13.     <section class="cabecera">
  14.         <div class="" style="max-width:9999px !Important;">
  15.             <div class="row align-items-center col-md-12 m-0">
  16.                 <div class="col-lg-6 order-lg-1 col-lg-12 contenedor-cabecera p-0" style="align-items:flex-end">
  17.                     <div class="p-2 d-flex" style="justify-content:end !important;">
  18.                         <div class="col-lg-4 col-md-6 col-sm-12 p-5 contenedor-texto">
  19.                             <h3 class="display-4 titulo" style="font-size:1.4rem !important;">Ha llegado el momento que tanto estabais esperando:</h3>
  20.                             <p style="text-align:left">
  21.                                 ¡Empieza la rotulación de nuestra flota de vehículos!
  22.                                 <ul>
  23.                                     <li>Pide tu cita</li>
  24.                                     <li>Lleva tu furgoneta, furgón, camión o tráiler.
  25.                                     <li>Empieza a circular con la nueva imagen de GLS</li>
  26.                                 </ul>
  27.                             </p>
  28.                         </div>
  29.                     </div>
  30.                 </div>
  31.             </div>
  32.         </div>
  33.     </section>
  34.     <section class="imagen-1-banner">
  35.         <div class="" style="max-width:9999px !Important;">
  36.             <div class="row align-items-center col-md-12">
  37.                 <div class="col-lg-6 order-lg-1 col-lg-12 contenedor-cabecera" style="align-items:flex-end">
  38.                     <div class="p-2 d-flex" style="justify-content:end !important;"></div>
  39.                 </div>
  40.             </div>
  41.         </div>
  42.     </section>
  43.     <section class="seccion1">
  44.         <div class="" style="max-width:9999px !Important;">
  45.             <div class="row align-items-center">
  46.                 <div class="col-lg-6 order-lg-1 contenedor-informacion">
  47.                     <div class="p-3">
  48.                         <h3 class="display-4 titulo" style="font-size:1.4rem !important;">¿Por qué debes dejar en nuestras manos el cambio de imagen?</h3>
  49.                         <p style="width:90%">
  50.                             <ul>
  51.                                 <li>Garantizamos la máxima calidad en la impresión e instalación de los vinilos.</li>
  52.                                 <li>100% acorde a la imagen corporativa implementada por el Grupo GLS.</li>
  53.                                 <li>Evitarás sorpresas con otros proveedores y tendrás la seguridad de que la imagen es la adecuada <br/>según el manual de imagen corporativo oficial.</li>
  54.                             </ul>
  55.                         </p>
  57.                         <h3 class="display-4 titulo" style="font-size:1.4rem !important;">Ponemos a tu disposición:</h3>
  58.                         <p style="width:90%">
  59.                             <ul>
  60.                                 <li>28 centros, distribuidos por todo el país</li>
  61.                                 <li>Más de 80 operarios para la instalación</li>
  62.                                 <li>Centros con una capacidad de rotulación de más de 500 vehículos al día</li>
  63.                                 <li>Posibilidad de implantar más 2000 m2 de vinilo diario</li>
  64.                             </ul>
  65.                         </p>
  66.                     </div>
  67.                     
  68.                     <div class="p-2" style="text-align:center;"><a class="btn btn-primary btn-grande solicitar-cita" role="button" style="border-color:#0113b3 !important;">Solicitar Cita</a></div>
  69.                 </div>
  70.             </div>
  71.         </div>
  72.     </section>
  73.     <section class="imagen-2-banner">
  74.         <div class="" style="max-width:9999px !Important;">
  75.             <div class="row align-items-center col-md-12">
  76.                 <div class="col-lg-6 order-lg-1 col-lg-12 contenedor-cabecera" style="align-items:flex-end">
  77.                     <div class="p-2 d-flex" style="justify-content:end !important;"></div>
  78.                 </div>
  79.             </div>
  80.         </div>
  81.     </section>
  82.     <section class="seccion2">
  83.         <div class="" style="max-width:9999px !Important;">
  84.             <div class="row align-items-center" style="justify-content:flex-end !important">
  85.                 <div class="col-lg-6 order-lg-1 contenedor-informacion-2">
  86.                     <div class="p-3" style="margin-left:10%;">
  87.                         <h3 class="display-4 titulo" style="font-size:1.4rem !important;">¡Empieza ahora!</h3>
  88.                         <p style="width:90%">
  89.                             Regístrate
  90.                             <ul>
  91.                                 <li>Pide cita en uno de los 28 centros que ponemos a tu disposición</li>
  92.                                 <li>Rellena el formulario y envíalo</li>
  93.                             </ul>
  94.                             Cuando acudas a la cita:
  95.                             <ul>
  96.                                 <li>Lleva tú vehículo sin vinilos ni pegatinas.</li>
  97.                                 <li>Límpialo y, a ser posible, llévalo sin golpes o abolladuras. </li>
  98.                             </ul>
  99.                             En apenas unas horas, lucirá la nueva imagen de GLS
  100.                         </p>
  101.                     </div>
  102.                     <div class="p-2" style="text-align:center;"><a class="btn btn-primary btn-grande solicitar-cita" role="button">Solicitar Cita</a></div>
  103.                 </div>
  104.             </div>
  105.         </div>
  106.     </section>
  108. {% endblock %}
  110. {% block javascripts %}
  111.     <script>
  112.         $(document).ready(function(){
  114.      
  115.             {% if loginerror == 1 or loginerror == 2 or loginerror == 4 or loginerror == 5 %}
  116.                 $("#modal-login").modal("show");
  117.             {% endif %}
  121.             {% if loginerror == 3 %}
  122.                $("#modal-cambio-clave").modal("show");
  123.             {% endif %}
  125.             //Comprobacion que coincidan las claves en cambiar clave
  126.             $("#formulario_cambiar_clave").on("submit",function(){
  127.                 
  128.                 if($("#formulario_cambiar_clave #clave_1").val()!=$("#formulario_cambiar_clave #clave_2").val()){
  129.                     alert("Las claves deben coincidir");
  130.                     return false;
  131.                 }
  132.             })
  134.             //Comprobacion que coincidan las claves formulario de registro
  135.             $("#formulario_registro").on("submit",function(){
  136.                 
  137.                 if($("#formulario_registro #clave_1").val()!=$("#formulario_registro #clave_2").val()){
  138.                     alert("Las claves deben coincidir");
  139.                     return false;
  140.                 }
  141.             })
  143.             $(".solicitar-cita").on("click",function(){
  145.                 //si tenemos usuario,y es cliente lo reedirigimos a realizar solicitud de citas
  146.                 {% if app.user != null %}
  147.                     {% if app.user.idrol.id == 3 %}
  148.                         window.location="{{path('solicitar_cita')}}"
  149.                     {% endif %}
  150.                 {% else %}
  151.                     $("#modal-login").modal("show");
  152.                 {% endif %}
  153.                 
  154.             })
  156.         })
  157.     </script>
  158. {% endblock %}