Martin Macola / autoservicio

Download as
Browse Code »

Commit 873add91c50bf02cd78b39dbe25c468d28ded409

Authored by Marcelo Puebla
1 parent 9b88f9a0bb
Exists in master

Agregados botones de pantalla de inicio.

Showing 1 changed file with 79 additions and 6 deletions   Show diff stats
src/app/inicio/inicio.component.html
Diff comments   View file @ 873add9
1 1 <div class="row m-0">
2 2 <div class="col-10 p-0">
  3 + <!-- TOP HEADER -->
3 4 <app-header></app-header>
4   -
5   - <!-- <div class="row" >
6   - <div class="col-12">
7   -
8   - <p class="h3 text-center">COMPONENTES RESTANTES</p>
9 5  
  6 + <!-- NOMBRE DE SECCION -->
  7 + <div class="row m-0">
  8 + <div class="col-12 p-0">
  9 + <p class="h4 py-1 bg-light text-muted text-center"><small>Inicio</small></p>
10 10 </div>
11   - </div> -->
  11 + </div>
  12 +
  13 + <div class="row m-4">
  14 + <div class="col-md-5 d-flex align-items-end flex-column">
  15 +
  16 + <div class="card bg-white border-0 shadow rounded w-100 mb-auto">
  17 + <div class="card-body p-4">
  18 + <p class="h3 card-title">Promociones</p>
  19 + <p class="h4 card-text text-muted">Conozca las ofertas del momento</p>
  20 + </div>
  21 + <div id="carouselExampleIndicators" class="carousel slide mb-4" data-ride="carousel">
  22 + <ol class="carousel-indicators">
  23 + <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
  24 + <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
  25 + <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
  26 + </ol>
  27 + <div class="carousel-inner">
  28 + <div class="carousel-item active">
  29 + <img src="../../assets/descarga.jpg" class="d-block w-50 m-auto rounded" alt="...">
  30 + </div>
  31 + <div class="carousel-item">
  32 + <img src="../../assets/descarga.jpg" class="d-block w-50 m-auto rounded" alt="...">
  33 + </div>
  34 + <div class="carousel-item">
  35 + <img src="../../assets/descarga.jpg" class="d-block w-50 m-auto rounded" alt="...">
  36 + </div>
  37 + </div>
  38 + </div>
  39 + </div>
  40 +
  41 + <div class="card bg-white border-0 shadow rounded w-100 mt-4">
  42 + <div class="card-body p-4">
  43 + <p class="h3 card-title">Promociones</p>
  44 + <p class="h4 card-text text-muted">Conozca las ofertas del momento</p>
  45 + </div>
  46 + <img class="card-img-bottom d-block w-50 mx-auto mb-4 rounded" src="../../assets/descarga.jpg">
  47 + </div>
  48 +
  49 + </div>
  50 +
  51 + <div class="col-md-7 d-flex align-items-end flex-column">
  52 +
  53 + <div class="card bg-white border-0 shadow rounded w-100 mb-auto">
  54 + <div class="card-body p-4">
  55 + <p class="h3 card-title">Escanear Productos</p>
  56 + <p class="h4 card-text text-muted">
  57 + Coloque el código de<br>
  58 + barras o QR frente al scanner.
  59 + </p>
  60 + </div>
  61 + <div class="card bg-white border-0 w-75 mx-auto mb-4">
  62 + <img class="card-img-top d-block w-50 mx-auto rounded" src="../../assets/descarga.jpg">
  63 + <div class="card-body p-4">
  64 + <p class="m-0 card-text">Galletas Oreo x117 grs Chocolate.</p>
  65 + <p class="m-0 card-text">COD. 12121222</p>
  66 + </div>
  67 + </div>
  68 + </div>
  69 +
  70 + <div class="card bg-white border-0 shadow rounded w-100 mt-4">
  71 + <div class="card-body p-4">
  72 + <p class="h3 card-title">Buscar Productos</p>
  73 + <p class="h4 card-text text-muted">
  74 + Busque aquí los productos<br>
  75 + no tienen código
  76 + </p>
  77 + </div>
  78 + </div>
  79 +
  80 + </div>
  81 +
  82 + </div>
12 83  
13 84 </div>
  85 +
  86 + <!-- SIDEBAR -->
14 87 <app-sidebar class="col-3 col-md-2 vh-100 bg-dark text-white"></app-sidebar>
15 88 </div>
16 89 \ No newline at end of file