diff --git a/src/app/components/home/home.component.html b/src/app/components/home/home.component.html
index 5d15e68..8d4be7c 100644
--- a/src/app/components/home/home.component.html
+++ b/src/app/components/home/home.component.html
@@ -1,47 +1,34 @@
-<div class="container-fluid">
+<div class="container-fluid background-image">
   <div class="row">
     <div class="col p-0">
-      <div class="vh-100 d-flex align-items-start flex-column disable-user-select">
-        
+      <div class="vh-100 d-flex align-content-between flex-wrap disable-user-select">
+
         <!-- HEADER -->
-        <div class="bg-dark py-1 py-sm-2 py-lg-5 w-100">
-          <p class="text-white text-center">HEADER</p>
+        <div class="row m-0 w-100 bg-primary-gradient-horizontal">
+          <div class="col-6 bg-white p-5 rounded-bottom-right">
+            <img class="w-25 mx-auto d-block" src="{{apiUrl}}/imagenes/logoaxion.png">
+          </div>
         </div>
 
-        <div class="h-100 w-100 position-relative">
-          <div class="background-image blur"></div>
-          <div class="row position-absolute w-100 h-100">
-            <div class="col-5 my-auto">
-              <!-- CAROUSEL -->
-              <div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
-                <div class="carousel-inner">
-                  <div class="carousel-item active">
-                    <img class="m-auto img-fluid d-block w-75"
-                      src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQWhHnLeoxWeJeiBKvVg-9zDzppOVX_AY5tXpRuS7If0mzb_01b"
-                      alt="">
-                  </div>
-                  <div class="carousel-item">
-                    <img class="m-auto img-fluid d-block w-75"
-                      src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQWhHnLeoxWeJeiBKvVg-9zDzppOVX_AY5tXpRuS7If0mzb_01b"
-                      alt="">
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="col-7 my-auto">
-              <div class="text-center text-white">
-                <h1 class="display-2 font-weight-bold">¡BIENVENIDO!</h1>
-                <h1 class="display-3 font-weight-bold">Toque la pantalla<br>para comenzar.</h1>
-              </div>
-            </div>
+        <!-- INFO DE BIENVENIDA -->
+        <div class="row w-100">
+          <div class="col-4 offset-2">
+            <img src="{{apiUrl}}/imagenes/accesoPLAYA.png" class="w-100">
+          </div>
+          <div class="col-6 text-center text-white my-auto">
+            <p class="display-2 font-weight-bold mb-5">¡BIENVENIDO!</p>
+            <p class="display-3 m-0">Toque la pantalla<br>para comenzar</p>
           </div>
         </div>
 
         <!-- FOOTER -->
-        <div class="bg-dark py-1 py-sm-2 py-lg-5 w-100">
-          <p class="text-white text-center">FOOTER</p>
+        <div class="row m-0 w-100 bg-gray">
+          <div class="col-6 bg-white offset-6 p-5 rounded-top-left">
+            <img class="w-25 mx-auto d-block" src="{{apiUrl}}/imagenes/logodebo.png">
+          </div>
         </div>
+
       </div>
     </div>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/app/components/home/home.component.scss b/src/app/components/home/home.component.scss
index a9edeff..9681bf8 100644
--- a/src/app/components/home/home.component.scss
+++ b/src/app/components/home/home.component.scss
@@ -1,8 +1,25 @@
 .background-image {
-  background-image: url(http://www.nortecorrientes.com/content/bucket/7/304027w980.jpg);
+  background-image: url(http://10.231.45.117:4705/autoservicio/imagenes/homeBackground.jpg);
   background-repeat: no-repeat;
   background-size: cover;
-  position: absolute;
-  width: 100%;
-  height: 100%;
+}
+
+.w-20 {
+  width: 20% !important;
+}
+
+.rounded-bottom-right {
+  border-bottom-right-radius: 10rem;
+  &:before {
+    border-radius: 0 40px 40px 0;
+    background-color: #fff;
+  }
+}
+
+.rounded-top-left {
+  border-top-left-radius: 10rem;
+}
+
+.bg-gray {
+  background-color: #cccccc;
 }
diff --git a/src/app/components/home/home.component.ts b/src/app/components/home/home.component.ts
index 6b8d768..ec1eb4e 100644
--- a/src/app/components/home/home.component.ts
+++ b/src/app/components/home/home.component.ts
@@ -1,5 +1,6 @@
 import { Component, OnInit, HostListener } from '@angular/core';
 import { Router } from '@angular/router';
+import { appSettings } from 'src/etc/AppSettings';
 
 @Component({
   selector: 'app-home',
@@ -8,6 +9,8 @@ import { Router } from '@angular/router';
 })
 export class HomeComponent implements OnInit {
 
+  private apiUrl: string = appSettings.apiUrl;
+
   constructor(private router: Router) { }
 
   ngOnInit() {
diff --git a/src/styles.scss b/src/styles.scss
index e0e3f02..dfe5dea 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -84,6 +84,10 @@ body {
   background: linear-gradient(135deg, rgba(40, 112, 175, 1) 0%, rgba(0, 32, 66, 1) 100%);
 }
 
+.bg-primary-gradient-horizontal {
+  background: linear-gradient(90deg, rgba(40, 112, 175, 1) 0%, rgba(0, 32, 66, 1) 100%);
+}
+
 .icon-dim {
   height: 40px !important;
   width: auto !important;