diff --git a/assets/book-cover.jpg b/assets/book-cover.jpg
new file mode 100644
index 0000000..411823e
Binary files /dev/null and b/assets/book-cover.jpg differ
diff --git a/index.html b/index.html
index 8aec116..b289684 100644
--- a/index.html
+++ b/index.html
@@ -1,282 +1,484 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
 
 <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Libroteka</title>
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer"
     />
 </head>
 
-<body>
-
+<body style="background-color: #e7e0d8">
+    <header>
+        <!-- NAVBAR  -->
+        <nav class="navbar navbar-expand-lg navbar-light py-1 fixed-top" style="background-color: #d9d1bd">
+            <div class="container">
+                <a class="navbar-brand d-flex justify-content-between align-items-center order-lg-0" href="index.html">
+                    <img src="assets/Book_25711.png" alt="icono del sitio a modificar" />
+                    <span class="text-uppercase fw-lighter ms-2">Libroteka</span>
+                </a>
+                <div class="order-lg-2 nav-btns">
+                    <button type="button" class="btn position-relative">
+              <i class="fa fa-shopping-cart"></i>
+              <span
+                class="position-absolute top-0 start-100 translate-middle badge bg-primary"
+              ></span>
+            </button>
+                    <button type="button" class="btn position-relative">
+              <i class="fa fa-heart"></i>
+              <span
+                class="position-absolute top-0 start-100 translate-middle badge bg-primary"
+              ></span>
+            </button>
+                    <button type="button" class="btn position-relative">
+              <i class="fa fa-search"></i>
+            </button>
+                </div>
 
+                <button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navMenu">
+            <span class="navbar-toggler-icon"></span>
+          </button>
 
+                <div class="collapse navbar-collapse order-lg-1" id="navMenu">
+                    <ul class="navbar-nav mx-auto text-center">
+                        <li class="nav-item px-2 py-2">
+                            <a class="nav-link text-uppercase text-dark" href="./index.html">inicio</a
+                >
+              </li>
+              <li class="nav-item px-2 py-2">
+                <a
+                  class="nav-link text-uppercase text-dark"
+                  href="./pages/categorias.html"
+                  >categorias</a
+                >
+              </li>
+              <li class="nav-item px-2 py-2">
+                <a
+                  class="nav-link text-uppercase text-dark"
+                  href="./pages/masvendidos.html"
+                  >mas vendidos</a
+                >
+              </li>
+              <li class="nav-item px-2 py-2">
+                <a
+                  class="nav-link text-uppercase text-dark"
+                  href="./pages/sobreNosotros.html"
+                  >Sobre Nosotros</a
+                >
+              </li>
 
+              <li class="nav-item px-2 py-2">
+                <a
+                  class="nav-link text-uppercase text-dark"
+                  href="./pages/contacto.html "
+                  >contacto</a
+                >
+              </li>
+            </ul>
+          </div>
+        </div>
+      </nav>
 
-    <!-- NAVBAR  -->
-    <nav class="navbar navbar-expand-lg navbar-light bg-white py-4 fixed-top">
-        <div class="container">
-            <a class="navbar-brand d-flex justify-content-between align-items-center order-lg-0" href="index.html">
-                <img src="assets/Book_25711.png" alt="icono del sitio a modificar">
-                <span class="text-uppercase fw-lighter ms-2">Libroteka</span>
-            </a>
-            <div class="order-lg-2 nav-btns">
-                <button type="button" class="btn position-relative">
-                    <i class="fa fa-shopping-cart"></i>
-                    <span class="position-absolute top-0 start-100 translate-middle badge bg-primary">5</span>
-                </button>
-                <button type="button" class="btn position-relative">
-                    <i class="fa fa-heart"></i>
-                    <span class="position-absolute top-0 start-100 translate-middle badge bg-primary">2</span>
-                </button>
-                <button type="button" class="btn position-relative">
-                    <i class="fa fa-search"></i>
-                </button>
+      <!-- NAVBAR  -->
+    </header>
+    <main>
+      <div class="container-fluid" style="background-color: #e7e0d8">
+        <div id="carouselExampleAutoplaying" class="carousel slide">
+          <div class="container">
+            <div class="carousel-indicators">
+              <button
+                type="button"
+                data-bs-target="#carouselExampleAutoplaying"
+                data-bs-slide-to="0"
+                class="active"
+                aria-current="true"
+                aria-label="Slide 1"
+              ></button>
+              <button
+                type="button"
+                data-bs-target="#carouselExampleAutoplaying"
+                data-bs-slide-to="1"
+                aria-label="Slide 2"
+              ></button>
+              <button
+                type="button"
+                data-bs-target="#carouselExampleAutoplaying"
+                data-bs-slide-to="2"
+                aria-label="Slide 3"
+              ></button>
+              <button
+                type="button"
+                data-bs-target="#carouselExampleAutoplaying"
+                data-bs-slide-to="3"
+                aria-label="Slide 4"
+              ></button>
+              <button
+                type="button"
+                data-bs-target="#carouselExampleAutoplaying"
+                data-bs-slide-to="4"
+                aria-label="Slide 5"
+              ></button>
             </div>
-
-            <button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navMenu">
-                <span class="navbar-toggler-icon"></span>
-            </button>
-
-            <div class="collapse navbar-collapse order-lg-1" id="navMenu">
-                <ul class="navbar-nav mx-auto text-center">
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="./index.html">inicio</a>
-                    </li>
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="./pages/categorias.html">categorias</a>
-                    </li>
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="#mas vendidos">mas vendidos</a>
-                    </li>
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="./pages/sobreNosotros.html">Sobre Nosotros</a>
-                    </li>
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="./pages/contacto.html">contacto</a>
-                    </li>
-
-                </ul>
+            <div class="carousel-inner">
+              <div class="carousel-item active">
+                <img
+                  src="assets/carruseln1.jpg"
+                  class="d-block w-100"
+                  alt="..."
+                />
+              </div>
+              <div class="carousel-item">
+                <img
+                  src="assets/carruseln2.jpg"
+                  class="d-block w-100"
+                  alt="..."
+                />
+              </div>
+              <div class="carousel-item">
+                <img
+                  src="assets/carruseln3.jpg"
+                  class="d-block w-100"
+                  alt="..."
+                />
+              </div>
+              <div class="carousel-item">
+                <img
+                  src="assets/carruseln2.jpg"
+                  class="d-block w-100"
+                  alt="..."
+                />
+              </div>
+              <div class="carousel-item">
+                <img
+                  src="assets/carruseln2.jpg"
+                  class="d-block w-100"
+                  alt="..."
+                />
+              </div>
             </div>
+            <button
+              class="carousel-control-prev"
+              type="button"
+              data-bs-target="#carouselExampleAutoplaying"
+              data-bs-slide="prev"
+            >
+              <span
+                class="carousel-control-prev-icon"
+                aria-hidden="true"
+              ></span>
+              <span class="visually-hidden">Previous</span>
+            </button>
+            <button
+              class="carousel-control-next"
+              type="button"
+              data-bs-target="#carouselExampleAutoplaying"
+              data-bs-slide="next"
+            >
+              <span
+                class="carousel-control-next-icon"
+                aria-hidden="true"
+              ></span>
+              <span class="visually-hidden">Next</span>
+            </button>
+          </div>
         </div>
+      </div>
 
+      <div class="title text-center" style="background-color: #e7e0d8">
+        <h2 class="position-relative d-inline-block">Destacados</h2>
+      </div>
 
-    </nav>
-
-    <!-- NAVBAR  -->
-    <div class="container-fluid">
-
-        <div id="carouselExampleAutoplaying" class="carousel slide">
-            <div class="container">
-                <div class="carousel-indicators">
-                    <button type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
-                    <button type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide-to="1" aria-label="Slide 2"></button>
-                    <button type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide-to="2" aria-label="Slide 3"></button>
+      <!-- Destacados -->
+      <div
+        class="row row-cols-sm-1 row-cols-md-2 row-cols-lg-3 row-cols-xl-4"
+        style="background-color: #e7e0d8"
+      >
+        <div class="col d-flex justify-content-center mb-4">
+          <div class="card shadow mb-1 bg-dark rounded" style="width: 20rem">
+            <h5 class="card-title pt-2 text-center text-primary bg-dark">
+              <span class="libro-gris">Libro<br />1</span>
+            </h5>
+            <a href="./pages/libros_pages/Libro1.html"
+              ><img
+                src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-39.png.webp "
+                class="card-img-top"
+                alt="libro 1 "
+            /></a>
+                            <div class="card-body">
+                                <p class="card-text text-white-50 description">
+                                    "Descubre un mundo de conocimiento en nuestra tienda de libro. "
+                                </p>
+                                <h5 class="text-primary">
+                                    <span class="precio-gris">Precio:</span>
+                                    <span class="precio">$99.99</span>
+                                </h5>
+                                <div class="d-grid gap-2">
+                                    <button class="btn btn-primary button">Añadir a Carrito</button>
+                                </div>
+                            </div>
                 </div>
-                <div class="carousel-inner">
-                    <div class="carousel-item active">
-                        <img src="assets/carruseln1.jpg" class="d-block w-100" alt="...">
-                    </div>
-                    <div class="carousel-item">
-                        <img src="assets/carruseln2.jpg" class="  d-block w-100" alt="...">
-                    </div>
-                    <div class="carousel-item">
-                        <img src="assets/carruseln3.jpg" class="d-block w-100" alt="...">
+            </div>
+
+            <div class="col d-flex justify-content-center mb-4">
+                <div class="card shadow mb-1 bg-dark rounded" style="width: 20rem">
+                    <h5 class="card-title pt-2 text-center text-primary bg-dark">
+                        Libro<br />2
+                    </h5>
+                    <a href="./pages/libros_pages/Libro2.html"><img src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-40.png.webp " class="card-img-top" alt="libro 2 " /></a>
+                    <div class="card-body">
+                        <p class="card-text text-white-50 description">
+                            "Descubre un mundo de conocimiento en nuestra tienda de libros. "
+                        </p>
+                        <h5 class="text-primary">
+                            <span class="precio-gris">Precio:</span>
+                            <span class="precio">$99.99</span>
+                        </h5>
+                        <div class="d-grid gap-2">
+                            <button class="btn btn-primary button">Añadir a Carrito</button>
+                        </div>
                     </div>
                 </div>
-                <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide="prev">
-                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-                    <span class="visually-hidden">Previous</span>
-                  </button>
-                <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide="next">
-                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
-                    <span class="visually-hidden">Next</span>
-                  </button>
             </div>
-        </div>
-    </div>
 
-
-    <div class="title text-center">
-
-        <h2 class="position-relative d-inline-block">Destacados</h2>
-
-    </div>
-
-    <!-- Destacados -->
-    <div class="row row-cols-sm-1 row-cols-md-2 row-cols-lg-3 row-cols-xl-4">
-        <div class="col d-flex justify-content-center mb-4">
-            <div class="card shadow mb-1 bg-dark rounded" style="width: 20rem;">
-                <h5 class="card-title pt-2 text-center text-primary bg-dark"><span class="libro-gris">Libro<br>1</span></h5>
-                <img src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-39.png.webp" class="card-img-top" alt="libro 1">
-                <div class="card-body">
-                    <p class="card-text text-white-50 description">"Descubre un mundo de conocimiento en nuestra tienda de libro."</span>
+            <div class="col d-flex justify-content-center mb-4">
+                <div class="card shadow mb-1 bg-dark rounded" style="width: 20rem">
+                    <h5 class="card-title pt-2 text-center text-primary bg-dark">
+                        Libro<br />3
+                    </h5>
+                    <a href="./pages/libros_pages/Libro3.html"><img src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-41.png.webp " class="card-img-top" alt="libro 3 " /></a>
+                    <div class="card-body">
+                        <p class="card-text text-white-50 description">
+                            "Descubre un mundo de conocimiento en nuestra tienda de libros. "
+                        </p>
+                        <h5 class="text-primary">
+                            <span class="precio-gris">Precio:</span>
+                            <span class="precio">$99.99</span>
                         </h5>
-                        <h5 class="text-primary"><span class="precio-gris">Precio:</span> <span class="precio">$99.99</span></h5>
                         <div class="d-grid gap-2">
                             <button class="btn btn-primary button">Añadir a Carrito</button>
                         </div>
+                    </div>
                 </div>
             </div>
-        </div>
-
-        <div class="col d-flex justify-content-center mb-4">
-            <div class="card shadow mb-1 bg-dark rounded" style="width: 20rem;">
-                <h5 class="card-title pt-2 text-center text-primary bg-dark"><span class="libro-gris">Libro<br>2</h5>
-              <img src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-40.png.webp" class="card-img-top" alt="libro 2">
-              <div class="card-body">
-                <p class="card-text text-white-50 description">"Descubre un mundo de conocimiento en nuestra tienda de libros."</p>
-                <h5 class="text-primary"><span class="precio-gris">Precio:</span> <span class="precio">$99.99</span></h5>
-                <div class="d-grid gap-2">
-                    <button class="btn btn-primary button">Añadir a Carrito</button>
+            <div class="col d-flex justify-content-center mb-4">
+                <div class="card shadow mb-1 bg-dark rounded" style="width: 20rem">
+                    <h5 class="card-title pt-2 text-center text-primary bg-dark">
+                        Libro<br />4
+                    </h5>
+                    <a href="./pages/libros_pages/Libro4.html"><img src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-42.png.webp " class="card-img-top" alt="libro 4 " /></a>
+                    <div class="card-body">
+                        <p class="card-text text-white-50 description">
+                            "Descubre un mundo de conocimiento en nuestra tienda de libros. "
+                        </p>
+                        <h5 class="text-primary">
+                            <span class="precio-gris">Precio:</span>
+                            <span class="precio">$99.99</span>
+                        </h5>
+                        <div class="d-grid gap-2">
+                            <button class="btn btn-primary button">Añadir a Carrito</button>
+                        </div>
+                    </div>
                 </div>
             </div>
-        </div>
-    </div>
-
 
-    <div class="col d-flex justify-content-center mb-4">
-        <div class="card shadow mb-1 bg-dark rounded" style="width: 20rem;">
-            <h5 class="card-title pt-2 text-center text-primary bg-dark"><span class="libro-gris">Libro<br>3</h5>
-              <img src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-41.png.webp" class="card-img-top" alt="libro 3">
-              <div class="card-body">
-                <p class="card-text text-white-50 description">"Descubre un mundo de conocimiento en nuestra tienda de libros."</p>
-                <h5 class="text-primary"><span class="precio-gris">Precio:</span> <span class="precio">$99.99</span></h5>
-            <div class="d-grid gap-2">
-                <button class="btn btn-primary button">Añadir a Carrito</button>
-            </div>
-        </div>
-    </div>
-    </div>
-    <div class="col d-flex justify-content-center mb-4">
-        <div class="card shadow mb-1 bg-dark rounded" style="width: 20rem;">
-            <h5 class="card-title pt-2 text-center text-primary bg-dark"><span class="libro-gris">Libro<br>4</h5>
-              <img src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-42.png.webp" class="card-img-top" alt="libro 4">
-              <div class="card-body">
-                <p class="card-text text-white-50 description">"Descubre un mundo de conocimiento en nuestra tienda de libros."</p>
-                <h5 class="text-primary"><span class="precio-gris">Precio:</span> <span class="precio">$99.99</span></h5>
-            <div class="d-grid gap-2">
-                <button class="btn btn-primary button">Añadir a Carrito</button>
+            <div class="col d-flex justify-content-center mb-4">
+                <div class="card shadow mb-1 bg-dark rounded" style="width: 20rem">
+                    <h5 class="card-title pt-2 text-center text-primary bg-dark">
+                        Libro<br />5
+                    </h5>
+                    <a href="./pages/libros_pages/Libro5.html"><img src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-43.png.webp " class="card-img-top" alt="libro 6 " /></a>
+                    <div class="card-body">
+                        <p class="card-text text-white-50 description">
+                            "Descubre un mundo de conocimiento en nuestra tienda de libros. "
+                        </p>
+                        <h5 class="text-primary">
+                            <span class="precio-gris">Precio:</span>
+                            <span class="precio">$99.99</span>
+                        </h5>
+                        <div class="d-grid gap-2">
+                            <button class="btn btn-primary button">Añadir a Carrito</button>
+                        </div>
+                    </div>
+                </div>
             </div>
-        </div>
-    </div>
-    </div>
 
-    <div class="col d-flex justify-content-center mb-4">
-        <div class="card shadow mb-1 bg-dark rounded" style="width: 20rem;">
-            <h5 class="card-title pt-2 text-center text-primary bg-dark"><span class="libro-gris">Libro<br>5</h5>
-              <img src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-43.png.webp" class="card-img-top" alt="libro 6">
-              <div class="card-body">
-                <p class="card-text text-white-50 description">"Descubre un mundo de conocimiento en nuestra tienda de libros."</p>
-                <h5 class="text-primary"><span class="precio-gris">Precio:</span> <span class="precio">$99.99</span></h5>
-            <div class="d-grid gap-2">
-                <button class="btn btn-primary button">Añadir a Carrito</button>
+            <div class="col d-flex justify-content-center mb-4">
+                <div class="card shadow mb-1 bg-dark rounded" style="width: 20rem">
+                    <h5 class="card-title pt-2 text-center text-primary bg-dark">
+                        Libro<br />6
+                    </h5>
+                    <a href="./pages/libros_pages/Libro6.html"><img src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-44.png.webp " class="card-img-top" alt="libro 6 " /></a>
+                    <div class="card-body">
+                        <p class="card-text text-white-50 description">
+                            "Descubre un mundo de conocimiento en nuestra tienda de libros. "
+                        </p>
+                        <h5 class="text-primary">
+                            <span class="precio-gris">Precio:</span>
+                            <span class="precio">$99.99</span>
+                        </h5>
+                        <div class="d-grid gap-2">
+                            <button class="btn btn-primary button">Añadir a Carrito</button>
+                        </div>
+                    </div>
+                </div>
             </div>
-        </div>
-    </div>
-    </div>
 
-    <div class="col d-flex justify-content-center mb-4">
-        <div class="card shadow mb-1 bg-dark rounded" style="width: 20rem;">
-            <h5 class="card-title pt-2 text-center text-primary bg-dark"><span class="libro-gris">Libro<br>6</h5>
-              <img src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-44.png.webp" class="card-img-top" alt="libro 6">
-              <div class="card-body">
-                <p class="card-text text-white-50 description">"Descubre un mundo de conocimiento en nuestra tienda de libros."</p>
-                <h5 class="text-primary"><span class="precio-gris">Precio:</span> <span class="precio">$99.99</span></h5>
-            <div class="d-grid gap-2">
-                <button class="btn btn-primary button">Añadir a Carrito</button>
+            <div class="col d-flex justify-content-center mb-4">
+                <div class="card shadow mb-1 bg-dark rounded" style="width: 20rem">
+                    <h5 class="card-title pt-2 text-center text-primary bg-dark">
+                        Libro<br />7
+                    </h5>
+                    <a href="./pages/libros_pages/Libro7.html"><img src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-45.png.webp " class="card-img-top" alt="libro 7 " /></a>
+                    <div class="card-body">
+                        <p class="card-text text-white-50 description">
+                            "Descubre un mundo de conocimiento en nuestra tienda de libros. "
+                        </p>
+                        <h5 class="text-primary">
+                            <span class="precio-gris">Precio:</span>
+                            <span class="precio">$99.99</span>
+                        </h5>
+                        <div class="d-grid gap-2">
+                            <button class="btn btn-primary button">Añadir a Carrito</button>
+                        </div>
+                    </div>
+                </div>
             </div>
-        </div>
-    </div>
-    </div>
 
-    <div class="col d-flex justify-content-center mb-4">
-        <div class="card shadow mb-1 bg-dark rounded" style="width: 20rem;">
-            <h5 class="card-title pt-2 text-center text-primary bg-dark"><span class="libro-gris">Libro<br>7</h5>
-              <img src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-45.png.webp" class="card-img-top" alt="libro 7">
-              <div class="card-body">
-                <p class="card-text text-white-50 description">"Descubre un mundo de conocimiento en nuestra tienda de libros."</p>
-                <h5 class="text-primary"><span class="precio-gris">Precio:</span> <span class="precio">$99.99</span></h5>
-            <div class="d-grid gap-2">
-                <button class="btn btn-primary button">Añadir a Carrito</button>
+            <div class="col d-flex justify-content-center mb-4">
+                <div class="card shadow mb-1 bg-dark rounded" style="width: 20rem">
+                    <h5 class="card-title pt-2 text-center text-primary bg-dark">
+                        Libro<br />8
+                    </h5>
+                    <a href="./pages/libros_pages/Libro8.html"><img src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-46.png.webp " class="card-img-top" alt="libro 8 " /></a>
+                    <div class="card-body">
+                        <p class="card-text text-white-50 description">
+                            "Descubre un mundo de conocimiento en nuestra tienda de libros. "
+                        </p>
+                        <h5 class="text-primary">
+                            <span class="precio-gris">Precio:</span>
+                            <span class="precio">$99.99</span>
+                        </h5>
+                        <div class="d-grid gap-2">
+                            <button class="btn btn-primary button" onclick="changeButtonColor(this) ">
+                  Añadir a Carrito
+                </button>
+                        </div>
+                    </div>
+                </div>
             </div>
-        </div>
-    </div>
-    </div>
-
-    <div class="col d-flex justify-content-center mb-4">
-        <div class="card shadow mb-1 bg-dark rounded" style="width: 20rem;">
-            <h5 class="card-title pt-2 text-center text-primary bg-dark"><span class="libro-gris">Libro<br>8</h5>
-              <img src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-46.png.webp" class="card-img-top" alt="libro 8">
-              <div class="card-body">
-                <p class="card-text text-white-50 description">"Descubre un mundo de conocimiento en nuestra tienda de libros."</p>
-                <h5 class="text-primary"><span class="precio-gris">Precio:</span> <span class="precio">$99.99</span></h5>
-            <div class="d-grid gap-2">
-                <button class="btn btn-primary button" onclick="changeButtonColor(this)">Añadir a Carrito</button>
             </div>
-        </div>
-    </div>
-    </div>
-    </div>
-    <!-- /Destacados -->
-
+            <!-- /Destacados -->
+            </main>
 
-    </div>
-    <!-- Pie de página -->
-    <footer class="bg-dark text-light text-center py-3">
-        <div class="container">
-            <div class="row">
-                <div class=" mt-3">
-                    <div class="col text-center mt-3">
-                        <p><a href="#" class="btn btn-primary">SUSCRIBIRSE AQUI</a></p>
+            <section>
+                <!-- Pie de página -->
+                <footer class="bg-dark text-light text-center py-3">
+                    <div class="container">
+                        <div class="row">
+                            <div class="mt-3">
+                                <div class="col text-center mt-3">
+                                    <p><a href="# " class="btn btn-primary">SUSCRIBIRSE AQUI</a></p>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="col-md-4 text-center">
+                                    <h3>CONTACTO</h3>
+                                    <p>
+                                        Email:
+                                        <a href="mailto:librerias@libroteka.com ">librerias@libroteka.com</a
+                  >
+                </p>
+                <p>
+                  Teléfono:
+                  <a href="tel:081022254276 ">0810 222 LIBRO (54276)</a>
+                                    </p>
+                                    <p>
+                                        WhatsApp:
+                                        <a href="https://web.whatsapp.com/ " target="_blank">+54 9 351 1234567</a
+                  >
+                </p>
+                <p>
+                  Arrepentimiento:
+                  <a href="./pages/contacto.html ">Click Aquí</a>
+                                    </p>
+                                </div>
+                                <div class="col text-center-md-4">
+                                    <h3>EXPLORAR</h3>
+                                    <ul>
+                                        <li><a href="./index.html ">Inicio</a></li>
+                                        <li><a href=".pages/categorias.html ">Categorias</a></li>
+                                        <li><a href="./pages/masvendidos.html">Mas Vendidos</a></li>
+                                        <li>
+                                            <a href="./pages/sobreNosotros.html ">Sobre Nosotros</a>
+                                        </li>
+                                        <li><a href="./pages/contacto.html ">Contacto</a></li>
+                                    </ul>
+                                </div>
+                                <div class="col text-center-md-4">
+                                    <h3>MI CUENTA</h3>
+                                    <ul>
+                                        <li><a href="./pages/login.html">Ingresar</a></li>
+                                        <li><a href="#">Ver Carrito</a></li>
+                                        <li><a href="#">Favoritos</a></li>
+                                        <li><a href="#">Finalizar Compra</a></li>
+                                    </ul>
+                                </div>
+                            </div>
+                            <div class="row">
+                                <div class="container">
+                                    <div class="row">
+                                        <div class="col text-center">
+                                            <p>&copy; 2023 Tu Tienda online</p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
                     </div>
-                </div>
-                <div class="row">
-                    <div class="col-md-4 text-center ">
-                        <h3>CONTACTO</h3>
-                        <p>Email: <a href="mailto:librerias@libroteka.com">librerias@libroteka.com</a></p>
-                        <p>Teléfono: <a href="tel:081022254276">0810 222 LIBRO (54276)</a></p>
-                        <p>WhatsApp: <a href="https://web.whatsapp.com/" target="_blank">+54 9 351 1234567</a></p>
-                        <p>Arrepentimiento: <a href="./pages/contacto.html">Click Aquí</a></p>
+                </footer>
+
+                <div class="container-fluid position-fixed top-50">
+                    <div class="row">
+                        <div class="container-fluid">
+                            <a href="https://facebook.com/"><i class="fa-brands fa-square-facebook fa-xl"></i
+            ></a>
+                        </div>
                     </div>
-                    <div class="col text-center-md-4">
-                        <h3>EXPLORAR</h3>
-                        <ul>
-                            <li><a href="./index.html">Inicio</a></li>
-                            <li><a href="./categorias.html">Categorias</a></li>
-                            <li><a href="#">Mas Vendidos</a></li>
-                            <li><a href="./pages/sobreNosotros.html">Sobre Nosotros</a></li>
-                            <li><a href="./pages/contacto.html">Contacto</a></li>
-                        </ul>
+                    <div class="row">
+                        <div class="container-fluid">
+                            <a href="https://twitter.com/"><i class="fa-brands fa-square-twitter fa-xl"></i
+            ></a>
+                        </div>
                     </div>
-                    <div class="col text-center-md-4">
-                        <h3>MI CUENTA</h3>
-                        <ul>
-                            <li><a href="#">Ingresar</a></li>
-                            <li><a href="#">Ver Carrito</a></li>
-                            <li><a href="#">Favoritos</a></li>
-                            <li><a href="#">Finalizar Compra</a></li>
-                        </ul>
+                    <div class="row">
+                        <div class="container-fluid">
+                            <a href="https://www.whatsapp.com/"><i class="fa-brands fa-square-whatsapp fa-xl"></i
+            ></a>
+                        </div>
                     </div>
-                </div>
-                <div class="row">
-                    <div class="container">
-                        <div class="row">
-                            <div class="col text-center">
-                                <p>&copy; 2023 Tu Tienda online </p>
-                            </div>
+                    <div class="row">
+                        <div class="container-fluid">
+                            <a href="https://www.instagram.com/"><i class="fa-brands fa-square-instagram fa-xl"></i
+            ></a>
                         </div>
                     </div>
                 </div>
-    </footer>
-    <!-- Pie de página -->
 
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
-    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>
+                <script src="https://kit.fontawesome.com/6a6212d90e.js" crossorigin="anonymous"></script>
+
+                <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.5.2/dist/js/bootstrap.bundle.min.js"></script>
+                <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer"
+                />
+                <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous" />
+
+                <!-- Pie de página -->
+            </section>
+
+            <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js " integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm " crossorigin="anonymous "></script>
+            <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js " integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r " crossorigin="anonymous "></script>
+            <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.min.js " integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa " crossorigin="anonymous "></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/pages/categorias.html b/pages/categorias.html
index a2abab4..ddbaa94 100644
--- a/pages/categorias.html
+++ b/pages/categorias.html
@@ -1,246 +1,408 @@
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Categorias</title>
-    <link rel="stylesheet" href="../style.css">
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer"
+    <link rel="stylesheet" href="../style.css" />
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9"
+      crossorigin="anonymous"
     />
-</head>
-
-
-<body>
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
+      integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    />
+  </head>
 
+  <body style="background-color: #e7e0d8">
     <!-- NAVBAR  -->
-    <nav class="navbar navbar-expand-lg navbar-light bg-white py-4 fixed-top">
-        <div class="container">
-            <a class="navbar-brand d-flex justify-content-between align-items-center order-lg-0" href="../index.html">
-                <img src="../assets/Book_25711.png" alt="icono del sitio a modificar">
-                <span class="text-uppercase fw-lighter ms-2">Libroteka</span>
-            </a>
-            <div class="order-lg-2 nav-btns">
-                <button type="button" class="btn position-relative">
-                    <i class="fa fa-shopping-cart"></i>
-                    <span class="position-absolute top-0 start-100 translate-middle badge bg-primary">5</span>
-                </button>
-                <button type="button" class="btn position-relative">
-                    <i class="fa fa-heart"></i>
-                    <span class="position-absolute top-0 start-100 translate-middle badge bg-primary">2</span>
-                </button>
-                <button type="button" class="btn position-relative">
-                    <i class="fa fa-search"></i>
-                </button>
-            </div>
-            <button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navMenu">
-                <span class="navbar-toggler-icon"></span>
-            </button>
-            <div class="collapse navbar-collapse order-lg-1" id="navMenu">
-                <ul class="navbar-nav mx-auto text-center">
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="../index.html">inicio</a>
-                    </li>
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="./categorias.html">categorias</a>
-                    </li>
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="#mas vendidos">mas vendidos</a>
-                    </li>
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="./sobreNosotros.html">Sobre Nosotros</a>
-                    </li>
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="./contacto.html">contacto</a>
-                    </li>
-                </ul>
-            </div>
+    <nav
+      class="navbar navbar-expand-lg navbar-light py-1 fixed-top"
+      style="background-color: #d9d1bd"
+    >
+      <div class="container">
+        <a
+          class="navbar-brand d-flex justify-content-between align-items-center order-lg-0"
+          href="../index.html"
+        >
+          <img
+            src="../assets/Book_25711.png"
+            alt="icono del sitio a modificar"
+          />
+          <span class="text-uppercase fw-lighter ms-2">Libroteka</span>
+        </a>
+        <div class="order-lg-2 nav-btns">
+          <button type="button" class="btn position-relative">
+            <i class="fa fa-shopping-cart"></i>
+            <span
+              class="position-absolute top-0 start-100 translate-middle badge bg-primary"
+            ></span>
+          </button>
+          <button type="button" class="btn position-relative">
+            <i class="fa fa-heart"></i>
+            <span
+              class="position-absolute top-0 start-100 translate-middle badge bg-primary"
+            ></span>
+          </button>
+          <button type="button" class="btn position-relative">
+            <i class="fa fa-search"></i>
+          </button>
         </div>
+        <button
+          class="navbar-toggler border-0"
+          type="button"
+          data-bs-toggle="collapse"
+          data-bs-target="#navMenu"
+        >
+          <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse order-lg-1" id="navMenu">
+          <ul class="navbar-nav mx-auto text-center">
+            <li class="nav-item px-2 py-2">
+              <a class="nav-link text-uppercase text-dark" href="../index.html"
+                >inicio</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="./categorias.html"
+                >categorias</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="./masvendidos.html"
+                >mas vendidos</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="./sobreNosotros.html"
+                >Sobre Nosotros</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="./contacto.html"
+                >contacto</a
+              >
+            </li>
+          </ul>
+        </div>
+      </div>
     </nav>
 
     <div class="container-fluid">
+      <!-- ---------------CARDS--------------- -->
 
+      <h1 class="mb-4">Explora las categorías</h1>
+      <div class="contenedor">
+        <div class="card">
+          <div class="card-header">
+            <img
+              src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-39.png.webp"
+              alt="VMW"
+            />
+          </div>
+          <div class="card-body">
+            <h2 class="card-title">Ficción</h2>
+            <p class="card-description">
+              "Limónov" es una novela biográfica escrita por el autor francés
+              Emmanuel Carrère. El libro narra la vida del controvertido
+              personaje Eduard Limónov, un escritor y político ruso que vivió
+              una vida extraordinaria y polémica.
+            </p>
+            <a href="#" class="btn">Ver más</a>
+          </div>
+        </div>
+        <div class="card">
+          <div class="card-header">
+            <img
+              src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-40.png.webp"
+              alt="Cadillac"
+            />
+          </div>
+          <div class="card-body">
+            <h2 class="card-title">Poesia</h2>
+            <p class="card-description">
+              "Encontraste un Alma" es un libro escrito por Edith Södergran, una
+              destacada poeta sueco-finlandesa. Esta obra recopila una serie de
+              poemas que exploran temas profundos y emocionales, enmarcados en
+              una poesía modernista que rompe con las convenciones de su época.
+            </p>
+            <a href="#" class="btn">Ver más</a>
+          </div>
+        </div>
+        <div class="card">
+          <div class="card-header">
+            <img
+              src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-41.png.webp"
+              alt="Coche deportivo"
+            />
+          </div>
+          <div class="card-body">
+            <h2 class="card-title">Ficción Literaria</h2>
+            <p class="card-description">
+              "Solenoide" es una novela escrita por el autor rumano Mircea
+              Cărtărescu. La obra es conocida por su estilo complejo y su
+              exploración de temas filosóficos, históricos y literarios.
+            </p>
+            <a href="#" class="btn">Ver más</a>
+          </div>
+        </div>
+        <div class="card">
+          <div class="card-header">
+            <img
+              src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-43.png.webp"
+              alt="Casual"
+            />
+          </div>
+          <div class="card-body">
+            <h2 class="card-title">Historia</h2>
+            <p class="card-description">
+              "Una Historia Personal" (título original: "Personal History") es
+              una autobiografía escrita por Katharine Graham, quien fue la
+              editora y propietaria del periódico The Washington Post. La obra
+              relata su vida y carrera, y también ofrece una visión de los
+              eventos y figuras influyentes de la época en la que vivió.
+            </p>
+            <a href="#" class="btn">Ver más</a>
+          </div>
+        </div>
+        <div class="card">
+          <div class="card-header">
+            <img
+              src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-44.png.webp"
+              alt="Motocross"
+            />
+          </div>
+          <div class="card-body">
+            <h2 class="card-title">Ensayos</h2>
+            <p class="card-description">
+              "Los Ingrávidos" es una novela escrita por Valeria Luiselli, una
+              autora mexicana. La obra es una narrativa fragmentada y
+              experimental que explora temas de alienación, identidad y
+              migración en el contexto de la vida contemporánea.
+            </p>
+            <a href="#" class="btn">Ver más</a>
+          </div>
+        </div>
+        <div class="card">
+          <div class="card-header">
+            <img
+              src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-45.png.webp"
+              alt="Harley Davidson"
+            />
+          </div>
+          <div class="card-body">
+            <h2 class="card-title">Premio Novel</h2>
+            <p class="card-description">
+              La nueva Harley-Davidson Sportster ser la más potente de la
+              historia: 121 CV y 220 km/h de velocidad punta, según las últimas
+              filtraciones
+            </p>
+            <a href="#" class="btn">Ver más</a>
+          </div>
+        </div>
+        <div class="card">
+          <div class="card-header">
+            <img
+              src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-46.png.webp"
+              alt="Harley Davidson"
+            />
+          </div>
+          <div class="card-body">
+            <h2 class="card-title">Novela</h2>
+            <p class="card-description">
+              "Persepolis" es una novela gráfica escrita e ilustrada por Marjane
+              Satrapi. La historia es una memoria autobiográfica que relata la
+              vida de la autora mientras crecía en Irán durante y después de la
+              Revolución Islámica.
+            </p>
+            <a href="#" class="btn">Ver más</a>
+          </div>
+        </div>
+        <div class="card">
+          <div class="card-header">
+            <img
+              src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-47.png.webp"
+              alt="Harley Davidson"
+            />
+          </div>
+          <div class="card-body">
+            <h2 class="card-title">Guerras</h2>
+            <p class="card-description">
+              "A sangre y fuego: La Guerra Civil Americana" es un libro escrito
+              por la historiadora española María Isabel Sánchez Vegara. Sin
+              embargo, el título "A sangre y fuego" también se asocia comúnmente
+              a una serie de libros sobre la Guerra Civil Española escritos por
+              el autor español Manuel Chaves Nogales.
+            </p>
+            <a href="#" class="btn">Ver más</a>
+          </div>
+        </div>
+        <div class="card">
+          <div class="card-header">
+            <img
+              src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-48.png.webp"
+              alt="Harley Davidson"
+            />
+          </div>
+          <div class="card-body">
+            <h2 class="card-title">Ficción literaria</h2>
+            <p class="card-description">
+              "La Uruguaya" es una colección de cuentos escrita por el autor
+              argentino Pedro Mairal. Estos cuentos exploran la vida cotidiana,
+              las preocupaciones y las experiencias de personas comunes en
+              América Latina.
+            </p>
+            <a href="#" class="btn">Ver más</a>
+          </div>
+        </div>
+      </div>
+      <!-- Bootstrap’s compiled JS -->
+      <script
+        src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
+        integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
+        crossorigin="anonymous"
+      ></script>
+    </div>
 
-        <!-- ---------------CARDS--------------- -->
-
-        <h1 class="mb-4">Explora las categorías</h1>
-        <div class="contenedor">
-            <div class="card">
-                <div class="card-header">
-                    <img src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-39.png.webp" alt="VMW">
-                </div>
-                <div class="card-body">
-                    <h2 class="card-title">Ficción</h2>
-                    <p class="card-description">
-                        "Limónov" es una novela biográfica escrita por el autor francés Emmanuel Carrère. El libro narra la vida del controvertido personaje Eduard Limónov, un escritor y político ruso que vivió una vida extraordinaria y polémica.
-                    </p>
-                    <a href="#" class="btn">Ver más</a>
-                </div>
-            </div>
-            <div class="card">
-                <div class="card-header">
-                    <img src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-40.png.webp" alt="Cadillac">
-                </div>
-                <div class="card-body">
-                    <h2 class="card-title">Poesia</h2>
-                    <p class="card-description">
-                        "Encontraste un Alma" es un libro escrito por Edith Södergran, una destacada poeta sueco-finlandesa. Esta obra recopila una serie de poemas que exploran temas profundos y emocionales, enmarcados en una poesía modernista que rompe con las convenciones
-                        de su época.
-                    </p>
-                    <a href="#" class="btn">Ver más</a>
-                </div>
-            </div>
-            <div class="card">
-                <div class="card-header">
-                    <img src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-41.png.webp" alt="Coche deportivo">
-                </div>
-                <div class="card-body">
-                    <h2 class="card-title">Ficción Literaria</h2>
-                    <p class="card-description">
-                        "Solenoide" es una novela escrita por el autor rumano Mircea Cărtărescu. La obra es conocida por su estilo complejo y su exploración de temas filosóficos, históricos y literarios.
-                    </p>
-                    <a href="#" class="btn">Ver más</a>
-                </div>
-            </div>
-            <div class="card">
-                <div class="card-header">
-                    <img src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-43.png.webp" alt="Casual">
-                </div>
-                <div class="card-body">
-                    <h2 class="card-title">Historia</h2>
-                    <p class="card-description">
-
-                        "Una Historia Personal" (título original: "Personal History") es una autobiografía escrita por Katharine Graham, quien fue la editora y propietaria del periódico The Washington Post. La obra relata su vida y carrera, y también ofrece una visión de los
-                        eventos y figuras influyentes de la época en la que vivió.
-                    </p>
-                    <a href="#" class="btn">Ver más</a>
-                </div>
-            </div>
-            <div class="card">
-                <div class="card-header">
-                    <img src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-44.png.webp" alt="Motocross">
-                </div>
-                <div class="card-body">
-                    <h2 class="card-title">Ensayos</h2>
-                    <p class="card-description">
-
-                        "Los Ingrávidos" es una novela escrita por Valeria Luiselli, una autora mexicana. La obra es una narrativa fragmentada y experimental que explora temas de alienación, identidad y migración en el contexto de la vida contemporánea.
-                    </p>
-                    <a href="#" class="btn">Ver más</a>
-                </div>
+    <footer class="bg-dark text-light text-center py-3">
+      <div class="container">
+        <div class="row">
+          <div class="mt-3">
+            <div class="col text-center mt-3">
+              <p><a href="#" class="btn btn-primary">SUSCRIBIRSE AQUI</a></p>
             </div>
-            <div class="card">
-                <div class="card-header">
-                    <img src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-45.png.webp" alt="Harley Davidson">
-                </div>
-                <div class="card-body">
-                    <h2 class="card-title">Premio Novel</h2>
-                    <p class="card-description">
-                        La nueva Harley-Davidson Sportster ser la más potente de la historia: 121 CV y 220 km/h de velocidad punta, según las últimas filtraciones
-                    </p>
-                    <a href="#" class="btn">Ver más</a>
-                </div>
+          </div>
+          <div class="row">
+            <div class="col-md-4 text-center">
+              <h3>CONTACTO</h3>
+              <p>
+                Email:
+                <a href="mailto:librerias@libroteka.com"
+                  >librerias@libroteka.com</a
+                >
+              </p>
+              <p>
+                Teléfono: <a href="tel:081022254276">0810 222 LIBRO (54276)</a>
+              </p>
+              <p>
+                WhatsApp:
+                <a href="https://web.whatsapp.com/" target="_blank"
+                  >+54 9 351 1234567</a
+                >
+              </p>
+              <p>Arrepentimiento: <a href="./contacto.html">Click Aquí</a></p>
             </div>
-            <div class="card">
-                <div class="card-header">
-                    <img src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-46.png.webp" alt="Harley Davidson">
-                </div>
-                <div class="card-body">
-                    <h2 class="card-title">Novela</h2>
-                    <p class="card-description">
-                        "Persepolis" es una novela gráfica escrita e ilustrada por Marjane Satrapi. La historia es una memoria autobiográfica que relata la vida de la autora mientras crecía en Irán durante y después de la Revolución Islámica.
-                    </p>
-                    <a href="#" class="btn">Ver más</a>
-                </div>
+            <div class="col text-center-md-4">
+              <h3>EXPLORAR</h3>
+              <ul>
+                <li><a href="../index.html">Inicio</a></li>
+                <li><a href="./categorias.html">Categorias</a></li>
+                <li><a href="#">Mas Vendidos</a></li>
+                <li><a href="./sobreNosotros.html">Sobre Nosotros</a></li>
+                <li><a href="./contacto.html">Contacto</a></li>
+              </ul>
             </div>
-            <div class="card">
-                <div class="card-header">
-                    <img src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-47.png.webp" alt="Harley Davidson">
-                </div>
-                <div class="card-body">
-                    <h2 class="card-title">Guerras</h2>
-                    <p class="card-description">
-
-                        "A sangre y fuego: La Guerra Civil Americana" es un libro escrito por la historiadora española María Isabel Sánchez Vegara. Sin embargo, el título "A sangre y fuego" también se asocia comúnmente a una serie de libros sobre la Guerra Civil Española escritos
-                        por el autor español Manuel Chaves Nogales.
-                    </p>
-                    <a href="#" class="btn">Ver más</a>
-                </div>
+            <div class="col text-center-md-4">
+              <h3>MI CUENTA</h3>
+              <ul>
+                <li><a href="login.html">Ingresar</a></li>
+                <li><a href="#">Ver Carrito</a></li>
+                <li><a href="#">Favoritos</a></li>
+                <li><a href="#">Finalizar Compra</a></li>
+              </ul>
             </div>
-            <div class="card">
-                <div class="card-header">
-                    <img src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-48.png.webp" alt="Harley Davidson">
-                </div>
-                <div class="card-body">
-                    <h2 class="card-title">Ficción literaria</h2>
-                    <p class="card-description">
-                        "La Uruguaya" es una colección de cuentos escrita por el autor argentino Pedro Mairal. Estos cuentos exploran la vida cotidiana, las preocupaciones y las experiencias de personas comunes en América Latina.
-                    </p>
-                    <a href="#" class="btn">Ver más</a>
+          </div>
+          <div class="row">
+            <div class="container">
+              <div class="row">
+                <div class="col text-center">
+                  <p>&copy; 2023 Tu Tienda online</p>
                 </div>
+              </div>
             </div>
-
+          </div>
         </div>
-        <!-- Bootstrap’s compiled JS -->
-        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
-
+      </div>
+    </footer>
+    <div class="container-fluid position-fixed top-50">
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://facebook.com/"
+            ><i class="fa-brands fa-square-facebook fa-xl"></i
+          ></a>
+        </div>
+      </div>
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://twitter.com/"
+            ><i class="fa-brands fa-square-twitter fa-xl"></i
+          ></a>
+        </div>
+      </div>
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://www.whatsapp.com/"
+            ><i class="fa-brands fa-square-whatsapp fa-xl"></i
+          ></a>
+        </div>
+      </div>
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://www.instagram.com/"
+            ><i class="fa-brands fa-square-instagram fa-xl"></i
+          ></a>
+        </div>
+      </div>
     </div>
 
+    <script
+      src="https://kit.fontawesome.com/6a6212d90e.js"
+      crossorigin="anonymous"
+    ></script>
 
-    <footer class="bg-dark text-light text-center py-3">
-        <div class="container">
-            <div class="row">
-                <div class=" mt-3">
-                    <div class="col text-center mt-3">
-                        <p><a href="#" class="btn btn-primary">SUSCRIBIRSE AQUI</a></p>
-                    </div>
-                </div>
-                <div class="row">
-                    <div class="col-md-4 text-center ">
-                        <h3>CONTACTO</h3>
-                        <p>Email: <a href="mailto:librerias@libroteka.com">librerias@libroteka.com</a></p>
-                        <p>Teléfono: <a href="tel:081022254276">0810 222 LIBRO (54276)</a></p>
-                        <p>WhatsApp: <a href="https://web.whatsapp.com/" target="_blank">+54 9 351 1234567</a></p>
-                        <p>Arrepentimiento: <a href="./contacto.html">Click Aquí</a></p>
-                    </div>
-                    <div class="col text-center-md-4">
-                        <h3>EXPLORAR</h3>
-                        <ul>
-                            <li><a href="../index.html">Inicio</a></li>
-                            <li><a href="./categorias.html">Categorias</a></li>
-                            <li><a href="#">Mas Vendidos</a></li>
-                            <li><a href="./sobreNosotros.html">Sobre Nosotros</a></li>
-                            <li><a href="./pages/contacto.html">Contacto</a></li>
-                        </ul>
-                    </div>
-                    <div class="col text-center-md-4">
-                        <h3>MI CUENTA</h3>
-                        <ul>
-                            <li><a href="#">Ingresar</a></li>
-                            <li><a href="#">Ver Carrito</a></li>
-                            <li><a href="#">Favoritos</a></li>
-                            <li><a href="#">Finalizar Compra</a></li>
-                        </ul>
-                    </div>
-                </div>
-                <div class="row">
-                    <div class="container">
-                        <div class="row">
-                            <div class="col text-center">
-                                <p>&copy; 2023 Tu Tienda online </p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-    </footer>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.5.2/dist/js/bootstrap.bundle.min.js"></script>
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
+      integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    /><link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9"
+      crossorigin="anonymous"
+    />
     <!-- Pie de página -->
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
-    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>
-
-
-
-</body>
 
-</html>
\ No newline at end of file
+    <script
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js "
+      integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm "
+      crossorigin="anonymous "
+    ></script>
+    <script
+      src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js "
+      integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r "
+      crossorigin="anonymous "
+    ></script>
+    <script
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.min.js "
+      integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa "
+      crossorigin="anonymous "
+    ></script>
+  </body>
+</html>
diff --git a/pages/contacto.html b/pages/contacto.html
index ea2cd10..19a8aad 100644
--- a/pages/contacto.html
+++ b/pages/contacto.html
@@ -1,147 +1,282 @@
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Contacto</title>
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer"
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9"
+      crossorigin="anonymous"
+    />
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
+      integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
     />
     <script>
-        function showAlert() {
-            window.alert("¡Gracias por contactarte con nosotros! Te redirigiremos al inicio 😊📚");
-        }
+      function showAlert() {
+        window.alert(
+          "¡Gracias por contactarte con nosotros! Te redirigiremos al inicio 😊📚"
+        );
+      }
     </script>
-</head>
+  </head>
 
-<body>
+  <body style="background-color: #e7e0d8">
     <!-- NAVBAR  -->
-    <nav class="navbar navbar-expand-lg navbar-light bg-white py-4 fixed-top">
-        <div class="container">
-            <a class="navbar-brand d-flex justify-content-between align-items-center order-lg-0" href="../index.html">
-                <img src="../assets/Book_25711.png" alt="icono del sitio a modificar">
-                <span class="text-uppercase fw-lighter ms-2">Libroteka</span>
-            </a>
-            <div class="order-lg-2 nav-btns">
-                <button type="button" class="btn position-relative">
-                    <i class="fa fa-shopping-cart"></i>
-                    <span class="position-absolute top-0 start-100 translate-middle badge bg-primary">5</span>
-                </button>
-                <button type="button" class="btn position-relative">
-                    <i class="fa fa-heart"></i>
-                    <span class="position-absolute top-0 start-100 translate-middle badge bg-primary">2</span>
-                </button>
-                <button type="button" class="btn position-relative">
-                    <i class="fa fa-search"></i>
-                </button>
-            </div>
-            <button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navMenu">
-                <span class="navbar-toggler-icon"></span>
-            </button>
-            <div class="collapse navbar-collapse order-lg-1" id="navMenu">
-                <ul class="navbar-nav mx-auto text-center">
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="../index.html">inicio</a>
-                    </li>
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="./categorias.html">categorias</a>
-                    </li>
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="#mas vendidos">mas vendidos</a>
-                    </li>
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="./sobreNosotros.html">Sobre Nosotros</a>
-                    </li>
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="./contacto.html">contacto</a>
-                    </li>
-                </ul>
-            </div>
+    <nav
+      class="navbar navbar-expand-lg navbar-light py-1 fixed-top"
+      style="background-color: #d9d1bd"
+    >
+      <div class="container">
+        <a
+          class="navbar-brand d-flex justify-content-between align-items-center order-lg-0"
+          href="../index.html"
+        >
+          <img
+            src="../assets/Book_25711.png"
+            alt="icono del sitio a modificar"
+          />
+          <span class="text-uppercase fw-lighter ms-2">Libroteka</span>
+        </a>
+        <div class="order-lg-2 nav-btns">
+          <button type="button" class="btn position-relative">
+            <i class="fa fa-shopping-cart"></i>
+            <span
+              class="position-absolute top-0 start-100 translate-middle badge bg-primary"
+              >5</span
+            >
+          </button>
+          <button type="button" class="btn position-relative">
+            <i class="fa fa-heart"></i>
+            <span
+              class="position-absolute top-0 start-100 translate-middle badge bg-primary"
+              >2</span
+            >
+          </button>
+          <button type="button" class="btn position-relative">
+            <i class="fa fa-search"></i>
+          </button>
         </div>
+        <button
+          class="navbar-toggler border-0"
+          type="button"
+          data-bs-toggle="collapse"
+          data-bs-target="#navMenu"
+        >
+          <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse order-lg-1" id="navMenu">
+          <ul class="navbar-nav mx-auto text-center">
+            <li class="nav-item px-2 py-2">
+              <a class="nav-link text-uppercase text-dark" href="../index.html"
+                >inicio</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="./categorias.html"
+                >categorias</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="./masvendidos.html"
+                >mas vendidos</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="./sobreNosotros.html"
+                >Sobre Nosotros</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="./contacto.html"
+                >contacto</a
+              >
+            </li>
+          </ul>
+        </div>
+      </div>
     </nav>
 
     <div class="container mt-5 py-5">
-        <h1 class="mb-4">Ponte en contacto con nosotros</h1>
-        <form action="../index.html">
-            <!-- Nombre -->
-            <div class="mb-3">
-                <label for="nombre" class="form-label">Nombre</label>
-                <input type="text" class="form-control" id="nombre" required>
+      <h1 class="mb-4">Ponte en contacto con nosotros</h1>
+      <form action="../index.html">
+        <!-- Nombre -->
+        <div class="mb-3">
+          <label for="nombre" class="form-label">Nombre</label>
+          <input type="text" class="form-control" id="nombre" required />
+        </div>
+        <!-- Correo -->
+        <div class="mb-3">
+          <label for="email" class="form-label">Correo</label>
+          <input type="email" class="form-control" id="email" required />
+        </div>
+        <!-- Teléfono -->
+        <div class="mb-3">
+          <label for="telefono" class="form-label">Teléfono</label>
+          <input
+            type="number"
+            class="form-control"
+            id="telefono"
+            required
+            inputmode="numeric"
+          />
+        </div>
+        <!-- Mensaje -->
+        <div class="mb-3">
+          <label for="mensaje" class="form-label">Mensaje</label>
+          <textarea
+            class="form-control"
+            id="mensaje"
+            rows="4"
+            style="resize: both"
+            required
+          ></textarea>
+        </div>
+        <!-- Boton Enviar -->
+        <button type="submit" class="btn btn-primary" onclick="showAlert()">
+          Enviar
+        </button>
+      </form>
+    </div>
+
+    <footer class="bg-dark text-light text-center py-3">
+      <div class="container">
+        <div class="row">
+          <div class="mt-3">
+            <div class="col text-center mt-3">
+              <p><a href="#" class="btn btn-primary">SUSCRIBIRSE AQUI</a></p>
             </div>
-            <!-- Correo -->
-            <div class="mb-3">
-                <label for="email" class="form-label">Correo</label>
-                <input type="email" class="form-control" id="email" required>
+          </div>
+          <div class="row">
+            <div class="col-md-4 text-center">
+              <h3>CONTACTO</h3>
+              <p>
+                Email:
+                <a href="mailto:librerias@libroteka.com"
+                  >librerias@libroteka.com</a
+                >
+              </p>
+              <p>
+                Teléfono: <a href="tel:081022254276">0810 222 LIBRO (54276)</a>
+              </p>
+              <p>
+                WhatsApp:
+                <a href="https://web.whatsapp.com/" target="_blank"
+                  >+54 9 351 1234567</a
+                >
+              </p>
+              <p>Arrepentimiento: <a href="./contacto.html">Click Aquí</a></p>
             </div>
-            <!-- Teléfono -->
-            <div class="mb-3">
-                <label for="telefono" class="form-label">Teléfono</label>
-                <input type="number" class="form-control" id="telefono" required inputmode="numeric">
+            <div class="col text-center-md-4">
+              <h3>EXPLORAR</h3>
+              <ul>
+                <li><a href="../index.html">Inicio</a></li>
+                <li><a href="./categorias.html">Categorias</a></li>
+                <li><a href="#">Mas Vendidos</a></li>
+                <li><a href="./sobreNosotros.html">Sobre Nosotros</a></li>
+                <li><a href="./pages/contacto.html">Contacto</a></li>
+              </ul>
             </div>
-            <!-- Mensaje -->
-            <div class="mb-3">
-                <label for="mensaje" class="form-label">Mensaje</label>
-                <textarea class="form-control" id="mensaje" rows="4" style="resize: both;" required></textarea>
+            <div class="col text-center-md-4">
+              <h3>MI CUENTA</h3>
+              <ul>
+                <li><a href="login.html">Ingresar</a></li>
+                <li><a href="#">Ver Carrito</a></li>
+                <li><a href="#">Favoritos</a></li>
+                <li><a href="#">Finalizar Compra</a></li>
+              </ul>
             </div>
-            <!-- Boton Enviar -->
-            <button type="submit" class="btn btn-primary" onclick="showAlert()">Enviar</button>
-        </form>
-    </div>
-
-    <footer class="bg-dark text-light text-center py-3">
-        <div class="container">
-            <div class="row">
-                <div class=" mt-3">
-                    <div class="col text-center mt-3">
-                        <p><a href="#" class="btn btn-primary">SUSCRIBIRSE AQUI</a></p>
-                    </div>
-                </div>
-                <div class="row">
-                    <div class="col-md-4 text-center ">
-                        <h3>CONTACTO</h3>
-                        <p>Email: <a href="mailto:librerias@libroteka.com">librerias@libroteka.com</a></p>
-                        <p>Teléfono: <a href="tel:081022254276">0810 222 LIBRO (54276)</a></p>
-                        <p>WhatsApp: <a href="https://web.whatsapp.com/" target="_blank">+54 9 351 1234567</a></p>
-                        <p>Arrepentimiento: <a href="./contacto.html">Click Aquí</a></p>
-                    </div>
-                    <div class="col text-center-md-4">
-                        <h3>EXPLORAR</h3>
-                        <ul>
-                            <li><a href="../index.html">Inicio</a></li>
-                            <li><a href="./categorias.html">Categorias</a></li>
-                            <li><a href="#">Mas Vendidos</a></li>
-                            <li><a href="./sobreNosotros.html">Sobre Nosotros</a></li>
-                            <li><a href="./pages/contacto.html">Contacto</a></li>
-                        </ul>
-                    </div>
-                    <div class="col text-center-md-4">
-                        <h3>MI CUENTA</h3>
-                        <ul>
-                            <li><a href="#">Ingresar</a></li>
-                            <li><a href="#">Ver Carrito</a></li>
-                            <li><a href="#">Favoritos</a></li>
-                            <li><a href="#">Finalizar Compra</a></li>
-                        </ul>
-                    </div>
-                </div>
-                <div class="row">
-                    <div class="container">
-                        <div class="row">
-                            <div class="col text-center">
-                                <p>&copy; 2023 Tu Tienda online </p>
-                            </div>
-                        </div>
-                    </div>
+          </div>
+          <div class="row">
+            <div class="container">
+              <div class="row">
+                <div class="col text-center">
+                  <p>&copy; 2023 Tu Tienda online</p>
                 </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
     </footer>
-    <!-- Pie de página -->
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
-    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>
-
 
+    <div class="container-fluid position-fixed top-50">
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://facebook.com/"
+            ><i class="fa-brands fa-square-facebook fa-xl"></i
+          ></a>
+        </div>
+      </div>
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://twitter.com/"
+            ><i class="fa-brands fa-square-twitter fa-xl"></i
+          ></a>
+        </div>
+      </div>
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://www.whatsapp.com/"
+            ><i class="fa-brands fa-square-whatsapp fa-xl"></i
+          ></a>
+        </div>
+      </div>
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://www.instagram.com/"
+            ><i class="fa-brands fa-square-instagram fa-xl"></i
+          ></a>
+        </div>
+      </div>
+    </div>
 
-</body>
+    <script
+      src="https://kit.fontawesome.com/6a6212d90e.js"
+      crossorigin="anonymous"
+    ></script>
 
-</html>
\ No newline at end of file
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.5.2/dist/js/bootstrap.bundle.min.js"></script>
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
+      integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    /><link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9"
+      crossorigin="anonymous"
+    />
+    <!-- Pie de página -->
+    <script
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js"
+      integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm"
+      crossorigin="anonymous"
+    ></script>
+    <script
+      src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
+      integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
+      crossorigin="anonymous"
+    ></script>
+    <script
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.min.js"
+      integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa"
+      crossorigin="anonymous"
+    ></script>
+  </body>
+</html>
diff --git a/pages/create.html b/pages/create.html
index 2541ea2..9a45257 100644
--- a/pages/create.html
+++ b/pages/create.html
@@ -1,101 +1,173 @@
-
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
-
-<head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Libroteka</title>
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" 
-    integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer"
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9"
+      crossorigin="anonymous"
     />
-</head>
-
-<body>
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
+      integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    />
+  </head>
 
+  <body>
     <nav class="navbar navbar-expand-lg navbar-light bg-white py-4 fixed-top">
-        <div class="container">
-            <a class="navbar-brand d-flex justify-content-between align-items-center order-lg-0" href="index.html">
-                <img src="../../assets/Book_25711.png" alt="icono del sitio a modificar">
-                <span class="text-uppercase fw-lighter ms-2">Libroteka</span>
-            </a>
-            <div class="order-lg-2 nav-btns">
-                <button type="button" class="btn position-relative">
-                    <i class="fa fa-shopping-cart"></i>
-                    <span class="position-absolute top-0 start-100 translate-middle badge bg-primary">5</span>
-                </button>
-                <button type="button" class="btn position-relative">
-                    <i class="fa fa-heart"></i>
-                    <span class="position-absolute top-0 start-100 translate-middle badge bg-primary">2</span>
-                </button>
-                <button type="button" class="btn position-relative">
-                    <i class="fa fa-search"></i>
-                </button>
-            </div>
-
-            <button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navMenu">
-                <span class="navbar-toggler-icon"></span>
-            </button>
-
-            <div class="collapse navbar-collapse order-lg-1" id="navMenu">
-                <ul class="navbar-nav mx-auto text-center">
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="#inicio">inicio</a>
-                    </li>
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="#categorias">categorias</a>
-                    </li>
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="#mas vendidos">mas vendidos</a>
-                    </li>
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="./pages/sobreNosotros.html">Sobre Nosotros</a>
-                    </li>
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="#about">contacto</a>
-                    </li>
-
-                </ul>
-            </div>
+      <div class="container">
+        <a
+          class="navbar-brand d-flex justify-content-between align-items-center order-lg-0"
+          href="index.html"
+        >
+          <img
+            src="../assets/Book_25711.png"
+            alt="icono del sitio a modificar"
+          />
+          <span class="text-uppercase fw-lighter ms-2">Libroteka</span>
+        </a>
+        <div class="order-lg-2 nav-btns">
+          <button type="button" class="btn position-relative">
+            <i class="fa fa-shopping-cart"></i>
+            <span
+              class="position-absolute top-0 start-100 translate-middle badge bg-primary"
+              >5</span
+            >
+          </button>
+          <button type="button" class="btn position-relative">
+            <i class="fa fa-heart"></i>
+            <span
+              class="position-absolute top-0 start-100 translate-middle badge bg-primary"
+              >2</span
+            >
+          </button>
+          <button type="button" class="btn position-relative">
+            <i class="fa fa-search"></i>
+          </button>
         </div>
 
+        <button
+          class="navbar-toggler border-0"
+          type="button"
+          data-bs-toggle="collapse"
+          data-bs-target="#navMenu"
+        >
+          <span class="navbar-toggler-icon"></span>
+        </button>
 
+        <div class="collapse navbar-collapse order-lg-1" id="navMenu">
+          <ul class="navbar-nav mx-auto text-center">
+            <li class="nav-item px-2 py-2">
+              <a class="nav-link text-uppercase text-dark" href="../index.html"
+                >inicio</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="categorias.html"
+                >categorias</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="masvendidos.html"
+                >mas vendidos</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="sobreNosotros.html"
+                >Sobre Nosotros</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a class="nav-link text-uppercase text-dark" href="contacto.html"
+                >contacto</a
+              >
+            </li>
+          </ul>
+        </div>
+      </div>
     </nav>
 
-
     <div class="container-fluid">
-
-        <div id="carouselExampleAutoplaying" class="carousel slide">
-            <div class="container">
-                <div class="carousel-indicators">
-                    <button type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
-                    <button type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide-to="1" aria-label="Slide 2"></button>
-                    <button type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide-to="2" aria-label="Slide 3"></button>
-                </div>
-                <div class="carousel-inner">
-                    <div class="carousel-item active">
-                        <img src="../../assets/carruseln1.jpg" class="d-block w-100" alt="...">
-                    </div>
-                    <div class="carousel-item">
-                        <img src="../../assets/carruseln2.jpg" class="  d-block w-100" alt="...">
-                    </div>
-                    <div class="carousel-item">
-                        <img src="../../assets/carruseln3.jpg" class="d-block w-100" alt="...">
-                    </div>
-                </div>
-                <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide="prev">
-                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-                    <span class="visually-hidden">Previous</span>
-                  </button>
-                <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide="next">
-                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
-                    <span class="visually-hidden">Next</span>
-                  </button>
+      <div id="carouselExampleAutoplaying" class="carousel slide">
+        <div class="container">
+          <div class="carousel-indicators">
+            <button
+              type="button"
+              data-bs-target="#carouselExampleAutoplaying"
+              data-bs-slide-to="0"
+              class="active"
+              aria-current="true"
+              aria-label="Slide 1"
+            ></button>
+            <button
+              type="button"
+              data-bs-target="#carouselExampleAutoplaying"
+              data-bs-slide-to="1"
+              aria-label="Slide 2"
+            ></button>
+            <button
+              type="button"
+              data-bs-target="#carouselExampleAutoplaying"
+              data-bs-slide-to="2"
+              aria-label="Slide 3"
+            ></button>
+          </div>
+          <div class="carousel-inner">
+            <div class="carousel-item active">
+              <img
+                src="../assets/carruseln1.jpg"
+                class="d-block w-100"
+                alt="..."
+              />
             </div>
+            <div class="carousel-item">
+              <img
+                src="../assets/carruseln2.jpg"
+                class="d-block w-100"
+                alt="..."
+              />
+            </div>
+            <div class="carousel-item">
+              <img
+                src="../assets/carruseln3.jpg"
+                class="d-block w-100"
+                alt="..."
+              />
+            </div>
+          </div>
+          <button
+            class="carousel-control-prev"
+            type="button"
+            data-bs-target="#carouselExampleAutoplaying"
+            data-bs-slide="prev"
+          >
+            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+            <span class="visually-hidden">Previous</span>
+          </button>
+          <button
+            class="carousel-control-next"
+            type="button"
+            data-bs-target="#carouselExampleAutoplaying"
+            data-bs-slide="next"
+          >
+            <span class="carousel-control-next-icon" aria-hidden="true"></span>
+            <span class="visually-hidden">Next</span>
+          </button>
         </div>
+      </div>
     </div>
-
     <div class="container">
       <div class="row">
         <div class="col-md-6">
@@ -121,27 +193,58 @@ <h2>CREÁ TU CUENTA</h2>
                   </p>
                   <div class="row">
                     <div class="col">
-                      <label for="formNameInput" class="form-label"
+                      <label for="nombreInput" class="form-label"
                         >Nombre<span style="color: red">*</span></label
                       >
                       <input
                         type="text"
                         class="form-control"
-                        id="formNameInput"
+                        id="nombreInput"
+                        minlength="2"
+                        maxlength="30"
+                        required
                         placeholder="Ingrese su nombre"
                       />
+                      <div class="form-text">
+                        <span id="mensajeErrorNombre" style="color: red"></span>
+                      </div>
                     </div>
                     <div class="col">
                       <div class="mb-3">
-                        <label for="formSurnameInput" class="form-label"
+                        <label for="apellidoInput" class="form-label"
                           >Apellido<span style="color: red">*</span></label
                         >
                         <input
                           type="text"
                           class="form-control"
-                          id="formSurnameInput"
+                          id="apellidoInput"
+                          minlength="2"
+                          maxlength="35"
+                          required
                           placeholder="Ingrese su apellido"
                         />
+                        <div class="form-text">
+                          <span
+                            id="mensajeErrorApellido"
+                            style="color: red"
+                          ></span>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="mb-3">
+                      <label for="dni" class="form-label"
+                        >Número de DNI<span style="color: red">*</span></label
+                      >
+                      <input
+                        type="number"
+                        class="form-control"
+                        id="dni"
+                        placeholder="Ingrese su número de DNI"
+                        required
+                        oninput="validarDNI(this.value)"
+                      />
+                      <div class="form-text">
+                        <span id="mensajeErrorDni" style="color: red"></span>
                       </div>
                     </div>
                     <div class="mb-3">
@@ -154,12 +257,10 @@ <h2>CREÁ TU CUENTA</h2>
                         type="email"
                         class="form-control"
                         id="idE"
-                        aria-describedby="idEH"
                         placeholder="Ingrese su correo electrónico"
                       />
-                      <div id="idEH" class="form-text">
-                        Debe ser un correo válido.
-                        <span style="color: red">*</span>
+                      <div class="form-text">
+                        <span id="mensajeErrorCorreo" style="color: red"></span>
                       </div>
                     </div>
                   </div>
@@ -173,7 +274,7 @@ <h2>CREÁ TU CUENTA</h2>
     <div class="container">
       <div class="row">
         <div class="col-md-6">
-          <div class="card h-100 mb-3">
+          <div class="card h-90 mb-3">
             <div class="card-body">
               <div class="mb-3">
                 <form>
@@ -190,19 +291,25 @@ <h2>CREÁ TU CUENTA</h2>
                         class="form-control"
                         id="InputPassword"
                       />
+                      <div class="form-text">
+                        <span
+                          id="mensajeErrorPassword"
+                          style="color: red"
+                        ></span>
+                      </div>
                     </div>
                     <div class="col">
-                      <div class="mb-3">
-                        <label for="InputConfirmPassword" class="form-label"
-                          >Confirme contraseña<span style="color: red"
-                            >*</span
-                          ></label
-                        >
-                        <input
-                          type="password"
-                          class="form-control"
-                          id="InputConfirmPassword"
-                        />
+                      <label for="InputConfirmPassword" class="form-label"
+                        >Confirme contraseña<span style="color: red"
+                          >*</span
+                        ></label
+                      >
+                      <input
+                        type="password"
+                        class="form-control"
+                        id="InputConfirmPassword"
+                      />
+                      <div class="form-check">
                         <input
                           type="checkbox"
                           class="form-check-input"
@@ -215,71 +322,246 @@ <h2>CREÁ TU CUENTA</h2>
                     </div>
                   </div>
                 </form>
-                <input type="submit" value="ENVIAR" class="btn btn-primary" />
               </div>
             </div>
-            <div>
+            <div class="text-center">
+              <input type="submit" value="ENVIAR" class="btn btn-primary" />
+            </div>
+            <div class="card body text-center">
               <p>
                 <b><span style="color: red">* Campos Obligatorios</span></b>
               </p>
+              <p>
+                <b
+                  ><a href="login.html" style="color: rgb(19, 19, 103)">
+                    Volver atrás
+                  </a></b
+                >
+              </p>
             </div>
           </div>
         </div>
       </div>
     </div>
-    <p>
-      <a href="../../index.html" style="color: blue">Volver atrás</a>
-    </p>
-    </div>
 
     <footer class="bg-dark text-light text-center py-3">
       <div class="container">
         <div class="row">
-          <div class=" mt-3">
+          <div class="mt-3">
             <div class="col text-center mt-3">
-            <p><a href="#" class="btn btn-primary">SUSCRIBIRSE AQUI</a></p>
+              <p><a href="#" class="btn btn-primary">SUSCRIBIRSE AQUI</a></p>
+            </div>
           </div>
-        </div>
-        <div class="row">
-          <div class="col-md-4 text-center ">
-            <h3>CONTACTO</h3>
-            <p>Email: <a href="mailto:librerias@libroteka.com">librerias@libroteka.com</a></p>
-            <p>Teléfono: <a href="tel:081022254276">0810 222 LIBRO (54276)</a></p>
-            <p>WhatsApp: <a href="https://web.whatsapp.com/" target="_blank">+54 9 351 1234567</a></p>
-            <p>Arrepentimiento: <a href="#">Click Aquí</a></p>
-          </div> 
-          <div class="col text-center-md-4">
-            <h3>EXPLORAR</h3>
-            <ul>
-            <li><a href="#">Inicio</a></li>
-            <li><a href="#">Categorias</a></li>
-            <li><a href="#">Mas Vendidos</a></li>
-            <li><a href="#">Sobre Nosotros</a></li>
-            <li><a href="#">Contacto</a></li>
-            </ul>
-          </div> 
-          <div class="col text-center-md-4">
-            <h3>MI CUENTA</h3>
-            <ul>
-              <li><a href="../../costumer/account/login.html">Ingresar</a></li>
+          <div class="row">
+            <div class="col-md-4 text-center">
+              <h3>CONTACTO</h3>
+              <p>
+                Email:
+                <a href="mailto:librerias@libroteka.com"
+                  >librerias@libroteka.com</a
+                >
+              </p>
+              <p>
+                Teléfono: <a href="tel:081022254276">0810 222 LIBRO (54276)</a>
+              </p>
+              <p>
+                WhatsApp:
+                <a href="https://web.whatsapp.com/" target="_blank"
+                  >+54 9 351 1234567</a
+                >
+              </p>
+              <p>Arrepentimiento: <a href="#">Click Aquí</a></p>
+            </div>
+            <div class="col text-center-md-4">
+              <h3>EXPLORAR</h3>
+              <ul>
+                <li><a href="#">Inicio</a></li>
+                <li><a href="#">Categorias</a></li>
+                <li><a href="#">Mas Vendidos</a></li>
+                <li><a href="#">Sobre Nosotros</a></li>
+                <li><a href="#">Contacto</a></li>
+              </ul>
+            </div>
+            <div class="col text-center-md-4">
+              <h3>MI CUENTA</h3>
+              <ul>
+                <li><a href="login.html">Ingresar</a></li>
                 <li><a href="#">Ver Carrito</a></li>
                 <li><a href="#">Favoritos</a></li>
                 <li><a href="#">Finalizar Compra</a></li>
-            </ul>
-          </div>  
-        </div>
-        <div class="row">
-          <div class="container">
-            <div class="row">
-              <div class="col text-center">
-                <p>&copy; 2023 Tu Tienda online </p>
+              </ul>
+            </div>
+          </div>
+          <div class="row">
+            <div class="container">
+              <div class="row">
+                <div class="col text-center">
+                  <p>&copy; 2023 Tu Tienda online</p>
+                </div>
               </div>
             </div>
-          </div> 
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <div class="container-fluid position-fixed top-50">
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://facebook.com/"
+            ><i class="fa-brands fa-square-facebook fa-xl"></i
+          ></a>
+        </div>
+      </div>
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://twitter.com/"
+            ><i class="fa-brands fa-square-twitter fa-xl"></i
+          ></a>
         </div>
-  </footer>    
-  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
-  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
-  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>
-</body>
-</html>
\ No newline at end of file
+      </div>
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://www.whatsapp.com/"
+            ><i class="fa-brands fa-square-whatsapp fa-xl"></i
+          ></a>
+        </div>
+      </div>
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://www.instagram.com/"
+            ><i class="fa-brands fa-square-instagram fa-xl"></i
+          ></a>
+        </div>
+      </div>
+    </div>
+
+    <script
+      src="https://kit.fontawesome.com/6a6212d90e.js"
+      crossorigin="anonymous"
+    ></script>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.5.2/dist/js/bootstrap.bundle.min.js"></script>
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
+      integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    /><link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9"
+      crossorigin="anonymous"
+    />
+    <!-- Pie de página -->
+    <script
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js"
+      integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm"
+      crossorigin="anonymous"
+    ></script>
+    <script
+      src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
+      integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
+      crossorigin="anonymous"
+    ></script>
+    <script
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.min.js"
+      integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa"
+      crossorigin="anonymous"
+    ></script>
+    <!-- validacion Nombre -->
+    <script>
+      document
+        .getElementById("nombreInput")
+        .addEventListener("blur", function () {
+          var nombreValidar = this.value;
+          var nombreRegex = /^[a-zA-Z\-']+$/;
+          if (!nombreRegex.test(nombreValidar)) {
+            document.getElementById("mensajeErrorNombre").textContent =
+              "Debe contener caracteres alfabéticos";
+          } else {
+            document.getElementById("mensajeErrorNombre").textContent = "";
+          }
+        });
+    </script>
+    <!-- validacion Apellido -->
+    <script>
+      document
+        .getElementById("apellidoInput")
+        .addEventListener("blur", function () {
+          var apellidoValidar = this.value;
+          var apellidoRegex = /^[a-zA-Z\-']+$/;
+          if (!apellidoRegex.test(apellidoValidar)) {
+            document.getElementById("mensajeErrorApellido").textContent =
+              "Debe contener caracteres alfabéticos";
+          } else {
+            document.getElementById("mensajeErrorApellido").textContent = "";
+          }
+        });
+    </script>
+    <!-- validacion DNI -->
+    <script>
+      document.getElementById("dni").addEventListener("blur", function () {
+        var dniValidar = this.value;
+        const dniRegex = /^[0-9]{8}$/;
+        if (!dniRegex.test(dniValidar)) {
+          document.getElementById("mensajeErrorDni").textContent =
+            "Debe contener 8 dígitos";
+        } else {
+          document.getElementById("mensajeErrorDni").textContent = "";
+        }
+      });
+    </script>
+    <!-- validacion correo -->
+    <script>
+      document.getElementById("idE").addEventListener("blur", function () {
+        var emailInput = this.value;
+        var emailRegex = /^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}$/;
+        if (!emailRegex.test(emailInput)) {
+          document.getElementById("mensajeErrorCorreo").textContent =
+            "Debe ser un formato de correo válido";
+        } else {
+          document.getElementById("mensajeErrorCorreo").textContent = "";
+        }
+      });
+    </script>
+    <!-- validacion contraseña -->
+    <script>
+      document
+        .getElementById("InputPassword")
+        .addEventListener("blur", function () {
+          var passwordValidar = this.value;
+          var passwordRegex =
+            /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/;
+          if (!passwordRegex.test(passwordValidar)) {
+            document.getElementById("mensajeErrorPassword").textContent =
+              "Debe contener al menos una minúscula, una mayúscula, un caracter especial y entre 2 y 8 caracteres.";
+          } else {
+            document.getElementById("mensajeErrorPassword").textContent = "";
+          }
+        });
+    </script>
+    <!-- verificacion repeticion de contraseña  -->
+    <script>
+      var passwordInput = document.getElementById("InputPassword");
+      var confirmPasswordInput = document.getElementById(
+        "InputConfirmPassword"
+      );
+      var mensajeErrorPassword = document.getElementById(
+        "mensajeErrorPassword"
+      );
+
+      confirmPasswordInput.addEventListener("input", function () {
+        var password = passwordInput.value;
+        var confirmPassword = confirmPasswordInput.value;
+
+        if (password === confirmPassword) {
+          mensajeErrorPassword.textContent = "";
+        } else {
+          mensajeErrorPassword.textContent = "Las contraseñas no coinciden";
+        }
+      });
+    </script>
+  </body>
+</html>
diff --git a/pages/detalleLibro.html b/pages/detalleLibro.html
deleted file mode 100644
index 329e85b..0000000
--- a/pages/detalleLibro.html
+++ /dev/null
@@ -1,18 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Detalle Libro</title>
-</head>
-
-<body>
-    <div>este es un libro</div>
-    <!-- imagen del libro -->
-    <p>titulo autor descpricion bla bla bla
-
-    </p>
-</body>
-
-</html>
\ No newline at end of file
diff --git a/pages/forgotpassword.html b/pages/forgotpassword.html
index 8e6a665..83d58b5 100644
--- a/pages/forgotpassword.html
+++ b/pages/forgotpassword.html
@@ -1,98 +1,172 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
-
-<head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Libroteka</title>
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" 
-    integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer"
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9"
+      crossorigin="anonymous"
     />
-</head>
-
-<body>
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
+      integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    />
+  </head>
 
+  <body>
     <nav class="navbar navbar-expand-lg navbar-light bg-white py-4 fixed-top">
-        <div class="container">
-            <a class="navbar-brand d-flex justify-content-between align-items-center order-lg-0" href="index.html">
-                <img src="../../assets/Book_25711.png" alt="icono del sitio a modificar">
-                <span class="text-uppercase fw-lighter ms-2">Libroteka</span>
-            </a>
-            <div class="order-lg-2 nav-btns">
-                <button type="button" class="btn position-relative">
-                    <i class="fa fa-shopping-cart"></i>
-                    <span class="position-absolute top-0 start-100 translate-middle badge bg-primary">5</span>
-                </button>
-                <button type="button" class="btn position-relative">
-                    <i class="fa fa-heart"></i>
-                    <span class="position-absolute top-0 start-100 translate-middle badge bg-primary">2</span>
-                </button>
-                <button type="button" class="btn position-relative">
-                    <i class="fa fa-search"></i>
-                </button>
-            </div>
-
-            <button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navMenu">
-                <span class="navbar-toggler-icon"></span>
-            </button>
-
-            <div class="collapse navbar-collapse order-lg-1" id="navMenu">
-                <ul class="navbar-nav mx-auto text-center">
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="#inicio">inicio</a>
-                    </li>
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="#categorias">categorias</a>
-                    </li>
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="#mas vendidos">mas vendidos</a>
-                    </li>
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="./pages/sobreNosotros.html">Sobre Nosotros</a>
-                    </li>
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="#about">contacto</a>
-                    </li>
-
-                </ul>
-            </div>
+      <div class="container">
+        <a
+          class="navbar-brand d-flex justify-content-between align-items-center order-lg-0"
+          href="index.html"
+        >
+          <img
+            src="../assets/Book_25711.png"
+            alt="icono del sitio a modificar"
+          />
+          <span class="text-uppercase fw-lighter ms-2">Libroteka</span>
+        </a>
+        <div class="order-lg-2 nav-btns">
+          <button type="button" class="btn position-relative">
+            <i class="fa fa-shopping-cart"></i>
+            <span
+              class="position-absolute top-0 start-100 translate-middle badge bg-primary"
+              >5</span
+            >
+          </button>
+          <button type="button" class="btn position-relative">
+            <i class="fa fa-heart"></i>
+            <span
+              class="position-absolute top-0 start-100 translate-middle badge bg-primary"
+              >2</span
+            >
+          </button>
+          <button type="button" class="btn position-relative">
+            <i class="fa fa-search"></i>
+          </button>
         </div>
 
+        <button
+          class="navbar-toggler border-0"
+          type="button"
+          data-bs-toggle="collapse"
+          data-bs-target="#navMenu"
+        >
+          <span class="navbar-toggler-icon"></span>
+        </button>
 
+        <div class="collapse navbar-collapse order-lg-1" id="navMenu">
+          <ul class="navbar-nav mx-auto text-center">
+            <li class="nav-item px-2 py-2">
+              <a class="nav-link text-uppercase text-dark" href="../index.html"
+                >inicio</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="categorias.html"
+                >categorias</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="masvendidos.html"
+                >mas vendidos</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="sobreNosotros.html"
+                >Sobre Nosotros</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a class="nav-link text-uppercase text-dark" href="contacto.html"
+                >contacto</a
+              >
+            </li>
+          </ul>
+        </div>
+      </div>
     </nav>
 
-
     <div class="container-fluid">
-
-        <div id="carouselExampleAutoplaying" class="carousel slide">
-            <div class="container">
-                <div class="carousel-indicators">
-                    <button type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
-                    <button type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide-to="1" aria-label="Slide 2"></button>
-                    <button type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide-to="2" aria-label="Slide 3"></button>
-                </div>
-                <div class="carousel-inner">
-                    <div class="carousel-item active">
-                        <img src="../../assets/carruseln1.jpg" class="d-block w-100" alt="...">
-                    </div>
-                    <div class="carousel-item">
-                        <img src="../../assets/carruseln2.jpg" class="  d-block w-100" alt="...">
-                    </div>
-                    <div class="carousel-item">
-                        <img src="../../assets/carruseln3.jpg" class="d-block w-100" alt="...">
-                    </div>
-                </div>
-                <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide="prev">
-                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-                    <span class="visually-hidden">Previous</span>
-                  </button>
-                <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide="next">
-                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
-                    <span class="visually-hidden">Next</span>
-                  </button>
+      <div id="carouselExampleAutoplaying" class="carousel slide">
+        <div class="container">
+          <div class="carousel-indicators">
+            <button
+              type="button"
+              data-bs-target="#carouselExampleAutoplaying"
+              data-bs-slide-to="0"
+              class="active"
+              aria-current="true"
+              aria-label="Slide 1"
+            ></button>
+            <button
+              type="button"
+              data-bs-target="#carouselExampleAutoplaying"
+              data-bs-slide-to="1"
+              aria-label="Slide 2"
+            ></button>
+            <button
+              type="button"
+              data-bs-target="#carouselExampleAutoplaying"
+              data-bs-slide-to="2"
+              aria-label="Slide 3"
+            ></button>
+          </div>
+          <div class="carousel-inner">
+            <div class="carousel-item active">
+              <img
+                src="../assets/carruseln1.jpg"
+                class="d-block w-100"
+                alt="..."
+              />
             </div>
+            <div class="carousel-item">
+              <img
+                src="../assets/carruseln2.jpg"
+                class="d-block w-100"
+                alt="..."
+              />
+            </div>
+            <div class="carousel-item">
+              <img
+                src="../assets/carruseln3.jpg"
+                class="d-block w-100"
+                alt="..."
+              />
+            </div>
+          </div>
+          <button
+            class="carousel-control-prev"
+            type="button"
+            data-bs-target="#carouselExampleAutoplaying"
+            data-bs-slide="prev"
+          >
+            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+            <span class="visually-hidden">Previous</span>
+          </button>
+          <button
+            class="carousel-control-next"
+            type="button"
+            data-bs-target="#carouselExampleAutoplaying"
+            data-bs-slide="next"
+          >
+            <span class="carousel-control-next-icon" aria-hidden="true"></span>
+            <span class="visually-hidden">Next</span>
+          </button>
         </div>
+      </div>
     </div>
 
     <div class="container">
@@ -115,10 +189,7 @@ <h2>¿OLVIDASTE TU CONTRASEÑA?</h2>
           <div class="card h-100 mb-3">
             <div class="card-body text-center">
               <div class="alert alert-primary" role="alert">
-                <h3>
-                  Recupera tu contraseña
-                  aquí
-                </h3>
+                <h3>Recupera tu contraseña aquí</h3>
               </div>
               <p>
                 Te pedimos que ingreses tu email para que podamos enviarte un
@@ -140,7 +211,11 @@ <h3>
               </form>
               <input type="email" value="ENVIAR" class="btn btn-primary" />
               <p>
-                <a href="../../index.html" style="color: blue">Volver atrás</a>
+                <b
+                  ><a href="login.html" style="color: rgb(19, 19, 103)">
+                    Volver atrás
+                  </a></b
+                >
               </p>
             </div>
           </div>
@@ -151,51 +226,128 @@ <h3>
     <footer class="bg-dark text-light text-center py-3">
       <div class="container">
         <div class="row">
-          <div class=" mt-3">
+          <div class="mt-3">
             <div class="col text-center mt-3">
-            <p><a href="#" class="btn btn-primary">SUSCRIBIRSE AQUI</a></p>
+              <p><a href="#" class="btn btn-primary">SUSCRIBIRSE AQUI</a></p>
+            </div>
           </div>
-        </div>
-        <div class="row">
-          <div class="col-md-4 text-center ">
-            <h3>CONTACTO</h3>
-            <p>Email: <a href="mailto:librerias@libroteka.com">librerias@libroteka.com</a></p>
-            <p>Teléfono: <a href="tel:081022254276">0810 222 LIBRO (54276)</a></p>
-            <p>WhatsApp: <a href="https://web.whatsapp.com/" target="_blank">+54 9 351 1234567</a></p>
-            <p>Arrepentimiento: <a href="#">Click Aquí</a></p>
-          </div> 
-          <div class="col text-center-md-4">
-            <h3>EXPLORAR</h3>
-            <ul>
-            <li><a href="#">Inicio</a></li>
-            <li><a href="#">Categorias</a></li>
-            <li><a href="#">Mas Vendidos</a></li>
-            <li><a href="#">Sobre Nosotros</a></li>
-            <li><a href="#">Contacto</a></li>
-            </ul>
-          </div> 
-          <div class="col text-center-md-4">
-            <h3>MI CUENTA</h3>
-            <ul>
-              <li><a href="../../costumer/account/login.html">Ingresar</a></li>
+          <div class="row">
+            <div class="col-md-4 text-center">
+              <h3>CONTACTO</h3>
+              <p>
+                Email:
+                <a href="mailto:librerias@libroteka.com"
+                  >librerias@libroteka.com</a
+                >
+              </p>
+              <p>
+                Teléfono: <a href="tel:081022254276">0810 222 LIBRO (54276)</a>
+              </p>
+              <p>
+                WhatsApp:
+                <a href="https://web.whatsapp.com/" target="_blank"
+                  >+54 9 351 1234567</a
+                >
+              </p>
+              <p>Arrepentimiento: <a href="#">Click Aquí</a></p>
+            </div>
+            <div class="col text-center-md-4">
+              <h3>EXPLORAR</h3>
+              <ul>
+                <li><a href="#">Inicio</a></li>
+                <li><a href="#">Categorias</a></li>
+                <li><a href="#">Mas Vendidos</a></li>
+                <li><a href="#">Sobre Nosotros</a></li>
+                <li><a href="#">Contacto</a></li>
+              </ul>
+            </div>
+            <div class="col text-center-md-4">
+              <h3>MI CUENTA</h3>
+              <ul>
+                <li><a href="login.html">Ingresar</a></li>
                 <li><a href="#">Ver Carrito</a></li>
                 <li><a href="#">Favoritos</a></li>
                 <li><a href="#">Finalizar Compra</a></li>
-            </ul>
-          </div>  
-        </div>
-        <div class="row">
-          <div class="container">
-            <div class="row">
-              <div class="col text-center">
-                <p>&copy; 2023 Tu Tienda online </p>
+              </ul>
+            </div>
+          </div>
+          <div class="row">
+            <div class="container">
+              <div class="row">
+                <div class="col text-center">
+                  <p>&copy; 2023 Tu Tienda online</p>
+                </div>
               </div>
             </div>
-          </div> 
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <div class="container-fluid position-fixed top-50">
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://facebook.com/"
+            ><i class="fa-brands fa-square-facebook fa-xl"></i
+          ></a>
         </div>
-  </footer>    
-  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
-  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
-  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>
-</body>
-</html>
\ No newline at end of file
+      </div>
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://twitter.com/"
+            ><i class="fa-brands fa-square-twitter fa-xl"></i
+          ></a>
+        </div>
+      </div>
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://www.whatsapp.com/"
+            ><i class="fa-brands fa-square-whatsapp fa-xl"></i
+          ></a>
+        </div>
+      </div>
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://www.instagram.com/"
+            ><i class="fa-brands fa-square-instagram fa-xl"></i
+          ></a>
+        </div>
+      </div>
+    </div>
+
+    <script
+      src="https://kit.fontawesome.com/6a6212d90e.js"
+      crossorigin="anonymous"
+    ></script>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.5.2/dist/js/bootstrap.bundle.min.js"></script>
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
+      integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    /><link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9"
+      crossorigin="anonymous"
+    />
+    <!-- Pie de página -->
+    <script
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js"
+      integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm"
+      crossorigin="anonymous"
+    ></script>
+    <script
+      src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
+      integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
+      crossorigin="anonymous"
+    ></script>
+    <script
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.min.js"
+      integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa"
+      crossorigin="anonymous"
+    ></script>
+  </body>
+</html>
diff --git a/pages/libros_pages/Libro1.html b/pages/libros_pages/Libro1.html
new file mode 100644
index 0000000..f4fae22
--- /dev/null
+++ b/pages/libros_pages/Libro1.html
@@ -0,0 +1,189 @@
+<!DOCTYPE html>
+<html lang="es">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <title>Detalle del Libro</title>
+    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous"> />
+</head>
+
+<body style="background-color: #e7e0d8;">
+
+    <!-- NAVBAR  -->
+    <nav class="navbar navbar-expand-lg navbar-light  py-1 fixed-top" style="background-color: #d9d1bd;">
+        <div class="container">
+            <a class="navbar-brand d-flex justify-content-between align-items-center order-lg-0" href="../index.html">
+                <img src="../../assets/Book_25711.png" alt="icono del sitio a modificar">
+                <span class="text-uppercase fw-lighter ms-2">Libroteka</span>
+            </a>
+            <div class="order-lg-2 nav-btns">
+                <button type="button" class="btn position-relative">
+                    <i class="fa fa-shopping-cart"></i>
+                    <span class="position-absolute top-0 start-100 translate-middle badge bg-primary"></span>
+                </button>
+                <button type="button" class="btn position-relative">
+                    <i class="fa fa-heart"></i>
+                    <span class="position-absolute top-0 start-100 translate-middle badge bg-primary"></span>
+                </button>
+                <button type="button" class="btn position-relative">
+                    <i class="fa fa-search"></i>
+                </button>
+            </div>
+            <button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navMenu">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <div class="collapse navbar-collapse order-lg-1" id="navMenu">
+                <ul class="navbar-nav mx-auto text-center">
+                    <li class="nav-item px-2 py-2">
+                        <a class="nav-link text-uppercase text-dark" href="../../index.html">inicio</a>
+                    </li>
+                    <li class="nav-item px-2 py-2">
+                        <a class="nav-link text-uppercase text-dark" href="../categorias.html">categorias</a>
+                    </li>
+                    <li class="nav-item px-2 py-2">
+                        <a class="nav-link text-uppercase text-dark" href="../masvendidos.html">mas vendidos</a>
+                    </li>
+                    <li class="nav-item px-2 py-2">
+                        <a class="nav-link text-uppercase text-dark" href="../sobreNosotros.html">Sobre Nosotros</a>
+                    </li>
+                    <li class="nav-item px-2 py-2">
+                        <a class="nav-link text-uppercase text-dark" href="../contacto.html">contacto</a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </nav>
+
+    <div class="container fluid mb-5 mt-5">
+        <div class="row">
+            <div class="col-md-4 mt-5">
+                <img src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-39.png.webp" alt="Portada del Libro" class="img-fluid max-width-50 max-height-50">
+            </div>
+            <div class="col-md-6 mt-5 book-details">
+                <h1 class="mb-4">LIMONOV</h1>
+                <h3>Precio: $99.99</h3>
+                <button>Añadir al carrito
+                </button>
+                <p>Autor: CARRERE, EMMANUEL</p>
+                <p>Disponibilidad: Sin Stock</p>
+                <hr>
+                <p>Sinópsis: Esta novela biográfica o biografía novelada reconstruye la vida de un personaje real que parece surgido de la ficción: Eduard Limónov. Un personaje desmesurado y estrafalario; con una peripecia vital casi inverosímil; que le
+                    permite al autor trazar un contundente retrato de la Rusia de los úl (...)</p>
+                <p>Editorial: ANAGRAMA</p>
+                <p>I.S.B.N: 9788433978554</p>
+                <p>Nro. de Páginas: 400</p>
+                <p>Idioma: ESPAÑOL</p>
+                <p>Formato: LIBROS</p>
+                <p>Clasificación: Libros - Ficción y Literatura - Novelas - Universal</p>
+                <p>Fecha de Publicación: 03/2013</p>
+            </div>
+        </div>
+    </div>
+
+    <footer class="bg-dark text-light text-center py-3">
+        <div class="container">
+            <div class="row">
+                <div class=" mt-3">
+                    <div class="col text-center mt-3">
+                        <p><a href="#" class="btn btn-primary">SUSCRIBIRSE AQUI</a></p>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-md-4 text-center ">
+                        <h3>CONTACTO</h3>
+                        <p>Email: <a href="mailto:librerias@libroteka.com">librerias@libroteka.com</a></p>
+                        <p>Teléfono: <a href="tel:081022254276">0810 222 LIBRO (54276)</a></p>
+                        <p>WhatsApp: <a href="https://web.whatsapp.com/" target="_blank">+54 9 351 1234567</a></p>
+                        <p>Arrepentimiento: <a href="../contacto.html">Click Aquí</a></p>
+                    </div>
+                    <div class="col text-center-md-4">
+                        <h3>EXPLORAR</h3>
+                        <ul>
+                            <li><a href="../../index.html">Inicio</a></li>
+                            <li><a href="../categorias.html">Categorias</a></li>
+                            <li><a href="#">Mas Vendidos</a></li>
+                            <li><a href="../sobreNosotros.html">Sobre Nosotros</a></li>
+                            <li><a href="../contacto.html">Contacto</a></li>
+                        </ul>
+                    </div>
+                    <div class="col text-center-md-4">
+                        <h3>MI CUENTA</h3>
+                        <ul>
+                            <li><a href="../login.html">Ingresar</a></li>
+                            <li><a href="#">Ver Carrito</a></li>
+                            <li><a href="#">Favoritos</a></li>
+                            <li><a href="#">Finalizar Compra</a></li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="container">
+                        <div class="row">
+                            <div class="col text-center">
+                                <p>&copy; 2023 Tu Tienda online </p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+    </footer>
+    
+
+    <div class="container-fluid position-fixed top-50">
+        <div class="row">
+          <div class="container-fluid">
+            <a href="https://facebook.com/"
+              ><i class="fa-brands fa-square-facebook fa-xl"></i
+            ></a>
+          </div>
+        </div>
+        <div class="row">
+          <div class="container-fluid">
+            <a href="https://twitter.com/"
+              ><i class="fa-brands fa-square-twitter fa-xl"></i
+            ></a>
+          </div>
+        </div>
+        <div class="row">
+          <div class="container-fluid">
+            <a href="https://www.whatsapp.com/"
+              ><i class="fa-brands fa-square-whatsapp fa-xl"></i
+            ></a>
+          </div>
+        </div>
+        <div class="row">
+          <div class="container-fluid">
+            <a href="https://www.instagram.com/"
+              ><i class="fa-brands fa-square-instagram fa-xl"></i
+            ></a>
+          </div>
+        </div>
+      </div>
+
+      <script
+        src="https://kit.fontawesome.com/6a6212d90e.js"
+        crossorigin="anonymous"
+      ></script>
+
+      <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.5.2/dist/js/bootstrap.bundle.min.js"></script>
+      <link
+        rel="stylesheet"
+        href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
+        integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
+        crossorigin="anonymous"
+        referrerpolicy="no-referrer"
+      /><link
+        href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css"
+        rel="stylesheet"
+        integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9"
+        crossorigin="anonymous"
+      />
+
+    <!-- Pie de página -->
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/pages/libros_pages/Libro2.html b/pages/libros_pages/Libro2.html
new file mode 100644
index 0000000..69fceb6
--- /dev/null
+++ b/pages/libros_pages/Libro2.html
@@ -0,0 +1,188 @@
+<!DOCTYPE html>
+<html lang="es">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <title>Detalle del Libro</title>
+    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous"> />
+</head>
+
+<body style="background-color: #e7e0d8;">
+
+    <!-- NAVBAR  -->
+    <nav class="navbar navbar-expand-lg navbar-light  py-1 fixed-top" style="background-color: #d9d1bd;">
+        <div class="container">
+            <a class="navbar-brand d-flex justify-content-between align-items-center order-lg-0" href="../index.html">
+                <img src="../../assets/Book_25711.png" alt="icono del sitio a modificar">
+                <span class="text-uppercase fw-lighter ms-2">Libroteka</span>
+            </a>
+            <div class="order-lg-2 nav-btns">
+                <button type="button" class="btn position-relative">
+                    <i class="fa fa-shopping-cart"></i>
+                    <span class="position-absolute top-0 start-100 translate-middle badge bg-primary"></span>
+                </button>
+                <button type="button" class="btn position-relative">
+                    <i class="fa fa-heart"></i>
+                    <span class="position-absolute top-0 start-100 translate-middle badge bg-primary"></span>
+                </button>
+                <button type="button" class="btn position-relative">
+                    <i class="fa fa-search"></i>
+                </button>
+            </div>
+            <button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navMenu">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <div class="collapse navbar-collapse order-lg-1" id="navMenu">
+                <ul class="navbar-nav mx-auto text-center">
+                    <li class="nav-item px-2 py-2">
+                        <a class="nav-link text-uppercase text-dark" href="../../index.html">inicio</a>
+                    </li>
+                    <li class="nav-item px-2 py-2">
+                        <a class="nav-link text-uppercase text-dark" href="../categorias.html">categorias</a>
+                    </li>
+                    <li class="nav-item px-2 py-2">
+                        <a class="nav-link text-uppercase text-dark" href="../masvendidos.html">mas vendidos</a>
+                    </li>
+                    <li class="nav-item px-2 py-2">
+                        <a class="nav-link text-uppercase text-dark" href="../sobreNosotros.html">Sobre Nosotros</a>
+                    </li>
+                    <li class="nav-item px-2 py-2">
+                        <a class="nav-link text-uppercase text-dark" href="../contacto.html">contacto</a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </nav>
+
+    <div class="container fluid mb-5 mt-5">
+        <div class="row">
+            <div class="col-md-4 mt-5">
+                <img src="https://www.nordicalibros.com/wp-content/uploads/2018/10/encontraste-1.jpg" alt="Portada del Libro" class="img-fluid max-width-50 max-height-50">
+            </div>
+            <div class="col-md-6 mt-5 book-details">
+                <h1 class="mb-4">Encontraste un alma</h1>
+                <h3>Precio: $99.99</h3>
+                <button>Añadir al carrito
+                </button>
+                <p>Autor: Södergran, Edith</p>
+                <p>Disponibilidad: En existencias</p>
+                <hr>
+                <p>Sinópsis: Edith Södergran pasó casi toda su vida, a comienzos del siglo xx, en un pueblecito llamado Raivola —residencia de verano de la intelligentsia de San Petersburgo—, situado en la frontera con Finlandia. Su obra, pese a ser una
+                    de las más importantes de la literatura nórdica de todos los tiempos, es poco conocida en castellano. La presente edición de su poesía completa recoge la labor de una mujer enérgica y serena, ensalzada como una de las figuras fundamentales
+                    de la poesía en lengua sueca.</p>
+                <p>Editorial: Nórdica Libros</p>
+                <p>I.S.B.N: 9788416830794</p>
+                <p>Nro. de Páginas: 536</p>
+                <p>Idioma: ESPAÑOL</p>
+                <p>Formato: LIBROS</p>
+                <p>Clasificación: Libros - Poesia </p>
+                <p>Fecha de Publicación: 03/2013</p>
+            </div>
+        </div>
+    </div>
+
+    <footer class="bg-dark text-light text-center py-3">
+        <div class="container">
+            <div class="row">
+                <div class=" mt-3">
+                    <div class="col text-center mt-3">
+                        <p><a href="#" class="btn btn-primary">SUSCRIBIRSE AQUI</a></p>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-md-4 text-center ">
+                        <h3>CONTACTO</h3>
+                        <p>Email: <a href="mailto:librerias@libroteka.com">librerias@libroteka.com</a></p>
+                        <p>Teléfono: <a href="tel:081022254276">0810 222 LIBRO (54276)</a></p>
+                        <p>WhatsApp: <a href="https://web.whatsapp.com/" target="_blank">+54 9 351 1234567</a></p>
+                        <p>Arrepentimiento: <a href="../contacto.html">Click Aquí</a></p>
+                    </div>
+                    <div class="col text-center-md-4">
+                        <h3>EXPLORAR</h3>
+                        <ul>
+                            <li><a href="../../index.html">Inicio</a></li>
+                            <li><a href="../categorias.html">Categorias</a></li>
+                            <li><a href="#">Mas Vendidos</a></li>
+                            <li><a href="../sobreNosotros.html">Sobre Nosotros</a></li>
+                            <li><a href="../contacto.html">Contacto</a></li>
+                        </ul>
+                    </div>
+                    <div class="col text-center-md-4">
+                        <h3>MI CUENTA</h3>
+                        <ul>
+                            <li><a href="../login.html">Ingresar</a></li>
+                            <li><a href="#">Ver Carrito</a></li>
+                            <li><a href="#">Favoritos</a></li>
+                            <li><a href="#">Finalizar Compra</a></li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="container">
+                        <div class="row">
+                            <div class="col text-center">
+                                <p>&copy; 2023 Tu Tienda online </p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+    </footer>
+    
+    <div class="container-fluid position-fixed top-50">
+        <div class="row">
+          <div class="container-fluid">
+            <a href="https://facebook.com/"
+              ><i class="fa-brands fa-square-facebook fa-xl"></i
+            ></a>
+          </div>
+        </div>
+        <div class="row">
+          <div class="container-fluid">
+            <a href="https://twitter.com/"
+              ><i class="fa-brands fa-square-twitter fa-xl"></i
+            ></a>
+          </div>
+        </div>
+        <div class="row">
+          <div class="container-fluid">
+            <a href="https://www.whatsapp.com/"
+              ><i class="fa-brands fa-square-whatsapp fa-xl"></i
+            ></a>
+          </div>
+        </div>
+        <div class="row">
+          <div class="container-fluid">
+            <a href="https://www.instagram.com/"
+              ><i class="fa-brands fa-square-instagram fa-xl"></i
+            ></a>
+          </div>
+        </div>
+      </div>
+
+      <script
+        src="https://kit.fontawesome.com/6a6212d90e.js"
+        crossorigin="anonymous"
+      ></script>
+
+      <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.5.2/dist/js/bootstrap.bundle.min.js"></script>
+      <link
+        rel="stylesheet"
+        href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
+        integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
+        crossorigin="anonymous"
+        referrerpolicy="no-referrer"
+      /><link
+        href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css"
+        rel="stylesheet"
+        integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9"
+        crossorigin="anonymous"
+      />
+    <!-- Pie de página -->
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/pages/libros_pages/Libro3.html b/pages/libros_pages/Libro3.html
new file mode 100644
index 0000000..ff2705d
--- /dev/null
+++ b/pages/libros_pages/Libro3.html
@@ -0,0 +1,320 @@
+<!DOCTYPE html>
+<html lang="es">
+  <head>
+    <meta charset="UTF-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, shrink-to-fit=no"
+    />
+    <title>Detalle del Libro</title>
+    <link
+      href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
+      rel="stylesheet"
+    />
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9"
+      crossorigin="anonymous"
+    />
+  </head>
+
+  <body style="background-color: #e7e0d8">
+    <!-- NAVBAR  -->
+    <nav
+      class="navbar navbar-expand-lg navbar-light py-1 fixed-top"
+      style="background-color: #d9d1bd"
+    >
+      <div class="container">
+        <a
+          class="navbar-brand d-flex justify-content-between align-items-center order-lg-0"
+          href="../index.html"
+        >
+          <img
+            src="../../assets/Book_25711.png"
+            alt="icono del sitio a modificar"
+          />
+          <span class="text-uppercase fw-lighter ms-2">Libroteka</span>
+        </a>
+        <div class="order-lg-2 nav-btns">
+          <button type="button" class="btn position-relative">
+            <i class="fa fa-shopping-cart"></i>
+            <span
+              class="position-absolute top-0 start-100 translate-middle badge bg-primary"
+            ></span>
+          </button>
+          <button type="button" class="btn position-relative">
+            <i class="fa fa-heart"></i>
+            <span
+              class="position-absolute top-0 start-100 translate-middle badge bg-primary"
+            ></span>
+          </button>
+          <button type="button" class="btn position-relative">
+            <i class="fa fa-search"></i>
+          </button>
+        </div>
+        <button
+          class="navbar-toggler border-0"
+          type="button"
+          data-bs-toggle="collapse"
+          data-bs-target="#navMenu"
+        >
+          <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse order-lg-1" id="navMenu">
+          <ul class="navbar-nav mx-auto text-center">
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="../../index.html"
+                >inicio</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="../categorias.html"
+                >categorias</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a class="nav-link text-uppercase text-dark" href="#"
+                >mas vendidos</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="../sobreNosotros.html"
+                >Sobre Nosotros</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="../contacto.html"
+                >contacto</a
+              >
+            </li>
+          </ul>
+        </div>
+      </div>
+    </nav>
+
+    <div class="container fluid mb-5 mt-5">
+      <div class="row">
+        <div class="col-md-4 mt-5">
+          <img
+            src="https://http2.mlstatic.com/D_NQ_NP_2X_974576-MLA71798417766_092023-F.webp"
+            alt="Portada del Libro"
+            class="img-fluid max-width-50 max-height-50"
+          />
+        </div>
+        <div class="col-md-6 mt-5 book-details">
+          <h1 class="mb-4">Solenoide</h1>
+          <h3>Precio: $99.99</h3>
+          <button>Añadir al carrito</button>
+          <p>Autor: Mircea Cartarescu</p>
+          <p>Disponibilidad: En existencia</p>
+          <hr />
+          <p>
+            Sinópsis: Solenoide es una novela monumental enla que resuenan ecos
+            de Pynchon, Borges, Swift y Kafka. Estamos anteel largo diario de un
+            escritor frustrado que desgrana su infancia y su adolescencia en los
+            arrabales de una ciudad comunista, devastada,gris y fría ?una
+            Bucarest alucinada, dotada de una melancolíaabrumadora?. Profesor de
+            Rumano en un instituto de barrio, con unacarrera literaria fracasada
+            y una profesión que no le interesa, compra una casa antigua con
+            forma de barco, construida por el inventor de un solenoide, que
+            alberga una extraña maquinaria: un sillón de dentistadotado de un
+            tablero de mandos. Pronto intima con una profesora que ha sido
+            captada por una secta mística, la de los piquetistas, queorganizan
+            manifestaciones nocturnas por los cementerios de la ciudad y por la
+            Morgue. Mientras tanto, el narrador se enfrenta aalucinaciones que
+            le revelan la verdad de su existencia. Solenoide esla piedra de
+            toque en torno a la que gravitan el resto de lasficciones de
+            C?rt?rescu. Una obra que atrae todas las pistas, lostemas, las
+            obsesiones literarias de un autor genial que se ha idoconvirtiendo,
+            poco a poco, en un escritor de culto. Genialidad, locura y grandeza.
+            La última y más madura novela delrumano Mircea C?rt?rescu, uno de
+            los más poderosos escritores europeos actuales, en una obra que le
+            ha llevado a ser comparado con Pynchon,Kafka y Kundera.
+          </p>
+          <p>Editorial: Impedimenta</p>
+          <p>I.S.B.N: 09788417115456</p>
+          <p>Nro. de Páginas: 800</p>
+          <p>Idioma: ESPAÑOL</p>
+          <p>Formato: LIBROS</p>
+          <p>Clasificación: Libros - Novela</p>
+          <p>Fecha de Publicación: 01/2018</p>
+        </div>
+      </div>
+    </div>
+
+    <footer class="bg-dark text-light text-center py-3">
+      <div class="container">
+        <div class="row">
+          <div class="mt-3">
+            <div class="col text-center mt-3">
+              <p><a href="#" class="btn btn-primary">SUSCRIBIRSE AQUI</a></p>
+            </div>
+          </div>
+          <div class="row">
+            <div class="col-md-4 text-center">
+              <h3>CONTACTO</h3>
+              <p>
+                Email:
+                <a href="mailto:librerias@libroteka.com"
+                  >librerias@libroteka.com</a
+                >
+              </p>
+              <p>
+                Teléfono: <a href="tel:081022254276">0810 222 LIBRO (54276)</a>
+              </p>
+              <p>
+                WhatsApp:
+                <a href="https://web.whatsapp.com/" target="_blank"
+                  >+54 9 351 1234567</a
+                >
+              </p>
+              <p>Arrepentimiento: <a href="../contacto.html">Click Aquí</a></p>
+            </div>
+            <div class="col text-center-md-4">
+              <h3>EXPLORAR</h3>
+              <ul>
+                <li><a href="../../index.html">Inicio</a></li>
+                <li><a href="../categorias.html">Categorias</a></li>
+                <li><a href="../masvendidos.html">Mas Vendidos</a></li>
+                <li><a href="../sobreNosotros.html">Sobre Nosotros</a></li>
+                <li><a href="../contacto.html">Contacto</a></li>
+              </ul>
+            </div>
+            <div class="col text-center-md-4">
+              <h3>MI CUENTA</h3>
+              <ul>
+                <li><a href="../login.html">Ingresar</a></li>
+                <li><a href="#">Ver Carrito</a></li>
+                <li><a href="#">Favoritos</a></li>
+                <li><a href="#">Finalizar Compra</a></li>
+              </ul>
+            </div>
+          </div>
+          <div class="row">
+            <div class="container">
+              <div class="row">
+                <div class="col text-center">
+                  <p>&copy; 2023 Tu Tienda online</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <div class="container-fluid position-fixed top-50">
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://facebook.com/"
+            ><i class="fa-brands fa-square-facebook fa-xl"></i
+          ></a>
+        </div>
+      </div>
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://twitter.com/"
+            ><i class="fa-brands fa-square-twitter fa-xl"></i
+          ></a>
+        </div>
+      </div>
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://www.whatsapp.com/"
+            ><i class="fa-brands fa-square-whatsapp fa-xl"></i
+          ></a>
+        </div>
+      </div>
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://www.instagram.com/"
+            ><i class="fa-brands fa-square-instagram fa-xl"></i
+          ></a>
+        </div>
+      </div>
+    </div>
+
+    <script
+      src="https://kit.fontawesome.com/6a6212d90e.js"
+      crossorigin="anonymous"
+    ></script>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.5.2/dist/js/bootstrap.bundle.min.js"></script>
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
+      integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    /><link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9"
+      crossorigin="anonymous"
+    />
+
+    <div class="container-fluid position-fixed top-50">
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://facebook.com/"
+            ><i class="fa-brands fa-square-facebook fa-xl"></i
+          ></a>
+        </div>
+      </div>
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://twitter.com/"
+            ><i class="fa-brands fa-square-twitter fa-xl"></i
+          ></a>
+        </div>
+      </div>
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://www.whatsapp.com/"
+            ><i class="fa-brands fa-square-whatsapp fa-xl"></i
+          ></a>
+        </div>
+      </div>
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://www.instagram.com/"
+            ><i class="fa-brands fa-square-instagram fa-xl"></i
+          ></a>
+        </div>
+      </div>
+    </div>
+
+    <script
+      src="https://kit.fontawesome.com/6a6212d90e.js"
+      crossorigin="anonymous"
+    ></script>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.5.2/dist/js/bootstrap.bundle.min.js"></script>
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
+      integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    /><link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9"
+      crossorigin="anonymous"
+    />
+    <!-- Pie de página -->
+
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
+  </body>
+</html>
diff --git a/pages/libros_pages/Libro4.html b/pages/libros_pages/Libro4.html
new file mode 100644
index 0000000..65e2953
--- /dev/null
+++ b/pages/libros_pages/Libro4.html
@@ -0,0 +1,259 @@
+<!DOCTYPE html>
+<html lang="es">
+  <head>
+    <meta charset="UTF-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, shrink-to-fit=no"
+    />
+    <title>Detalle del Libro</title>
+    <link
+      href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
+      rel="stylesheet"
+    />
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9"
+      crossorigin="anonymous"
+    />
+  </head>
+
+  <body style="background-color: #e7e0d8">
+    <!-- NAVBAR  -->
+    <nav
+      class="navbar navbar-expand-lg navbar-light py-1 fixed-top"
+      style="background-color: #d9d1bd"
+    >
+      <div class="container">
+        <a
+          class="navbar-brand d-flex justify-content-between align-items-center order-lg-0"
+          href="../index.html"
+        >
+          <img
+            src="../../assets/Book_25711.png"
+            alt="icono del sitio a modificar"
+          />
+          <span class="text-uppercase fw-lighter ms-2">Libroteka</span>
+        </a>
+        <div class="order-lg-2 nav-btns">
+          <button type="button" class="btn position-relative">
+            <i class="fa fa-shopping-cart"></i>
+            <span
+              class="position-absolute top-0 start-100 translate-middle badge bg-primary"
+            ></span>
+          </button>
+          <button type="button" class="btn position-relative">
+            <i class="fa fa-heart"></i>
+            <span
+              class="position-absolute top-0 start-100 translate-middle badge bg-primary"
+            ></span>
+          </button>
+          <button type="button" class="btn position-relative">
+            <i class="fa fa-search"></i>
+          </button>
+        </div>
+        <button
+          class="navbar-toggler border-0"
+          type="button"
+          data-bs-toggle="collapse"
+          data-bs-target="#navMenu"
+        >
+          <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse order-lg-1" id="navMenu">
+          <ul class="navbar-nav mx-auto text-center">
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="../../index.html"
+                >inicio</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="../categorias.html"
+                >categorias</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="../masvendidos.html"
+                >mas vendidos</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="../sobreNosotros.html"
+                >Sobre Nosotros</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="../contacto.html"
+                >contacto</a
+              >
+            </li>
+          </ul>
+        </div>
+      </div>
+    </nav>
+
+    <div class="container fluid mb-5 mt-5">
+      <div class="row">
+        <div class="col-md-4 mt-5">
+          <img
+            src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-42.png.webp"
+            alt="Portada del Libro"
+            class="img-fluid max-width-50 max-height-50"
+          />
+        </div>
+        <div class="col-md-6 mt-5 book-details">
+          <h1 class="mb-4">LOS DETECTIVES SALVAJES</h1>
+          <h3>Precio: $99.99</h3>
+          <button>Añadir al carrito</button>
+          <p>Autor: BOLAÑO, ROBERTO</p>
+          <p>Disponibilidad: En existencia</p>
+          <hr />
+          <p>
+            Sinópsis: Entre la narrativa detectivesca; la novela «de carretera»;
+            el relato biográfico y la crónica; Los detectives salvajes está
+            considerada por la crítica y el público de todo el mundo como una de
+            las mejores y más originales ficciones escritas en las últimas
+            décadas. (...)
+          </p>
+          <p>Editorial: ALFAGUARA</p>
+          <p>I.S.B.N: 9789877385878</p>
+          <p>Nro. de Páginas: 816</p>
+          <p>Idioma: ESPAÑOL</p>
+          <p>Formato: LIBROS</p>
+          <p>
+            Clasificación: Libros - Ficción y Literatura - Novelas -
+            Latinoamericana
+          </p>
+          <p>Fecha de Publicación: 04/2019</p>
+        </div>
+      </div>
+    </div>
+
+    <footer class="bg-dark text-light text-center py-3">
+      <div class="container">
+        <div class="row">
+          <div class="mt-3">
+            <div class="col text-center mt-3">
+              <p><a href="#" class="btn btn-primary">SUSCRIBIRSE AQUI</a></p>
+            </div>
+          </div>
+          <div class="row">
+            <div class="col-md-4 text-center">
+              <h3>CONTACTO</h3>
+              <p>
+                Email:
+                <a href="mailto:librerias@libroteka.com"
+                  >librerias@libroteka.com</a
+                >
+              </p>
+              <p>
+                Teléfono: <a href="tel:081022254276">0810 222 LIBRO (54276)</a>
+              </p>
+              <p>
+                WhatsApp:
+                <a href="https://web.whatsapp.com/" target="_blank"
+                  >+54 9 351 1234567</a
+                >
+              </p>
+              <p>Arrepentimiento: <a href="../contacto.html">Click Aquí</a></p>
+            </div>
+            <div class="col text-center-md-4">
+              <h3>EXPLORAR</h3>
+              <ul>
+                <li><a href="../../index.html">Inicio</a></li>
+                <li><a href="../categorias.html">Categorias</a></li>
+                <li><a href="#">Mas Vendidos</a></li>
+                <li><a href="../sobreNosotros.html">Sobre Nosotros</a></li>
+                <li><a href="../contacto.html">Contacto</a></li>
+              </ul>
+            </div>
+            <div class="col text-center-md-4">
+              <h3>MI CUENTA</h3>
+              <ul>
+                <li><a href="../login.html">Ingresar</a></li>
+                <li><a href="#">Ver Carrito</a></li>
+                <li><a href="#">Favoritos</a></li>
+                <li><a href="#">Finalizar Compra</a></li>
+              </ul>
+            </div>
+          </div>
+          <div class="row">
+            <div class="container">
+              <div class="row">
+                <div class="col text-center">
+                  <p>&copy; 2023 Tu Tienda online</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <div class="container-fluid position-fixed top-50">
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://facebook.com/"
+            ><i class="fa-brands fa-square-facebook fa-xl"></i
+          ></a>
+        </div>
+      </div>
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://twitter.com/"
+            ><i class="fa-brands fa-square-twitter fa-xl"></i
+          ></a>
+        </div>
+      </div>
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://www.whatsapp.com/"
+            ><i class="fa-brands fa-square-whatsapp fa-xl"></i
+          ></a>
+        </div>
+      </div>
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://www.instagram.com/"
+            ><i class="fa-brands fa-square-instagram fa-xl"></i
+          ></a>
+        </div>
+      </div>
+    </div>
+
+    <script
+      src="https://kit.fontawesome.com/6a6212d90e.js"
+      crossorigin="anonymous"
+    ></script>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.5.2/dist/js/bootstrap.bundle.min.js"></script>
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
+      integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    /><link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9"
+      crossorigin="anonymous"
+    />
+    <!-- Pie de página -->
+
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
+  </body>
+</html>
diff --git a/pages/libros_pages/Libro5.html b/pages/libros_pages/Libro5.html
new file mode 100644
index 0000000..0854c2f
--- /dev/null
+++ b/pages/libros_pages/Libro5.html
@@ -0,0 +1,201 @@
+<!DOCTYPE html>
+<html lang="es">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+    <title>Detalle del Libro</title>
+    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" />
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous" />
+</head>
+
+<body style="background-color: #e7e0d8">
+    <!-- NAVBAR  -->
+    <nav class="navbar navbar-expand-lg navbar-light py-1 fixed-top" style="background-color: #d9d1bd">
+        <div class="container">
+            <a class="navbar-brand d-flex justify-content-between align-items-center order-lg-0" href="../index.html">
+                <img src="../../assets/Book_25711.png" alt="icono del sitio a modificar" />
+                <span class="text-uppercase fw-lighter ms-2">Libroteka</span>
+            </a>
+            <div class="order-lg-2 nav-btns">
+                <button type="button" class="btn position-relative">
+            <i class="fa fa-shopping-cart"></i>
+            <span
+              class="position-absolute top-0 start-100 translate-middle badge bg-primary"
+            ></span>
+          </button>
+                <button type="button" class="btn position-relative">
+            <i class="fa fa-heart"></i>
+            <span
+              class="position-absolute top-0 start-100 translate-middle badge bg-primary"
+            ></span>
+          </button>
+                <button type="button" class="btn position-relative">
+            <i class="fa fa-search"></i>
+          </button>
+            </div>
+            <button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navMenu">
+          <span class="navbar-toggler-icon"></span>
+        </button>
+            <div class="collapse navbar-collapse order-lg-1" id="navMenu">
+                <ul class="navbar-nav mx-auto text-center">
+                    <li class="nav-item px-2 py-2">
+                        <a class="nav-link text-uppercase text-dark" href="../../index.html">inicio</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="../categorias.html"
+                >categorias</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a class="nav-link text-uppercase text-dark" href="#"
+                >mas vendidos</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="../sobreNosotros.html"
+                >Sobre Nosotros</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="../contacto.html"
+                >contacto</a
+              >
+            </li>
+          </ul>
+        </div>
+      </div>
+    </nav>
+
+    <div class="container fluid mb-5 mt-5">
+        <div class="row">
+            <div class="col-md-4 mt-5">
+                <img src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-43.png.webp" alt="Portada del Libro" class="img-fluid max-width-50 max-height-50">
+            </div>
+            <div class="col-md-6 mt-5 book-details">
+                <h1 class="mb-4">UNA HISTORIA PERSONAL</h1>
+                <h3>Precio: $99.99</h3>
+                <button>Añadir al carrito </button>
+                <p>Autor: GRAHAM, KATERINA</p>
+                <p>Disponibilidad: Sin Stock</p>
+                <hr>
+                <p>Sinópsis: Graham nos narra su vida; la relación con su marido; su experiencia con distintos presidentes norteamericanos; sus ilusiones personales; sus decepciones. Sin olvidar el escándalo Watergate que acabó con Nixon. Una mujer en el
+                    ojo del huracán que escribe el relato de su vida con extraordinaria ag (...)</p>
+                <p>Editorial: LIBROS DEL KO</p>
+                <p>I.S.B.N: 9788416001569</p>
+                <p>Nro. de Páginas: 557</p>
+                <p>Idioma: ESPAÑOL</p>
+                <p>Formato: LIBROS</p>
+                <p>Clasificación: Libros - Humanidades - Biografias Y Relatos - Biografias - Memorias </p>
+                <p>Fecha de Publicación: 09/2019</p>
+            </div>
+        </div>
+    </div>
+
+    <footer class="bg-dark text-light text-center py-3">
+      <div class="container">
+        <div class="row">
+          <div class="mt-3">
+            <div class="col text-center mt-3">
+              <p><a href="#" class="btn btn-primary">SUSCRIBIRSE AQUI</a></p>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-md-4 text-center">
+                <h3>CONTACTO</h3>
+                <p>
+                    Email:
+                    <a href="mailto:librerias@libroteka.com">librerias@libroteka.com</a
+                >
+              </p>
+              <p>
+                Teléfono: <a href="tel:081022254276">0810 222 LIBRO (54276)</a>
+                </p>
+                <p>
+                    WhatsApp:
+                    <a href="https://web.whatsapp.com/" target="_blank">+54 9 351 1234567</a
+                >
+              </p>
+              <p>Arrepentimiento: <a href="../contacto.html">Click Aquí</a></p>
+            </div>
+            <div class="col text-center-md-4">
+                <h3>EXPLORAR</h3>
+                <ul>
+                    <li><a href="../../index.html">Inicio</a></li>
+                    <li><a href="../categorias.html">Categorias</a></li>
+                    <li><a href="../masvendidos.html">Mas Vendidos</a></li>
+                    <li><a href="../sobreNosotros.html">Sobre Nosotros</a></li>
+                    <li><a href="../contacto.html">Contacto</a></li>
+                </ul>
+            </div>
+            <div class="col text-center-md-4">
+                <h3>MI CUENTA</h3>
+                <ul>
+                    <li><a href="../login.html">Ingresar</a></li>
+                    <li><a href="#">Ver Carrito</a></li>
+                    <li><a href="#">Favoritos</a></li>
+                    <li><a href="#">Finalizar Compra</a></li>
+                </ul>
+            </div>
+        </div>
+        <div class="row">
+            <div class="container">
+                <div class="row">
+                    <div class="col text-center">
+                        <p>&copy; 2023 Tu Tienda online</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        </div>
+        </div>
+        </footer>
+
+        <div class="container-fluid position-fixed top-50">
+            <div class="row">
+                <div class="container-fluid">
+                    <a href="https://facebook.com/"><i class="fa-brands fa-square-facebook fa-xl"></i
+          ></a>
+                </div>
+            </div>
+            <div class="row">
+                <div class="container-fluid">
+                    <a href="https://twitter.com/"><i class="fa-brands fa-square-twitter fa-xl"></i
+          ></a>
+                </div>
+            </div>
+            <div class="row">
+                <div class="container-fluid">
+                    <a href="https://www.whatsapp.com/"><i class="fa-brands fa-square-whatsapp fa-xl"></i
+          ></a>
+                </div>
+            </div>
+            <div class="row">
+                <div class="container-fluid">
+                    <a href="https://www.instagram.com/"><i class="fa-brands fa-square-instagram fa-xl"></i
+          ></a>
+                </div>
+            </div>
+        </div>
+
+        <script src="https://kit.fontawesome.com/6a6212d90e.js" crossorigin="anonymous"></script>
+
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.5.2/dist/js/bootstrap.bundle.min.js"></script>
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer"
+        />
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous" />
+        <!-- Pie de página -->
+
+        <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/pages/libros_pages/Libro6.html b/pages/libros_pages/Libro6.html
new file mode 100644
index 0000000..1d760f8
--- /dev/null
+++ b/pages/libros_pages/Libro6.html
@@ -0,0 +1,204 @@
+<!DOCTYPE html>
+<html lang="es">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+    <title>Detalle del Libro</title>
+    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" />
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous" />
+</head>
+
+<body style="background-color: #e7e0d8">
+    <!-- NAVBAR  -->
+    <nav class="navbar navbar-expand-lg navbar-light py-1 fixed-top" style="background-color: #d9d1bd">
+        <div class="container">
+            <a class="navbar-brand d-flex justify-content-between align-items-center order-lg-0" href="../index.html">
+                <img src="../../assets/Book_25711.png" alt="icono del sitio a modificar" />
+                <span class="text-uppercase fw-lighter ms-2">Libroteka</span>
+            </a>
+            <div class="order-lg-2 nav-btns">
+                <button type="button" class="btn position-relative">
+            <i class="fa fa-shopping-cart"></i>
+            <span
+              class="position-absolute top-0 start-100 translate-middle badge bg-primary"
+            ></span>
+          </button>
+                <button type="button" class="btn position-relative">
+            <i class="fa fa-heart"></i>
+            <span
+              class="position-absolute top-0 start-100 translate-middle badge bg-primary"
+            ></span>
+          </button>
+                <button type="button" class="btn position-relative">
+            <i class="fa fa-search"></i>
+          </button>
+            </div>
+            <button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navMenu">
+          <span class="navbar-toggler-icon"></span>
+        </button>
+            <div class="collapse navbar-collapse order-lg-1" id="navMenu">
+                <ul class="navbar-nav mx-auto text-center">
+                    <li class="nav-item px-2 py-2">
+                        <a class="nav-link text-uppercase text-dark" href="../../index.html">inicio</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="../categorias.html"
+                >categorias</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="../masvendidos.html"
+                >mas vendidos</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="../sobreNosotros.html"
+                >Sobre Nosotros</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="../contacto.html"
+                >contacto</a
+              >
+            </li>
+          </ul>
+        </div>
+      </div>
+    </nav>
+
+    <div class="container fluid mb-5 mt-5">
+        <div class="row">
+            <div class="col-md-4 mt-5">
+                <img src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-44.png.webp" alt="Portada del Libro" class="img-fluid max-width-50 max-height-50">
+            </div>
+            <div class="col-md-6 mt-5 book-details">
+                <h1 class="mb-4">LOS INGRAVIDOS</h1>
+                <h3>Precio: $99.99</h3>
+                <button>Añadir al carrito </button>
+                <p>Autor: LUISELLI, VALERIA</p>
+                <p>Disponibilidad: En existencia</p>
+                <hr>
+                <p>Sinópsis: ¿Cuántas vidas y cuántas muertes son posibles en la existencia de una misma persona? Los ingrávidos es una novela sobre existencias fantasmales; una evocación; a la vez melancólica y llena de humor; sobre la imposibilidad del
+                    encuentro amoroso y el carácter irrevocable de la perdida. Se lee c (...)
+                </p>
+                <p>Editorial: SEXTO PISO ARG</p>
+                <p>I.S.B.N: 9788496867895</p>
+                <p>Nro. de Páginas: 144</p>
+                <p>Idioma: ESPAÑOL</p>
+                <p>Formato: LIBROS</p>
+                <p>Clasificación: Libros - Ficción y Literatura - Novelas - General </p>
+                <p>Fecha de Publicación: 02/2012</p>
+            </div>
+        </div>
+    </div>
+
+    <footer class="bg-dark text-light text-center py-3">
+      <div class="container">
+        <div class="row">
+          <div class="mt-3">
+            <div class="col text-center mt-3">
+              <p><a href="#" class="btn btn-primary">SUSCRIBIRSE AQUI</a></p>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-md-4 text-center">
+                <h3>CONTACTO</h3>
+                <p>
+                    Email:
+                    <a href="mailto:librerias@libroteka.com">librerias@libroteka.com</a
+                >
+              </p>
+              <p>
+                Teléfono: <a href="tel:081022254276">0810 222 LIBRO (54276)</a>
+                </p>
+                <p>
+                    WhatsApp:
+                    <a href="https://web.whatsapp.com/" target="_blank">+54 9 351 1234567</a
+                >
+              </p>
+              <p>Arrepentimiento: <a href="../contacto.html">Click Aquí</a></p>
+            </div>
+            <div class="col text-center-md-4">
+                <h3>EXPLORAR</h3>
+                <ul>
+                    <li><a href="../../index.html">Inicio</a></li>
+                    <li><a href="../categorias.html">Categorias</a></li>
+                    <li><a href="#">Mas Vendidos</a></li>
+                    <li><a href="../sobreNosotros.html">Sobre Nosotros</a></li>
+                    <li><a href="../contacto.html">Contacto</a></li>
+                </ul>
+            </div>
+            <div class="col text-center-md-4">
+                <h3>MI CUENTA</h3>
+                <ul>
+                    <li><a href="../login.html">Ingresar</a></li>
+                    <li><a href="#">Ver Carrito</a></li>
+                    <li><a href="#">Favoritos</a></li>
+                    <li><a href="#">Finalizar Compra</a></li>
+                </ul>
+            </div>
+        </div>
+        <div class="row">
+            <div class="container">
+                <div class="row">
+                    <div class="col text-center">
+                        <p>&copy; 2023 Tu Tienda online</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        </div>
+        </div>
+        </footer>
+
+        <div class="container-fluid position-fixed top-50">
+            <div class="row">
+                <div class="container-fluid">
+                    <a href="https://facebook.com/"><i class="fa-brands fa-square-facebook fa-xl"></i
+          ></a>
+                </div>
+            </div>
+            <div class="row">
+                <div class="container-fluid">
+                    <a href="https://twitter.com/"><i class="fa-brands fa-square-twitter fa-xl"></i
+          ></a>
+                </div>
+            </div>
+            <div class="row">
+                <div class="container-fluid">
+                    <a href="https://www.whatsapp.com/"><i class="fa-brands fa-square-whatsapp fa-xl"></i
+          ></a>
+                </div>
+            </div>
+            <div class="row">
+                <div class="container-fluid">
+                    <a href="https://www.instagram.com/"><i class="fa-brands fa-square-instagram fa-xl"></i
+          ></a>
+                </div>
+            </div>
+        </div>
+
+        <script src="https://kit.fontawesome.com/6a6212d90e.js" crossorigin="anonymous"></script>
+
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.5.2/dist/js/bootstrap.bundle.min.js"></script>
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer"
+        />
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous" />
+        <!-- Pie de página -->
+
+        <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/pages/libros_pages/Libro7.html b/pages/libros_pages/Libro7.html
new file mode 100644
index 0000000..7ee17c5
--- /dev/null
+++ b/pages/libros_pages/Libro7.html
@@ -0,0 +1,203 @@
+<!DOCTYPE html>
+<html lang="es">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+    <title>Detalle del Libro</title>
+    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" />
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous" />
+</head>
+
+<body style="background-color: #e7e0d8">
+    <!-- NAVBAR  -->
+    <nav class="navbar navbar-expand-lg navbar-light py-1 fixed-top" style="background-color: #d9d1bd">
+        <div class="container">
+            <a class="navbar-brand d-flex justify-content-between align-items-center order-lg-0" href="../index.html">
+                <img src="../../assets/Book_25711.png" alt="icono del sitio a modificar" />
+                <span class="text-uppercase fw-lighter ms-2">Libroteka</span>
+            </a>
+            <div class="order-lg-2 nav-btns">
+                <button type="button" class="btn position-relative">
+            <i class="fa fa-shopping-cart"></i>
+            <span
+              class="position-absolute top-0 start-100 translate-middle badge bg-primary"
+            ></span>
+          </button>
+                <button type="button" class="btn position-relative">
+            <i class="fa fa-heart"></i>
+            <span
+              class="position-absolute top-0 start-100 translate-middle badge bg-primary"
+            ></span>
+          </button>
+                <button type="button" class="btn position-relative">
+            <i class="fa fa-search"></i>
+          </button>
+            </div>
+            <button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navMenu">
+          <span class="navbar-toggler-icon"></span>
+        </button>
+            <div class="collapse navbar-collapse order-lg-1" id="navMenu">
+                <ul class="navbar-nav mx-auto text-center">
+                    <li class="nav-item px-2 py-2">
+                        <a class="nav-link text-uppercase text-dark" href="../../index.html">inicio</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="../categorias.html"
+                >categorias</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="../masvendidos.html"
+                >mas vendidos</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="../sobreNosotros.html"
+                >Sobre Nosotros</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="../contacto.html"
+                >contacto</a
+              >
+            </li>
+          </ul>
+        </div>
+      </div>
+    </nav>
+
+    <div class="container fluid mb-5 mt-5">
+        <div class="row">
+            <div class="col-md-4 mt-5">
+                <img src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-45.png.webp" alt="Portada del Libro" class="img-fluid max-width-50 max-height-50">
+            </div>
+            <div class="col-md-6 mt-5 book-details">
+                <h1 class="mb-4">VOCES DE CHERNOBIL</h1>
+                <h3>Precio: $99.99</h3>
+                <button>Añadir al carrito </button>
+                <p>Autor: ALEXIEVICH, SVETLANA</p>
+                <p>Disponibilidad: En existencia</p>
+                <hr>
+                <p>Sinopsis: La escritora bielorrusa da voz a aquellas personas que sobrevivieron al desastre de Chernóbil y que fueron silenciadas y olvidadas por su propio gobierno. Este libro les da la oportunidad de contar su historia. (...)
+                </p>
+                <p>Editorial: DEBATE</p>
+                <p>I.S.B.N: 9789873752360</p>
+                <p>Nro. de Páginas: 408</p>
+                <p>Idioma: ESPAÑOL</p>
+                <p>Formato: LIBROS</p>
+                <p>Clasificación: Libros - Humanidades - Comunicación - Periodismo - Investigacion Periodistica</p>
+                <p>Fecha de Publicación: 11/2015</p>
+            </div>
+        </div>
+    </div>
+
+    <footer class="bg-dark text-light text-center py-3">
+      <div class="container">
+        <div class="row">
+          <div class="mt-3">
+            <div class="col text-center mt-3">
+              <p><a href="#" class="btn btn-primary">SUSCRIBIRSE AQUI</a></p>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-md-4 text-center">
+                <h3>CONTACTO</h3>
+                <p>
+                    Email:
+                    <a href="mailto:librerias@libroteka.com">librerias@libroteka.com</a
+                >
+              </p>
+              <p>
+                Teléfono: <a href="tel:081022254276">0810 222 LIBRO (54276)</a>
+                </p>
+                <p>
+                    WhatsApp:
+                    <a href="https://web.whatsapp.com/" target="_blank">+54 9 351 1234567</a
+                >
+              </p>
+              <p>Arrepentimiento: <a href="../contacto.html">Click Aquí</a></p>
+            </div>
+            <div class="col text-center-md-4">
+                <h3>EXPLORAR</h3>
+                <ul>
+                    <li><a href="../../index.html">Inicio</a></li>
+                    <li><a href="../categorias.html">Categorias</a></li>
+                    <li><a href="#">Mas Vendidos</a></li>
+                    <li><a href="../sobreNosotros.html">Sobre Nosotros</a></li>
+                    <li><a href="../contacto.html">Contacto</a></li>
+                </ul>
+            </div>
+            <div class="col text-center-md-4">
+                <h3>MI CUENTA</h3>
+                <ul>
+                    <li><a href="../login.html">Ingresar</a></li>
+                    <li><a href="#">Ver Carrito</a></li>
+                    <li><a href="#">Favoritos</a></li>
+                    <li><a href="#">Finalizar Compra</a></li>
+                </ul>
+            </div>
+        </div>
+        <div class="row">
+            <div class="container">
+                <div class="row">
+                    <div class="col text-center">
+                        <p>&copy; 2023 Tu Tienda online</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        </div>
+        </div>
+        </footer>
+
+        <div class="container-fluid position-fixed top-50">
+            <div class="row">
+                <div class="container-fluid">
+                    <a href="https://facebook.com/"><i class="fa-brands fa-square-facebook fa-xl"></i
+          ></a>
+                </div>
+            </div>
+            <div class="row">
+                <div class="container-fluid">
+                    <a href="https://twitter.com/"><i class="fa-brands fa-square-twitter fa-xl"></i
+          ></a>
+                </div>
+            </div>
+            <div class="row">
+                <div class="container-fluid">
+                    <a href="https://www.whatsapp.com/"><i class="fa-brands fa-square-whatsapp fa-xl"></i
+          ></a>
+                </div>
+            </div>
+            <div class="row">
+                <div class="container-fluid">
+                    <a href="https://www.instagram.com/"><i class="fa-brands fa-square-instagram fa-xl"></i
+          ></a>
+                </div>
+            </div>
+        </div>
+
+        <script src="https://kit.fontawesome.com/6a6212d90e.js" crossorigin="anonymous"></script>
+
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.5.2/dist/js/bootstrap.bundle.min.js"></script>
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer"
+        />
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous" />
+        <!-- Pie de página -->
+
+        <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/pages/libros_pages/Libro8.html b/pages/libros_pages/Libro8.html
new file mode 100644
index 0000000..79e8dfe
--- /dev/null
+++ b/pages/libros_pages/Libro8.html
@@ -0,0 +1,203 @@
+<!DOCTYPE html>
+<html lang="es">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+    <title>Detalle del Libro</title>
+    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" />
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous" />
+</head>
+
+<body style="background-color: #e7e0d8">
+    <!-- NAVBAR  -->
+    <nav class="navbar navbar-expand-lg navbar-light py-1 fixed-top" style="background-color: #d9d1bd">
+        <div class="container">
+            <a class="navbar-brand d-flex justify-content-between align-items-center order-lg-0" href="../index.html">
+                <img src="../../assets/Book_25711.png" alt="icono del sitio a modificar" />
+                <span class="text-uppercase fw-lighter ms-2">Libroteka</span>
+            </a>
+            <div class="order-lg-2 nav-btns">
+                <button type="button" class="btn position-relative">
+            <i class="fa fa-shopping-cart"></i>
+            <span
+              class="position-absolute top-0 start-100 translate-middle badge bg-primary"
+            ></span>
+          </button>
+                <button type="button" class="btn position-relative">
+            <i class="fa fa-heart"></i>
+            <span
+              class="position-absolute top-0 start-100 translate-middle badge bg-primary"
+            ></span>
+          </button>
+                <button type="button" class="btn position-relative">
+            <i class="fa fa-search"></i>
+          </button>
+            </div>
+            <button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navMenu">
+          <span class="navbar-toggler-icon"></span>
+        </button>
+            <div class="collapse navbar-collapse order-lg-1" id="navMenu">
+                <ul class="navbar-nav mx-auto text-center">
+                    <li class="nav-item px-2 py-2">
+                        <a class="nav-link text-uppercase text-dark" href="../../index.html">inicio</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="../categorias.html"
+                >categorias</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="../masvendidos.html"
+                >mas vendidos</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="../sobreNosotros.html"
+                >Sobre Nosotros</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="../contacto.html"
+                >contacto</a
+              >
+            </li>
+          </ul>
+        </div>
+      </div>
+    </nav>
+
+    <div class="container fluid mb-5 mt-5">
+        <div class="row">
+            <div class="col-md-4 mt-5">
+                <img src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-46.png.webp" alt="Portada del Libro" class="img-fluid max-width-50 max-height-50">
+            </div>
+            <div class="col-md-6 mt-5 book-details">
+                <h1 class="mb-4">PERSEPOLIS</h1>
+                <h3>Precio: $99.99</h3>
+                <button>Añadir al carrito </button>
+                <p>Autor: SATRAPI, MARJANE</p>
+                <p>Disponibilidad: En existencia</p>
+                <hr>
+                <p>Sinopsis: El gran clásico de la novela gráfica en su edición definitiva. (...)
+                </p>
+                <p>Editorial: RESERVOIR BOOKS</p>
+                <p>I.S.B.N: 9788417910334</p>
+                <p>Nro. de Páginas: 352</p>
+                <p>Idioma: ESPAÑOL</p>
+                <p>Formato: LIBROS</p>
+                <p>Clasificación: Libros - Ficción y Literatura - Comics - Novela Grafica - General</p>
+                <p>Fecha de Publicación: 02/2020</p>
+            </div>
+        </div>
+    </div>
+
+    <footer class="bg-dark text-light text-center py-3">
+      <div class="container">
+        <div class="row">
+          <div class="mt-3">
+            <div class="col text-center mt-3">
+              <p><a href="#" class="btn btn-primary">SUSCRIBIRSE AQUI</a></p>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-md-4 text-center">
+                <h3>CONTACTO</h3>
+                <p>
+                    Email:
+                    <a href="mailto:librerias@libroteka.com">librerias@libroteka.com</a
+                >
+              </p>
+              <p>
+                Teléfono: <a href="tel:081022254276">0810 222 LIBRO (54276)</a>
+                </p>
+                <p>
+                    WhatsApp:
+                    <a href="https://web.whatsapp.com/" target="_blank">+54 9 351 1234567</a
+                >
+              </p>
+              <p>Arrepentimiento: <a href="../contacto.html">Click Aquí</a></p>
+            </div>
+            <div class="col text-center-md-4">
+                <h3>EXPLORAR</h3>
+                <ul>
+                    <li><a href="../../index.html">Inicio</a></li>
+                    <li><a href="../categorias.html">Categorias</a></li>
+                    <li><a href="#">Mas Vendidos</a></li>
+                    <li><a href="../sobreNosotros.html">Sobre Nosotros</a></li>
+                    <li><a href="../contacto.html">Contacto</a></li>
+                </ul>
+            </div>
+            <div class="col text-center-md-4">
+                <h3>MI CUENTA</h3>
+                <ul>
+                    <li><a href="../login.html">Ingresar</a></li>
+                    <li><a href="#">Ver Carrito</a></li>
+                    <li><a href="#">Favoritos</a></li>
+                    <li><a href="#">Finalizar Compra</a></li>
+                </ul>
+            </div>
+        </div>
+        <div class="row">
+            <div class="container">
+                <div class="row">
+                    <div class="col text-center">
+                        <p>&copy; 2023 Tu Tienda online</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        </div>
+        </div>
+        </footer>
+
+        <div class="container-fluid position-fixed top-50">
+            <div class="row">
+                <div class="container-fluid">
+                    <a href="https://facebook.com/"><i class="fa-brands fa-square-facebook fa-xl"></i
+          ></a>
+                </div>
+            </div>
+            <div class="row">
+                <div class="container-fluid">
+                    <a href="https://twitter.com/"><i class="fa-brands fa-square-twitter fa-xl"></i
+          ></a>
+                </div>
+            </div>
+            <div class="row">
+                <div class="container-fluid">
+                    <a href="https://www.whatsapp.com/"><i class="fa-brands fa-square-whatsapp fa-xl"></i
+          ></a>
+                </div>
+            </div>
+            <div class="row">
+                <div class="container-fluid">
+                    <a href="https://www.instagram.com/"><i class="fa-brands fa-square-instagram fa-xl"></i
+          ></a>
+                </div>
+            </div>
+        </div>
+
+        <script src="https://kit.fontawesome.com/6a6212d90e.js" crossorigin="anonymous"></script>
+
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.5.2/dist/js/bootstrap.bundle.min.js"></script>
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer"
+        />
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous" />
+        <!-- Pie de página -->
+
+        <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/pages/libros_pages/detalleLibro.html b/pages/libros_pages/detalleLibro.html
new file mode 100644
index 0000000..328749f
--- /dev/null
+++ b/pages/libros_pages/detalleLibro.html
@@ -0,0 +1,185 @@
+<!DOCTYPE html>
+<html lang="es">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <title>Detalle del Libro</title>
+    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous"> />
+</head>
+
+<body style="background-color: #e7e0d8;">
+
+    <!-- NAVBAR  -->
+    <nav class="navbar navbar-expand-lg navbar-light  py-1 fixed-top" style="background-color: #d9d1bd;">
+        <div class="container">
+            <a class="navbar-brand d-flex justify-content-between align-items-center order-lg-0" href="../index.html">
+                <img src="../../assets/Book_25711.png" alt="icono del sitio a modificar">
+                <span class="text-uppercase fw-lighter ms-2">Libroteka</span>
+            </a>
+            <div class="order-lg-2 nav-btns">
+                <button type="button" class="btn position-relative">
+                    <i class="fa fa-shopping-cart"></i>
+                    <span class="position-absolute top-0 start-100 translate-middle badge bg-primary"></span>
+                </button>
+                <button type="button" class="btn position-relative">
+                    <i class="fa fa-heart"></i>
+                    <span class="position-absolute top-0 start-100 translate-middle badge bg-primary"></span>
+                </button>
+                <button type="button" class="btn position-relative">
+                    <i class="fa fa-search"></i>
+                </button>
+            </div>
+            <button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navMenu">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <div class="collapse navbar-collapse order-lg-1" id="navMenu">
+                <ul class="navbar-nav mx-auto text-center">
+                    <li class="nav-item px-2 py-2">
+                        <a class="nav-link text-uppercase text-dark" href="../../index.html">inicio</a>
+                    </li>
+                    <li class="nav-item px-2 py-2">
+                        <a class="nav-link text-uppercase text-dark" href="../categorias.html">categorias</a>
+                    </li>
+                    <li class="nav-item px-2 py-2">
+                        <a class="nav-link text-uppercase text-dark" href="../masvendidos.html">mas vendidos</a>
+                    </li>
+                    <li class="nav-item px-2 py-2">
+                        <a class="nav-link text-uppercase text-dark" href="../sobreNosotros.html">Sobre Nosotros</a>
+                    </li>
+                    <li class="nav-item px-2 py-2">
+                        <a class="nav-link text-uppercase text-dark" href="../contacto.html">contacto</a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </nav>
+
+    <div class="container fluid mb-5 mt-5">
+        <div class="row">
+            <div class="col-md-4 mt-5">
+                <img src="../../assets/book-cover.jpg" alt="Portada del Libro" class="img-fluid max-width-50 max-height-50">
+            </div>
+            <div class="col-md-6 mt-5 book-details">
+                <h1 class="mb-4">TITULO</h1>
+                <p>Autor: APELLIDO, NOMBRE</p>
+                <p>Disponibilidad: En existencia / Sin Stock</p>
+                <hr>
+                <p>Sinópsis: SINÓPSIS</p>
+                <p>Editorial: EDITORIAL</p>
+                <p>I.S.B.N: 0000000000000</p>
+                <p>Nro. de Páginas: 000</p>
+                <p>Idioma: IDIOMA</p>
+                <p>Formato: LIBROS</p>
+                <p>Clasificación: Libros - Humanidades - Sociología - Soc. De La Cultura</p>
+                <p>Fecha de Publicación: 09/2023</p>
+            </div>
+        </div>
+    </div>
+
+    <footer class="bg-dark text-light text-center py-3">
+        <div class="container">
+            <div class="row">
+                <div class=" mt-3">
+                    <div class="col text-center mt-3">
+                        <p><a href="#" class="btn btn-primary">SUSCRIBIRSE AQUI</a></p>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-md-4 text-center ">
+                        <h3>CONTACTO</h3>
+                        <p>Email: <a href="mailto:librerias@libroteka.com">librerias@libroteka.com</a></p>
+                        <p>Teléfono: <a href="tel:081022254276">0810 222 LIBRO (54276)</a></p>
+                        <p>WhatsApp: <a href="https://web.whatsapp.com/" target="_blank">+54 9 351 1234567</a></p>
+                        <p>Arrepentimiento: <a href="../contacto.html">Click Aquí</a></p>
+                    </div>
+                    <div class="col text-center-md-4">
+                        <h3>EXPLORAR</h3>
+                        <ul>
+                            <li><a href="../../index.html">Inicio</a></li>
+                            <li><a href="../categorias.html">Categorias</a></li>
+                            <li><a href="#">Mas Vendidos</a></li>
+                            <li><a href="../sobreNosotros.html">Sobre Nosotros</a></li>
+                            <li><a href="../contacto.html">Contacto</a></li>
+                        </ul>
+                    </div>
+                    <div class="col text-center-md-4">
+                        <h3>MI CUENTA</h3>
+                        <ul>
+                            <li><a href="../login.html">Ingresar</a></li>
+                            <li><a href="#">Ver Carrito</a></li>
+                            <li><a href="#">Favoritos</a></li>
+                            <li><a href="#">Finalizar Compra</a></li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="container">
+                        <div class="row">
+                            <div class="col text-center">
+                                <p>&copy; 2023 Tu Tienda online </p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+    </footer>
+
+    <div class="container-fluid position-fixed top-50">
+        <div class="row">
+          <div class="container-fluid">
+            <a href="https://facebook.com/"
+              ><i class="fa-brands fa-square-facebook fa-xl"></i
+            ></a>
+          </div>
+        </div>
+        <div class="row">
+          <div class="container-fluid">
+            <a href="https://twitter.com/"
+              ><i class="fa-brands fa-square-twitter fa-xl"></i
+            ></a>
+          </div>
+        </div>
+        <div class="row">
+          <div class="container-fluid">
+            <a href="https://www.whatsapp.com/"
+              ><i class="fa-brands fa-square-whatsapp fa-xl"></i
+            ></a>
+          </div>
+        </div>
+        <div class="row">
+          <div class="container-fluid">
+            <a href="https://www.instagram.com/"
+              ><i class="fa-brands fa-square-instagram fa-xl"></i
+            ></a>
+          </div>
+        </div>
+      </div>
+
+      <script
+        src="https://kit.fontawesome.com/6a6212d90e.js"
+        crossorigin="anonymous"
+      ></script>
+
+      <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.5.2/dist/js/bootstrap.bundle.min.js"></script>
+      <link
+        rel="stylesheet"
+        href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
+        integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
+        crossorigin="anonymous"
+        referrerpolicy="no-referrer"
+      /><link
+        href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css"
+        rel="stylesheet"
+        integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9"
+        crossorigin="anonymous"
+      />
+
+    <!-- Pie de página -->
+
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/pages/login.html b/pages/login.html
index 0d834ae..8d1a5f7 100644
--- a/pages/login.html
+++ b/pages/login.html
@@ -1,173 +1,254 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
-
-<head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Libroteka</title>
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer"
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9"
+      crossorigin="anonymous"
     />
-</head>
-
-<body>
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
+      integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    />
+  </head>
 
+  <body>
     <nav class="navbar navbar-expand-lg navbar-light bg-white py-4 fixed-top">
-        <div class="container">
-            <a class="navbar-brand d-flex justify-content-between align-items-center order-lg-0" href="index.html">
-                <img src="../../assets/Book_25711.png" alt="icono del sitio a modificar">
-                <span class="text-uppercase fw-lighter ms-2">Libroteka</span>
-            </a>
-            <div class="order-lg-2 nav-btns">
-                <button type="button" class="btn position-relative">
-                    <i class="fa fa-shopping-cart"></i>
-                    <span class="position-absolute top-0 start-100 translate-middle badge bg-primary">5</span>
-                </button>
-                <button type="button" class="btn position-relative">
-                    <i class="fa fa-heart"></i>
-                    <span class="position-absolute top-0 start-100 translate-middle badge bg-primary">2</span>
-                </button>
-                <button type="button" class="btn position-relative">
-                    <i class="fa fa-search"></i>
-                </button>
-            </div>
-
-            <button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navMenu">
-                <span class="navbar-toggler-icon"></span>
-            </button>
-
-            <div class="collapse navbar-collapse order-lg-1" id="navMenu">
-                <ul class="navbar-nav mx-auto text-center">
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="#inicio">inicio</a>
-                    </li>
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="#categorias">categorias</a>
-                    </li>
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="#mas vendidos">mas vendidos</a>
-                    </li>
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="./pages/sobreNosotros.html">Sobre Nosotros</a>
-                    </li>
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="#about">contacto</a>
-                    </li>
-
-                </ul>
-            </div>
+      <div class="container">
+        <a
+          class="navbar-brand d-flex justify-content-between align-items-center order-lg-0"
+          href="index.html"
+        >
+          <img
+            src="../assets/Book_25711.png"
+            alt="icono del sitio a modificar"
+          />
+          <span class="text-uppercase fw-lighter ms-2">Libroteka</span>
+        </a>
+        <div class="order-lg-2 nav-btns">
+          <button type="button" class="btn position-relative">
+            <i class="fa fa-shopping-cart"></i>
+            <span
+              class="position-absolute top-0 start-100 translate-middle badge bg-primary"
+              >5</span
+            >
+          </button>
+          <button type="button" class="btn position-relative">
+            <i class="fa fa-heart"></i>
+            <span
+              class="position-absolute top-0 start-100 translate-middle badge bg-primary"
+              >2</span
+            >
+          </button>
+          <button type="button" class="btn position-relative">
+            <i class="fa fa-search"></i>
+          </button>
         </div>
 
+        <button
+          class="navbar-toggler border-0"
+          type="button"
+          data-bs-toggle="collapse"
+          data-bs-target="#navMenu"
+        >
+          <span class="navbar-toggler-icon"></span>
+        </button>
 
+        <div class="collapse navbar-collapse order-lg-1" id="navMenu">
+          <ul class="navbar-nav mx-auto text-center">
+            <li class="nav-item px-2 py-2">
+              <a class="nav-link text-uppercase text-dark" href="../index.html"
+                >inicio</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="categorias.html"
+                >categorias</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="masvendidos.html"
+                >mas vendidos</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="sobreNosotros.html"
+                >Sobre Nosotros</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a class="nav-link text-uppercase text-dark" href="contacto.html"
+                >contacto</a
+              >
+            </li>
+          </ul>
+        </div>
+      </div>
     </nav>
 
-
     <div class="container-fluid">
-
-        <div id="carouselExampleAutoplaying" class="carousel slide">
-            <div class="container">
-                <div class="carousel-indicators">
-                    <button type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
-                    <button type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide-to="1" aria-label="Slide 2"></button>
-                    <button type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide-to="2" aria-label="Slide 3"></button>
-                </div>
-                <div class="carousel-inner">
-                    <div class="carousel-item active">
-                        <img src="../../assets/carruseln1.jpg" class="d-block w-100" alt="...">
-                    </div>
-                    <div class="carousel-item">
-                        <img src="../../assets/carruseln2.jpg" class="  d-block w-100" alt="...">
-                    </div>
-                    <div class="carousel-item">
-                        <img src="../../assets/carruseln3.jpg" class="d-block w-100" alt="...">
-                    </div>
-                </div>
-                <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide="prev">
-                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-                    <span class="visually-hidden">Previous</span>
-                  </button>
-                <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide="next">
-                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
-                    <span class="visually-hidden">Next</span>
-                  </button>
+      <div id="carouselExampleAutoplaying" class="carousel slide">
+        <div class="container">
+          <div class="carousel-indicators">
+            <button
+              type="button"
+              data-bs-target="#carouselExampleAutoplaying"
+              data-bs-slide-to="0"
+              class="active"
+              aria-current="true"
+              aria-label="Slide 1"
+            ></button>
+            <button
+              type="button"
+              data-bs-target="#carouselExampleAutoplaying"
+              data-bs-slide-to="1"
+              aria-label="Slide 2"
+            ></button>
+            <button
+              type="button"
+              data-bs-target="#carouselExampleAutoplaying"
+              data-bs-slide-to="2"
+              aria-label="Slide 3"
+            ></button>
+          </div>
+          <div class="carousel-inner">
+            <div class="carousel-item active">
+              <img
+                src="../assets/carruseln1.jpg"
+                class="d-block w-100"
+                alt="..."
+              />
             </div>
+            <div class="carousel-item">
+              <img
+                src="../assets/carruseln2.jpg"
+                class="d-block w-100"
+                alt="..."
+              />
+            </div>
+            <div class="carousel-item">
+              <img
+                src="../assets/carruseln3.jpg"
+                class="d-block w-100"
+                alt="..."
+              />
+            </div>
+          </div>
+          <button
+            class="carousel-control-prev"
+            type="button"
+            data-bs-target="#carouselExampleAutoplaying"
+            data-bs-slide="prev"
+          >
+            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+            <span class="visually-hidden">Previous</span>
+          </button>
+          <button
+            class="carousel-control-next"
+            type="button"
+            data-bs-target="#carouselExampleAutoplaying"
+            data-bs-slide="next"
+          >
+            <span class="carousel-control-next-icon" aria-hidden="true"></span>
+            <span class="visually-hidden">Next</span>
+          </button>
         </div>
+      </div>
     </div>
 
     <div class="title text-center">
-    <div class="container">
-      <div class="row">
-        <div class="col-md-12">
-          <div class="card h-100 mb-3">
-            <div class="card-body text-center">
-              <div class="alert alert-info" role="alert">
-                <h2>INGRESAR O CREAR UNA CUENTA</h2>
+      <div class="container">
+        <div class="row">
+          <div class="col-md-12">
+            <div class="card h-100 mb-3">
+              <div class="card-body text-center">
+                <div class="alert alert-info" role="alert">
+                  <h2>INGRESAR O CREAR UNA CUENTA</h2>
+                </div>
               </div>
             </div>
           </div>
         </div>
       </div>
-    </div>
-    <div class="container">
-      <div class="row">
-        <div class="col-md-6">
-          <div class="card h-100 mb-3">
-            <div class="card-body">
-              <div class="alert alert-primary" role="alert">
-                <h5>
-                  Nuevo Cliente
-                </h5>
+      <div class="container">
+        <div class="row">
+          <div class="col-md-6">
+            <div class="card h-100 mb-3">
+              <div class="card-body">
+                <div class="alert alert-primary" role="alert">
+                  <h5>Nuevo Cliente</h5>
+                </div>
+                <p>
+                  Registrarse es simple y seguro. Te pediremos solo algunos
+                  datos para hacer el seguimiento de los pedidos y poder
+                  procesar tus compras más rápido. Además podrás recibir
+                  ofertas, promociones e información de los últimos
+                  lanzamientos.
+                </p>
               </div>
-              <p>
-                Registrarse es simple y seguro. Te pediremos solo algunos datos
-                para hacer el seguimiento de los pedidos y poder procesar tus
-                compras más rápido. Además podrás recibir ofertas, promociones e
-                información de los últimos lanzamientos.
-              </p>
             </div>
           </div>
-        </div>
-        <div class="col-md-6">
-          <div class="card h-100 mb-3">
-            <div class="card-body">
-              <div class="alert alert-primary" role="alert">
-                <h5>
-                  <i class="fa-solid fa-right-to-bracket"></i> Usuario
-                  Registrado
-                </h5>
-              </div>
-              <p>
-                Gracias por volver a visitarnos, te pedimos que ingreses tu
-                usuario y contraseña para ingresar a tu cuenta.
-              </p>
-              <form>
-                <div class="mb-3">
-                  <label for="idE" class="form-label">Dirección de email</label>
-                  <input
-                    type="email"
-                    class="form-control"
-                    id="idE"
-                    aria-describedby="idEH"
-                  />
-                  <div id="idEH" class="form-text">
-                    Debe ser un correo válido. <span style="color: red">*</span>
-                  </div>
+          <div class="col-md-6">
+            <div class="card h-100 mb-3">
+              <div class="card-body">
+                <div class="alert alert-primary" role="alert">
+                  <h5>Usuario Registrado</h5>
                 </div>
-                <div class="mb-3">
-                  <label for="InputPassword" class="form-label"
-                    >Contraseña</label
-                  >
-                  <input
-                    type="password"
-                    class="form-control"
-                    id="InputPassword"
-                  />
-                </div>
-                <div class="mb-3 form-check">
-                  <input type="checkbox" class="form-check-input" id="Check" />
-                  <label class="form-check-label" for="Check">Recordarme</label>
-                </div>
-              </form>
+                <p>
+                  Gracias por volver a visitarnos, te pedimos que ingreses tu
+                  usuario y contraseña para ingresar a tu cuenta.
+                </p>
+                <form>
+                  <div class="mb-3">
+                    <label for="idE" class="form-label"
+                      >Dirección de email</label
+                    >
+                    <input
+                      type="email"
+                      class="form-control"
+                      id="idE"
+                      aria-describedby="idEH"
+                    />
+                    <div id="idEH" class="form-text">
+                      Debe ser un correo válido.
+                      <span style="color: red">*</span>
+                    </div>
+                  </div>
+                  <div class="mb-3">
+                    <label for="InputPassword" class="form-label"
+                      >Contraseña</label
+                    >
+                    <input
+                      type="password"
+                      class="form-control"
+                      id="InputPassword"
+                    />
+                  </div>
+                  <div class="mb-3 form-check">
+                    <input
+                      type="checkbox"
+                      class="form-check-input"
+                      id="Check"
+                    />
+                    <label class="form-check-label" for="Check"
+                      >Recordarme</label
+                    >
+                  </div>
+                </form>
+              </div>
             </div>
           </div>
         </div>
@@ -204,16 +285,14 @@ <h5>
             <div class="card-body text-center">
               <p>
                 <strong
-                  ><a
-                    href="../account/forgotpassword.html"
-                    style="color: rgb(19, 19, 103)"
+                  ><a href="forgotpassword.html" style="color: rgb(19, 19, 103)"
                     >¿Olvidó su contraseña?</a
                   ></strong
                 >
               </p>
               <p>
                 <strong
-                  ><a href="../../index.html" style="color: rgb(19, 19, 103)"
+                  ><a href="../index.html" style="color: rgb(19, 19, 103)"
                     >Volver atrás</a
                   ></strong
                 >
@@ -227,51 +306,179 @@ <h5>
     <footer class="bg-dark text-light text-center py-3">
       <div class="container">
         <div class="row">
-          <div class=" mt-3">
+          <div class="mt-3">
             <div class="col text-center mt-3">
-            <p><a href="#" class="btn btn-primary">SUSCRIBIRSE AQUI</a></p>
+              <p><a href="#" class="btn btn-primary">SUSCRIBIRSE AQUI</a></p>
+            </div>
           </div>
-        </div>
-        <div class="row">
-          <div class="col-md-4 text-center ">
-            <h3>CONTACTO</h3>
-            <p>Email: <a href="mailto:librerias@libroteka.com">librerias@libroteka.com</a></p>
-            <p>Teléfono: <a href="tel:081022254276">0810 222 LIBRO (54276)</a></p>
-            <p>WhatsApp: <a href="https://web.whatsapp.com/" target="_blank">+54 9 351 1234567</a></p>
-            <p>Arrepentimiento: <a href="#">Click Aquí</a></p>
-          </div> 
-          <div class="col text-center-md-4">
-            <h3>EXPLORAR</h3>
-            <ul>
-            <li><a href="#">Inicio</a></li>
-            <li><a href="#">Categorias</a></li>
-            <li><a href="#">Mas Vendidos</a></li>
-            <li><a href="#">Sobre Nosotros</a></li>
-            <li><a href="#">Contacto</a></li>
-            </ul>
-          </div> 
-          <div class="col text-center-md-4">
-            <h3>MI CUENTA</h3>
-            <ul>
-              <li><a href="../../costumer/account/login.html">Ingresar</a></li>
+          <div class="row">
+            <div class="col-md-4 text-center">
+              <h3>CONTACTO</h3>
+              <p>
+                Email:
+                <a href="mailto:librerias@libroteka.com"
+                  >librerias@libroteka.com</a
+                >
+              </p>
+              <p>
+                Teléfono: <a href="tel:081022254276">0810 222 LIBRO (54276)</a>
+              </p>
+              <p>
+                WhatsApp:
+                <a href="https://web.whatsapp.com/" target="_blank"
+                  >+54 9 351 1234567</a
+                >
+              </p>
+              <p>Arrepentimiento: <a href="#">Click Aquí</a></p>
+            </div>
+            <div class="col text-center-md-4">
+              <h3>EXPLORAR</h3>
+              <ul>
+                <li><a href="#">Inicio</a></li>
+                <li><a href="#">Categorias</a></li>
+                <li><a href="#">Mas Vendidos</a></li>
+                <li><a href="#">Sobre Nosotros</a></li>
+                <li><a href="#">Contacto</a></li>
+              </ul>
+            </div>
+            <div class="col text-center-md-4">
+              <h3>MI CUENTA</h3>
+              <ul>
+                <li><a href="login.html">Ingresar</a></li>
                 <li><a href="#">Ver Carrito</a></li>
                 <li><a href="#">Favoritos</a></li>
                 <li><a href="#">Finalizar Compra</a></li>
-            </ul>
-          </div>  
-        </div>
-        <div class="row">
-          <div class="container">
-            <div class="row">
-              <div class="col text-center">
-                <p>&copy; 2023 Tu Tienda online </p>
+              </ul>
+            </div>
+          </div>
+          <div class="row">
+            <div class="container">
+              <div class="row">
+                <div class="col text-center">
+                  <p>&copy; 2023 Tu Tienda online</p>
+                </div>
               </div>
             </div>
-          </div> 
+          </div>
+        </div>
+      </div>
+    </footer>
+
+    <div class="container-fluid position-fixed top-50">
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://facebook.com/"
+            ><i class="fa-brands fa-square-facebook fa-xl"></i
+          ></a>
+        </div>
+      </div>
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://twitter.com/"
+            ><i class="fa-brands fa-square-twitter fa-xl"></i
+          ></a>
+        </div>
+      </div>
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://www.whatsapp.com/"
+            ><i class="fa-brands fa-square-whatsapp fa-xl"></i
+          ></a>
+        </div>
+      </div>
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://www.instagram.com/"
+            ><i class="fa-brands fa-square-instagram fa-xl"></i
+          ></a>
+        </div>
+      </div>
+    </div>
+
+    <script
+      src="https://kit.fontawesome.com/6a6212d90e.js"
+      crossorigin="anonymous"
+    ></script>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.5.2/dist/js/bootstrap.bundle.min.js"></script>
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
+      integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    /><link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9"
+      crossorigin="anonymous"
+    />
+
+    <div class="container-fluid position-fixed top-50">
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://facebook.com/"
+            ><i class="fa-brands fa-square-facebook fa-xl"></i
+          ></a>
+        </div>
+      </div>
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://twitter.com/"
+            ><i class="fa-brands fa-square-twitter fa-xl"></i
+          ></a>
+        </div>
+      </div>
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://www.whatsapp.com/"
+            ><i class="fa-brands fa-square-whatsapp fa-xl"></i
+          ></a>
+        </div>
+      </div>
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://www.instagram.com/"
+            ><i class="fa-brands fa-square-instagram fa-xl"></i
+          ></a>
         </div>
-  </footer>    
-  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
-  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
-  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>
-</body>
-</html>
\ No newline at end of file
+      </div>
+    </div>
+
+    <script
+      src="https://kit.fontawesome.com/6a6212d90e.js"
+      crossorigin="anonymous"
+    ></script>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.5.2/dist/js/bootstrap.bundle.min.js"></script>
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
+      integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    /><link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9"
+      crossorigin="anonymous"
+    />
+    <!-- Pie de página -->
+
+    <script
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js"
+      integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm"
+      crossorigin="anonymous"
+    ></script>
+    <script
+      src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
+      integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
+      crossorigin="anonymous"
+    ></script>
+    <script
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.min.js"
+      integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa"
+      crossorigin="anonymous"
+    ></script>
+  </body>
+</html>
diff --git a/pages/masvendidos.html b/pages/masvendidos.html
new file mode 100644
index 0000000..da8a710
--- /dev/null
+++ b/pages/masvendidos.html
@@ -0,0 +1,266 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Categorias</title>
+    <link rel="stylesheet" href="../style.css">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer"
+    />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css">
+</head>
+
+
+<body style="background-color: #e7e0d8;">
+
+    <!-- NAVBAR  -->
+    <nav class="navbar navbar-expand-lg navbar-light  py-1 fixed-top" style="background-color: #d9d1bd;">
+        <div class="container">
+            <a class="navbar-brand d-flex justify-content-between align-items-center order-lg-0" href="../index.html">
+                <img src="../assets/Book_25711.png" alt="icono del sitio a modificar">
+                <span class="text-uppercase fw-lighter ms-2">Libroteka</span>
+            </a>
+            <div class="order-lg-2 nav-btns">
+                <button type="button" class="btn position-relative">
+                    <i class="fa fa-shopping-cart"></i>
+                    <span class="position-absolute top-0 start-100 translate-middle badge bg-primary"></span>
+                </button>
+                <button type="button" class="btn position-relative">
+                    <i class="fa fa-heart"></i>
+                    <span class="position-absolute top-0 start-100 translate-middle badge bg-primary"></span>
+                </button>
+                <button type="button" class="btn position-relative">
+                    <i class="fa fa-search"></i>
+                </button>
+            </div>
+            <button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navMenu">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <div class="collapse navbar-collapse order-lg-1" id="navMenu">
+                <ul class="navbar-nav mx-auto text-center">
+                    <li class="nav-item px-2 py-2">
+                        <a class="nav-link text-uppercase text-dark" href="../index.html">inicio</a>
+                    </li>
+                    <li class="nav-item px-2 py-2">
+                        <a class="nav-link text-uppercase text-dark" href="./categorias.html">categorias</a>
+                    </li>
+                    <li class="nav-item px-2 py-2">
+                        <a class="nav-link text-uppercase text-dark" href="./masvendidos.html">mas vendidos</a>
+                    </li>
+                    <li class="nav-item px-2 py-2">
+                        <a class="nav-link text-uppercase text-dark" href="./sobreNosotros.html">Sobre Nosotros</a>
+                    </li>
+                    <li class="nav-item px-2 py-2">
+                        <a class="nav-link text-uppercase text-dark" href="./contacto.html">contacto</a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </nav>
+
+    <div class="container-fluid">
+
+
+        <!-- ---------------CARDS--------------- -->
+
+        <h1 class="mb-4">Top 3 del año</h1>
+        <div class="contenedor">
+            <div class="card">
+                <div class="card-header">
+                    <img src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-39.png.webp" alt="VMW">
+                </div>
+                
+                <div class="card-body">
+                    <br>
+                </h3>
+                <h2 class="card-title"><i class="fa-solid fa-hands-clapping"></i> #1 (Limónov)</h2>
+
+                <br>
+                <h6>
+                    Si buscas una lectura que te haga cuestionar el significado de la rebeldía y la identidad, "Limonov" es la elección perfecta. A través de las páginas de este libro, Carrère te hará reflexionar sobre la complejidad de la vida humana y la lucha por la autenticidad en un mundo en constante cambio.
+
+                    No te pierdas la oportunidad de sumergirte en esta narrativa apasionante. ¡Consigue tu copia de "Limonov" de Emmanuel Carrère y prepárate para una lectura que desafiará tus expectativas!
+                </h6>
+                <br>  
+                <h5><i class="fa-solid fa-magnifying-glass-dollar fa-shake"></i>
+                    Disponible "¡llevatelo hoy!". 
+                </h5>
+                <br>
+        
+                    <a href="#" class="btn"><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>5</a>
+                </div>
+            </div>
+
+
+            <div class="card">
+                <div class="card-header">
+                    <img src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-44.png.webp " alt="VMW">
+                </div>
+                
+                <div class="card-body">
+                    <br>
+                </h3>
+                <h2 class="card-title"><i class="fa-solid fa-hands-clapping"></i> #2 (Los Ingrávidos)</h2>
+
+                <br>
+                <h6>
+                    Si buscas una lectura que te desafíe a ver el mundo de manera distinta, "Los Ingrávidos" es una elección que no te defraudará. Luiselli te lleva en un viaje profundo de autorreflexión y exploración de la vida contemporánea.
+
+                    Prepárate para una experiencia literaria única. Consigue tu copia de "Los Ingrávidos" de Valeria Luiselli y adéntrate en un mundo donde las palabras se convierten en arte y la literatura desafía los límites convencionales.
+                </h6>
+                <br><br>  
+                <h5><i class="fa-solid fa-magnifying-glass-dollar fa-shake"></i>
+                    Disponible "¡llevatelo hoy!". 
+                </h5>
+                <br>
+            
+                    <a href="#" class="btn"><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>5</a>
+                </div>
+            </div>
+            
+
+            <div class="card">
+                <div class="card-header">
+                    <img src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-46.png.webp " alt="VMW">
+                </div>
+                
+                <div class="card-body">
+                    <br>
+                </h3>
+                <h2 class="card-title"><i class="fa-solid fa-hands-clapping"></i> #3 (Persépolis)</h2>
+
+                <br>
+                <h6>
+                    Si buscas una lectura poderosa que te haga reflexionar sobre la resiliencia humana y la importancia de la narrativa personal, "Persépolis" es una elección esencial. La combinación de la narrativa gráfica y la historia personal de Satrapi te llevará a un viaje emocional inolvidable.
+
+                    ¿Estás listo para descubrir una obra literaria que mezcla el arte y la memoria en una expresión conmovedora? Consigue tu copia de "Persépolis" de Marjane Satrapi y adéntrate en el cautivador mundo de una mujer que desafió la adversidad con valentía y creatividad.
+                </h6>
+                <br>  
+                <h5><i class="fa-solid fa-magnifying-glass-dollar fa-shake"></i>
+                    Disponible "¡llevatelo hoy!". 
+                </h5>
+                <br>
+
+                    <a href="#" class="btn"><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i>4</a>
+                </div>
+            </div>
+            
+            
+        </div>
+
+        </div>
+        <!-- Bootstrap’s compiled JS -->
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+
+    </div>
+
+
+    <footer class="bg-dark text-light text-center py-3">
+        <div class="container">
+            <div class="row">
+                <div class=" mt-3">
+                    <div class="col text-center mt-3">
+                        <p><a href="#" class="btn btn-primary">SUSCRIBIRSE AQUI</a></p>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-md-4 text-center ">
+                        <h3>CONTACTO</h3>
+                        <p>Email: <a href="mailto:librerias@libroteka.com">librerias@libroteka.com</a></p>
+                        <p>Teléfono: <a href="tel:081022254276">0810 222 LIBRO (54276)</a></p>
+                        <p>WhatsApp: <a href="https://web.whatsapp.com/" target="_blank">+54 9 351 1234567</a></p>
+                        <p>Arrepentimiento: <a href="./contacto.html">Click Aquí</a></p>
+                    </div>
+                    <div class="col text-center-md-4">
+                        <h3>EXPLORAR</h3>
+                        <ul>
+                            <li><a href="../index.html">Inicio</a></li>
+                            <li><a href="./categorias.html">Categorias</a></li>
+                            <li><a href="#">Mas Vendidos</a></li>
+                            <li><a href="./sobreNosotros.html">Sobre Nosotros</a></li>
+                            <li><a href="./pages/contacto.html">Contacto</a></li>
+                        </ul>
+                    </div>
+                    <div class="col text-center-md-4">
+                        <h3>MI CUENTA</h3>
+                        <ul>
+                            <li><a href="login.html">Ingresar</a></li>
+                            <li><a href="#">Ver Carrito</a></li>
+                            <li><a href="#">Favoritos</a></li>
+                            <li><a href="#">Finalizar Compra</a></li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="container">
+                        <div class="row">
+                            <div class="col text-center">
+                                <p>&copy; 2023 Tu Tienda online </p>
+                            </div>
+                        </div>
+                    </div>
+                </div> 
+            </div> 
+        </div>
+    </footer>
+    <div class="container-fluid position-fixed top-50">
+        <div class="row">
+          <div class="container-fluid">
+            <a href="https://facebook.com/"
+              ><i class="fa-brands fa-square-facebook fa-xl"></i
+            ></a>
+          </div>
+        </div>
+        <div class="row">
+          <div class="container-fluid">
+            <a href="https://twitter.com/"
+              ><i class="fa-brands fa-square-twitter fa-xl"></i
+            ></a>
+          </div>
+        </div>
+        <div class="row">
+          <div class="container-fluid">
+            <a href="https://www.whatsapp.com/"
+              ><i class="fa-brands fa-square-whatsapp fa-xl"></i
+            ></a>
+          </div>
+        </div>
+        <div class="row">
+          <div class="container-fluid">
+            <a href="https://www.instagram.com/"
+              ><i class="fa-brands fa-square-instagram fa-xl"></i
+            ></a>
+          </div>
+        </div>
+      </div>
+  
+      <script
+        src="https://kit.fontawesome.com/6a6212d90e.js"
+        crossorigin="anonymous"
+      ></script>
+  
+      <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.5.2/dist/js/bootstrap.bundle.min.js"></script>
+      <link
+        rel="stylesheet"
+        href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
+        integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
+        crossorigin="anonymous"
+        referrerpolicy="no-referrer"
+      /><link
+        href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css"
+        rel="stylesheet"
+        integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9"
+        crossorigin="anonymous"
+      />
+    <!-- Pie de página -->
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>
+
+
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/pages/redessociales.html b/pages/redessociales.html
index e69de29..b287535 100644
--- a/pages/redessociales.html
+++ b/pages/redessociales.html
@@ -0,0 +1,357 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Categorias</title>
+    <link rel="stylesheet" href="../style.css" />
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9"
+      crossorigin="anonymous"
+    />
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
+      integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    />
+  </head>
+
+  <body>
+    <!-- NAVBAR  -->
+    <nav class="navbar navbar-expand-lg navbar-light bg-white py-4 fixed-top">
+      <div class="container">
+        <a
+          class="navbar-brand d-flex justify-content-between align-items-center order-lg-0"
+          href="../index.html"
+        >
+          <img
+            src="../assets/Book_25711.png"
+            alt="icono del sitio a modificar"
+          />
+          <span class="text-uppercase fw-lighter ms-2">Libroteka</span>
+        </a>
+        <div class="order-lg-2 nav-btns">
+          <button type="button" class="btn position-relative">
+            <i class="fa fa-shopping-cart"></i>
+            <span
+              class="position-absolute top-0 start-100 translate-middle badge bg-primary"
+              >4</span
+            >
+          </button>
+          <button type="button" class="btn position-relative">
+            <i class="fa fa-heart"></i>
+            <span
+              class="position-absolute top-0 start-100 translate-middle badge bg-primary"
+              >1</span
+            >
+          </button>
+          <button type="button" class="btn position-relative">
+            <i class="fa fa-search"></i>
+          </button>
+        </div>
+        <button
+          class="navbar-toggler border-0"
+          type="button"
+          data-bs-toggle="collapse"
+          data-bs-target="#navMenu"
+        >
+          <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse order-lg-1" id="navMenu">
+          <ul class="navbar-nav mx-auto text-center">
+            <li class="nav-item px-2 py-2">
+              <a class="nav-link text-uppercase text-dark" href="../index.html"
+                >inicio</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="./categorias.html"
+                >categorias</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="masvendidos.html"
+                >mas vendidos</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="./sobreNosotros.html"
+                >Sobre Nosotros</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="./contacto.html"
+                >contacto</a
+              >
+            </li>
+          </ul>
+        </div>
+      </div>
+    </nav>
+
+    <div class="container-fluid">
+      <!-- ---------------CARDS--------------- -->
+
+      <h1 class="mb-4">Explora las categorías</h1>
+      <div class="contenedor">
+        <div class="card">
+          <div class="card-header">
+            <img
+              src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-39.png.webp"
+              alt="VMW"
+            />
+          </div>
+          <div class="card-body">
+            <h2 class="card-title">Ficción</h2>
+            <p class="card-description">
+              "Limónov" es una novela biográfica escrita por el autor francés
+              Emmanuel Carrère. El libro narra la vida del controvertido
+              personaje Eduard Limónov, un escritor y político ruso que vivió
+              una vida extraordinaria y polémica.
+            </p>
+            <a href="#" class="btn">Ver más</a>
+          </div>
+        </div>
+        <div class="card">
+          <div class="card-header">
+            <img
+              src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-40.png.webp"
+              alt="Cadillac"
+            />
+          </div>
+          <div class="card-body">
+            <h2 class="card-title">Poesia</h2>
+            <p class="card-description">
+              "Encontraste un Alma" es un libro escrito por Edith Södergran, una
+              destacada poeta sueco-finlandesa. Esta obra recopila una serie de
+              poemas que exploran temas profundos y emocionales, enmarcados en
+              una poesía modernista que rompe con las convenciones de su época.
+            </p>
+            <a href="#" class="btn">Ver más</a>
+          </div>
+        </div>
+        <div class="card">
+          <div class="card-header">
+            <img
+              src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-41.png.webp"
+              alt="Coche deportivo"
+            />
+          </div>
+          <div class="card-body">
+            <h2 class="card-title">Ficción Literaria</h2>
+            <p class="card-description">
+              "Solenoide" es una novela escrita por el autor rumano Mircea
+              Cărtărescu. La obra es conocida por su estilo complejo y su
+              exploración de temas filosóficos, históricos y literarios.
+            </p>
+            <a href="#" class="btn">Ver más</a>
+          </div>
+        </div>
+        <div class="card">
+          <div class="card-header">
+            <img
+              src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-43.png.webp"
+              alt="Casual"
+            />
+          </div>
+          <div class="card-body">
+            <h2 class="card-title">Historia</h2>
+            <p class="card-description">
+              "Una Historia Personal" (título original: "Personal History") es
+              una autobiografía escrita por Katharine Graham, quien fue la
+              editora y propietaria del periódico The Washington Post. La obra
+              relata su vida y carrera, y también ofrece una visión de los
+              eventos y figuras influyentes de la época en la que vivió.
+            </p>
+            <a href="#" class="btn">Ver más</a>
+          </div>
+        </div>
+        <div class="card">
+          <div class="card-header">
+            <img
+              src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-44.png.webp"
+              alt="Motocross"
+            />
+          </div>
+          <div class="card-body">
+            <h2 class="card-title">Ensayos</h2>
+            <p class="card-description">
+              "Los Ingrávidos" es una novela escrita por Valeria Luiselli, una
+              autora mexicana. La obra es una narrativa fragmentada y
+              experimental que explora temas de alienación, identidad y
+              migración en el contexto de la vida contemporánea.
+            </p>
+            <a href="#" class="btn">Ver más</a>
+          </div>
+        </div>
+        <div class="card">
+          <div class="card-header">
+            <img
+              src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-45.png.webp"
+              alt="Harley Davidson"
+            />
+          </div>
+          <div class="card-body">
+            <h2 class="card-title">Premio Novel</h2>
+            <p class="card-description">
+              La nueva Harley-Davidson Sportster ser la más potente de la
+              historia: 121 CV y 220 km/h de velocidad punta, según las últimas
+              filtraciones
+            </p>
+            <a href="#" class="btn">Ver más</a>
+          </div>
+        </div>
+        <div class="card">
+          <div class="card-header">
+            <img
+              src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-46.png.webp"
+              alt="Harley Davidson"
+            />
+          </div>
+          <div class="card-body">
+            <h2 class="card-title">Novela</h2>
+            <p class="card-description">
+              "Persepolis" es una novela gráfica escrita e ilustrada por Marjane
+              Satrapi. La historia es una memoria autobiográfica que relata la
+              vida de la autora mientras crecía en Irán durante y después de la
+              Revolución Islámica.
+            </p>
+            <a href="#" class="btn">Ver más</a>
+          </div>
+        </div>
+        <div class="card">
+          <div class="card-header">
+            <img
+              src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-47.png.webp"
+              alt="Harley Davidson"
+            />
+          </div>
+          <div class="card-body">
+            <h2 class="card-title">Guerras</h2>
+            <p class="card-description">
+              "A sangre y fuego: La Guerra Civil Americana" es un libro escrito
+              por la historiadora española María Isabel Sánchez Vegara. Sin
+              embargo, el título "A sangre y fuego" también se asocia comúnmente
+              a una serie de libros sobre la Guerra Civil Española escritos por
+              el autor español Manuel Chaves Nogales.
+            </p>
+            <a href="#" class="btn">Ver más</a>
+          </div>
+        </div>
+        <div class="card">
+          <div class="card-header">
+            <img
+              src="https://elplacerdelalectura.com/wp-content/uploads/2023/04/image-48.png.webp"
+              alt="Harley Davidson"
+            />
+          </div>
+          <div class="card-body">
+            <h2 class="card-title">Ficción literaria</h2>
+            <p class="card-description">
+              "La Uruguaya" es una colección de cuentos escrita por el autor
+              argentino Pedro Mairal. Estos cuentos exploran la vida cotidiana,
+              las preocupaciones y las experiencias de personas comunes en
+              América Latina.
+            </p>
+            <a href="#" class="btn">Ver más</a>
+          </div>
+        </div>
+      </div>
+      <!-- Bootstrap’s compiled JS -->
+      <script
+        src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
+        integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
+        crossorigin="anonymous"
+      ></script>
+    </div>
+
+    <footer class="bg-dark text-light text-center py-3">
+      <div class="container">
+        <div class="row">
+          <div class="mt-3">
+            <div class="col text-center mt-3">
+              <p><a href="#" class="btn btn-primary">SUSCRIBIRSE AQUI</a></p>
+            </div>
+          </div>
+          <div class="row">
+            <div class="col-md-4 text-center">
+              <h3>CONTACTO</h3>
+              <p>
+                Email:
+                <a href="mailto:librerias@libroteka.com"
+                  >librerias@libroteka.com</a
+                >
+              </p>
+              <p>
+                Teléfono: <a href="tel:081022254276">0810 222 LIBRO (54276)</a>
+              </p>
+              <p>
+                WhatsApp:
+                <a href="https://web.whatsapp.com/" target="_blank"
+                  >+54 9 351 1234567</a
+                >
+              </p>
+              <p>Arrepentimiento: <a href="./contacto.html">Click Aquí</a></p>
+            </div>
+            <div class="col text-center-md-4">
+              <h3>EXPLORAR</h3>
+              <ul>
+                <li><a href="../index.html">Inicio</a></li>
+                <li><a href="./categorias.html">Categorias</a></li>
+                <li><a href="#">Mas Vendidos</a></li>
+                <li><a href="./sobreNosotros.html">Sobre Nosotros</a></li>
+                <li><a href="./pages/contacto.html">Contacto</a></li>
+              </ul>
+            </div>
+            <div class="col text-center-md-4">
+              <h3>MI CUENTA</h3>
+              <ul>
+                <li><a href="#">Ingresar</a></li>
+                <li><a href="#">Ver Carrito</a></li>
+                <li><a href="#">Favoritos</a></li>
+                <li><a href="#">Finalizar Compra</a></li>
+              </ul>
+            </div>
+          </div>
+          <div class="row">
+            <div class="container">
+              <div class="row">
+                <div class="col text-center">
+                  <p>&copy; 2023 Tu Tienda online</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </footer>
+    <!-- Pie de página -->
+    <script
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js"
+      integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm"
+      crossorigin="anonymous"
+    ></script>
+    <script
+      src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
+      integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
+      crossorigin="anonymous"
+    ></script>
+    <script
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.min.js"
+      integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa"
+      crossorigin="anonymous"
+    ></script>
+  </body>
+</html>
diff --git a/pages/sobreNosotros.html b/pages/sobreNosotros.html
index 9cd9072..292b3a2 100644
--- a/pages/sobreNosotros.html
+++ b/pages/sobreNosotros.html
@@ -1,227 +1,463 @@
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Sobre Nosotros</title>
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer"
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9"
+      crossorigin="anonymous"
     />
-</head>
-
-<body>
+  </head>
 
-    <nav class="navbar navbar-expand-lg navbar-light bg-white py-4 fixed-top">
-        <div class="container">
-            <a class="navbar-brand d-flex justify-content-between align-items-center order-lg-0" href="../index.html">
-                <img src="../assets\Book_25711.png" alt="icono del sitio a modificar">
-                <span class="text-uppercase fw-lighter ms-2">Libroteka</span>
-            </a>
-            <div class="order-lg-2 nav-btns">
-                <button type="button" class="btn position-relative">
-                <i class="fa fa-shopping-cart"></i>
-                <span class="position-absolute top-0 start-100 translate-middle badge bg-primary">5</span>
-            </button>
-                <button type="button" class="btn position-relative">
-                <i class="fa fa-heart"></i>
-                <span class="position-absolute top-0 start-100 translate-middle badge bg-primary">2</span>
-            </button>
-                <button type="button" class="btn position-relative">
-                <i class="fa fa-search"></i>
-            </button>
-            </div>
+  <body style="background-color: #e7e0d8">
+    <nav
+      class="navbar navbar-expand-lg navbar-light py-1 fixed-top"
+      style="background-color: #d9d1bd"
+    >
+      <div class="container">
+        <a
+          class="navbar-brand d-flex justify-content-between align-items-center order-lg-0"
+          href="../index.html"
+        >
+          <img
+            src="../assets/Book_25711.png"
+            alt="icono del sitio a modificar"
+          />
+          <span class="text-uppercase fw-lighter ms-2">Libroteka</span>
+        </a>
+        <div class="order-lg-2 nav-btns">
+          <button type="button" class="btn position-relative">
+            <i class="fa fa-shopping-cart"></i>
+            <span
+              class="position-absolute top-0 start-100 translate-middle badge bg-primary"
+            ></span>
+          </button>
+          <button type="button" class="btn position-relative">
+            <i class="fa fa-heart"></i>
+            <span
+              class="position-absolute top-0 start-100 translate-middle badge bg-primary"
+            ></span>
+          </button>
+          <button type="button" class="btn position-relative">
+            <i class="fa fa-search"></i>
+          </button>
+        </div>
 
-            <button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navMenu">
-            <span class="navbar-toggler-icon"></span>
+        <button
+          class="navbar-toggler border-0"
+          type="button"
+          data-bs-toggle="collapse"
+          data-bs-target="#navMenu"
+        >
+          <span class="navbar-toggler-icon"></span>
         </button>
 
-            <div class="collapse navbar-collapse order-lg-1" id="navMenu">
-                <ul class="navbar-nav mx-auto text-center">
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="../index.html">inicio</a>
-                    </li>
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="./categorias.html">categorias</a>
-                    </li>
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="#mas vendidos">mas vendidos</a>
-                    </li>
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="./sobreNosotros.html">Sobre Nosotros</a>
-                    </li>
-                    <li class="nav-item px-2 py-2">
-                        <a class="nav-link text-uppercase text-dark" href="./contacto.html">contacto</a>
-                    </li>
-
-                </ul>
-            </div>
+        <div class="collapse navbar-collapse order-lg-1" id="navMenu">
+          <ul class="navbar-nav mx-auto text-center">
+            <li class="nav-item px-2 py-2">
+              <a class="nav-link text-uppercase text-dark" href="../index.html"
+                >inicio</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="./categorias.html"
+                >categorias</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="masvendidos.html"
+                >mas vendidos</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="./sobreNosotros.html"
+                >Sobre Nosotros</a
+              >
+            </li>
+            <li class="nav-item px-2 py-2">
+              <a
+                class="nav-link text-uppercase text-dark"
+                href="./contacto.html"
+                >contacto</a
+              >
+            </li>
+          </ul>
         </div>
+      </div>
     </nav>
 
-    <div class="container mt-5" style="position: relative;top: 80px;">
-        <div class="row">
-            <div class="col-md-2"></div>
-            <div class="col-8 col-md-8 text-center-md-4">
-                <h3 class="text-center py-4">SOBRE NOSOTROS</h3>
-                <p>Hace más de dos décadas, un grupo de amigos apasionados por la literatura decidió unirse para crear una librería que pudiera ofrecer a la comunidad un espacio donde encontrar libros de calidad y a precios accesibles. Así nació LIBROTEKA,
-                    la librería que desde entonces se ha convertido en un lugar de referencia para los amantes de la lectura.</p>
-                <p>Nos dedicamos a ofrecer una amplia selección de libros de diferentes géneros y autores, desde clásicos hasta las últimas novedades. Además, contamos con un equipo de expertos en literatura que están siempre dispuestos a ayudar a nuestros
-                    clientes a encontrar el libro perfecto para ellos.</p>
-                <p>Creemos firmemente en el poder transformador de la lectura y en su capacidad para enriquecer nuestras vidas. Por eso, nos esforzamos por ofrecer una experiencia única a nuestros clientes, con un ambiente acogedor y amigable que invita
-                    a la lectura y al aprendizaje.Nuestra misión es proporcionar un refugio para la imaginación, un lugar donde los libros cobran vida y donde cada página es un portal hacia nuevas aventuras y descubrimientos. </p>
-                <p>Desde nuestra fundación en el año 2000, hemos trabajado duro para convertirnos en una librería de referencia en nuestra comunidad. Nos enorgullece haber logrado nuestro objetivo y esperamos seguir siendo un lugar donde los amantes de la
-                    literatura puedan encontrar todo lo que necesitan para alimentar su pasión.</p>
-                <p>"En LIBROTEKA, la pasión por los libros es nuestra fuerza impulsora.</p>
-                <p>Ven y únete a nosotros en nuestro viaje literario mientras continuamos celebrando la magia de las palabras y compartiendo historias que inspiran.</p>
-            </div>
-            <div class="col-md-2 "></div>
+    <div
+      class="container mt-5"
+      style="position: relative; top: 80px; background-color: #e7e0d8"
+    >
+      <div class="row">
+        <div class="col-md-2"></div>
+        <div class="col-8 col-md-8 text-center-md-4">
+          <h3 class="text-center py-4">SOBRE NOSOTROS</h3>
+          <p>
+            LIBROTEKA nació hace unos años por un grupo de amigos apasionados
+            por la literatura con el objetivo de ofrecer a la comunidad un
+            espacio donde encontrar libros de calidad y a precios accesibles.
+            Desde entonces se ha convertido en un lugar de referencia para los
+            amantes de la lectura.
+          </p>
+          <p>
+            Ofrecemos una amplia selección de libros de diferentes géneros y
+            autores, desde clásicos hasta las últimas novedades. Además,
+            contamos con un equipo de expertos en literatura y lingüistica que
+            están disponibles para colaborar con la búsqueda del libro perfecto
+            para nuestros clientes. Nos esforzamos para ofrecer una experiencia
+            única, con un ambiente acogedor y amigable que invita a sumergirse
+            en el mundo de la lectura y la creatividad a través de nuestros
+            libros.
+          </p>
+          <p>
+            Nuestra misión es proporcionar un refugio para la imaginación, un
+            lugar donde los libros cobran vida y donde cada página es un portal
+            hacia nuevas aventuras y descubrimientos.
+          </p>
+          <p>
+            Desde nuestros inicios, hemos transitado un proceso en el que nos
+            hemos convertido en una librería de referencia en la comunidad. Nos
+            enorgullece haber alcanzado uno de nuestros objetivos y esperamos
+            seguir creciendo, además de seguir siendo un espacio donde los
+            amantes de la literatura pueden encontrar todo lo que necesitan para
+            fomentar su pasión.
+          </p>
+          <p>
+            Ven y únete, a nuestro viaje literario para seguir celebrando la
+            magia de las palabras y compartiendo historias que inspiran.
+          </p>
+          <p>"LIBROTEKA, un mundo de conocimiento a un click de distancia"</p>
         </div>
+        <div class="col-md-2" style="background-color: #e7e0d8"></div>
+      </div>
     </div>
-    <div class="container mt-5" style="position: relative;top: 40px;">
-        <h3 class="text-center py-4">NUESTRO EQUIPO</h3>
-        <div class="row">
-            <div class="col-md-2 py-4 "></div>
-            <div class="col-md-2 py-4 ">
-                <div class="card" style="width: 150px;">
-                    <img src="../assets/Axel Cardozo.jpg" alt="Cardozo" class="card-img-top">
-                    <div class="card-body">
-                        <p class="card-text">Axel Cardozo</p>
-                    </div>
-                </div>
+    <div class="col-md-2"></div>
+
+    <div
+      class="container mt-5"
+      style="position: relative; top: 40px; background-color: #e7e0d8"
+    >
+      <h3 class="text-center py-4">NUESTRO EQUIPO</h3>
+      <div class="row">
+        <div class="col-md-2 py-4"></div>
+        <div class="col-md-2 py-4">
+          <div class="card" style="width: 150px">
+            <img
+              src="../assets/Axel Cardozo.jpg"
+              alt="Cardozo"
+              class="card-img-top"
+            />
+            <div class="card-body">
+              <p class="card-text">Axel Cardozo</p>
             </div>
-            <div class="col-md-2 py-4">
-                <div class="card" style="width: 150px;">
-                    <img src="../assets/Luciana Pucheta.jpg" alt="Pucheta" class="card-img-top">
-                    <div class="card-body">
-                        <p class="card-text">Luciana Pucheta</p>
-                    </div>
-                </div>
+          </div>
+        </div>
+        <div class="col-md-2 py-4">
+          <div class="card" style="width: 150px">
+            <img
+              src="../assets/Luciana Pucheta.jpg"
+              alt="Pucheta"
+              class="card-img-top"
+            />
+            <div class="card-body">
+              <p class="card-text">Luciana Pucheta</p>
             </div>
-            <div class="col-md-2 py-4">
-                <div class="card" style="width: 150px;">
-                    <img src="../assets/Raúl Sasinka.jpg" alt="Sasinka" class="card-img-top">
-                    <div class="card-body">
-                        <p class="card-text">Raúl Sasinka</p>
-                    </div>
-                </div>
+          </div>
+        </div>
+        <div class="col-md-2 py-4">
+          <div class="card" style="width: 150px">
+            <img
+              src="../assets/Raúl Sasinka.jpg"
+              alt="Sasinka"
+              class="card-img-top"
+            />
+            <div class="card-body">
+              <p class="card-text">Raúl Sasinka</p>
             </div>
-            <div class="col-md-2 py-4">
-                <div class="card" style="width: 150px;">
-                    <img src="../assets/Daniel Segall.jpg" alt="Segall" class="card-img-top">
-                    <div class="card-body">
-                        <p class="card-text">Daniel Segall</p>
-                    </div>
-                </div>
+          </div>
+        </div>
+        <div class="col-md-2 py-4">
+          <div class="card" style="width: 150px">
+            <img
+              src="../assets/Daniel Segall.jpg"
+              alt="Segall"
+              class="card-img-top"
+            />
+            <div class="card-body">
+              <p class="card-text">Daniel Segall</p>
             </div>
-            <div class="col-md-2 py-4"></div>
-            <div class="col-md-2 py-4 "></div>
-            <div class="col-md-2 py-4">
-                <div class="card" style="width: 150px;">
-                    <img src="../assets/Celeste Trujillo.jpg" alt="Trujillo" class="card-img-top">
-                    <div class="card-body">
-                        <p class="card-text">Celeste Trujillo</p>
-                    </div>
-                </div>
+          </div>
+        </div>
+        <div class="col-md-2 py-4"></div>
+        <div class="col-md-2 py-4"></div>
+        <div class="col-md-2 py-4">
+          <div class="card" style="width: 150px">
+            <img
+              src="../assets/Celeste Trujillo.jpg"
+              alt="Trujillo"
+              class="card-img-top"
+            />
+            <div class="card-body">
+              <p class="card-text">Celeste Trujillo</p>
             </div>
-            <div class="col-md-2 py-4">
-                <div class="card" style="width: 150px;">
-                    <img src="../assets/Jorgelina Sapp.jpg" alt="Sapp" class="card-img-top">
-                    <div class="card-body">
-                        <p class="card-text">Jorgelina Sapp</p>
-                    </div>
-                </div>
+          </div>
+        </div>
+        <div class="col-md-2 py-4">
+          <div class="card" style="width: 150px">
+            <img
+              src="../assets/Jorgelina Sapp.jpg"
+              alt="Sapp"
+              class="card-img-top"
+            />
+            <div class="card-body">
+              <p class="card-text">Jorgelina Sapp</p>
             </div>
-            <div class="col-md-2 py-4">
-                <div class="card" style="width: 150px;">
-                    <img src="../assets/Juan Suarez.jpg" alt="Suarez" class="card-img-top">
-                    <div class="card-body">
-                        <p class="card-text">Juan Suarez</p>
-                    </div>
-                </div>
+          </div>
+        </div>
+        <div class="col-md-2 py-4">
+          <div class="card" style="width: 150px">
+            <img
+              src="../assets/Juan Suarez.jpg"
+              alt="Suarez"
+              class="card-img-top"
+            />
+            <div class="card-body">
+              <p class="card-text">Juan Suarez</p>
             </div>
-            <div class="col-md-2 py-4">
-                <div class="card" style="width: 150px;">
-                    <img src="../assets/Mónica Zapata.jpg" alt="Zapata" class="card-img-top">
-                    <div class="card-body">
-                        <p class="card-text">Mónica Zapata</p>
-                    </div>
-                </div>
+          </div>
+        </div>
+        <div class="col-md-2 py-4">
+          <div class="card" style="width: 150px">
+            <img
+              src="../assets/Mónica Zapata.jpg"
+              alt="Zapata"
+              class="card-img-top"
+            />
+            <div class="card-body">
+              <p class="card-text">Mónica Zapata</p>
             </div>
-            <div class="col-md-2 py-4"></div>
+          </div>
+        </div>
+        <div class="col-md-2 py-4"></div>
 
-            <div class="col-md-4 py-4"></div>
-            <div class="col-md-2 py-4">
-                <div class="card" style="width: 150px;">
-                    <img src="../assets/Leandro Santiago.jpg" alt="Santiago" class="card-img-top">
-                    <div class="card-body">
-                        <p class="card-text">Leandro Santiago</p>
-                    </div>
-                </div>
+        <div class="col-md-4 py-4"></div>
+        <div class="col-md-2 py-4">
+          <div class="card" style="width: 150px">
+            <img
+              src="../assets/Leandro Santiago.jpg"
+              alt="Santiago"
+              class="card-img-top"
+            />
+            <div class="card-body">
+              <p class="card-text">Leandro Santiago</p>
             </div>
-            <div class="col-md-2 py-4">
-                <div class="card" style="width: 150px;">
-                    <img src="../assets/Ángel Villarreal Barroso.jpg" alt="Villarreal" class="card-img-top">
-                    <div class="card-body">
-                        <p class="card-text">Ángel Villarreal</p>
-                    </div>
-                </div>
+          </div>
+        </div>
+        <div class="col-md-2 py-4">
+          <div class="card" style="width: 150px">
+            <img
+              src="../assets/Ángel Villarreal Barroso.jpg"
+              alt="Villarreal"
+              class="card-img-top"
+            />
+            <div class="card-body">
+              <p class="card-text">Ángel Villarreal</p>
             </div>
-            <div class="col-md-4 py- "></div>
+          </div>
         </div>
+        <div class="col-md-4 py-"></div>
+      </div>
     </div>
-
-    <footer class="bg-dark text-light text-center py-3" style="position: relative;top: 50px;">
-        <div class="container">
-            <div class="row">
-                <div class=" mt-3">
-                    <div class="col text-center mt-3">
-                        <p><a href="#" class="btn btn-primary">SUSCRIBIRSE AQUI</a></p>
-                    </div>
-                </div>
-            </div>
-            <div class="row">
-                <div class="col-md-4 text-center ">
-                    <h3>CONTACTO</h3>
-                    <p>Email: <a href="mailto:librerias@libroteka.com">librerias@libroteka.com</a></p>
-                    <p>Teléfono: <a href="tel:081022254276">0810 222 LIBRO (54276)</a></p>
-                    <p>WhatsApp: <a href="https://web.whatsapp.com/" target="_blank">+54 9 351 1234567</a></p>
-                    <p>Arrepentimiento: <a href="#">Click Aquí</a></p>
-                </div>
-                <div class="col text-center-md-4">
-                    <h3>EXPLORAR</h3>
-                    <ul>
-                        <li><a href="../index.html">Inicio</a></li>
-                        <li><a href="./categorias.html">Categorias</a></li>
-                        <li><a href="#">Mas Vendidos</a></li>
-                        <li><a href="./sobreNosotros.html">Sobre Nosotros</a></li>
-                        <li><a href="./contacto.html">Contacto</a></li>
-                    </ul>
-                </div>
-                <div class="col text-center-md-4">
-                    <h3>MI CUENTA</h3>
-                    <ul>
-                        <li><a href="#">Ingresar</a></li>
-                        <li><a href="#">Ver Carrito</a></li>
-                        <li><a href="#">Favoritos</a></li>
-                        <li><a href="#">Finalizar Compra</a></li>
-                    </ul>
-                </div>
+    <footer
+      class="bg-dark text-light text-center py-3"
+      style="position: relative; top: 50px"
+    >
+      <div class="container">
+        <div class="row">
+          <div class="mt-3">
+            <div class="col text-center mt-3">
+              <p><a href="#" class="btn btn-primary">SUSCRIBIRSE AQUI</a></p>
             </div>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col-md-4 text-center">
+            <h3>CONTACTO</h3>
+            <p>
+              Email:
+              <a href="mailto:librerias@libroteka.com"
+                >librerias@libroteka.com</a
+              >
+            </p>
+            <p>
+              Teléfono: <a href="tel:081022254276">0810 222 LIBRO (54276)</a>
+            </p>
+            <p>
+              WhatsApp:
+              <a href="https://web.whatsapp.com/" target="_blank"
+                >+54 9 351 1234567</a
+              >
+            </p>
+            <p>Arrepentimiento: <a href="#">Click Aquí</a></p>
+          </div>
+          <div class="col text-center-md-4">
+            <h3>EXPLORAR</h3>
+            <ul>
+              <li><a href="../index.html">Inicio</a></li>
+              <li><a href="./categorias.html">Categorias</a></li>
+              <li><a href="./masvendidos.html">Mas Vendidos</a></li>
+              <li><a href="./sobreNosotros.html">Sobre Nosotros</a></li>
+              <li><a href="./contacto.html">Contacto</a></li>
+            </ul>
+          </div>
+          <div class="col text-center-md-4">
+            <h3>MI CUENTA</h3>
+            <ul>
+              <li><a href="login.html">Ingresar</a></li>
+              <li><a href="#">Ver Carrito</a></li>
+              <li><a href="#">Favoritos</a></li>
+              <li><a href="#">Finalizar Compra</a></li>
+            </ul>
+          </div>
+        </div>
+        <div class="row">
+          <div class="container">
             <div class="row">
-                <div class="container">
-                    <div class="row">
-                        <div class="col text-center">
-                            <p>&copy; 2023 Tu Tienda online </p>
-                        </div>
-                    </div>
-                </div>
+              <div class="col text-center">
+                <p>&copy; 2023 Tu Tienda online</p>
+              </div>
             </div>
+          </div>
         </div>
+      </div>
     </footer>
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
-    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>
-</body>
 
-</html>
\ No newline at end of file
+    <div class="container-fluid position-fixed top-50">
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://facebook.com/"
+            ><i class="fa-brands fa-square-facebook fa-xl"></i
+          ></a>
+        </div>
+      </div>
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://twitter.com/"
+            ><i class="fa-brands fa-square-twitter fa-xl"></i
+          ></a>
+        </div>
+      </div>
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://www.whatsapp.com/"
+            ><i class="fa-brands fa-square-whatsapp fa-xl"></i
+          ></a>
+        </div>
+      </div>
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://www.instagram.com/"
+            ><i class="fa-brands fa-square-instagram fa-xl"></i
+          ></a>
+        </div>
+      </div>
+    </div>
+
+    <script
+      src="https://kit.fontawesome.com/6a6212d90e.js"
+      crossorigin="anonymous"
+    ></script>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.5.2/dist/js/bootstrap.bundle.min.js"></script>
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
+      integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    /><link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9"
+      crossorigin="anonymous"
+    />
+
+    <div class="container-fluid position-fixed top-50">
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://facebook.com/"
+            ><i class="fa-brands fa-square-facebook fa-xl"></i
+          ></a>
+        </div>
+      </div>
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://twitter.com/"
+            ><i class="fa-brands fa-square-twitter fa-xl"></i
+          ></a>
+        </div>
+      </div>
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://www.whatsapp.com/"
+            ><i class="fa-brands fa-square-whatsapp fa-xl"></i
+          ></a>
+        </div>
+      </div>
+      <div class="row">
+        <div class="container-fluid">
+          <a href="https://www.instagram.com/"
+            ><i class="fa-brands fa-square-instagram fa-xl"></i
+          ></a>
+        </div>
+      </div>
+    </div>
+
+    <script
+      src="https://kit.fontawesome.com/6a6212d90e.js"
+      crossorigin="anonymous"
+    ></script>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.5.2/dist/js/bootstrap.bundle.min.js"></script>
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
+      integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    /><link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9"
+      crossorigin="anonymous"
+    />
+    <!-- Pie de página -->
+
+    <script
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js"
+      integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm"
+      crossorigin="anonymous"
+    ></script>
+    <script
+      src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
+      integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
+      crossorigin="anonymous"
+    ></script>
+    <script
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.min.js"
+      integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa"
+      crossorigin="anonymous"
+    ></script>
+  </body>
+</html>
