formas-pago.component.html 1.23 KB
<div class="h-92 bg-white">
  <div class="row mx-0 h-15">
    <div class="col-12 px-0 h-80 my-auto">
      <img class="d-block mx-auto h-100" src="assets/img/logo-spot.svg">
    </div>
  </div>
  <div class="h-85">
    <div class="row h-50 mx-0 justify-content-center text-center">
      <div class="col-7 pt-5 pb-3 h-auto align-self-center border border-secondary rounded">
        <img class="img-in-top px-4 bg-white" src="assets/img/icono-tarjetas.svg">
        <p class="h6 m-0">ESTA TERMINAL OPERA CON</p>
        <p class="h2 mb-3 text-secondary">
          tarjetas y
          <img class="w-15" src="assets/img/icono-mercado-pago.svg">
        </p>
        <div
          class="d-inline-block py-1 btn-effect bg-secondary badge-pill text-white"
          [routerLink]="['/opcion-pedido']">
          CONTINUAR
        </div>
      </div>
    </div>
    <div class="row h-50 mx-0 justify-content-center text-center">
      <div class="col-7 p-5 h-auto align-self-start border border-primary rounded">
        <img class="img-in-top px-4 bg-white" src="assets/img/icono-efectivo.svg">
        <p class="h6 m-0">SI PREFERIS PAGAR EN EFECTIVO</p>
        <p class="h2 m-0 text-primary">te esperamos en la caja</p>
      </div>
    </div>
  </div>
</div>