diff --git a/carrito.html b/carrito.html
index f23d939..6320047 100644
--- a/carrito.html
+++ b/carrito.html
@@ -25,12 +25,13 @@ <h1>logito</h1>
                     <div class="d-flex justify-content-center">
                         <div class="navbar">
                             <div class="form-inline">
-                                <a class="btn" data-toggle="tooltip" data-placement="bottom" title="12">
-                                    <i class="bi bi-cart4 text-dark"></i></a>
-                                <a class="btn" data-toggle="tooltip" data-placement="bottom" title="12">
+                                <a class="btn" href="carrito.html" data-toggle="tooltip" data-placement="bottom"
+                                    title="12">
+                                    <i class="bi bi-cart4 text-dark"></i><span class="badge badge-secondary">4</span></a>
+                                <a class="btn" data-toggle="modal" data-target="#modalLoginUser">
                                     <i class="bi bi-person text-primary"></i></a>
                                 <a class="btn" data-toggle="tooltip" data-placement="bottom" title="12">
-                                    <i class="bi bi-suit-heart text-danger"></i></a>
+                                    <i class="bi bi-suit-heart text-danger"></i><span class="badge badge-danger">2</span></a>
                             </div>
                         </div>
                     </div>
@@ -52,27 +53,28 @@ <h1>logito</h1>
 
                         <div class="collapse navbar-collapse" id="navbarSupportedContent">
                             <ul class="navbar-nav mr-auto">
-                                <li class="nav-item active">
+                                <li class="nav-item">
                                     <a class="nav-link" href="index.html">Inicio <span
                                             class="sr-only">(current)</span></a>
                                 </li>
-                                <li class="nav-item">
+                                <!-- <li class="nav-item">
                                     <a class="nav-link" href="catalogo.html">Catalogo</a>
-                                </li>
+                                </li> -->
                                 <li class="nav-item">
                                     <a class="nav-link" href="productos.html">Productos</a>
                                 </li>
-                                <li class="nav-item">
+                                <!-- <li class="nav-item">
                                     <a class="nav-link" href="servicios.html">Servicios</a>
-                                </li>
-                                <li class="nav-item">
+                                </li> -->
+                                <li class="nav-item active">
                                     <a class="nav-link" href="carrito.html">Carrito</a>
                                 </li>
                                 <li class="nav-item">
                                     <a class="nav-link" href="nosotros.html">Nosotros</a>
                                 </li>
                                 <li class="nav-item">
-                                    <a class="nav-link" href="contacto.html">Contacto</a>
+                                    <a class="nav-link" href="contacto.html" data-toggle="modal"
+                                        data-target="#M_contatc">Contacto</a>
                                 </li>
                             </ul>
                         </div>
@@ -82,7 +84,7 @@ <h1>logito</h1>
         </header>
 
 
-<br><br><br><br>
+        <br><br><br><br>
         <div class="d-flex justify-content-center">
             <button class="btn btn-dark">Realizar compra</button>
         </div>
@@ -136,8 +138,113 @@ <h6 class="text-danger text-center ">Total: </h6> <span class="text-dark">$3600<
         </div>
 
 
-        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
+        <br><br><br><br>
+
+    </div>
 
+    <div class="bg-dark">
+        <br><br><br>
+        <hr>
+        <footer id="bgFooterMain">
+            <div class="container">
+                <div class="row">
+                    <div class="col-12 col-md-4 mt-md-0 mt-3">
+                        <!-- Content -->
+                        <!-- <h5 class="text-uppercase text-center text-light">Ubicación</h5> -->
+                        <h1 class="text-center text-muted">Ubicación</h1>
+                        <iframe
+                            src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d1938.1637113611694!2d-89.2289306!3d13.6986087!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8f63303f2266ced1%3A0x1305fab92194bef3!2sDistribuidora%20del%20Caribe!5e0!3m2!1ses-419!2ssv!4v1598929293075!5m2!1ses-419!2ssv"
+                            width="100%" height="175px" frameborder="0" style="border-radius: 4px;" allowfullscreen=""
+                            aria-hidden="false" tabindex="0">
+                        </iframe>
+                    </div>
+                    <div class="col col-md-4 bg-dark">
+                        <h1 class="text-center text-muted">Servicios</h1>
+                        <ul class="list-group bg-dark list-group-flush ">
+                            <li class="list-group-item bg-dark text-white">Preguntas más frecuentes</li>
+                            <li class="list-group-item bg-dark text-white">Términos y condiciones</li>
+                        </ul>
+                    </div>
+                    <div class="col-12 col-sm-12 col-md-4">
+                        <h1 class="text-center text-white" style="z-index: 1000; ">Contacto</h1>
+                        <ul class="list-group">
+                            <li class="list-group-item bg-dark text-white"><i class="bi bi-telephone"></i> +503
+                                1212-1212</li>
+                            <li class="list-group-item bg-dark text-white"><i class="bi bi-envelope"></i>
+                                ejemplo@gmail.com</li>
+                        </ul>
+                        <div class="contenedor" id="socialNetBox">
+                            <div class="redes-sociales">
+                                <div class="contenedor-icono">
+                                    <a href="#" target="_blank" class="whatsapp">
+                                        <i class="bi bi-whatsapp"></i>
+                                    </a>
+                                </div>
+                                <div class="contenedor-icono">
+                                    <a href="#" target="_blank" class="facebook">
+                                        <i class="bi bi-facebook"></i>
+                                    </a>
+                                </div>
+                                <div class="contenedor-icono">
+                                    <a href="#" target="_blank" class="instagram">
+                                        <i class="bi bi-instagram"></i>
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col col-md-12 ">
+                        <p class="text-white text-center" style="z-index: 1000; ">Copyright © 2021 . Todos los derechos
+                            reservados. Hecha por
+                            isaac SV</p>
+                    </div>
+                </div>
+            </div>
+        </footer>
+    </div>
+
+
+    <!-- Modal -->
+    <div class="modal fade" id="M_contatc" tabindex="-1" role="dialog" aria-labelledby="mo_subid" aria-hidden="true">
+        <div class="modal-dialog" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title" id="mo_subid">Contacto</h5>
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                        <span aria-hidden="true">&times;</span>
+                    </button>
+                </div>
+                <div class="modal-body">
+                    <form>
+                        <div class="form-group">
+                            <label for="nombre_r">Nombre</label>
+                            <input type="text" class="form-control" id="nombre_r">
+                        </div>
+                        <div class="form-group">
+                            <label for="asunto_r">Asunto</label>
+                            <input type="text" class="form-control" id="asunto_r">
+                        </div>
+                        <div class="form-group">
+                            <label for="email_r">Correo</label>
+                            <input type="email" class="form-control" id="email_r">
+
+                        </div>
+                        <div class="form-group">
+                            <label for="exampleFormControlTextarea1">Descripción</label>
+                            <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
+                        </div>
+                        <!-- <div class="form-group form-check">
+                            <input type="checkbox" class="form-check-input" id="exampleCheck1">
+                            <label class="form-check-label" for="exampleCheck1">Check me out</label>
+                        </div> -->
+                        <button type="submit" class="btn btn-primary">Enviar</button>
+                    </form>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
+                </div>
+            </div>
+        </div>
     </div>
 
 
diff --git a/contacto.html b/contacto.html
index e05ff68..9fb099e 100644
--- a/contacto.html
+++ b/contacto.html
@@ -56,15 +56,15 @@ <h1>logito</h1>
                                     <a class="nav-link" href="index.html">Inicio <span
                                             class="sr-only">(current)</span></a>
                                 </li>
-                                <li class="nav-item">
+                                <!-- <li class="nav-item">
                                     <a class="nav-link" href="catalogo.html">Catalogo</a>
-                                </li>
+                                </li> -->
                                 <li class="nav-item">
                                     <a class="nav-link" href="productos.html">Productos</a>
                                 </li>
-                                <li class="nav-item">
+                                <!-- <li class="nav-item">
                                     <a class="nav-link" href="servicios.html">Servicios</a>
-                                </li>
+                                </li> -->
                                 <li class="nav-item">
                                     <a class="nav-link" href="carrito.html">Carrito</a>
                                 </li>
diff --git a/index.html b/index.html
index a3fabf4..9269087 100644
--- a/index.html
+++ b/index.html
@@ -26,11 +26,11 @@ <h1>logito</h1>
                             <div class="form-inline">
                                 <a class="btn" href="carrito.html" data-toggle="tooltip" data-placement="bottom"
                                     title="12">
-                                    <i class="bi bi-cart4 text-dark"></i></a>
-                                <a class="btn" data-toggle="tooltip" data-placement="bottom" title="12">
+                                    <i class="bi bi-cart4 text-dark"></i><span class="badge badge-secondary">4</span></a>
+                                <a class="btn" data-toggle="modal" data-target="#modalLoginUser">
                                     <i class="bi bi-person text-primary"></i></a>
                                 <a class="btn" data-toggle="tooltip" data-placement="bottom" title="12">
-                                    <i class="bi bi-suit-heart text-danger"></i></a>
+                                    <i class="bi bi-suit-heart text-danger"></i><span class="badge badge-danger">2</span></a>
                             </div>
                         </div>
                     </div>
@@ -56,15 +56,15 @@ <h1>logito</h1>
                                     <a class="nav-link" href="index.html">Inicio <span
                                             class="sr-only">(current)</span></a>
                                 </li>
-                                <li class="nav-item">
+                                <!-- <li class="nav-item">
                                     <a class="nav-link" href="catalogo.html">Catalogo</a>
-                                </li>
+                                </li> -->
                                 <li class="nav-item">
                                     <a class="nav-link" href="productos.html">Productos</a>
                                 </li>
-                                <li class="nav-item">
+                                <!-- <li class="nav-item">
                                     <a class="nav-link" href="servicios.html">Servicios</a>
-                                </li>
+                                </li> -->
                                 <li class="nav-item">
                                     <a class="nav-link" href="carrito.html">Carrito</a>
                                 </li>
@@ -72,7 +72,8 @@ <h1>logito</h1>
                                     <a class="nav-link" href="nosotros.html">Nosotros</a>
                                 </li>
                                 <li class="nav-item">
-                                    <a class="nav-link" href="contacto.html">Contacto</a>
+                                    <a class="nav-link" href="contacto.html" data-toggle="modal"
+                                        data-target="#M_contatc">Contacto</a>
                                 </li>
                             </ul>
 
@@ -466,7 +467,7 @@ <h1 class="text-center text-muted">Ubicación</h1>
                         </iframe>
                     </div>
                     <div class="col col-md-4 bg-dark">
-                        <h1 class="text-center text-muted">Serviciós</h1>
+                        <h1 class="text-center text-muted">Servicios</h1>
                         <ul class="list-group bg-dark list-group-flush ">
                             <li class="list-group-item bg-dark text-white">Preguntas más frecuentes</li>
                             <li class="list-group-item bg-dark text-white">Términos y condiciones</li>
@@ -476,24 +477,24 @@ <h1 class="text-center text-muted">Serviciós</h1>
                         <h1 class="text-center text-white" style="z-index: 1000; ">Contacto</h1>
                         <ul class="list-group">
                             <li class="list-group-item bg-dark text-white"><i class="bi bi-telephone"></i> +503
-                                2448-9658</li>
+                                1212-1212</li>
                             <li class="list-group-item bg-dark text-white"><i class="bi bi-envelope"></i>
-                                atecnoweejem@gmail.com</li>
+                                ejemplo@gmail.com</li>
                         </ul>
                         <div class="contenedor" id="socialNetBox">
                             <div class="redes-sociales">
                                 <div class="contenedor-icono">
-                                    <a href="http://www.twitter.com/falconmasters" target="_blank" class="whatsapp">
+                                    <a href="#" target="_blank" class="whatsapp">
                                         <i class="bi bi-whatsapp"></i>
                                     </a>
                                 </div>
                                 <div class="contenedor-icono">
-                                    <a href="http://www.facebook.com/falconmasters" target="_blank" class="facebook">
+                                    <a href="#" target="_blank" class="facebook">
                                         <i class="bi bi-facebook"></i>
                                     </a>
                                 </div>
                                 <div class="contenedor-icono">
-                                    <a href="http://www.instagram.com" target="_blank" class="instagram">
+                                    <a href="#" target="_blank" class="instagram">
                                         <i class="bi bi-instagram"></i>
                                     </a>
                                 </div>
@@ -503,12 +504,11 @@ <h1 class="text-center text-white" style="z-index: 1000; ">Contacto</h1>
                     <div class="col col-md-12 ">
                         <p class="text-white text-center" style="z-index: 1000; ">Copyright © 2021 . Todos los derechos
                             reservados. Hecha por
-                            DMLight SV</p>
+                            isaac SV</p>
                     </div>
                 </div>
             </div>
         </footer>
-
     </div>
 
 
@@ -601,6 +601,51 @@ <h6>Especificaciones</h6>
     </div>
 
 
+
+    <!-- Modal -->
+    <div class="modal fade" id="M_contatc" tabindex="-1" role="dialog" aria-labelledby="mo_subid" aria-hidden="true">
+        <div class="modal-dialog" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title" id="mo_subid">Contacto</h5>
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                        <span aria-hidden="true">&times;</span>
+                    </button>
+                </div>
+                <div class="modal-body">
+                    <form>
+                        <div class="form-group">
+                            <label for="nombre_r">Nombre</label>
+                            <input type="text" class="form-control" id="nombre_r">
+                        </div>
+                        <div class="form-group">
+                            <label for="asunto_r">Asunto</label>
+                            <input type="text" class="form-control" id="asunto_r">
+                        </div>
+                        <div class="form-group">
+                            <label for="email_r">Correo</label>
+                            <input type="email" class="form-control" id="email_r">
+
+                        </div>
+                        <div class="form-group">
+                            <label for="exampleFormControlTextarea1">Descripción</label>
+                            <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
+                        </div>
+                        <!-- <div class="form-group form-check">
+                            <input type="checkbox" class="form-check-input" id="exampleCheck1">
+                            <label class="form-check-label" for="exampleCheck1">Check me out</label>
+                        </div> -->
+                        <button type="submit" class="btn btn-primary">Enviar</button>
+                    </form>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
+
     <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
         integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
         crossorigin="anonymous"></script>
diff --git a/nosotros.html b/nosotros.html
index fc1c6b3..0d46cd9 100644
--- a/nosotros.html
+++ b/nosotros.html
@@ -26,11 +26,11 @@ <h1>logito</h1>
                             <div class="form-inline">
                                 <a class="btn" href="carrito.html" data-toggle="tooltip" data-placement="bottom"
                                     title="12">
-                                    <i class="bi bi-cart4 text-dark"></i></a>
+                                    <i class="bi bi-cart4 text-dark"></i><span class="badge badge-secondary">4</span></a>
                                 <a class="btn" data-toggle="modal" data-target="#modalLoginUser">
                                     <i class="bi bi-person text-primary"></i></a>
                                 <a class="btn" data-toggle="tooltip" data-placement="bottom" title="12">
-                                    <i class="bi bi-suit-heart text-danger"></i></a>
+                                    <i class="bi bi-suit-heart text-danger"></i><span class="badge badge-danger">2</span></a>
                             </div>
                         </div>
                     </div>
@@ -52,27 +52,28 @@ <h1>logito</h1>
 
                         <div class="collapse navbar-collapse" id="navbarSupportedContent">
                             <ul class="navbar-nav mr-auto">
-                                <li class="nav-item active">
+                                <li class="nav-item ">
                                     <a class="nav-link" href="index.html">Inicio <span
                                             class="sr-only">(current)</span></a>
                                 </li>
-                                <li class="nav-item">
+                                <!-- <li class="nav-item">
                                     <a class="nav-link" href="catalogo.html">Catalogo</a>
-                                </li>
+                                </li> -->
                                 <li class="nav-item">
                                     <a class="nav-link" href="productos.html">Productos</a>
                                 </li>
-                                <li class="nav-item">
+                                <!-- <li class="nav-item">
                                     <a class="nav-link" href="servicios.html">Servicios</a>
-                                </li>
+                                </li> -->
                                 <li class="nav-item">
                                     <a class="nav-link" href="carrito.html">Carrito</a>
                                 </li>
-                                <li class="nav-item">
+                                <li class="nav-item active">
                                     <a class="nav-link" href="nosotros.html">Nosotros</a>
                                 </li>
-                                <li class="nav-item">
-                                    <a class="nav-link" href="contacto.html">Contacto</a>
+                                <li class="nav-item ">
+                                    <a class="nav-link" href="contacto.html" data-toggle="modal"
+                                        data-target="#M_contatc">Contacto</a>
                                 </li>
                             </ul>
 
@@ -83,7 +84,128 @@ <h1>logito</h1>
         </header>
     </div>
 
+    <div class="container mt-4">
+        <div class="row no-gutters">
+            <div class="col-md-6 card">
+                <div class="card-body">
+                    <h5 class="card-title text-center">Misión</h5>
+                    <div class="d-flex justify-content-center">
+                        <div class="mx-auto d-block line_teal4ps"> </div>
+                    </div>
+                    <p class="card-text text-center">
+                        Estamos para tí en ese momento inolvidable, para ello nuestra compañia esta en
+                        bodas, quince años, renovación de votos, matrimonios,baby shower... Tenemos todo para tí por eso
+                        damos servicios como
+                        decoraciones de mesas,sillas, adornos, utencilios y si lo deseas personalizamos pasteles.
+                    </p>
+                </div>
+            </div>
+            <div class="col-md-6 card">
+                <div class="card-body">
+                    <h5 class="card-title text-center">Visión</h5>
+                    <div class="d-flex justify-content-center">
+                        <div class="mx-auto d-block line_teal4ps"> </div>
+                    </div>
+                    <p class="card-text text-center">
+                        Estamos para tí en ese momento inolvidable, para ello nuestra compañia esta en
+                        bodas, quince años, renovación de votos, matrimonios,baby shower... Tenemos todo para tí por eso
+                        damos servicios como
+                        decoraciones de mesas,sillas, adornos, utencilios y si lo deseas personalizamos pasteles.
+                    </p>
+                </div>
+            </div>
+        </div>
 
+        <div class="crd_boxsha mt-3 card shadow-ld">
+            <div class="text-center">
+              <h1>Nuestra Historia</h1>
+            </div>
+            <div class="row no-gutters">
+              <div class="col-md-6">
+                <div class="card-body">
+                  <p class="card-text text-justify">
+                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                    <br>
+                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                  </p>
+                </div>
+              </div>
+              <div class="col-md-6">
+                <div class="card-body">
+                  <p class="card-text text-justify">
+                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+                    Lorem ipsum dolor sit amet.
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
+    </div>
+
+    <br><br><br><br>
+    <div class="bg-dark">
+        <br><br><br>
+        <hr>
+        <footer id="bgFooterMain">
+            <div class="container">
+                <div class="row">
+                    <div class="col-12 col-md-4 mt-md-0 mt-3">
+                        <!-- Content -->
+                        <!-- <h5 class="text-uppercase text-center text-light">Ubicación</h5> -->
+                        <h1 class="text-center text-muted">Ubicación</h1>
+                        <iframe
+                            src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d1938.1637113611694!2d-89.2289306!3d13.6986087!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8f63303f2266ced1%3A0x1305fab92194bef3!2sDistribuidora%20del%20Caribe!5e0!3m2!1ses-419!2ssv!4v1598929293075!5m2!1ses-419!2ssv"
+                            width="100%" height="175px" frameborder="0" style="border-radius: 4px;" allowfullscreen=""
+                            aria-hidden="false" tabindex="0">
+                        </iframe>
+                    </div>
+                    <div class="col col-md-4 bg-dark">
+                        <h1 class="text-center text-muted">Servicios</h1>
+                        <ul class="list-group bg-dark list-group-flush ">
+                            <li class="list-group-item bg-dark text-white">Preguntas más frecuentes</li>
+                            <li class="list-group-item bg-dark text-white">Términos y condiciones</li>
+                        </ul>
+                    </div>
+                    <div class="col-12 col-sm-12 col-md-4">
+                        <h1 class="text-center text-white" style="z-index: 1000; ">Contacto</h1>
+                        <ul class="list-group">
+                            <li class="list-group-item bg-dark text-white"><i class="bi bi-telephone"></i> +503
+                                1212-1212</li>
+                            <li class="list-group-item bg-dark text-white"><i class="bi bi-envelope"></i>
+                                ejemplo@gmail.com</li>
+                        </ul>
+                        <div class="contenedor" id="socialNetBox">
+                            <div class="redes-sociales">
+                                <div class="contenedor-icono">
+                                    <a href="#" target="_blank" class="whatsapp">
+                                        <i class="bi bi-whatsapp"></i>
+                                    </a>
+                                </div>
+                                <div class="contenedor-icono">
+                                    <a href="#" target="_blank" class="facebook">
+                                        <i class="bi bi-facebook"></i>
+                                    </a>
+                                </div>
+                                <div class="contenedor-icono">
+                                    <a href="#" target="_blank" class="instagram">
+                                        <i class="bi bi-instagram"></i>
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col col-md-12 ">
+                        <p class="text-white text-center" style="z-index: 1000; ">Copyright © 2021 . Todos los derechos
+                            reservados. Hecha por
+                            isaac SV</p>
+                    </div>
+                </div>
+            </div>
+        </footer>
+    </div>
 
 
 
@@ -126,8 +248,8 @@ <h5 class="modal-title" id="modalLoginUserLabel">Modal title</h5>
                         </div>
                         <div class="form-group">
                             <label class="form-check-label" for="gridCheck">
-                                No tienes cuenta? <a href="#modalRegisteruser" data-toggle="modal" data-target="#modalRegisteruser"
-                                    data-dismiss="modal">Sign Up</a>
+                                No tienes cuenta? <a href="#modalRegisteruser" data-toggle="modal"
+                                    data-target="#modalRegisteruser" data-dismiss="modal">Sign Up</a>
                             </label>
                         </div>
                     </form>
@@ -277,6 +399,48 @@ <h5 class="modal-title" id="modalRegisteruserLabel">Modal title</h5>
     </div>
 
 
+  <!-- Modal -->
+  <div class="modal fade" id="M_contatc" tabindex="-1" role="dialog" aria-labelledby="mo_subid" aria-hidden="true">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="mo_subid">Contacto</h5>
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                </button>
+            </div>
+            <div class="modal-body">
+                <form>
+                    <div class="form-group">
+                        <label for="nombre_r">Nombre</label>
+                        <input type="text" class="form-control" id="nombre_r">
+                    </div>
+                    <div class="form-group">
+                        <label for="asunto_r">Asunto</label>
+                        <input type="text" class="form-control" id="asunto_r">
+                    </div>
+                    <div class="form-group">
+                        <label for="email_r">Correo</label>
+                        <input type="email" class="form-control" id="email_r">
+
+                    </div>
+                    <div class="form-group">
+                        <label for="exampleFormControlTextarea1">Descripción</label>
+                        <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
+                    </div>
+                    <!-- <div class="form-group form-check">
+                        <input type="checkbox" class="form-check-input" id="exampleCheck1">
+                        <label class="form-check-label" for="exampleCheck1">Check me out</label>
+                    </div> -->
+                    <button type="submit" class="btn btn-primary">Enviar</button>
+                </form>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
+            </div>
+        </div>
+    </div>
+</div>
 
 
     <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
diff --git a/productos.html b/productos.html
index 687d278..ecc88ee 100644
--- a/productos.html
+++ b/productos.html
@@ -25,12 +25,13 @@ <h1>logito</h1>
                     <div class="d-flex justify-content-center">
                         <div class="navbar">
                             <div class="form-inline">
-                                <a class="btn" data-toggle="tooltip" data-placement="bottom" title="12">
-                                    <i class="bi bi-cart4 text-dark"></i></a>
-                                <a class="btn" data-toggle="tooltip" data-placement="bottom" title="12">
+                                <a class="btn" href="carrito.html" data-toggle="tooltip" data-placement="bottom"
+                                    title="12">
+                                    <i class="bi bi-cart4 text-dark"></i><span class="badge badge-secondary">4</span></a>
+                                <a class="btn" data-toggle="modal" data-target="#modalLoginUser">
                                     <i class="bi bi-person text-primary"></i></a>
                                 <a class="btn" data-toggle="tooltip" data-placement="bottom" title="12">
-                                    <i class="bi bi-suit-heart text-danger"></i></a>
+                                    <i class="bi bi-suit-heart text-danger"></i><span class="badge badge-danger">2</span></a>
                             </div>
                         </div>
                     </div>
@@ -52,19 +53,19 @@ <h1>logito</h1>
 
                         <div class="collapse navbar-collapse" id="navbarSupportedContent">
                             <ul class="navbar-nav mr-auto">
-                                <li class="nav-item active">
+                                <li class="nav-item ">
                                     <a class="nav-link" href="index.html">Inicio <span
                                             class="sr-only">(current)</span></a>
                                 </li>
-                                <li class="nav-item">
+                                <!-- <li class="nav-item">
                                     <a class="nav-link" href="catalogo.html">Catalogo</a>
-                                </li>
-                                <li class="nav-item">
+                                </li> -->
+                                <li class="nav-item active">
                                     <a class="nav-link" href="productos.html">Productos</a>
                                 </li>
-                                <li class="nav-item">
+                                <!-- <li class="nav-item">
                                     <a class="nav-link" href="servicios.html">Servicios</a>
-                                </li>
+                                </li> -->
                                 <li class="nav-item">
                                     <a class="nav-link" href="carrito.html">Carrito</a>
                                 </li>
@@ -72,7 +73,8 @@ <h1>logito</h1>
                                     <a class="nav-link" href="nosotros.html">Nosotros</a>
                                 </li>
                                 <li class="nav-item">
-                                    <a class="nav-link" href="contacto.html">Contacto</a>
+                                    <a class="nav-link" href="contacto.html" data-toggle="modal"
+                                        data-target="#M_contatc">Contacto</a>
                                 </li>
                             </ul>
                         </div>
@@ -141,7 +143,7 @@ <h1>logito</h1>
                             <div class="col-md-6">
                                 <ul class="list-group list-group-flush">
                                     <a href="#"
-                                        class="list-group-item list-group-item-action bg-secwondary text-light">Laptos</a>
+                                        class="list-group-item list-group-item-action bg-secwondary">Laptos</a>
                                     <a href="#" class="list-group-item list-group-item-action">Bases de
                                         refrigeración</a>
                                     <a href="#" class="list-group-item list-group-item-action">Teclados internos</a>
@@ -153,8 +155,7 @@ <h1>logito</h1>
                                 <ul class="list-group list-group-flush">
                                     <a href="#" class="list-group-item list-group-item-action">Pantallas</a>
                                     <a href="#" class="list-group-item list-group-item-action">Funda impermeable</a>
-                                    <a href="#" class="list-group-item list-group-item-action">Cubierta protectora para
-                                        teclado</a>
+                                    <a href="#" class="list-group-item list-group-item-action">Ventiladores</a>
                                     <a href="#" class="list-group-item list-group-item-action">Touchpad</a>
                                 </ul>
                             </div>
@@ -346,7 +347,6 @@ <h6 class="text-danger">$2399.99</h6>
     </div>
 
 
-    <br><br><br><br><br><br><br><br><br><br>
     <div class="bg-dark">
         <br><br><br>
         <hr>
@@ -364,7 +364,7 @@ <h1 class="text-center text-muted">Ubicación</h1>
                         </iframe>
                     </div>
                     <div class="col col-md-4 bg-dark">
-                        <h1 class="text-center text-muted">Serviciós</h1>
+                        <h1 class="text-center text-muted">Servicios</h1>
                         <ul class="list-group bg-dark list-group-flush ">
                             <li class="list-group-item bg-dark text-white">Preguntas más frecuentes</li>
                             <li class="list-group-item bg-dark text-white">Términos y condiciones</li>
@@ -374,24 +374,24 @@ <h1 class="text-center text-muted">Serviciós</h1>
                         <h1 class="text-center text-white" style="z-index: 1000; ">Contacto</h1>
                         <ul class="list-group">
                             <li class="list-group-item bg-dark text-white"><i class="bi bi-telephone"></i> +503
-                                2448-9658</li>
+                                1212-1212</li>
                             <li class="list-group-item bg-dark text-white"><i class="bi bi-envelope"></i>
-                                atecnoweejem@gmail.com</li>
+                                ejemplo@gmail.com</li>
                         </ul>
                         <div class="contenedor" id="socialNetBox">
                             <div class="redes-sociales">
                                 <div class="contenedor-icono">
-                                    <a href="http://www.twitter.com/falconmasters" target="_blank" class="whatsapp">
+                                    <a href="#" target="_blank" class="whatsapp">
                                         <i class="bi bi-whatsapp"></i>
                                     </a>
                                 </div>
                                 <div class="contenedor-icono">
-                                    <a href="http://www.facebook.com/falconmasters" target="_blank" class="facebook">
+                                    <a href="#" target="_blank" class="facebook">
                                         <i class="bi bi-facebook"></i>
                                     </a>
                                 </div>
                                 <div class="contenedor-icono">
-                                    <a href="http://www.instagram.com" target="_blank" class="instagram">
+                                    <a href="#" target="_blank" class="instagram">
                                         <i class="bi bi-instagram"></i>
                                     </a>
                                 </div>
@@ -401,16 +401,58 @@ <h1 class="text-center text-white" style="z-index: 1000; ">Contacto</h1>
                     <div class="col col-md-12 ">
                         <p class="text-white text-center" style="z-index: 1000; ">Copyright © 2021 . Todos los derechos
                             reservados. Hecha por
-                            DMLight SV</p>
+                            isaac SV</p>
                     </div>
                 </div>
             </div>
         </footer>
+    </div>
 
+     <!-- Modal -->
+     <div class="modal fade" id="M_contatc" tabindex="-1" role="dialog" aria-labelledby="mo_subid" aria-hidden="true">
+        <div class="modal-dialog" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title" id="mo_subid">Contacto</h5>
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                        <span aria-hidden="true">&times;</span>
+                    </button>
+                </div>
+                <div class="modal-body">
+                    <form>
+                        <div class="form-group">
+                            <label for="nombre_r">Nombre</label>
+                            <input type="text" class="form-control" id="nombre_r">
+                        </div>
+                        <div class="form-group">
+                            <label for="asunto_r">Asunto</label>
+                            <input type="text" class="form-control" id="asunto_r">
+                        </div>
+                        <div class="form-group">
+                            <label for="email_r">Correo</label>
+                            <input type="email" class="form-control" id="email_r">
+                        </div>
+                        <div class="form-group">
+                            <label for="exampleFormControlTextarea1">Descripción</label>
+                            <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
+                        </div>
+                        <!-- <div class="form-group form-check">
+                            <input type="checkbox" class="form-check-input" id="exampleCheck1">
+                            <label class="form-check-label" for="exampleCheck1">Check me out</label>
+                        </div> -->
+                        <button type="submit" class="btn btn-primary">Enviar</button>
+                    </form>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
+                </div>
+            </div>
+        </div>
     </div>
 
 
 
+
     <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
         integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
         crossorigin="anonymous"></script>
diff --git a/servicios.html b/servicios.html
index 48e44fc..ace26f7 100644
--- a/servicios.html
+++ b/servicios.html
@@ -57,9 +57,9 @@ <h1>logito</h1>
                                     <a class="nav-link" href="index.html">Inicio <span
                                             class="sr-only">(current)</span></a>
                                 </li>
-                                <li class="nav-item">
+                                <!-- <li class="nav-item">
                                     <a class="nav-link" href="catalogo.html">Catalogo</a>
-                                </li>
+                                </li> -->
                                 <li class="nav-item">
                                     <a class="nav-link" href="productos.html">Productos</a>
                                 </li>