confirmacion-carrito.component.html 1.38 KB
<div class="row">
  <div class="col-12">

    <!-- NOMBRE DE SECCION -->
    <div class="row m-0">
      <div class="col-12 p-0">
        <p class="h5 py-1 bg-gray text-muted text-center">Pago <i class="fa fa-usd"></i></p>
      </div>
    </div>

    <div class="row m-4 d-flex align-items-center">
      <div class="col-4">
        <h1>Mi Compra <i class="fa fa-shopping-cart "></i></h1>
      </div>
      <div class="col-8">
        <h2>¿Desea finalizar su compra?</h2>
        <h3>Por favor, controle y confirme su compra.</h3>
      </div>
      <div class="col-sm-7">

        <div class="row pr-3 vh-50 overflow-scroll">
          <div class="col-4 p-2" *ngFor="let producto of productos">
            <div class="card card-effect bg-white rounded-sm shadow border-0">
              <img src="../../../assets/img/descarga.jpg" class="card-img-top w-75 m-auto">
              <div class="card-body">
                <p class="h5 text-left m-0">{{producto.variable}}</p>
                <div class="text-left">
                  <p class="m-0"><small>ASDASDSADASDSA</small></p>
                  <p class="m-0"><small>COD. 1222</small></p>
                  <p class="m-0"><strong>$ 563</strong></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-sm-5">
        <h3>TOTAL: $553</h3>
      </div>
    </div>
  </div>
</div>