info-formas-pago.component.html 1.89 KB
<div class="h-92 bg-white fade-in-left">
  <div class="row mx-0 h-15">
    <div class="col-12 px-0 h-80 my-auto">
      <img
        draggable="false"
        ondragstart="return false;"
        (contextmenu)="false"
        class="d-block mx-auto h-100"
        src="assets/img/logo-spot.svg">
    </div>
  </div>
  <div class="h-85">
    <div class="row h-auto mt-6 mx-0 justify-content-center text-center" >
      <div class="col-7 col-lg-4 p-5 m-5 h-auto align-self-end 
                  border border-secondary rounded" id="card1">
        <img
          draggable="false"
          ondragstart="return false;"
          (contextmenu)="false"
          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
            draggable="false"
            ondragstart="return false;"
            (contextmenu)="false"
            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
          <img
            draggable="false"
            ondragstart="return false;"
            (contextmenu)="false"
            class="icon-30"
            src="assets/img/ir.svg">
        </div>
      </div>
      <div class="col-7 col-lg-4 p-5 m-5 h-auto align-self-center 
                  border border-primary rounded" id="card2">
        <img
          draggable="false"
          ondragstart="return false;"
          (contextmenu)="false"
          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>