templates/web/services.html.twig line 1

  1. {% extends 'base.html.twig' %}
  2. {% block body %}
  3.     <!-- Breadscrumb Section -->
  4.     <div class="breadcrumb-bar">
  5.         <div class="container">
  6.             <div class="row align-items-center text-center">
  7.                 <div class="col-md-12 col-12">
  8.                     <h2 class="breadcrumb-title">Servicios</h2>
  9.                     <nav aria-label="breadcrumb" class="page-breadcrumb">
  10.                         <ol class="breadcrumb">
  11.                             <li class="breadcrumb-item"><a href="{{ path("web_home") }}">Inicio</a></li>
  12.                             <li class="breadcrumb-item active" aria-current="page">Servicios</li>
  13.                         </ol>
  14.                     </nav>
  15.                 </div>
  16.             </div>
  17.         </div>
  18.     </div>
  19.     <!-- /Breadscrumb Section -->
  21.     <!-- Services Plan -->
  22.     <section class="pricing-section pricing-page pricing-section-bottom">
  23.         <div class="container">
  24.             <!-- Heading title-->
  25.             <div class="section-heading" data-aos="fade-down">
  26.                 <h2>Servicios de alquiler para todas tus necesidades</h2>
  27.                 <p>Nuestros vehículos modernos y confiables, junto con nuestro compromiso con la excelencia en el
  28.                     servicio, te brindarán la solución perfecta para tus proyectos y aventuras</p>
  29.             </div>
  30.             <!-- /Heading title -->
  32.             <div class="row">
  33.                 <div class="col-lg-3 d-flex col-md-6 col-12" data-aos="fade-down">
  34.                     <div class="price-card price-selected flex-fill">
  35.                         <div class="price-head">
  36.                             <h2>Flexibilidad sin límites</h2>
  37.                             <p>Descubre la libertad de elegir la duración perfecta para tu alquiler.</p>
  38.                             <p>Desde 1 día hasta proyectos a largo plazo, seguros
  39.                                 completos y la flota que necesitas.</p>
  40.                             <p>¡Tu próxima aventura empieza aquí con nuestro servicio de alquiler de vehículos!</p>
  41.                         </div>
  42.                         <div class="price-body">
  43.                             <img class="img-fluid" src="/img/price-plan.png" alt="Price Plan">
  44.                         </div>
  45.                     </div>
  46.                 </div>
  48.                 <div class="col-lg-3 d-flex col-md-6 col-12" data-aos="fade-down">
  49.                     <div class="price-card flex-fill">
  50.                         <div class="price-head">
  51.                             <div class="price-level">
  52.                                 <h6>Particular</h6>
  53.                             </div>
  54.                             {# <h4>$49</h4> #}
  55.                             <span>
  56.                                 Nuestro servicio de alquiler de vehículos personales, con unidades nuevas y confortables totalmente equipadas, te brinda la oportunidad de disfrutar de un viaje placentero a nivel nacional. <br><br>
  57.                                 Descubre paisajes impresionantes, sumérgete en la cultura local y crea recuerdos inolvidables mientras disfrutas de la comodidad y estilo en cada trayecto.<br><br>
  58.                             </span>
  59.                         </div>
  60.                         <div class="price-details">
  61.                             <ul>
  62.                                 <li class="price-check"><span><i class="fa-regular fa-circle-check"></i></span>
  63.                                     Unidades nuevas y confortables
  64.                                 </li>
  65.                                 <li class="price-check"><span><i class="fa-regular fa-circle-check"></i></span>
  66.                                     Amplia selección de vehículos
  67.                                 </li>
  68.                                 <li class="price-check"><span><i class="fa-regular fa-circle-check"></i></span>
  69.                                     Precios competitivos
  70.                                 </li>
  71.                                 <li class="price-check"><span><i class="fa-regular fa-circle-check"></i></span>
  72.                                     Atención al cliente excepcional
  73.                                 </li>
  74.                             </ul>
  75.                             {#                            <a href="login.html" class="btn viewdetails-btn">Request a demo</a> #}
  76.                         </div>
  77.                     </div>
  78.                 </div>
  79.                 <div class="col-lg-3 d-flex col-md-6 col-12" data-aos="fade-down">
  80.                     <div class="price-card flex-fill">
  81.                         <div class="price-head">
  82.                             <div class="price-level">
  83.                                 <h6>Ejecutivo</h6>
  84.                             </div>
  85.                             {# <h4>$154</h4> #}
  86.                             <span>Contamos con unidades de lujo, vehículos de alta gama con todas las comodidades de la tecnología actual, según la necesidad de nuestros clientes.</span>
  87.                         </div>
  88.                         <div class="price-details">
  89.                             <ul>
  90.                                 <li class="price-check"><span><i class="fa-regular fa-circle-check"></i></span>
  91.                                     Unidades nuevas y confortables
  92.                                 </li>
  93.                                 <li class="price-check"><span><i class="fa-regular fa-circle-check"></i></span>
  94.                                     Amplia selección de vehículos
  95.                                 </li>
  96.                                 <li class="price-check"><span><i class="fa-regular fa-circle-check"></i></span>
  97.                                     Precios competitivos
  98.                                 </li>
  99.                                 <li class="price-check"><span><i class="fa-regular fa-circle-check"></i></span>
  100.                                     Atención al cliente excepcional
  101.                                 </li>
  102.                             </ul>
  103.                             {#                            <a href="login.html" class="btn viewdetails-btn">Request a demo</a> #}
  104.                         </div>
  105.                     </div>
  106.                 </div>
  107.                 <div class="col-lg-3 d-flex col-md-6 col-12" data-aos="fade-down">
  108.                     <div class="price-card flex-fill">
  109.                         <div class="price-head">
  110.                             <div class="price-level">
  111.                                 <h6>Traslado de personal</h6>
  112.                                 {#                                <p>For the Pro</p> #}
  113.                             </div>
  114.                             {# <h4>$154</h4> #}
  115.                             <span>Contamos con vehículos para traslado de personal para: eventos corporativos, ferias y otros.
  116.                                 Establecemos un mayor valor y un alto grado de calidad así tendrá la confianza de que su traslado será el indicado para el personal de su empresa.
  117.                             </span>
  118.                         </div>
  119.                         <div class="price-details">
  120.                             <ul>
  121.                                 <li class="price-check"><span><i class="fa-regular fa-circle-check"></i></span>
  122.                                     Unidades nuevas y confortables
  123.                                 </li>
  124.                                 <li class="price-check"><span><i class="fa-regular fa-circle-check"></i></span>
  125.                                     Amplia selección de vehículos
  126.                                 </li>
  127.                                 <li class="price-check"><span><i class="fa-regular fa-circle-check"></i></span>
  128.                                     Precios competitivos
  129.                                 </li>
  130.                                 <li class="price-check"><span><i class="fa-regular fa-circle-check"></i></span>
  131.                                     Atención al cliente excepcional
  132.                                 </li>
  133.                             </ul>
  134.                             {#                            <a href="login.html" class="btn viewdetails-btn">Request a demo</a> #}
  135.                         </div>
  136.                     </div>
  137.                 </div>
  138.                 <div class="col-lg-3 d-flex col-md-6 col-12" data-aos="fade-down">
  139.                     <div class="price-card flex-fill">
  140.                         <div class="price-head">
  141.                             <div class="price-level">
  142.                                 <h6>Turístico</h6>
  143.                                 {#                                <p>For the Pro</p> #}
  144.                             </div>
  145.                             {# <h4>$154</h4> #}
  146.                             <span>
  147.                                 Contamos con unidades modernas vans, coaster para traslado de turistas a nivel nacional, con seguridad y puntualidad a su servicio.
  148.                             </span>
  149.                         </div>
  150.                         <div class="price-details">
  151.                             <ul>
  152.                                 <li class="price-check"><span><i class="fa-regular fa-circle-check"></i></span>
  153.                                     Unidades nuevas y confortables
  154.                                 </li>
  155.                                 <li class="price-check"><span><i class="fa-regular fa-circle-check"></i></span>
  156.                                     Amplia selección de vehículos
  157.                                 </li>
  158.                                 <li class="price-check"><span><i class="fa-regular fa-circle-check"></i></span>
  159.                                     Precios competitivos
  160.                                 </li>
  161.                                 <li class="price-check"><span><i class="fa-regular fa-circle-check"></i></span>
  162.                                     Atención al cliente excepcional
  163.                                 </li>
  164.                             </ul>
  165.                             {#                            <a href="login.html" class="btn viewdetails-btn">Request a demo</a> #}
  166.                         </div>
  167.                     </div>
  168.                 </div>
  169.                 <div class="col-lg-3 d-flex col-md-6 col-12" data-aos="fade-down">
  170.                     <div class="price-card flex-fill">
  171.                         <div class="price-head">
  172.                             <div class="price-level">
  173.                                 <h6>Construcción</h6>
  174.                                 {#                                <p>For the Pro</p> #}
  175.                             </div>
  176.                             {# <h4>$154</h4> #}
  177.                             <span>
  178.                                 Brindamos este servicio a empresas constructoras y particulares de edificación y minería, según las necesidades de cada cliente.
  179.                             </span>
  180.                         </div>
  181.                         <div class="price-details">
  182.                             <ul>
  183.                                 <li class="price-check"><span><i class="fa-regular fa-circle-check"></i></span>
  184.                                     Unidades nuevas y confortables
  185.                                 </li>
  186.                                 <li class="price-check"><span><i class="fa-regular fa-circle-check"></i></span>
  187.                                     Amplia selección de vehículos
  188.                                 </li>
  189.                                 <li class="price-check"><span><i class="fa-regular fa-circle-check"></i></span>
  190.                                     Precios competitivos
  191.                                 </li>
  192.                                 <li class="price-check"><span><i class="fa-regular fa-circle-check"></i></span>
  193.                                     Atención al cliente excepcional
  194.                                 </li>
  195.                             </ul>
  196.                             {#                            <a href="login.html" class="btn viewdetails-btn">Request a demo</a> #}
  197.                         </div>
  198.                     </div>
  199.                 </div>
  200.                 <div class="col-lg-3 d-flex col-md-6 col-12" data-aos="fade-down">
  201.                     <div class="price-card flex-fill">
  202.                         <div class="price-head">
  203.                             {#                            <div class="price-level price-level-popular"> #}
  204.                             <div class="price-level">
  205.                                 <h6>Minero</h6>
  206.                                 {#                                <p>For the Users</p> #}
  207.                             </div>
  208.                             {# <h4>$95</h4> #}
  209.                             <span>Camionetas y volquetes equipadas según requerimientos de proyectos Mineros, servicio de conductores para minas con amplia experiencia.
  210.                                 Cuentan con seguro complementario de terceros (SCTR) y Certificados médicos.
  211.                                 </span>
  212.                         </div>
  213.                         <div class="price-details">
  214.                             <ul>
  215.                                 <li class="price-check"><span><i class="fa-regular fa-circle-check"></i></span>
  216.                                     Unidades nuevas y confortables
  217.                                 </li>
  218.                                 <li class="price-check"><span><i class="fa-regular fa-circle-check"></i></span>
  219.                                     Amplia selección de vehículos
  220.                                 </li>
  221.                                 <li class="price-check"><span><i class="fa-regular fa-circle-check"></i></span>
  222.                                     Precios competitivos
  223.                                 </li>
  224.                                 <li class="price-check"><span><i class="fa-regular fa-circle-check"></i></span>
  225.                                     Atención al cliente excepcional
  226.                                 </li>
  227.                             </ul>
  228.                             {#                            <a href="login.html" class="btn viewdetails-btn">Request a demo</a> #}
  229.                         </div>
  230.                     </div>
  231.                 </div>
  232.                 <div class="col-lg-3 d-flex col-md-6 col-12" data-aos="fade-down">
  233.                     <div class="price-card flex-fill">
  234.                         <div class="price-head">
  235.                             <div class="price-level">
  236.                                 <h6>Seguridad y otros</h6>
  237. {#                                <p>For the Pro</p>#}
  238.                             </div>
  239.                             {# <h4>$154</h4> #}
  240.                             <span>Servicios de escolta para vehículos que trasladan explosivos, materiales peligrosos o contenido de alto valor</span>
  241.                         </div>
  242.                         <div class="price-details">
  243.                             <ul>
  244.                                 <li class="price-check"><span><i class="fa-regular fa-circle-check"></i></span>
  245.                                     Unidades nuevas y confortables
  246.                                 </li>
  247.                                 <li class="price-check"><span><i class="fa-regular fa-circle-check"></i></span>
  248.                                     Amplia selección de vehículos
  249.                                 </li>
  250.                                 <li class="price-check"><span><i class="fa-regular fa-circle-check"></i></span>
  251.                                     Precios competitivos
  252.                                 </li>
  253.                                 <li class="price-check"><span><i class="fa-regular fa-circle-check"></i></span>
  254.                                     Atención al cliente excepcional
  255.                                 </li>
  256.                             </ul>
  257.                             {#                            <a href="login.html" class="btn viewdetails-btn">Request a demo</a> #}
  258.                         </div>
  259.                     </div>
  260.                 </div>
  261.             </div>
  263.         </div>
  264.     </section>
  265.     <!-- /Services Plan -->
  267. {% endblock %}