diff --git a/Coverpage.html b/Coverpage.html
index d9e7ff4f..c6d8070e 100644
--- a/Coverpage.html
+++ b/Coverpage.html
@@ -973,7 +973,7 @@
     </div>
     <center>
     <button>
-       <span class="modernist"><a href="Home.html" style="cursor: pointer;text-decoration: none;text-decoration-color: black;" target="_parent">Explore</a></span>
+       <span class="modernist"><a href="index.html" style="cursor: pointer;text-decoration: none;text-decoration-color: black;" target="_parent">Explore</a></span>
         <div class="icon-1">
           <svg
             xmlns:xlink="http://www.w3.org/1999/xlink"
@@ -1040,7 +1040,7 @@
           function openFilePath(event) {
             event.preventDefault(); 
 
-            const filePath = "C:\\Users\\plpan\\OneDrive\\Documents\\MyWork\\Homepage.html";
+            const filePath = "C:\\Users\\plpan\\OneDrive\\Documents\\MyWork\\index.html";
             const fileProtocol = "file://";
 
             if (navigator.userAgent.indexOf("Firefox") !== -1) {
diff --git a/Css-files/style.css b/Css-files/style.css
index 6f5bd32b..5806f0da 100644
--- a/Css-files/style.css
+++ b/Css-files/style.css
@@ -498,16 +498,16 @@ textarea {
 }
 
 #butt{
-    background-color:rgb(66, 16, 16);
-    color: white;
-    padding: 3px;
-    border: 1px solid white ;
-    border-radius: 4px;
-    cursor: pointer;
+background-color: brown;
+  color: white !important;
+  padding: 3px;
+  border: 1px solid white;
+  border-radius: 4px;
+  cursor: pointer;
 }
 
 #butt:hover {
-    background-color: #ffffff;
+  background-color: #ffffff;
   color: brown !important;
   border: 3px solid rgb(165, 42, 42);
   transform: scale(1.01); 
diff --git a/Html-files/Electronic.html b/Html-files/Electronic.html
index 89cada35..95fa5536 100644
--- a/Html-files/Electronic.html
+++ b/Html-files/Electronic.html
@@ -466,7 +466,7 @@
         <header style="font-family: var(--ff-philosopher);">
             <nav class="navbar">
                 <ul id="header-items" style="color: black;font-family: var(--ff-philosopher);justify-content: center;">
-                    <li><a href="../Home.html" style="color: black;">&nbsp;&nbsp;&nbsp;&nbsp;
+                    <li><a href="../index.html" style="color: black;">&nbsp;&nbsp;&nbsp;&nbsp;
                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Home</a></li>
                     <li><a href="menu.html" style="color: black;">About</a></li>
                     <li><a href="services.html" style="color: black;">Services</a></li>
@@ -577,7 +577,7 @@ <h4>Telephone Operator</h4>
         <div class="foot-panel2" style="font-family: Garamond;">
             <ul class="footer-colums">
                 <p style="font-family: var(--ff-philosopher);color: black;">Our Pages</p>
-                <a href="../Home.html" style="text-decoration: none;font-family: var(--ff-poppins);color: white;">Home</a>
+                <a href="../index.html" style="text-decoration: none;font-family: var(--ff-poppins);color: white;">Home</a>
                 <a href="menu.html" style="text-decoration: none;font-family: var(--ff-poppins);color: white;">About</a>
                 <a href="services.html" style="text-decoration: none;font-family: var(--ff-poppins);color: white;">Services</a>
                 <a href="contact.html" style="text-decoration: none;font-family: var(--ff-poppins);color: white;">Contact</a>
diff --git a/Html-files/cart.html b/Html-files/cart.html
index 1c3bb27e..82fdea53 100644
--- a/Html-files/cart.html
+++ b/Html-files/cart.html
@@ -195,7 +195,7 @@
         <header>
             <nav class="navbar">
                 <ul id="header-items">
-                    <li><a href="../Home.html" style="color: black;font-family: var(--ff-philosopher);">Home</a></li>
+                    <li><a href="../index.html" style="color: black;font-family: var(--ff-philosopher);">Home</a></li>
                     <li><a href="menu.html" style="color: black;font-family: var(--ff-philosopher);">About</a></li>
                     <li><a href="services.html" style="color: black;font-family: var(--ff-philosopher);">Services</a></li>
                     <li><a href="contact.html" style="color: black;font-family: var(--ff-philosopher);">Contact us</a></li>
@@ -251,7 +251,7 @@ <h1 style="color: black;font-family: var(--ff-philosopher);">C A R T</h1>
     <div class="foot-panel2">
             <ul class="footer-colums">
                 <p style="font-family: var(--ff-philosopher);">Our Pages</p>
-                <a href="../Home.html" style="text-decoration: none;color: black;font-family: var(--ff-poppins);">Home</a>
+                <a href="../index.html" style="text-decoration: none;color: black;font-family: var(--ff-poppins);">Home</a>
                 <a href="menu.html" style="text-decoration: none;color: black;font-family: var(--ff-poppins);">About</a>
                 <a href="services.html" style="text-decoration: none;color: black;font-family: var(--ff-poppins);">Services</a>
                 <a href="contact.html" style="text-decoration: none;color: black;font-family: var(--ff-poppins);">Contact us</a>
diff --git a/Html-files/contact.html b/Html-files/contact.html
index f4c9a7a6..d2c59b2e 100644
--- a/Html-files/contact.html
+++ b/Html-files/contact.html
@@ -211,7 +211,7 @@
     <header style="font-family: Georgia;background-color: transparent;border-bottom-left-radius: 50px;border-bottom-right-radius: 50px;">
         <nav class="navbarbg" style="background-color: transparent;border-bottom-left-radius: 100px;border-bottom-right-radius: 100px;">
             <ul id="header-items">
-                <li><a href="../Home.html" style="color: hsl(203, 30%, 26%);">Home</a></li>
+                <li><a href="../index.html" style="color: hsl(203, 30%, 26%);">Home</a></li>
                 <li><a href="menu.html" style="color: hsl(203, 30%, 26%);">About</a></li>
                 <li><a href="services.html" style="color: hsl(203, 30%, 26%);">Services</a></li>
                 <li><a href="contact.html" style="color: hsl(203, 30%, 26%);">Contact us</a></li>
@@ -303,7 +303,7 @@ <h1 style="color: hsl(357, 82%,35%);font-family: Georgia;">Feel Free to Contact
         <div class="foot-panel2">
             <ul class="footer-colums" style="color: black;">
                 <p>Our Pages</p>
-                <a href="../Home.html" style="text-decoration: none;color: black;">Home</a>
+                <a href="../index.html" style="text-decoration: none;color: black;">Home</a>
                 <a href="menu.html" style="text-decoration: none;color: black;">About</a>
                 <a href="services.html" style="text-decoration: none;color: black;">Services</a>
                 <a href="contact.html" style="text-decoration: none;color: black;">Contact us</a>
diff --git a/Html-files/logged.html b/Html-files/logged.html
index e7100711..9aae7864 100644
--- a/Html-files/logged.html
+++ b/Html-files/logged.html
@@ -87,7 +87,7 @@
 </div>
 <br><br><br><br><br><br><br><br>
 <center><h1 style="font-family: var(--ff-philosopher);font-size: 100px;">Loged in&#33;</h1></center><br>
-<center><button style="border-color: black;"><a style="font-family: var(--ff-philosopher);text-decoration: none;color: black;background-color: #feaea5;" href="../Home.html">&#60;&#60;&#60;Back to Home Page</button></a></center>
+<center><button style="border-color: black;"><a style="font-family: var(--ff-philosopher);text-decoration: none;color: black;background-color: #feaea5;" href="../index.html">&#60;&#60;&#60;Back to Home Page</button></a></center>
 <script>
 
     const coords = { x: 0, y: 0 };
diff --git a/Html-files/menu.html b/Html-files/menu.html
index 352b46e0..370e9464 100644
--- a/Html-files/menu.html
+++ b/Html-files/menu.html
@@ -235,7 +235,7 @@
         <header>
             <nav class="navbar">
                 <ul id="header-items">
-                    <li style="font-family: var(--ff-philosopher);"><a href="../Home.html" style="color: black;">Home</a></li>
+                    <li style="font-family: var(--ff-philosopher);"><a href="../index.html" style="color: black;">Home</a></li>
                     <li style="font-family: var(--ff-philosopher);"><a href="menu.html" style="color: black;">About</a></li>
                     <li style="font-family: var(--ff-philosopher);"><a href="services.html" style="color: black;">Services</a></li>
                     <li style="font-family: var(--ff-philosopher);"><a href="contact.html" style="color: black;">Contact us</a></li>
@@ -522,7 +522,7 @@ <h3 style="font-family:var(--ff-philosopher);">Palsnkin</h3>
         <div class="foot-panel2">
             <ul class="footer-colums">
                 <p style="font-family: var(--ff-philosopher);">Our Pages</p>
-                <a href="../Home.html" style="text-decoration: none;font-family: var(--ff-poppins);color: black;">Home</a>
+                <a href="../index.html" style="text-decoration: none;font-family: var(--ff-poppins);color: black;">Home</a>
                 <a href="#" style="text-decoration: none;font-family: var(--ff-poppins);color: black;">About</a>
                 <a href="services.html" style="text-decoration: none;font-family: var(--ff-poppins);color: black;">Services</a>
                 <a href="contact.html" style="text-decoration: none;font-family: var(--ff-poppins);color: black;">Contact</a>
diff --git a/Html-files/services.html b/Html-files/services.html
index 3460a5d6..1d08327d 100644
--- a/Html-files/services.html
+++ b/Html-files/services.html
@@ -206,7 +206,7 @@
         <header style="font-family: var(--ff-philosopher);">
             <nav class="navbar">
                 <ul id="header-items" style="color: black;font-family: var(--ff-philosopher);">
-                    <li><a href="../Home.html" style="color: black;">Home</a></li>
+                    <li><a href="../index.html" style="color: black;">Home</a></li>
                     <li><a href="menu.html" style="color: black;">About</a></li>
                     <li><a href="services.html" style="color: black;">Services</a></li>
                     <li><a href="contact.html" style="color: black;">Contact us</a></li>
@@ -351,7 +351,7 @@ <h2 class="testimonal__title" style="font-family: var(--ff-philosopher);color: h
         <div class="foot-panel2" style="font-family: Garamond;">
             <ul class="footer-colums">
                 <p style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">Our Pages</p>
-                <a href="../Home.html" style="text-decoration: none;font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Home</a>
+                <a href="../index.html" style="text-decoration: none;font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Home</a>
                 <a href="menu.html" style="text-decoration: none;font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">About</a>
                 <a href="#" style="text-decoration: none;font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Services</a>
                 <a href="contact.html" style="text-decoration: none;font-family: var(--ff-poppins);color: hsl(208, 7%,46%);">Contact</a>
diff --git a/Html-files/signed.html b/Html-files/signed.html
index 32a8c249..e5110a6f 100644
--- a/Html-files/signed.html
+++ b/Html-files/signed.html
@@ -87,7 +87,7 @@
 </div>
 <br><br><br><br><br><br><br><br>
 <center><h1 style="font-family: var(--ff-philosopher);font-size: 100px;">Signed in&#33;</h1></center><br>
-<center><button><a style="font-family: var(--ff-philosopher);text-decoration: none;color: black;background-color: #feaea5;" href="../Home.html">&#60;&#60;&#60;Back to Home Page</button></a></center>
+<center><button><a style="font-family: var(--ff-philosopher);text-decoration: none;color: black;background-color: #feaea5;" href="../index.html">&#60;&#60;&#60;Back to Home Page</button></a></center>
 <script>
     const coords = { x: 0, y: 0 };
     const circles = document.querySelectorAll(".circle");
diff --git a/index.html b/index.html
index 0277550a..0d7a183c 100644
--- a/index.html
+++ b/index.html
@@ -270,7 +270,7 @@
             <div class="collapse navbar-collapse" id="navbarSupportedContent">
                 <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                     <li class="nav-item">
-                        <a class="nav-link " aria-current="page" href="Home.html" style="color: black;font-family: var(--ff-philosopher);">Home</a>
+                        <a class="nav-link " aria-current="page" href="index.html" style="color: black;font-family: var(--ff-philosopher);">Home</a>
                     </li>
                     <li class="nav-item">
                         <a class="nav-link" href="Html-files/menu.html" style="font-family: var(--ff-philosopher);color: black;">About</a>