src/Aviatur/TwigBundle/Resources/views/default/Flux/Search/General/search_paymentMethods.html.twig line 1

Open in your IDE?
  1. <script type="text/javascript" src="{{ asset('assets/common_assets/js/vendor/owl.carousel-products.js') }}"></script>
  3. <script type="text/javascript">
  4.         jQuery(document).ready(function () {
  5.             jQuery('.carouseles').each(function (i, obj) {
  6.                 var owl = jQuery('#' + jQuery(this).attr('id'));
  7.                 owl.owlCarousel({
  8.                     margin: -10,
  9.                     //height: 300px,
  10.                     nav: true,
  11.                     dots: false,
  12.                     autoWidth:true,
  13.                     navText:['<div class="nav-btn nav-btn-slideh1 prev-slide "><span class="icon icon_chevron_left icon1"></span></div>','<div class="nav-btn nav-btn-slideh1 next-slide "><span class="icon icon_chevron_right icon1"></span></div>'],
  14.                     responsive: {
  15.                         0: {
  16.                             items: 2,
  17.                             stagePadding: 10,
  18.                             //loop: true,
  19.                         },
  20.                         1000: {
  21.                             items: 4
  23.                         }
  24.                     }
  25.                 });
  26.                 owl.on('mousewheel', function (e) {
  27.                     if (e.deltaY > 0) {
  28.                         owl.trigger('next.owl');
  29.                     } else {
  30.                         owl.trigger('prev.owl');
  31.                     }
  32.                     e.preventDefault();
  33.                 });
  34.             });           
  35.         });
  36. </script>
  38. <section>
  39.     <div class="pb-4 w-full px-3 m-auto max-w-[546px] sm:max-w-[640px] sm:px-8 md:max-w-[960px] md:px-14 lg:max-w-[1200px] xl:max-w-[1260px] 2xl:max-w-[1340px]">
  40.         <div class="sp-offset--big ">
  41.             <a href="/contenidos/medios-de-pago">
  42.                 <h2>
  43.                     <strong class="prueba-b-main2">Conozca nuestros</strong>
  44.                     <strong class="prueba-b-main3">medios de pago</strong>
  45.                 </h2>
  46.                 <p class="prueba-b-main4">Las mejores opciones para realizar su compra</p>
  47.             </a>
  48.         </div>
  51.         <section class=" medios-pago1 display: inline-block; medios-pago1-principal">
  52.             <div id="carousel" class="owl-carousel owl-theme carouseles " style="overflow: initial;">
  53.         
  54.                      <div class="medios-imagenes box1 "style="margin-right: -35px;">
  55.                     <a class="medios-img tamaño-especifico"  style="margin-right: 60px;" href="/contenidos/abono-para-paquetes">
  56.                         <img src="https://aviaturcdndev.z5.web.core.windows.net/assets/aviatur_assets/img/others/plan-separe.png" alt="Plan separe" class="tamaño-especifico">
  57.                         <div style="margin: 24px 0 50px 0;color:#2F2F2F;"><span class="nombres_medios_pago">Pague en cuotas</span></div>
  58.                     </a>
  59.                 </div>
  60.                 
  61.                 <div class="medios-imagenes box1 " style="margin-right: -35px;">
  62.                     <a class="medios-img " href="https://portal.aviatur.com/TarjetaDeRegalo">
  63.                         <img src="https://aviaturcdndev.z5.web.core.windows.net/assets/common_assets/img/metodos_pago/tarjeta-de-regalo.png" alt="Bono de Regalo para viajar" class="tamaño-especifico">
  64.                         <div style="margin: 24px 0 0px 0;color:#2F2F2F">
  65.                             <span class="nombres_medios_pago">Tarjeta de regalo</span>
  66.                         </div>
  67.                     </a>
  68.                 </div>
  69.                 <div class="medios-imagenes box1 " style="margin-right: -35px;">
  70.                     <a class="medios-img " href="/contenidos/tarjeta-debito-nacional">
  71.                         <img src="https://aviaturcdndev.z5.web.core.windows.net/assets/common_assets/img/metodos_pago/pse.png" alt="Pago con PSE" class="tamaño-especifico">
  72.                         <div style="margin: 24px 0 50px 0;color:#2F2F2F">
  73.                             <span class="nombres_medios_pago">PSE</span>
  74.                         </div>
  75.                     </a>
  76.                 </div>
  77.                 <div class="medios-imagenes box1 " style="margin-right: -35px;">
  78.                     <a class="medios-img " href="/contenidos/tarjeta-credito">
  79.                     <img src="https://aviaturcdndev.z5.web.core.windows.net/assets/common_assets/img/metodos_pago/american.png" alt="Pago con American Express" class="tamaño-especifico">
  80.                         <div style="margin: 24px 0 50px -16px ;color:#2F2F2F">
  81.                             <span class="nombres_medios_pago">American Express</span>
  82.                         </div>
  83.                     </a>
  84.                 </div>
  85.                 <div class="medios-imagenes box1 " style="margin-right: -35px;">
  86.                     <a class="medios-img " href="/contenidos/tarjeta-credito">
  87.                         <img src="https://aviaturcdndev.z5.web.core.windows.net/assets/common_assets/img/metodos_pago/diners.png" alt="Pago con Diners Club" class="tamaño-especifico">
  88.                         <div style="margin: 24px 0 50px 0;color:#2F2F2F">
  89.                             <span class="nombres_medios_pago">Diners Club</span>
  90.                         </div>
  91.                     </a>
  92.                 </div>
  93.                 <div class="medios-imagenes box1" style="margin-right: -35px;">
  94.                     <a class="medios-img " href="/contenidos/tarjeta-credito">
  95.                         <img src="https://aviaturcdndev.z5.web.core.windows.net/assets/common_assets/img/metodos_pago/visa.png" alt="Pago con Visa" class="tamaño-especifico">
  96.                         <div style="margin: 24px 0 50px 0;color:#2F2F2F">
  97.                             <span class="nombres_medios_pago">Visa</span>
  98.                         </div>
  99.                     </a>
  100.                 </div>
  102.                 <div class="medios-imagenes box1 " style="margin-right: -35px;">
  103.                     <a class="medios-img " href="/contenidos/tarjeta-credito">
  104.                         <img src="https://aviaturcdndev.z5.web.core.windows.net/assets/common_assets/img/metodos_pago/mastercard.png" alt="Pago con Mastercard" class="tamaño-especifico">
  105.                         <div style="margin: 24px 0 50px 0;color:#2F2F2F">
  106.                             <span class="nombres_medios_pago">Mastercard</span>
  107.                         </div>
  108.                     </a>
  109.                 </div>
  111.                 <div class="medios-imagenes box1 " style="margin-right: -35px;">
  112.                     <a class="medios-img " href="/contenidos/pagos-efectivo">
  113.                         <img src="https://aviaturcdndev.z5.web.core.windows.net/assets/common_assets/img/metodos_pago/exito.png" alt="Pago Grupo Éxito" class="tamaño-especifico">
  114.                         <div style="margin: 24px 0 50px 0;color:#2F2F2F">
  115.                             <span class="nombres_medios_pago">Grupo Éxito</span>
  116.                         </div>
  117.                     </a>
  118.                 </div>
  120.                 <div class="medios-imagenes box1 " style="margin-right: -35px;">
  121.                     <a class="medios-img " href="/contenidos/pagos-en-cajeros-ATH">
  122.                     <img src="https://aviaturcdndev.z5.web.core.windows.net/assets/common_assets/img/metodos_pago/ath.png" alt="Pago ATH" class="tamaño-especifico">
  123.                         <div style="margin: 24px 0 50px 0;color:#2F2F2F">
  124.                             <span class="nombres_medios_pago">ATH</span>
  125.                         </div>
  126.                     </a>
  127.                 </div>
  129.                 <div class="medios-imagenes box1 " style="margin-right: -35px;">
  130.                     <a class="medios-img " href="/contenidos/pagos-efectivo">
  131.                         <img src="https://aviaturcdndev.z5.web.core.windows.net/assets/common_assets/img/metodos_pago/efecty.png" alt="Pago efecty" class="tamaño-especifico">
  132.                         <div style="margin: 24px 0 50px 0;color:#2F2F2F">
  133.                             <span class="nombres_medios_pago">Efecty</span>
  134.                         </div>
  135.                     </a>
  136.                 </div>
  138.                 <div class="medios-imagenes box1 " style="margin-right: -35px;">
  139.                     <a class="medios-img tamaño-especifico" style="margin-right: 60px;" href="/contenidos/tarjeta-credito">
  140.                         <img src="https://aviaturcdndev.z5.web.core.windows.net/assets/common_assets/img/metodos_pago/codensa.png" alt="Pago Codensa">
  141.                         <div style="margin: 24px 0 50px 0;color:#2F2F2F">
  142.                             <span class="nombres_medios_pago">Codensa</span>
  143.                         </div>
  144.                     </a>
  145.                 </div>
  147.             </div>
  148.         </section>
  149.     </div>
  150. </section>