diff --git a/public/assets/styles/main.css b/public/assets/styles/main.css
index c5ecb20..3b88cac 100644
--- a/public/assets/styles/main.css
+++ b/public/assets/styles/main.css
@@ -30,6 +30,7 @@ html {
 
 .suplente {
   height: 330px;
+  padding-top: 50px !important;
 }
 .suplente>div {
   display: inline-block;
@@ -39,6 +40,16 @@ html {
   background-position: center;
   height: 230px;
 }
+.suplente .mensaje .row {
+  margin-top: 50px;
+  height: 160px;
+}
+.suplente .mensaje .row .column,
+.suplente .mensaje .row .column .segment {
+  width: 340px !important;
+  border: 0;
+  padding: 0 !important;
+}
 
 .numero {
   background-position: center;
@@ -94,3 +105,43 @@ html {
   background-size: 345px 340px;
   width: 345px !important;
 }
+
+#indice .img,
+#indice .img img {
+  width: 780px !important;
+  height: 310px !important;
+}
+#indice .contenido {
+  padding-top: 60px !important;
+  width: 300px !important;
+  color: rgba(0, 0, 0, 0.9) !important;
+}
+#indice .contenido .titulo {
+  font-size: 20pt;
+  font-weight: bold;
+}
+#indice .contenido .list .item {
+  font-size: 14pt !important;
+  color: inherit;
+}
+
+footer {
+  color: white;
+  height: 260px;
+  font-family: Roboto;
+}
+
+footer .main {
+  height: 230px !important;
+  padding-top: 30px !important;
+}
+footer a {
+  color: inherit;
+}
+
+footer>.menu {
+  font-size: 10pt !important;
+  color: rgba(0, 0, 0, 0.7) !important;
+  background-color: rgba(0, 0, 0, 0.1) !important;
+  height: 30px !important;
+}
diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
index 637cf11..a05ca23 100644
--- a/resources/views/home.blade.php
+++ b/resources/views/home.blade.php
@@ -5,4 +5,5 @@
   @include('home.suplente')
   @include('home.numero')
   @include('home.links')
+  @include('home.indice')
 @endsection
diff --git a/resources/views/home/indice.blade.php b/resources/views/home/indice.blade.php
new file mode 100644
index 0000000..0bbc290
--- /dev/null
+++ b/resources/views/home/indice.blade.php
@@ -0,0 +1,17 @@
+<div id="indice" class="ui grid padded">
+  <div class="two columns row">
+    <div class="column img">
+      <img src="{{$urls->assets->images}}/Indice.jpg" />
+    </div>
+    <div class="column contenido">
+      <div class="titulo">&Iacute;NDICE</div>
+      <br />
+      <nav class="ui divided list">
+        <a class="item" href="">Repertorios</a>
+        <a class="item" href="">Escrituras protocolizadas</a>
+        <a class="item" href="">Anotaciones</a>
+        <a class="item" href="">Repositorio</a>
+      </nav>
+    </div>
+  </div>
+</div>
diff --git a/resources/views/home/suplente/datos.blade.php b/resources/views/home/suplente/datos.blade.php
index 31a172d..a0c2852 100644
--- a/resources/views/home/suplente/datos.blade.php
+++ b/resources/views/home/suplente/datos.blade.php
@@ -1,13 +1,13 @@
 <div class="eleven wide column mensaje" style="background-image: url('{{$urls->assets->images}}/Notario Suplente.jpg')">
   <div class="ui center aligned grid">
     <div class="row">
-      <div class="four wide column">
+      <div class="column">
         <div class="ui center aligned segment">
-          <h4 style="padding: 0; margin: 0;">NOTARIO SUPLENTE</h4>
-          <p style="font-size: 8pt;">
+          <h4 style="padding: 0; margin: 0; font-size: 20pt;">NOTARIO SUPLENTE</h4>
+          <p style="font-size: 12pt;">
             {!!nl2br($suplente->datos->fechas)!!}
           </p>
-          <p class="center aligned">
+          <p class="center aligned" style="font-size: 18pt;">
             {!!nl2br($suplente->datos->nombre)!!}
           </p>
         </div>
diff --git a/resources/views/layout/footer.blade.php b/resources/views/layout/footer.blade.php
index a5d81c8..a46647d 100644
--- a/resources/views/layout/footer.blade.php
+++ b/resources/views/layout/footer.blade.php
@@ -1,22 +1,17 @@
 <footer>
-  <div class="ui inverted dark-blue grid padded">
+  <div class="ui inverted dark-blue grid padded main">
     <div class="three columns row">
       <div class="column">
         @include('layout.footer.horario')
       </div>
       <div class="column">
-        Datos
+        @include('layout.footer.datos')
       </div>
       <div class="column">
-        Ubicacion
+        @include('layout.footer.ubicacion')
       </div>
     </div>
-  </footer>
-  <nav class="ui menu inverted grey padded attached">
-    <a class="item" href="{{$urls->base}}">
-      Notar&iacute;a
-    </a>
-    <a class="item" href="{{$urls->base}}#servicios">Servicios</a>
-  </nav>
+  </div>
+  @include('layout.footer.menu')
 </footer>
 @include('layout.scripts')
diff --git a/resources/views/layout/footer/datos.blade.php b/resources/views/layout/footer/datos.blade.php
new file mode 100644
index 0000000..ee16566
--- /dev/null
+++ b/resources/views/layout/footer/datos.blade.php
@@ -0,0 +1,13 @@
+<div style="text-align: center;">
+  <img style="height: 2em;" src="{{$urls->assets->images}}/Contacto.png" />
+  <p>
+    <strong>
+      CONTACTO
+    </strong>
+  </p>
+  <p>
+    +56 2 2599 2453
+    <br />
+    <a href="mailto:administracion@notariaraby.cl">administracion@notariaraby.cl</a>
+  </p>
+</div>
diff --git a/resources/views/layout/footer/horario.blade.php b/resources/views/layout/footer/horario.blade.php
index a4998c7..3950c70 100644
--- a/resources/views/layout/footer/horario.blade.php
+++ b/resources/views/layout/footer/horario.blade.php
@@ -1,7 +1,9 @@
-<div id="horario_footer" style="text-align: center; ">
-  <img style="height: 0.02em;" src="{{$urls->assets->images}}/footer/horario.png" />
+<div id="horario_footer" style="text-align: center;">
+  <img style="height: 2em;" src="{{$urls->assets->images}}/Horarios.png" />
   <p>
-    {!!nl2br(strtoupper($suplente->horario->titulo))!!}
+    <strong>
+      {!!nl2br(strtoupper($suplente->horario->titulo))!!}
+    </strong>
   </p>
   <p>
     {!!nl2br($suplente->horario->contenido)!!}
diff --git a/resources/views/layout/footer/menu.blade.php b/resources/views/layout/footer/menu.blade.php
new file mode 100644
index 0000000..d34ef73
--- /dev/null
+++ b/resources/views/layout/footer/menu.blade.php
@@ -0,0 +1,19 @@
+<nav class="ui padded attached text menu">
+  <a class="item" href="{{$urls->base}}">
+    Notar&iacute;a
+  </a>
+  <a class="item" href="{{$urls->base}}#servicios">
+    Servicios
+  </a>
+  <a class="item" href="{{$urls->base}}/consultas">
+    Consultas
+  </a>
+  <a class="item" href="{{$urls->base}}/contacto">
+    Contacto
+  </a>
+  <div class="right menu">
+    <div class="item">
+      Copyright&copy; Todos los derechos reservados a Notar&iacute;a Raby
+    </div>
+  </div>
+</nav>
diff --git a/resources/views/layout/footer/ubicacion.blade.php b/resources/views/layout/footer/ubicacion.blade.php
new file mode 100644
index 0000000..e01b7cf
--- /dev/null
+++ b/resources/views/layout/footer/ubicacion.blade.php
@@ -0,0 +1,13 @@
+<div style="text-align: center;">
+  <img style="height: 2em;" src="{{$urls->assets->images}}/Ubicación.png" />
+  <p>
+    <strong>
+      UBICACI&Oacute;N
+    </strong>
+  </p>
+  <p>
+    Gertrudis Echenique 30, of. 32,
+    <br />
+    El Golf, Santiago, Chile.
+  </p>
+</div>