pago-tarjeta.component.html
2.19 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<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 pago-tarjeta">
<div class="row h-50 mx-0 justify-content-center text-center">
<div class="col-7 p-5 h-auto align-self-end border border-secondary rounded">
<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">AHORA</p>
<p class="h2 mb-3 text-secondary">
introducí o insertá tu tarjeta
</p>
<p class="h6 m-0">Y SEGUÍ LAS INSTRUCCIONES DEL LECTOR</p>
</div>
</div>
<div class="row mt-5 justify-content-center arrow-slide arrow-delay-1">
<div class="col-1">
<img
draggable="false"
ondragstart="return false;"
(contextmenu)="false"
class="img-fluid"
src="assets/img/down-chevron.svg">
</div>
</div>
<div class="row justify-content-center arrow-slide arrow-delay-2">
<div class="col-1">
<img
draggable="false"
ondragstart="return false;"
(contextmenu)="false"
class="img-fluid"
src="assets/img/down-chevron.svg">
</div>
</div>
<div class="row justify-content-center arrow-slide arrow-delay-3">
<div class="col-1">
<img
draggable="false"
ondragstart="return false;"
(contextmenu)="false"
class="img-fluid"
src="assets/img/down-chevron.svg">
</div>
</div>
</div>
</div>
<ng-template #template>
<div class="modal-body rounded bg-primary">
<h1 class="text-white text-center my-4">Por favor,<br>espera un momento</h1>
<div class="d-flex justify-content-center mt-2 mb-4">
<div class="spinner-border text-white text-center" role="status">
<span class="sr-only">Loading...</span>
</div>
</div>
</div>
</ng-template>