diff --git a/Maquetado/images/back-arrow.png b/Maquetado/images/back-arrow.png
new file mode 100644
index 0000000..747f047
Binary files /dev/null and b/Maquetado/images/back-arrow.png differ
diff --git a/Maquetado/scss/book-details.scss b/Maquetado/scss/book-details.scss
index 7265cc6..6e3ba65 100644
--- a/Maquetado/scss/book-details.scss
+++ b/Maquetado/scss/book-details.scss
@@ -1,13 +1,29 @@
 @import 'colors';
 @import 'mixins';
 
+.back-buttom {
+  display: flex;
+  align-items: center;
+  margin: 2% 8%;
+
+  .back-image {
+    transform: scale(1.2, 1.2);
+  }
+
+  .back-word {
+    font: 17px 'Roboto';
+    margin-left: 5px;
+  }
+}
+
 .front-page {
   background-color: $white;
   box-shadow: 3px 3px 7px $gray;
   display: flex;
   gap: 25px;
-  margin: 2%;
+  margin: 2% 12.5%;
   padding: 3%;
+  width: 75%;
 
   .image {
     position: relative;
diff --git a/Maquetado/views/book-list.html b/Maquetado/views/book-list.html
index e806c9c..c505e01 100644
--- a/Maquetado/views/book-list.html
+++ b/Maquetado/views/book-list.html
@@ -25,124 +25,140 @@
     </header>
     <article class="book-list">
       <div class="item">
-        <img
-          src="../images/book-cover.png"
-          class="book-image"
-          alt="book-cover"
-          width="180"
-          height="250"
-        />
-        <div>
-          <p class="book-title">Título del libro</p>
-          <br />
-          <p class="book-author">Autor del libro</p>
-          <br />
-        </div>
+        <a href="index.html">
+          <img
+            src="../images/book-cover.png"
+            class="book-image"
+            alt="book-cover"
+            width="180"
+            height="250"
+          />
+          <div>
+            <p class="book-title">Título del libro</p>
+            <br />
+            <p class="book-author">Autor del libro</p>
+            <br />
+          </div>
+        </a>
       </div>
       <div class="item">
-        <img
-          src="../images/book-cover.png"
-          class="book-image"
-          alt="book-cover"
-          width="180"
-          height="250"
-        />
-        <div>
-          <p class="book-title">Título del libro</p>
-          <br />
-          <p class="book-author">Autor del libro</p>
-          <br />
-        </div>
+        <a href="index.html">
+          <img
+            src="../images/book-cover.png"
+            class="book-image"
+            alt="book-cover"
+            width="180"
+            height="250"
+          />
+          <div>
+            <p class="book-title">Título del libro</p>
+            <br />
+            <p class="book-author">Autor del libro</p>
+            <br />
+          </div>
+        </a>
       </div>
       <div class="item">
-        <img
-          src="../images/book-cover.png"
-          class="book-image"
-          alt="book-cover"
-          width="180"
-          height="250"
-        />
-        <div>
-          <p class="book-title">Título del libro</p>
-          <br />
-          <p class="book-author">Autor del libro</p>
-          <br />
-        </div>
+        <a href="index.html">
+          <img
+            src="../images/book-cover.png"
+            class="book-image"
+            alt="book-cover"
+            width="180"
+            height="250"
+          />
+          <div>
+            <p class="book-title">Título del libro</p>
+            <br />
+            <p class="book-author">Autor del libro</p>
+            <br />
+          </div>
+        </a>
       </div>
       <div class="item">
-        <img
-          src="../images/book-cover.png"
-          class="book-image"
-          alt="book-cover"
-          width="180"
-          height="250"
-        />
-        <div>
-          <p class="book-title">Título del libro</p>
-          <br />
-          <p class="book-author">Autor del libro</p>
-          <br />
-        </div>
+        <a href="index.html">
+          <img
+            src="../images/book-cover.png"
+            class="book-image"
+            alt="book-cover"
+            width="180"
+            height="250"
+          />
+          <div>
+            <p class="book-title">Título del libro</p>
+            <br />
+            <p class="book-author">Autor del libro</p>
+            <br />
+          </div>
+        </a>
       </div>
       <div class="item">
-        <img
-          src="../images/book-cover.png"
-          class="book-image"
-          alt="book-cover"
-          width="180"
-          height="250"
-        />
-        <div>
-          <p class="book-title">Título del libro</p>
-          <br />
-          <p class="book-author">Autor del libro</p>
-          <br />
-        </div>
+        <a href="index.html">
+          <img
+            src="../images/book-cover.png"
+            class="book-image"
+            alt="book-cover"
+            width="180"
+            height="250"
+          />
+          <div>
+            <p class="book-title">Título del libro</p>
+            <br />
+            <p class="book-author">Autor del libro</p>
+            <br />
+          </div>
+        </a>
       </div>
       <div class="item">
-        <img
-          src="../images/book-cover.png"
-          class="book-image"
-          alt="book-cover"
-          width="180"
-          height="250"
-        />
-        <div>
-          <p class="book-title">Título del libro</p>
-          <br />
-          <p class="book-author">Autor del libro</p>
-          <br />
-        </div>
+        <a href="index.html">
+          <img
+            src="../images/book-cover.png"
+            class="book-image"
+            alt="book-cover"
+            width="180"
+            height="250"
+          />
+          <div>
+            <p class="book-title">Título del libro</p>
+            <br />
+            <p class="book-author">Autor del libro</p>
+            <br />
+          </div>
+        </a>
       </div>
       <div class="item">
-        <img
-          src="../images/book-cover.png"
-          class="book-image"
-          alt="book-cover"
-          width="180"
-          height="250"
-        />
-        <div>
-          <p class="book-title">Título del libro</p>
-          <br />
-          <p class="book-author">Autor del libro</p>
-          <br />
-        </div>
+        <a href="index.html">
+          <img
+            src="../images/book-cover.png"
+            class="book-image"
+            alt="book-cover"
+            width="180"
+            height="250"
+          />
+          <div>
+            <p class="book-title">Título del libro</p>
+            <br />
+            <p class="book-author">Autor del libro</p>
+            <br />
+          </div>
+        </a>
       </div>
       <div class="item">
-        <img
-          src="../images/book-cover.png"
-          class="book-image"
-          alt="book-cover"
-          width="180"
-          height="250"
-        />
-        <div>
-          <p class="book-title">Título del libro</p>
-          <br />
-          <p class="book-author">Autor del libro</p>
-          <br />
-        </div>
+        <a href="index.html">
+          <img
+            src="../images/book-cover.png"
+            class="book-image"
+            alt="book-cover"
+            width="180"
+            height="250"
+          />
+          <div>
+            <p class="book-title">Título del libro</p>
+            <br />
+            <p class="book-author">Autor del libro</p>
+            <br />
+          </div>
+        </a>
       </div>
     </article>
   </body>
diff --git a/Maquetado/views/index.html b/Maquetado/views/index.html
index ad9d73a..7d51371 100644
--- a/Maquetado/views/index.html
+++ b/Maquetado/views/index.html
@@ -9,7 +9,17 @@
     <link rel="stylesheet" type="text/css" href="../application.css" />
   </head>
   <body>
-    <article class="front-page">
+    <header>
+      <a href="./book-list.html" class="back-buttom">
+        <img
+          src="../images/back-arrow.png"
+          class="back-image"
+          alt="back-arrow"
+        />
+        <div class="back-word">Atrás</div>
+      </a>
+    </header>
+    <div class="front-page">
       <div class="image">
         <img
           src="../images/book-cover.png"
@@ -42,6 +52,6 @@ <h2 class="gender">(género)</h2>
         <p class="content">Año de publicación</p>
         <br />
       </div>
-    </article>
+    </div>
   </body>
 </html>