From 3947b03a722363a325447d8b7594e4e34cf7f08e Mon Sep 17 00:00:00 2001
From: Mayukh-Mandal2005 <135952646+Mayukh-Mandal2005@users.noreply.github.com>
Date: Sat, 5 Oct 2024 21:00:43 +0530
Subject: [PATCH] Updated the retro logo on all pages and added the missing
 navbar elements

---
 Html-files/Electronic.html |  8 +++++++-
 Html-files/about.html      |  6 ++++++
 Html-files/cart.html       | 15 +++++++++++----
 Html-files/contact.html    |  6 ++++--
 Html-files/menu.html       |  7 ++++++-
 Html-files/services.html   | 12 +++++++++---
 6 files changed, 43 insertions(+), 11 deletions(-)

diff --git a/Html-files/Electronic.html b/Html-files/Electronic.html
index 687878b7..3ac2784e 100644
--- a/Html-files/Electronic.html
+++ b/Html-files/Electronic.html
@@ -7,7 +7,11 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
         integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
         crossorigin="anonymous" referrerpolicy="no-referrer" />
+
     <link rel="stylesheet" href="/Css-files/navbarstyles.css">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+
     <link
         href="https://fonts.googleapis.com/css2?family=Fuggles&family=Mooli&family=Oswald:wght@600&family=Roboto:wght@100;300&display=swap"
         rel="stylesheet">
@@ -552,8 +556,10 @@
                                 <a class="nav-link" href="../index.html" style="color: black;">Home</a>
                             </li>
                             <li class="nav-item">
-                                <a class="nav-link" href="menu.html" style="color: black;">About Us</a>
+                                <a class="nav-link" href="about.html" style="color: black;">About Us</a>
                             </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="menu.html" style="color: black;">Collections</a>
                             <li class="nav-item">
                                 <a class="nav-link" href="services.html" style="color: black;">Services</a>
                             </li>
diff --git a/Html-files/about.html b/Html-files/about.html
index ce999071..91d08fbb 100644
--- a/Html-files/about.html
+++ b/Html-files/about.html
@@ -10,6 +10,9 @@
         crossorigin="anonymous" referrerpolicy="no-referrer" />
     
     <link rel="stylesheet" href="/Css-files/navbarstyles.css">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+
     <link
         href="https://fonts.googleapis.com/css2?family=Fuggles&family=Mooli&family=Oswald:wght@600&family=Roboto:wght@100;300&display=swap"
         rel="stylesheet">
@@ -245,6 +248,8 @@
             <li class="nav-item">
               <a class="nav-link" href="../index.html" style="color: black;">Home</a>
             </li>
+            <li class="nav-item">
+              <a class="nav-link" href="#" style="color: black;">About Us</a>
             <li class="nav-item">
               <a class="nav-link" href="menu.html" style="color: black;">Collections</a>
             </li>
@@ -270,6 +275,7 @@
     </nav>
   </header>
 
+  <br><br><br><br>
   <div class="mainhead">
     <h1 style="font-family: var(--ff-philosopher); color: hsl(203, 30%, 26%);">About Retro</h1>
   </div>
diff --git a/Html-files/cart.html b/Html-files/cart.html
index c13a8c49..c08837f9 100644
--- a/Html-files/cart.html
+++ b/Html-files/cart.html
@@ -7,7 +7,11 @@
   <link
     href="https://fonts.googleapis.com/css2?family=Fuggles&amp;family=Mooli&amp;family=Oswald:wght@600&amp;family=Roboto:wght@100;300&amp;display=swap"
     rel="stylesheet">
+
   <link rel="stylesheet" href="/Css-files/navbarstyles.css">
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
     integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
     crossorigin="anonymous" referrerpolicy="no-referrer">
@@ -297,17 +301,19 @@
                 <a class="nav-link" href="../index.html" style="color: black;">Home</a>
               </li>
               <li class="nav-item">
-                <a class="nav-link" href="menu.html" style="color: black;">About</a>
+                <a class="nav-link" href="about.html" style="color: black;">About Us</a>
               </li>
+              <li class="nav-item">
+                <a class="nav-link" href="menu.html" style="color: black;">Collections</a>
               <li class="nav-item">
                 <a class="nav-link" href="services.html" style="color: black;">Services</a>
               </li>
               <li class="nav-item">
                 <a class="nav-link" href="contact.html" style="color: black;">Contact us</a>
               </li>
-              <li class="nav-item">
-                <a class="nav-link" href="cart.html" style="color: black;">
-                  Cart <span class="badge-count" id="badgeCount"></span>
+              <li class="nav-item" style="list-style-type: none;">
+                <a class="nav-link" href="#" style="color: black;">
+                  <i class="fa-solid fa-cart-shopping"></i><span class="badge-count" id="badgeCount"></span>
                 </a>
               </li>
             </ul>
@@ -316,6 +322,7 @@
       </nav>
     </header>
   </div>
+  <br><br><br><br>
         <div class="mainhead">
             <h1 style="color: black;font-family: var(--ff-philosopher);">C A R T</h1>
         </div>
diff --git a/Html-files/contact.html b/Html-files/contact.html
index 140d29fd..24ecfff9 100644
--- a/Html-files/contact.html
+++ b/Html-files/contact.html
@@ -558,13 +558,15 @@
                                 <a class="nav-link" href="../index.html" style="color: black;">Home</a>
                             </li>
                             <li class="nav-item">
-                                <a class="nav-link" href="menu.html" style="color: black;">About Us</a>
+                                <a class="nav-link" href="about.html" style="color: black;">About Us</a>
                             </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="menu.html" style="color: black;">Collections</a>
                             <li class="nav-item">
                                 <a class="nav-link" href="services.html" style="color: black;">Services</a>
                             </li>
                             <li class="nav-item">
-                                <a class="nav-link" href="contact.html" style="color: black;">Contact us</a>
+                                <a class="nav-link" href="#" style="color: black;">Contact us</a>
                             </li>
                             <li class="nav-item" style="list-style-type: none;">
                                 <a class="nav-link" href="cart.html" style="color: black;">
diff --git a/Html-files/menu.html b/Html-files/menu.html
index 4a359eba..f830760b 100644
--- a/Html-files/menu.html
+++ b/Html-files/menu.html
@@ -7,6 +7,9 @@
     <title>Retro</title>
 
     <link rel="stylesheet" href="/Css-files/navbarstyles.css">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+
     <link rel="shortcut icon" type="image/x-icon" href="../Favicon image/favicon-32x32.png">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -290,6 +293,8 @@
                             <li class="nav-item">
                                 <a class="nav-link" href="about.html" style="color: black;">About Us</a>
                             </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="#" style="color: black;">Collections</a>
                             <li class="nav-item">
                                 <a class="nav-link" href="services.html" style="color: black;">Services</a>
                             </li>
@@ -320,7 +325,7 @@
         </header>
     </div>
 
-
+<br><br><br><br>
         <div class="mainhead">
             <h1 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">O U R &nbsp; C O L L E C T I O N</h1>
             <h1 style="font-family: var(--ff-philosopher);color: hsl(203, 30%, 26%);">
diff --git a/Html-files/services.html b/Html-files/services.html
index a9d35e1e..e0abb2fe 100644
--- a/Html-files/services.html
+++ b/Html-files/services.html
@@ -9,7 +9,11 @@
             href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
             integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
             crossorigin="anonymous" referrerpolicy="no-referrer" />
-        <link rel="stylesheet" href="/Css-files/navbarstyles.css"
+
+        <link rel="stylesheet" href="/Css-files/navbarstyles.css">
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+
         <link
             href="https://fonts.googleapis.com/css2?family=Fuggles&family=Mooli&family=Oswald:wght@600&family=Roboto:wght@100;300&display=swap"
             rel="stylesheet">
@@ -238,11 +242,13 @@
                                 <a class="nav-link" href="../index.html" style="color: black;">Home</a>
                             </li>
                             <li class="nav-item">
-                                <a class="nav-link" href="menu.html" style="color: black;">Collections</a>
+                                <a class="nav-link" href="about.html" style="color: black;">About Us</a>
                             </li>
                             <li class="nav-item">
-                                <a class="nav-link" href="about.html" style="color: black;">About Us</a>
+                                <a class="nav-link" href="menu.html" style="color: black;">Collections</a>
                             </li>
+                            <li class="nav-item">
+                                <a class="nav-link" href="#" style="color: black;">Services</a>
                             <li class="nav-item">
                                 <a class="nav-link" href="contact.html" style="color: black;">Contact us</a>
                             </li>