diff --git a/assets/css/estilos.css b/assets/css/estilos.css
index dc713cd23..57d11ae93 100644
--- a/assets/css/estilos.css
+++ b/assets/css/estilos.css
@@ -2,15 +2,25 @@ body {
   font-family: "Raleway", sans-serif;
 }
 
+.navbar-brand {
+  font-weight: 900;
+  font-size: 32px;
+}
+
 /* Hero Section */
 
 #Hero-Section {
-  background-image: url("../img/bg-hero.jpg");
+  background-image: url("../img/banner2.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: left;
 }
 
+#Hero-Section .content {
+  max-width: 100%;
+  background-color: rgba(26, 26, 26, 0.85);
+}
+
 /* Mis trabajos */
 
 #Mis-trabajos .image-top {
@@ -22,6 +32,10 @@ body {
 
 /* Contacto */
 
+#Contacto {
+  max-width: 750px;
+}
+
 #Contacto form label {
   font-weight: 700;
   color: #373a3c;
diff --git a/assets/img/banner2.jpg b/assets/img/banner2.jpg
new file mode 100644
index 000000000..945bc8e38
Binary files /dev/null and b/assets/img/banner2.jpg differ
diff --git a/assets/img/page1.png b/assets/img/page1.png
new file mode 100644
index 000000000..19b632564
Binary files /dev/null and b/assets/img/page1.png differ
diff --git a/assets/img/page2.png b/assets/img/page2.png
new file mode 100644
index 000000000..f9b6bbd15
Binary files /dev/null and b/assets/img/page2.png differ
diff --git a/assets/img/page3.png b/assets/img/page3.png
new file mode 100644
index 000000000..0684bd129
Binary files /dev/null and b/assets/img/page3.png differ
diff --git a/index.html b/index.html
index d96ee5a64..3311f3fdb 100644
--- a/index.html
+++ b/index.html
@@ -10,7 +10,7 @@
     <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap" rel="stylesheet">
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
         integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
-    <title>Olivia Ros</title>
+    <title>Lucía Soler</title>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css"
         integrity="sha512-q3eWabyZPc1XTCmF+8/LuE1ozpg5xxn7iO89yfSOd5/oKvyqLngoNGsx8jq92Y8eXJ/IRxQbEC+FGSYxtk2oiw=="
         crossorigin="anonymous" referrerpolicy="no-referrer" />
@@ -21,7 +21,7 @@
     <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
         <div class="container">
             <a class="navbar-brand" href="#">
-                <img src="assets/img/logo.png" class="img-fluid">
+                LUCÍA SOLER
             </a>
             <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                 aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
@@ -45,11 +45,11 @@
         </div>
     </nav>
 
-    <header id="Hero-Section" class="text-light text-end py-5 mt-5">
+    <header id="Hero-Section" class="text-light text-end p-5 mt-5">
         <div class="container">
-            <div class="ms-auto col-12 col-md-7 ">
-                <h1 class="display-1 fw-bold my-5">
-                    Comidas del fin <br> del mundo
+            <div class="content ms-auto col-12 col-md-7 px-5 pt-5">
+                <h1 class="display-1 fw-bold mb-5">
+                    Full Stack <br> Developer
                 </h1>
                 <p class="my-5">
                     Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis, accusamus iusto quibusdam
@@ -79,7 +79,7 @@ <h2 class="display-3 fw-bold my-4">Acerca de mi</h2>
         <div class="row">
             <div class="col-12 col-md-4">
                 <i class="fas fa-camera fa-3x my-3"></i>
-                <h3 class="my-3 fw-bold">Fotógrafa de comida</h3>
+                <h3 class="my-3 fw-bold">Front End</h3>
                 <p class="my-3">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
                     eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
@@ -88,8 +88,9 @@ <h3 class="my-3 fw-bold">Fotógrafa de comida</h3>
                 </p>
             </div>
             <div class="col-12 col-md-4">
+                <i class="fa-solid fa-gears my-3"></i>
                 <i class="fas fa-bullhorn fa-3x my-3"></i>
-                <h3 class="my-3 fw-bold">Crítica culinaria</h3>
+                <h3 class="my-3 fw-bold">Back End</h3>
                 <p class="my-3">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
                     eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
@@ -99,7 +100,7 @@ <h3 class="my-3 fw-bold">Crítica culinaria</h3>
             </div>
             <div class="col-12 col-md-4">
                 <i class="far fa-map fa-3x my-3"></i>
-                <h3 class="my-3 fw-bold">Bloggera de viajes</h3>
+                <h3 class="my-3 fw-bold">Full Stack</h3>
                 <p class="my-3">
                     Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
                     eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
@@ -118,9 +119,9 @@ <h2 class="display-4 fw-bold text-center text-light mb-3">Mis trabajos</h2>
         <div class="row">
             <div class="col-12 col-sm-4 py-2">
                 <div class="card">
-                    <div class="image-top" style="background-image: url(assets/img/card-1.jpg)"></div>
+                    <div class="image-top" style="background-image: url(assets/img/page1.png)"></div>
                     <div class="card-body">
-                        <h5 class="card-title fw-bold">Asado en la Patagonia</h5>
+                        <h5 class="card-title fw-bold">Código Secreto</h5>
                         <p class="card-text">
                             Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                             Explicabo iure sint, perspiciatis distinctio molestias nihil
@@ -135,9 +136,9 @@ <h5 class="card-title fw-bold">Asado en la Patagonia</h5>
             </div>
             <div class="col-12 col-sm-4 py-2">
                 <div class="card">
-                    <div class="image-top" style="background-image: url(assets/img/card-2.jpg)"></div>
+                    <div class="image-top" style="background-image: url(assets/img/page2.png)"></div>
                     <div class="card-body">
-                        <h5 class="card-title fw-bold">Papas del fin del mundo</h5>
+                        <h5 class="card-title fw-bold">Arq. Contemporánea</h5>
                         <p class="card-text">
                             Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                             Deserunt a culpa doloremque voluptatem dicta nam. Maxime ipsum,
@@ -152,9 +153,9 @@ <h5 class="card-title fw-bold">Papas del fin del mundo</h5>
             </div>
             <div class="col-12 col-sm-4 py-2">
                 <div class="card">
-                    <div class="image-top" style="background-image: url(assets/img/card-3.jpg)"></div>
+                    <div class="image-top" style="background-image: url(assets/img/page3.png)"></div>
                     <div class="card-body">
-                        <h5 class="card-title fw-bold">Salmones de Alaska</h5>
+                        <h5 class="card-title fw-bold">Formularios</h5>
                         <p class="card-text">
                             Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                             Obcaecati facere quibusdam sint id laborum magni velit ducimus