diff --git a/bootstrap/web/config.php b/bootstrap/web/config.php
index 4796bbc..37fad27 100644
--- a/bootstrap/web/config.php
+++ b/bootstrap/web/config.php
@@ -18,6 +18,10 @@ return [
     '{urls.assets}',
     'images'
   ])),
+  'urls.metro.logo' => 'https://img.freepik.com/free-icon/santiago-metro-logo_318-66588.jpg?size=338&ext=jpg',
+  'urls.notaria.turno' => 'http://www.notariasdeturno.cl',
+  'urls.play.store' => 'https://play.google.com/store/apps/details?id=cl.totalpack.suturno.movil',
+  'urls.play.store.logo' => 'https://www.gstatic.com/android/market_images/web/favicon_v2.ico',
   'assets' => (object) [
     (object) [
       'script' => 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js'
diff --git a/bootstrap/web/setup.php b/bootstrap/web/setup.php
index 3f22177..81cad27 100644
--- a/bootstrap/web/setup.php
+++ b/bootstrap/web/setup.php
@@ -12,7 +12,10 @@ return [
           'base' => $container->get('urls.base'),
           'assets' => (object) [
             'images' => $container->get('urls.images')
-          ]
+          ],
+          'notaria_turno' => $container->get('urls.notaria.turno'),
+          'play_store' => $container->get('urls.play.store'),
+          'play_store_logo' => $container->get('urls.play.store.logo')
         ],
         'assets' => $container->get('assets')
       ]
diff --git a/common/Controller/Web/Home.php b/common/Controller/Web/Home.php
index eea09f6..d333aa8 100644
--- a/common/Controller/Web/Home.php
+++ b/common/Controller/Web/Home.php
@@ -10,8 +10,21 @@ class Home {
   public function __invoke(Request $request, Response $response, View $view, Container $container): Response {
     $banner = (object) [
       'titulo' => "5° NOTARÍA DE SANTIAGO\nPATRICIO RABY BENAVENTE",
-      'contenido' => "Gertrudis Echenique 30, of. 32, El Golf\n<img class=\"ui icon\" src=\"" . $container->get('urls.images') . "/logo_metro_blanco.png\" />Metro Alcantara"
+      'contenido' => "Gertrudis Echenique 30, of. 32, El Golf\n<img style=\"height: 1em\" src=\"" . $container->get('urls.metro.logo') . "\" /> Metro Alcantara"
     ];
-    return $view->render($response, 'home', compact('banner'));
+    $suplente = (object) [
+      'horario' => (object) [
+        'titulo' => "Horario lunes a viernes\n9:30 - 13:30 | 15:30 - 18:00",
+        'contenido' => "La atención dentro del horario, puede verse
+        afectada circunstancialmente y sin previo
+        aviso, por encontrarse el notario cumpliendo
+        funciones fuera de la Notaría."
+      ],
+      'datos' => (object) [
+        'fechas' => "DEL 1 DE ABRIL AL 15 DE MAYO",
+        'nombre' => "MARIA VIRGINIA\nWIELANDT COVARRUBIAS"
+      ]
+    ];
+    return $view->render($response, 'home', compact('banner', 'suplente'));
   }
 }
diff --git a/resources/views/home/links.blade.php b/resources/views/home/links.blade.php
index 40f9c5b..3dfc2ec 100644
--- a/resources/views/home/links.blade.php
+++ b/resources/views/home/links.blade.php
@@ -1,45 +1,18 @@
 <div class="ui grid">
-  <div class="three columns row">
-    <div class="row">
-      <div class="center aligned column">
-        <table class="ui table">
-          <thead>
-            <tr>
-              <th>DOCUMENTOS ONLINE</th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr>
-              <td>Autorizaciones</td>
-            </tr>
-            <tr>
-              <td>Declaraciones</td>
-            </tr>
-            <tr>
-              <td>Certificados</td>
-            </tr>
-            <tr>
-              <td>Poderes</td>
-            </tr>
-            <tr>
-              <td>Contratos</td>
-            </tr>
-            <tr>
-              <td>Otros</td>
-            </tr>
-          </tbody>
-        </table>
+  <div class="row">
+    <div class="column"></div>
+    <div class="three wide column">
+      @include('home.links.documentos')
+    </div>
+    <div class="column"></div>
+    <div class="three wide column">
+      @include('home.links.consultas')
+    </div>
+    <div class="column"></div>
+    <div class="center aligned three wide column">
+      <div class="ui placeholder">
+        <img src="" class="ui image" />
       </div>
-      <div class="column">
-        <table class="ui table">
-          <thead>
-            <tr>
-              <th>LINKS DE CONSULTA</th>
-            </tr>
-          </thead>
-        </table>
-      </div>
-      <div class="column"></div>
     </div>
   </div>
 </div>
diff --git a/resources/views/home/links/consultas.blade.php b/resources/views/home/links/consultas.blade.php
new file mode 100644
index 0000000..8bf5ab4
--- /dev/null
+++ b/resources/views/home/links/consultas.blade.php
@@ -0,0 +1,7 @@
+@include('home.links.listado', ['title' => 'LINKS DE CONSULTA', 'items' => [
+  (object) [
+    'icono' => '',
+    'contenido' => 'link1',
+    'link' => 'http://'
+  ]
+]])
diff --git a/resources/views/home/links/documentos.blade.php b/resources/views/home/links/documentos.blade.php
new file mode 100644
index 0000000..ab60424
--- /dev/null
+++ b/resources/views/home/links/documentos.blade.php
@@ -0,0 +1,6 @@
+@include('home.links.listado', ['title' => 'DOCUMENTOS ONLINE', 'items' => [
+  (object) [
+    'icono' => '',
+    'contenido' => 'Autorizaciones'
+  ]
+]])
diff --git a/resources/views/home/links/listado.blade.php b/resources/views/home/links/listado.blade.php
new file mode 100644
index 0000000..66fc86c
--- /dev/null
+++ b/resources/views/home/links/listado.blade.php
@@ -0,0 +1,19 @@
+<div class="ui divided list">
+  <div class="header item" style="font-weight: bold;">
+    {{$title}}
+  </div>
+  @foreach ($items as $item)
+    <div class="icon item">
+      @if (isset($item->link))
+        <a href="{{$item->link}}">
+      @endif
+      @if (isset($item->icono))
+        <i class="{{$item->icono}} icon"></i>
+      @endif
+      {{$item->contenido}}
+      @if (isset($item->link))
+        </a>
+      @endif
+    </div>
+  @endforeach
+</div>
diff --git a/resources/views/home/numero.blade.php b/resources/views/home/numero.blade.php
index 4fad398..d986a37 100644
--- a/resources/views/home/numero.blade.php
+++ b/resources/views/home/numero.blade.php
@@ -2,9 +2,11 @@
   <div class="row">
     <div class="three wide column">
       <div class="ui inverted black center aligned segment">
-        N&Uacute;MERO DE ATENCI&Oacute;N ONLINE
-        <br />
-        <img src="{{$urls->assets->images}}/logo_play_store.png" />
+        <a href="{{$urls->play_store}}">
+          N&Uacute;MERO DE ATENCI&Oacute;N ONLINE
+          <br />
+          <img src="{{$urls->play_store_logo}}" />
+        </a>
       </div>
     </div>
   </div>
diff --git a/resources/views/home/suplente.blade.php b/resources/views/home/suplente.blade.php
index 9be7e43..af608dc 100644
--- a/resources/views/home/suplente.blade.php
+++ b/resources/views/home/suplente.blade.php
@@ -1,37 +1,6 @@
 <div class="ui grid">
   <div class="row">
-    <div class="five wide column" style="padding: 2em;">
-      <h4>
-        Horario lunes a viernes
-        <br />
-        9:30 - 13:30 | 15:30 - 18:00
-      </h4>
-      <p>
-        La atención dentro del horario, puede verse
-        afectada circunstancialmente y sin previo
-        aviso, por encontrarse el notario cumpliendo
-        funciones fuera de la Notaría.
-      </p>
-      <button class="ui inverted dark-blue button">
-        NOTAR&Iacute;A DE TURNO
-      </button>
-    </div>
-    <div class="nine wide column" style="background-image: url('{{$urls->assets->images}}/img_suplente.png')">
-      <div class="ui center aligned grid">
-        <div class="row">
-          <div class="four wide column">
-            <div class="ui center aligned segment">
-              <h4 style="padding: 0; margin: 0;">NOTARIO SUPLENTE</h4>
-              <p style="font-size: 8pt;">DEL 1 DE ABRIL AL 15 DE MAYO</p>
-              <p class="center aligned">
-                MARIA VIRGINIA
-                <br />
-                WIELANDT COVARRUBIAS
-              </p>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
+    @include('home.suplente.horario')
+    @include('home.suplente.datos')
   </div>
 </div>
diff --git a/resources/views/home/suplente/datos.blade.php b/resources/views/home/suplente/datos.blade.php
new file mode 100644
index 0000000..25ac3b3
--- /dev/null
+++ b/resources/views/home/suplente/datos.blade.php
@@ -0,0 +1,17 @@
+<div class="nine wide column" style="background-image: url('{{$urls->assets->images}}/img_suplente.png')">
+  <div class="ui center aligned grid">
+    <div class="row">
+      <div class="four wide column">
+        <div class="ui center aligned segment">
+          <h4 style="padding: 0; margin: 0;">NOTARIO SUPLENTE</h4>
+          <p style="font-size: 8pt;">
+            {!!nl2br($suplente->datos->fechas)!!}
+          </p>
+          <p class="center aligned">
+            {!!nl2br($suplente->datos->nombre)!!}
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/resources/views/home/suplente/horario.blade.php b/resources/views/home/suplente/horario.blade.php
new file mode 100644
index 0000000..86825e8
--- /dev/null
+++ b/resources/views/home/suplente/horario.blade.php
@@ -0,0 +1,13 @@
+<div class="five wide column" style="padding: 2em;">
+  <h4>
+    {!!nl2br($suplente->horario->titulo)!!}
+  </h4>
+  <p>
+    {!!nl2br($suplente->horario->contenido)!!}
+  </p>
+  <a href="{{$urls->notaria_turno}}">
+    <button class="ui inverted dark-blue button">
+      NOTAR&Iacute;A DE TURNO
+    </button>
+  </a>
+</div>
diff --git a/resources/views/layout/footer.blade.php b/resources/views/layout/footer.blade.php
index 51bb773..f9db250 100644
--- a/resources/views/layout/footer.blade.php
+++ b/resources/views/layout/footer.blade.php
@@ -1,2 +1,14 @@
-<footer></footer>
+<footer class="ui grid">
+  <div class="three columns row">
+    <div class="column">
+      Horario
+    </div>
+    <div class="column">
+      Datos
+    </div>
+    <div class="column">
+      Ubicacion
+    </div>
+  </div>
+</footer>
 @include('layout.scripts')