diff --git a/bootstrap/web/config.php b/bootstrap/web/config.php
index bee7612..8679d76 100644
--- a/bootstrap/web/config.php
+++ b/bootstrap/web/config.php
@@ -23,6 +23,11 @@ return [
       'assets',
       'styles'
     ])),
+    'images' => DI\string(implode('/', [
+      '{urls.base}',
+      'assets',
+      'images'
+    ])),
     'servicios' => DI\string(implode('/', [
       '{urls.base}',
       'servicios'
diff --git a/common/Controller/Web/Home.php b/common/Controller/Web/Home.php
index 8b054e6..879f865 100644
--- a/common/Controller/Web/Home.php
+++ b/common/Controller/Web/Home.php
@@ -20,7 +20,7 @@ class Home {
     ];
     $clientes = [];
     for ($i = 0; $i < 20; $i ++) {
-      $clientes[$i] = '<div class="ui fluid placeholder"><div class="circular image"></div>' . $i . '</div>';
+      $clientes[$i] = '<div class="ui image"><img src="' . $container->get('urls')['images'] . '/clientes/logo_' . str_pad($i + 1, 2, '0', \STR_PAD_LEFT) . '.jpg" /></div>';
     }
 
     $testimonios = $this->loadData($container, 'testimonios');
diff --git a/public/assets/images/banner.JPG b/public/assets/images/banner.JPG
new file mode 100644
index 0000000..9c4f6c6
Binary files /dev/null and b/public/assets/images/banner.JPG differ
diff --git a/public/assets/images/clientes/logo_01.jpg b/public/assets/images/clientes/logo_01.jpg
new file mode 100644
index 0000000..67e3619
Binary files /dev/null and b/public/assets/images/clientes/logo_01.jpg differ
diff --git a/public/assets/images/clientes/logo_02.jpg b/public/assets/images/clientes/logo_02.jpg
new file mode 100644
index 0000000..496e30b
Binary files /dev/null and b/public/assets/images/clientes/logo_02.jpg differ
diff --git a/public/assets/images/clientes/logo_03.jpg b/public/assets/images/clientes/logo_03.jpg
new file mode 100644
index 0000000..b44df56
Binary files /dev/null and b/public/assets/images/clientes/logo_03.jpg differ
diff --git a/public/assets/images/clientes/logo_04.jpg b/public/assets/images/clientes/logo_04.jpg
new file mode 100644
index 0000000..f734f21
Binary files /dev/null and b/public/assets/images/clientes/logo_04.jpg differ
diff --git a/public/assets/images/clientes/logo_05.jpg b/public/assets/images/clientes/logo_05.jpg
new file mode 100644
index 0000000..cd95aba
Binary files /dev/null and b/public/assets/images/clientes/logo_05.jpg differ
diff --git a/public/assets/images/clientes/logo_06.jpg b/public/assets/images/clientes/logo_06.jpg
new file mode 100644
index 0000000..a09eab1
Binary files /dev/null and b/public/assets/images/clientes/logo_06.jpg differ
diff --git a/public/assets/images/clientes/logo_07.jpg b/public/assets/images/clientes/logo_07.jpg
new file mode 100644
index 0000000..c067ccd
Binary files /dev/null and b/public/assets/images/clientes/logo_07.jpg differ
diff --git a/public/assets/images/clientes/logo_08.jpg b/public/assets/images/clientes/logo_08.jpg
new file mode 100644
index 0000000..748dc70
Binary files /dev/null and b/public/assets/images/clientes/logo_08.jpg differ
diff --git a/public/assets/images/clientes/logo_09.jpg b/public/assets/images/clientes/logo_09.jpg
new file mode 100644
index 0000000..d92be80
Binary files /dev/null and b/public/assets/images/clientes/logo_09.jpg differ
diff --git a/public/assets/images/clientes/logo_10.jpg b/public/assets/images/clientes/logo_10.jpg
new file mode 100644
index 0000000..c82be28
Binary files /dev/null and b/public/assets/images/clientes/logo_10.jpg differ
diff --git a/public/assets/images/clientes/logo_11.jpg b/public/assets/images/clientes/logo_11.jpg
new file mode 100644
index 0000000..d94bf21
Binary files /dev/null and b/public/assets/images/clientes/logo_11.jpg differ
diff --git a/public/assets/images/clientes/logo_12.jpg b/public/assets/images/clientes/logo_12.jpg
new file mode 100644
index 0000000..3ac76cb
Binary files /dev/null and b/public/assets/images/clientes/logo_12.jpg differ
diff --git a/public/assets/images/clientes/logo_13.jpg b/public/assets/images/clientes/logo_13.jpg
new file mode 100644
index 0000000..083f3e0
Binary files /dev/null and b/public/assets/images/clientes/logo_13.jpg differ
diff --git a/public/assets/images/clientes/logo_14.jpg b/public/assets/images/clientes/logo_14.jpg
new file mode 100644
index 0000000..cb0c9a8
Binary files /dev/null and b/public/assets/images/clientes/logo_14.jpg differ
diff --git a/public/assets/images/clientes/logo_15.jpg b/public/assets/images/clientes/logo_15.jpg
new file mode 100644
index 0000000..31d9424
Binary files /dev/null and b/public/assets/images/clientes/logo_15.jpg differ
diff --git a/public/assets/images/equipo.JPG b/public/assets/images/equipo.JPG
new file mode 100644
index 0000000..8edc344
Binary files /dev/null and b/public/assets/images/equipo.JPG differ
diff --git a/public/assets/images/eventos_calidad_de_vida.jpg b/public/assets/images/eventos_calidad_de_vida.jpg
new file mode 100644
index 0000000..93f534d
Binary files /dev/null and b/public/assets/images/eventos_calidad_de_vida.jpg differ
diff --git a/public/assets/images/eventos_deportivos.jpg b/public/assets/images/eventos_deportivos.jpg
new file mode 100644
index 0000000..2ae5873
Binary files /dev/null and b/public/assets/images/eventos_deportivos.jpg differ
diff --git a/public/assets/images/eventos_recreativos.jpg b/public/assets/images/eventos_recreativos.jpg
new file mode 100644
index 0000000..ed5bb1e
Binary files /dev/null and b/public/assets/images/eventos_recreativos.jpg differ
diff --git a/public/assets/images/testimonios.jpg b/public/assets/images/testimonios.jpg
new file mode 100644
index 0000000..4530c20
Binary files /dev/null and b/public/assets/images/testimonios.jpg differ
diff --git a/public/assets/styles/home.css b/public/assets/styles/home.css
index abfb4a8..a804280 100644
--- a/public/assets/styles/home.css
+++ b/public/assets/styles/home.css
@@ -1,9 +1,13 @@
 #banner {
   background-color: grey;
+  background-blend-mode: multiply;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 1920px auto;
   color: white;
   font-family: Roboto, sans-serif !important;
-  padding-top: 10rem;
-  padding-bottom: 10rem;
+  padding-top: 15rem;
+  padding-bottom: 15rem;
 }
 #banner .header {
   font-family: inherit;
@@ -13,14 +17,23 @@
   padding-top: 2rem;
   padding-bottom: 3rem;
 }
+#servicios .basic.card {
+  border: none !important;
+  box-shadow: none !important;
+}
 
 #frase {
   padding-top: 4rem;
   padding-bottom: 4rem;
 }
+#frase .header {
+  color: inherit;
+}
 
 #nosotros {
   background-color: #f0f0f0;
+  padding-top: 3rem;
+  padding-bottom: 3rem;
 }
 #nosotros .column {
   padding-top: 0;
@@ -45,16 +58,24 @@
   padding-top: 0;
   padding-bottom: 0;
 }
+#clientes #img_clientes .image {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
 
 #testimonios {
   background-color: grey;
-  color: #404040;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 1920px auto;
+  background-blend-mode: multiply;
+  color: white;
   min-height: 30rem;
   display: flex;
   align-items: center
 }
 #testimonios .segment, #testimonios .header {
-  color: #404040 !important;
+  color: white !important;
 }
 
 #eventos {
diff --git a/public/assets/styles/main.css b/public/assets/styles/main.css
index 8fc42f5..02e4c03 100644
--- a/public/assets/styles/main.css
+++ b/public/assets/styles/main.css
@@ -8,8 +8,16 @@ body, .ui {
   font-size: 2.2rem;
   color: #404041;
 }
-#page_logo .orange {
-  color: #F26721;
+.brand {
+  color: #f26721 !important;
+}
+.inverted.brand {
+  background-color: #f26721 !important;
+  color: #ffffff !important;
+}
+button.inverted {
+  border: none !important;
+  box-shadow: none !important;
 }
 
 footer {
diff --git a/resources/data/servicios.yml b/resources/data/servicios.yml
index c41fd56..295106d 100644
--- a/resources/data/servicios.yml
+++ b/resources/data/servicios.yml
@@ -1,6 +1,9 @@
 - titulo: Eventos Calidad de Vida
+  imagen: eventos_calidad_de_vida.jpg
   contenido: "elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut"
 - titulo: Eventos Deportivos
+  imagen: eventos_deportivos.jpg
   contenido: "elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut"
 - titulo: Eventos Recreativos
+  imagen: eventos_recreativos.jpg
   contenido: "elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut"
diff --git a/resources/views/home/banner.blade.php b/resources/views/home/banner.blade.php
index ae9f451..23645d7 100644
--- a/resources/views/home/banner.blade.php
+++ b/resources/views/home/banner.blade.php
@@ -1,4 +1,4 @@
-<div id="banner">
+<div id="banner" style="background-image: url('{{$urls->images}}/banner.jpg');">
   <div class="ui container">
     <div class="ui center aligned stackable grid">
       <div class="row">
@@ -15,7 +15,7 @@
       </div>
       <div class="row">
         <div class="three wide column">
-          <button class="ui fluid huge inverted basic button" style="font-weight: 900;">
+          <button class="ui fluid huge inverted brand basic button" style="font-weight: 900;">
             DESCARGA
           </button>
         </div>
diff --git a/resources/views/home/frase.blade.php b/resources/views/home/frase.blade.php
index b5c602a..940a904 100644
--- a/resources/views/home/frase.blade.php
+++ b/resources/views/home/frase.blade.php
@@ -1,12 +1,14 @@
-<div class="ui container" id="frase">
-  <div class="ui center aligned grid">
-    <div class="twelve wide column">
-      <div class="ui header">
-        {{$frase->titulo}}
+<div class="inverted brand" id="frase">
+  <div class="ui container">
+    <div class="ui center aligned grid">
+      <div class="twelve wide column">
+        <div class="ui header">
+          {{$frase->titulo}}
+        </div>
+        <p>
+          {{$frase->contenido}}
+        </p>
       </div>
-      <p>
-        {{$frase->contenido}}
-      </p>
     </div>
   </div>
 </div>
diff --git a/resources/views/home/nosotros.blade.php b/resources/views/home/nosotros.blade.php
index 6efe538..a739d5b 100644
--- a/resources/views/home/nosotros.blade.php
+++ b/resources/views/home/nosotros.blade.php
@@ -2,8 +2,8 @@
   <div class="ui container">
     <div class="ui stackable two columns grid">
       <div class="column">
-        <div class="ui fluid placeholder">
-          <div class="image"></div>
+        <div class="ui image">
+          <img src="{{$urls->images}}/equipo.jpg" />
         </div>
       </div>
       <div class="column contenido">
diff --git a/resources/views/home/servicios.blade.php b/resources/views/home/servicios.blade.php
index 02fdae5..4c5af5d 100644
--- a/resources/views/home/servicios.blade.php
+++ b/resources/views/home/servicios.blade.php
@@ -13,14 +13,18 @@ aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
           <div class="three columns row">
             @foreach ($servicios as $servicio)
               <div class="column">
-                <div class="ui placeholder">
-                  <div class="square image"></div>
-                </div>
-                <div class="ui header">
-                  {{$servicio->titulo}}
-                </div>
-                <div class="ui content">
-                  {{$servicio->contenido}}
+                <div class="ui basic card">
+                  <div class="image">
+                    <img src="{{$urls->images}}/{{$servicio->imagen}}" alt="{{$servicio->titulo}}" title="{{$servicio->titulo}}" />
+                  </div>
+                  <div class="content">
+                    <div class="header">
+                      {{$servicio->titulo}}
+                    </div>
+                    <div class="description">
+                      {{$servicio->contenido}}
+                    </div>
+                  </div>
                 </div>
               </div>
             @endforeach
diff --git a/resources/views/home/testimonios.blade.php b/resources/views/home/testimonios.blade.php
index a38b26e..685fdbd 100644
--- a/resources/views/home/testimonios.blade.php
+++ b/resources/views/home/testimonios.blade.php
@@ -1,4 +1,4 @@
-<div id="testimonios">
+<div id="testimonios" style="background-image: url('{{$urls->images}}/testimonios.jpg');">
   <div class="ui container">
     <div class="ui center aligned grid">
       <div class="fourteen wide column" id='testimonio'>
diff --git a/resources/views/layout/menu.blade.php b/resources/views/layout/menu.blade.php
index 9317ed1..11f6b89 100644
--- a/resources/views/layout/menu.blade.php
+++ b/resources/views/layout/menu.blade.php
@@ -6,7 +6,7 @@
   </div>
   <a class="item" href="{{$urls->base}}">
     <div class="ui header" id="page_logo">
-      Total<span class="orange">Sport</span>
+      Total<span class="brand">Sport</span>
     </div>
   </a>
   <div class="right two item menu">