Commit 6553be75c4278d7e4d8d2ad3caeda07cb99aea4c
1 parent
1571184653
Exists in
develop
Fix
Tamaño imagen logo
Showing
1 changed file
with
1 additions
and
1 deletions
Show diff stats
src/app/modules/splash-screen/splash-screen.component.html
1 | <div *ngIf="showSplashScreen" class="h-100 bg-splash"> | 1 | <div *ngIf="showSplashScreen" class="h-100 bg-splash"> |
2 | <div | 2 | <div |
3 | class="row mx-0 h-100" | 3 | class="row mx-0 h-100" |
4 | [routerLink]="['/info-formas-pago']"> | 4 | [routerLink]="['/info-formas-pago']"> |
5 | <div class="col-12 px-0 h-30 my-auto"> | 5 | <div class="col-12 px-0 h-30 my-auto"> |
6 | <img | 6 | <img |
7 | draggable="false" | 7 | draggable="false" |
8 | ondragstart="return false;" | 8 | ondragstart="return false;" |
9 | (contextmenu)="false" | 9 | (contextmenu)="false" |
10 | class="d-block mx-auto h-100 focus-in-blur" | 10 | class="d-block mx-auto img-fluid focus-in-blur" |
11 | src="assets/img/logo-spot.svg"> | 11 | src="assets/img/logo-spot.svg"> |
12 | </div> | 12 | </div> |
13 | </div> | 13 | </div> |
14 | </div> | 14 | </div> |
15 | 15 | ||
16 | <div *ngIf="!showSplashScreen" class="h-100 bg-primary fade-in"> | 16 | <div *ngIf="!showSplashScreen" class="h-100 bg-primary fade-in"> |
17 | <div | 17 | <div |
18 | class="row mx-0 h-100" | 18 | class="row mx-0 h-100" |
19 | [routerLink]="['/info-formas-pago']"> | 19 | [routerLink]="['/info-formas-pago']"> |
20 | <div class="col-12 px-0 h-100 my-auto"> | 20 | <div class="col-12 px-0 h-100 my-auto"> |
21 | <div class="row mx-0 h-15"> | 21 | <div class="row mx-0 h-15"> |
22 | <div class="col-12 px-0 h-80 my-auto"> | 22 | <div class="col-12 px-0 h-80 my-auto"> |
23 | <img | 23 | <img |
24 | draggable="false" | 24 | draggable="false" |
25 | ondragstart="return false;" | 25 | ondragstart="return false;" |
26 | (contextmenu)="false" | 26 | (contextmenu)="false" |
27 | class="d-block mx-auto h-100" | 27 | class="d-block mx-auto h-100" |
28 | src="assets/img/negativo-spot.svg"> | 28 | src="assets/img/negativo-spot.svg"> |
29 | </div> | 29 | </div> |
30 | </div> | 30 | </div> |
31 | <div class="row mx-0 h-75 justify-content-center text-white text-center"> | 31 | <div class="row mx-0 h-75 justify-content-center text-white text-center"> |
32 | <div class="col-7 h-auto px-0 py-5 mb-5 align-self-end box"> | 32 | <div class="col-7 h-auto px-0 py-5 mb-5 align-self-end box"> |
33 | <div class="h6 m-0 welcome-text text-info"> | 33 | <div class="h6 m-0 welcome-text text-info"> |
34 | <span *ngFor="let letter of textWelcome | split textWelcome">{{letter}}</span> | 34 | <span *ngFor="let letter of textWelcome | split textWelcome">{{letter}}</span> |
35 | </div> | 35 | </div> |
36 | <div class="h1 m-0 como-estas-text"> | 36 | <div class="h1 m-0 como-estas-text"> |
37 | <span *ngFor="let letter of textComoEstas | split textComoEstas">{{letter}}</span> | 37 | <span *ngFor="let letter of textComoEstas | split textComoEstas">{{letter}}</span> |
38 | </div> | 38 | </div> |
39 | </div> | 39 | </div> |
40 | <div class="col-7 h-auto px-0 py-5 mt-5 align-self-start box2"> | 40 | <div class="col-7 h-auto px-0 py-5 mt-5 align-self-start box2"> |
41 | <div class="h6 m-0 invitamos-text text-info"> | 41 | <div class="h6 m-0 invitamos-text text-info"> |
42 | <span *ngFor="let letter of textInvitamos | split textInvitamos">{{letter}}</span> | 42 | <span *ngFor="let letter of textInvitamos | split textInvitamos">{{letter}}</span> |
43 | </div> | 43 | </div> |
44 | <div class="h1 m-0 tu-pedido-text"> | 44 | <div class="h1 m-0 tu-pedido-text"> |
45 | <span *ngFor="let letter of textTuPedido | split textTuPedido">{{letter}}</span> | 45 | <span *ngFor="let letter of textTuPedido | split textTuPedido">{{letter}}</span> |
46 | </div> | 46 | </div> |
47 | </div> | 47 | </div> |
48 | </div> | 48 | </div> |
49 | <div class="row mx-0 h-10 loop-color cursor-pointer"> | 49 | <div class="row mx-0 h-10 loop-color cursor-pointer"> |
50 | <div class="col-12 text-center align-self-center px-0"> | 50 | <div class="col-12 text-center align-self-center px-0"> |
51 | <p class="h6 text-white">TOCA PARA COMENZAR</p> | 51 | <p class="h6 text-white">TOCA PARA COMENZAR</p> |
52 | </div> | 52 | </div> |
53 | </div> | 53 | </div> |
54 | </div> | 54 | </div> |
55 | </div> | 55 | </div> |
56 | </div> | 56 | </div> |
57 | 57 |