diff --git a/004_primeras_paginas/README.md b/004_primeras_paginas/README.md
index 5435867..39b655d 100644
--- a/004_primeras_paginas/README.md
+++ b/004_primeras_paginas/README.md
@@ -168,5 +168,15 @@ Página [productos](./html_css_parte2/productos.html) y
 
 En la página [productos](./html_css_parte2/productos.html) se utiliza la
 propiedad `display` con el valor `inline-block` para poder ajustar su contenido
-en [productos.css](./html_css_parte2/productos.css).
+en [productos.css](./html_css_parte2/productos.css). Se utiliza una imagen como
+fondo con la propiedad css background `background: url(./imagenes/bg.jpg)` para
+la etiqueta `<footer>`.
+
+[Centrar](https://www.aluracursos.com/blog/centrar-un-elemento-con-css) un
+elemento con css.
+
+Caracteres especiales, unicode
+[wiki](https://en.wikipedia.org/wiki/List_of_Unicode_characters).
+
+Final curso HTML5 y CSS parte 2
 
diff --git a/004_primeras_paginas/html_css_parte2/productos.css b/004_primeras_paginas/html_css_parte2/productos.css
index 1d979ae..8655990 100644
--- a/004_primeras_paginas/html_css_parte2/productos.css
+++ b/004_primeras_paginas/html_css_parte2/productos.css
@@ -81,3 +81,14 @@ nav a:hover{
     font-weight: bold;
     margin-top: 10px;
 }
+
+footer {
+    text-align: center;
+    background: url(./imagenes/bg.jpg);
+    padding: 40px;
+}
+
+.copyright {
+    color: #6f6f6f;
+    font-size: 14px;
+}
diff --git a/004_primeras_paginas/html_css_parte2/productos.html b/004_primeras_paginas/html_css_parte2/productos.html
index d5aa423..f9e2356 100644
--- a/004_primeras_paginas/html_css_parte2/productos.html
+++ b/004_primeras_paginas/html_css_parte2/productos.html
@@ -42,5 +42,11 @@
                 </li>
             </ul>
         </main>
+        <footer>
+            <img src="./imagenes/logo-blanco.png">
+            <!-- Copyleft  unicode 🄯 &#127279; -->
+            <!-- Copyright unicode  &copy &#169; -->
+            <p class="copyright">&#127279; CopyLeft 2023 - DevFzn</p>
+        </footer>
     </body>
 </html>