diff --git a/.DS_Store b/.DS_Store
index 77a8c66..990b696 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/index.html b/index.html
index 4c4ff8a..28d8147 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,7 @@
         <!-- title -->
         <title>Masterview</title>
         <!-- CSS files -->
-        <link rel="stylesheet" href="../static/css/style.css">
+        <link rel="stylesheet" href="static/css/style.css">
         <!-- CSS file for hamburger navbar-->
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
         <!-- CSS file for popovers -->
@@ -21,10 +21,10 @@
         <!--captcha script-->
         <script src="https://www.google.com/recaptcha/api.js" async defer></script>
         <!--javascript file-->
-        <script src="../static/js/scripts.js"></script>
+        <script src="static/js/scripts.js"></script>
         <!--javascript ScrollReveal-->
-        <script src="../static/js/scrollreveal.js"></script>
-        <scrip src="../static/js/index.js"></scrip>
+        <script src="static/js/scrollreveal.js"></script>
+        <scrip src="static/js/index.js"></scrip>
     </head>
 
     <body>
@@ -37,7 +37,7 @@
                     <!--logo-->
                     <li class="logo">
                         <a href="#">
-                            <img src="../static/images/logo.png" alt="logo">
+                            <img src="static/images/logo.png" alt="logo">
                         </a>
                     </li>
                     <!--checkbox used for opening and closing the hamburger type navbar menu-->
@@ -56,12 +56,12 @@
         </header>
 
         <!--Inicio-->
-        <section id="inicio" style="position: relative; background-image: url('../static/images/background/background0.jpg'); background-size: cover; background-position: center; color: white; height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; background-attachment: fixed;
+        <section id="inicio" style="position: relative; background-image: url('static/images/background/background0.jpg'); background-size: cover; background-position: center; color: white; height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; background-attachment: fixed;
         ">
             <!--invisible block so the menu at the top does not hide the title of the section-->
             <div class="invisible-block"></div>
             <!-- Logo with shadow -->
-            <img class="logo-home" src="../static/images/logo.png" style="width: 200px; filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));" alt="logo">
+            <img class="logo-home" src="static/images/logo.png" style="width: 200px; filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));" alt="logo">
             <div class="invisible-block"></div>
             <h1>Masterview</h1>
             <h4 style="text-align: center;">Lorem ipsum dolor sit amet.</h4>
@@ -101,7 +101,7 @@ <h2>Nuestros Clientes</h2>
                                             <!--Client 1-->
                                             <div class="carousel-item active">
                                                 <div class="content text-center">
-                                                    <div class="person"><img alt="" src="../static/images/clients/andinave.png"></div>
+                                                    <div class="person"><img alt="" src="static/images/clients/andinave.png"></div>
                                                     <h5>Andinave S.A.</h5>
                                                     <h6>Servicios ofrecidos al cliente</h6>
                                                     <p>
@@ -116,7 +116,7 @@ <h6>Servicios ofrecidos al cliente</h6>
                                             <!--Client 2-->
                                             <div class="carousel-item">
                                                 <div class="content text-center">
-                                                    <div class="person"><img alt="" src="../static/images/clients/hansamaritime.jpg"></div>
+                                                    <div class="person"><img alt="" src="static/images/clients/hansamaritime.jpg"></div>
                                                     <h5>Hansamaritime S.A.</h5>
                                                     <h6>Servicios ofrecidos al cliente</h6>
                                                     <p>
@@ -131,7 +131,7 @@ <h6>Servicios ofrecidos al cliente</h6>
                                             <!--Client 3-->
                                             <div class="carousel-item">
                                                 <div class="content text-center">
-                                                    <div class="person"><img alt="" src="../static/images/clients/marglobal.png"></div>
+                                                    <div class="person"><img alt="" src="static/images/clients/marglobal.png"></div>
                                                     <h5>Marglobal S.A. </h5>
                                                     <h6>Servicios ofrecidos al cliente</h6>
                                                     <p>
@@ -146,7 +146,7 @@ <h6>Servicios ofrecidos al cliente</h6>
                                             <!--Client 4-->
                                             <div class="carousel-item">
                                                 <div class="content text-center">
-                                                    <div class="person"><img alt="" src="../static/images/clients/marglobal.png"></div>
+                                                    <div class="person"><img alt="" src="static/images/clients/marglobal.png"></div>
                                                     <h5>Cliente 4 S.A. </h5>
                                                     <h6>Servicios ofrecidos al cliente</h6>
                                                     <p>
@@ -161,7 +161,7 @@ <h6>Servicios ofrecidos al cliente</h6>
                                             <!--Client 5-->
                                             <div class="carousel-item">
                                                 <div class="content text-center">
-                                                    <div class="person"><img alt="" src="../static/images/clients/marglobal.png"></div>
+                                                    <div class="person"><img alt="" src="static/images/clients/marglobal.png"></div>
                                                     <h5>Cliente 4 S.A. </h5>
                                                     <h6>Servicios ofrecidos al cliente</h6>
                                                     <p>
@@ -176,7 +176,7 @@ <h6>Servicios ofrecidos al cliente</h6>
                                             <!--Client 6-->
                                             <div class="carousel-item">
                                                 <div class="content text-center">
-                                                    <div class="person"><img alt="" src="../static/images/clients/marglobal.png"></div>
+                                                    <div class="person"><img alt="" src="static/images/clients/marglobal.png"></div>
                                                     <h5>Cliente 4 S.A. </h5>
                                                     <h6>Servicios ofrecidos al cliente</h6>
                                                     <p>
@@ -191,7 +191,7 @@ <h6>Servicios ofrecidos al cliente</h6>
                                             <!--Client 7-->
                                             <div class="carousel-item">
                                                 <div class="content text-center">
-                                                    <div class="person"><img alt="" src="../static/images/clients/marglobal.png"></div>
+                                                    <div class="person"><img alt="" src="static/images/clients/marglobal.png"></div>
                                                     <h5>Cliente 4 S.A. </h5>
                                                     <h6>Servicios ofrecidos al cliente</h6>
                                                     <p>
@@ -206,7 +206,7 @@ <h6>Servicios ofrecidos al cliente</h6>
                                             <!--Client 8-->
                                             <div class="carousel-item">
                                                 <div class="content text-center">
-                                                    <div class="person"><img alt="" src="../static/images/clients/marglobal.png"></div>
+                                                    <div class="person"><img alt="" src="static/images/clients/marglobal.png"></div>
                                                     <h5>Cliente 4 S.A. </h5>
                                                     <h6>Servicios ofrecidos al cliente</h6>
                                                     <p>
@@ -221,7 +221,7 @@ <h6>Servicios ofrecidos al cliente</h6>
                                             <!--Client 9-->
                                             <div class="carousel-item">
                                                 <div class="content text-center">
-                                                    <div class="person"><img alt="" src="../static/images/clients/marglobal.png"></div>
+                                                    <div class="person"><img alt="" src="static/images/clients/marglobal.png"></div>
                                                     <h5>Cliente 4 S.A. </h5>
                                                     <h6>SServicios ofrecidos al cliente</h6>
                                                     <p>
@@ -236,7 +236,7 @@ <h6>SServicios ofrecidos al cliente</h6>
                                             <!--Client 10-->
                                             <div class="carousel-item">
                                                 <div class="content text-center">
-                                                    <div class="person"><img alt="" src="../static/images/clients/marglobal.png"></div>
+                                                    <div class="person"><img alt="" src="static/images/clients/marglobal.png"></div>
                                                     <h5>Cliente 4 S.A. </h5>
                                                     <h6>Servicios ofrecidos al cliente</h6>
                                                     <p>
@@ -328,8 +328,8 @@ <h2 class="section-title quienes-somos-titulos">Nuestros Servicios</h2>
             <!--Popover for each service-->
             <div class="contenedor-servicios">
                 <div class="popover-servicios container py-4 d-flex justify-content-center align-items-center">
-                    <img src="../static/images/services/auditorias.png" alt="Auditorías" class="round-image" alt="Auditorías" style="width: 75.6px !important; height: 75.6px !important; border: 5px solid #005582 !important; border-radius: 50% !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; transition: box-shadow 0.3s !important;" data-bs-toggle="popover" data-bs-html="true" data-bs-placement="bottom" title="Auditorías" data-bs-content='
-                        <div class="round-image-container"><img src="../static/images/photo1.jpg" alt="Image" class="round-image"></div>
+                    <img src="static/images/services/auditorias.png" alt="Auditorías" class="round-image" alt="Auditorías" style="width: 75.6px !important; height: 75.6px !important; border: 5px solid #005582 !important; border-radius: 50% !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; transition: box-shadow 0.3s !important;" data-bs-toggle="popover" data-bs-html="true" data-bs-placement="bottom" title="Auditorías" data-bs-content='
+                        <div class="round-image-container"><img src="static/images/photo1.jpg" alt="Image" class="round-image"></div>
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                         <p>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>
                     '>
@@ -337,8 +337,8 @@ <h5>Auditorias</h5>
                 </div>
     
                 <div class="popover-servicios container py-4 d-flex justify-content-center align-items-center">
-                    <img src="../static/images/services/apoyo-administradoras.png" alt="Apoyo a Administradoras" class="round-image" alt="Apoyo a Administradoras" style="width: 75.6px !important; height: 75.6px !important; border: 5px solid #005582 !important; border-radius: 50% !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; transition: box-shadow 0.3s !important;" data-bs-toggle="popover" data-bs-html="true" data-bs-placement="bottom" title="Apoyo a Administradoras" data-bs-content='
-                        <div class="round-image-container"><img src="../static/images/photo1.jpg" alt="Image" class="round-image"></div>
+                    <img src="static/images/services/apoyo-administradoras.png" alt="Apoyo a Administradoras" class="round-image" alt="Apoyo a Administradoras" style="width: 75.6px !important; height: 75.6px !important; border: 5px solid #005582 !important; border-radius: 50% !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; transition: box-shadow 0.3s !important;" data-bs-toggle="popover" data-bs-html="true" data-bs-placement="bottom" title="Apoyo a Administradoras" data-bs-content='
+                        <div class="round-image-container"><img src="static/images/photo1.jpg" alt="Image" class="round-image"></div>
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                         <p>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>
                     '>
@@ -346,8 +346,8 @@ <h5>Apoyo a Administradoras</h5>
                 </div>
     
                 <div class="popover-servicios container py-4 d-flex justify-content-center align-items-center">
-                    <img src="../static/images/services/inspecciones.png" alt="Inspecciones" class="round-image" alt="Inspecciones" style="width: 75.6px !important; height: 75.6px !important; border: 5px solid #005582 !important; border-radius: 50% !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; transition: box-shadow 0.3s !important;" data-bs-toggle="popover" data-bs-html="true" data-bs-placement="bottom" title="Inspecciones" data-bs-content='
-                        <div class="round-image-container"><img src="../static/images/photo1.jpg" alt="Image" class="round-image"></div>
+                    <img src="static/images/services/inspecciones.png" alt="Inspecciones" class="round-image" alt="Inspecciones" style="width: 75.6px !important; height: 75.6px !important; border: 5px solid #005582 !important; border-radius: 50% !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; transition: box-shadow 0.3s !important;" data-bs-toggle="popover" data-bs-html="true" data-bs-placement="bottom" title="Inspecciones" data-bs-content='
+                        <div class="round-image-container"><img src="static/images/photo1.jpg" alt="Image" class="round-image"></div>
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                         <p>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>
                     '>
@@ -357,8 +357,8 @@ <h5>Inspecciones</h5>
             <br><br>
             <div class="contenedor-servicios">
                 <div class="popover-servicios container py-4 d-flex justify-content-center align-items-center">
-                    <img src="../static/images/services/actividades-maritimas.png" alt="Actividades Marítimas" class="round-image" alt="Actividades Marítimas" style="width: 75.6px !important; height: 75.6px !important; border: 5px solid #005582 !important; border-radius: 50% !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; transition: box-shadow 0.3s !important;" data-bs-toggle="popover" data-bs-html="true" data-bs-placement="bottom" title="Actividades Marítimas" data-bs-content='
-                        <div class="round-image-container"><img src="../static/images/photo1.jpg" alt="Image" class="round-image"></div>
+                    <img src="static/images/services/actividades-maritimas.png" alt="Actividades Marítimas" class="round-image" alt="Actividades Marítimas" style="width: 75.6px !important; height: 75.6px !important; border: 5px solid #005582 !important; border-radius: 50% !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; transition: box-shadow 0.3s !important;" data-bs-toggle="popover" data-bs-html="true" data-bs-placement="bottom" title="Actividades Marítimas" data-bs-content='
+                        <div class="round-image-container"><img src="static/images/photo1.jpg" alt="Image" class="round-image"></div>
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                         <p>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>
                     '>
@@ -366,8 +366,8 @@ <h5>Actividades Marítimas</h5>
                 </div>
     
                 <div class="popover-servicios container py-4 d-flex justify-content-center align-items-center">
-                    <img src="../static/images/services/marine.png" alt="Actividades Náuticas" class="round-image" alt="Actividades Náuticas" style="width: 75.6px !important; height: 75.6px !important; border: 5px solid #005582 !important; border-radius: 50% !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; transition: box-shadow 0.3s !important;" data-bs-toggle="popover" data-bs-html="true" data-bs-placement="bottom" title="Actividades Náuticas" data-bs-content='
-                        <div class="round-image-container"><img src="../static/images/photo1.jpg" alt="Image" class="round-image"></div>
+                    <img src="static/images/services/marine.png" alt="Actividades Náuticas" class="round-image" alt="Actividades Náuticas" style="width: 75.6px !important; height: 75.6px !important; border: 5px solid #005582 !important; border-radius: 50% !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; transition: box-shadow 0.3s !important;" data-bs-toggle="popover" data-bs-html="true" data-bs-placement="bottom" title="Actividades Náuticas" data-bs-content='
+                        <div class="round-image-container"><img src="static/images/photo1.jpg" alt="Image" class="round-image"></div>
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                         <p>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>
                     '>
@@ -375,8 +375,8 @@ <h5>Actividades Náuticas</h5>
                 </div>
     
                 <div class="popover-servicios container py-4 d-flex justify-content-center align-items-center">
-                    <img src="../static/images/services/complementary.png" alt="Servicios Complementarios" class="round-image" alt="Servicios Complementarios" style="width: 75.6px !important; height: 75.6px !important; border: 5px solid #005582 !important; border-radius: 50% !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; transition: box-shadow 0.3s !important;" data-bs-toggle="popover" data-bs-html="true" data-bs-placement="bottom" title="Servicios Complementarios" data-bs-content='
-                        <div class="round-image-container"><img src="../static/images/photo1.jpg" alt="Image" class="round-image"></div>
+                    <img src="static/images/services/complementary.png" alt="Servicios Complementarios" class="round-image" alt="Servicios Complementarios" style="width: 75.6px !important; height: 75.6px !important; border: 5px solid #005582 !important; border-radius: 50% !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; transition: box-shadow 0.3s !important;" data-bs-toggle="popover" data-bs-html="true" data-bs-placement="bottom" title="Servicios Complementarios" data-bs-content='
+                        <div class="round-image-container"><img src="static/images/photo1.jpg" alt="Image" class="round-image"></div>
                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                         <p>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>
                     '>
@@ -419,11 +419,11 @@ <h2 class="quienes-somos-titulos">Contactenos</h2>
         </footer>
 
         <!--scripts-->
-        <script src="../static/js/scripts.js"></script>
+        <script src="static/js/scripts.js"></script>
         <!--scripts para carrusel de clientes-->
         <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js"></script>
         <!--script de index.js de ScrollReveal-->
-        <script src="../static/js/index.js"></script>
+        <script src="static/js/index.js"></script>
     </body>
 </html>
\ No newline at end of file
