Martin Macola / autoservicio

Download as
Browse Code »

Commit ee55bd6bb34723598016bd0a5a7a49dabcf60856

Authored by Marcelo Puebla
1 parent 436f1da50a
Exists in master

Cambio, ya no uso el sistema grid, ahora lo hice con flexbox.

Showing 1 changed file with 25 additions and 34 deletions   Show diff stats
src/app/components/home/home.component.html
Diff comments   View file @ ee55bd6
1 <div class="container-fluid p-0"> 1 <div class="container-fluid p-0">
2 <img 2 <img
3 src="{{apiImagenes}}/imagenes/homeBackground.jpg" 3 src="{{apiImagenes}}/imagenes/homeBackground.jpg"
4 class="background-image vh-100 w-100"> 4 class="background-image vh-100 w-100">
5 <div class="row m-0"> 5 <div
6 <div class="col p-0"> 6 class="fade-in vh-100 d-flex align-content-between flex-wrap disable-user-select"
7 <div 7 [routerLink]="['/inicio']">
8 class="vh-100 fade-in d-flex align-items-start flex-column disable-user-select"
9 [routerLink]="['/inicio']">
10 8
11 <!-- HEADER --> 9 <!-- HEADER -->
12 <div class="row m-0 w-100 bg-primary-gradient-horizontal"> 10 <div class="vh-15 d-flex flex-row flex-wrap m-0 w-100 bg-primary-gradient-horizontal">
13 <div class="col-6 bg-white p-3 rounded-bottom-right"> 11 <div class="h-100 w-50 bg-white rounded-bottom-right">
14 <img class="w-25 mx-auto d-block" src="{{apiImagenes}}/imagenes/logoempresa.png"> 12 <img class="h-100 p-2 m-auto d-block" src="{{apiImagenes}}/imagenes/logoempresa.png">
15 </div> 13 </div>
16 </div> 14 </div>
17
18 <!-- INFO DE BIENVENIDA -->
19 <div class="row my-auto mx-0 h-75 w-100">
20 <div class="col-6 col-lg-8 my-auto p-3 h-100">
21 <div class="embed-responsive embed-responsive-16by9">
22 <iframe
23 class="embed-responsive-item rounded fade-in"
24 src="https://www.youtube.com/embed/vb8ZcalBDyw?&autoplay=1&loop=1&playlist=vb8ZcalBDyw&controls=0&showinfo=0&mute=1">
25 </iframe>
26 </div>
27 </div>
28 <div class="col-6 col-lg-4 text-center text-white my-auto">
29 <p class="display-4 font-weight-bold m-0">¡BIENVENIDO!</p>
30 <p class="display-4 m-0 font-weight-bold">Toque la pantalla<br>para comenzar</p>
31 </div>
32
33 </div>
34 15
35 <!-- FOOTER --> 16 <!-- INFO DE BIENVENIDA -->
36 <div class="row m-0 w-100 bg-gray"> 17 <div class="d-flex h-50 flex-row flex-wrap justify-content-around align-items-center w-100 m-3">
37 <div class="col-6 bg-white offset-6 p-3 rounded-top-left"> 18 <iframe
38 <img class="w-25 mx-auto d-block" src="{{apiImagenes}}/imagenes/logodebo.png"> 19 class="w-50 h-100 rounded fade-in"
39 </div> 20 src="https://www.youtube.com/embed/vb8ZcalBDyw?&autoplay=1&loop=1&playlist=vb8ZcalBDyw&controls=0&showinfo=0&mute=1">
40 </div> 21 </iframe>
22 <div class="w-auto text-center text-white">
23 <p class="display-4 font-weight-bold m-0">¡BIENVENIDO!</p>
24 <p class="display-4 m-0 font-weight-bold">Toque la pantalla<br>para comenzar</p>
25 </div>
26 </div>
41 27