Anjaliavv51 · shashankgoud18 · Oct 5, 2024 · Oct 6, 2024 · Oct 7, 2024 · Oct 7, 2024
diff --git a/.github/workflows/auto-label-issues.yml b/.github/workflows/auto-label-issues.yml
@@ -24,7 +24,7 @@ jobs:
               owner: context.repo.owner,
               repo: context.repo.repo,
               issue_number: issue.number,
-              labels: ['GSSOCEXTD','hacktoberfest-accepted']
+              labels: ['gssoc-ext','hacktoberfest-accepted']
             });
             const addLabel = async (label) => {
               await github.rest.issues.addLabels({

diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,4 +1,4 @@
 {
 
-    "liveServer.settings.port": 5501
+    "liveServer.settings.port": 5502
 }
diff --git a/Css-files/content.css b/Css-files/content.css
@@ -181,16 +181,16 @@ input[type="submit"]:hover {
   border-radius: 15px;
   display: inline-block;
   color: white;
-  /* transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease; Smooth transition */
+  transition:  0.3s ease-in-out;
 }
 
 .butt:hover {
-  /* background-color: #ffffff; */
-  background-color: brown !important;
-  color:white !important;
+  background-color: white !important;
+
+  color: brown !important;
   border: 3px solid rgb(165, 42, 42);
   transform: scale(1.01); 
-  /* animation: bounce 0.5s; */
+
 }
 @keyframes bounce {
   0%, 100% {
@@ -211,12 +211,17 @@ input[type="submit"]:hover {
   box-shadow: 0 0 10px rgba(224, 224, 252, 0.678);
   border: 1px solid rgb(186, 186, 201);
   padding: 40px;
-  margin: 5px;
+  margin: 10px;
   height: 310px;
   width: 230px;
-  border-radius: 10px;
+  border-radius: 15px;
   text-align: center;
   font-family: "Bree Serif", serif;
+ transition: 0.5s ease-in-out;
+}
+.menu_items :hover{
+  background-color:#fff4f4 ;
+  transform: scale(1.05);
 }
 
 .menu_items .items img {
@@ -318,6 +323,9 @@ div.deals:hover{
   color: brown !important;
 }
 
+.deals:hover p a{
+  color: brown !important;
+}
 .deals p{
   font-size: 1.1rem;
   padding-top: 2px;

diff --git a/Css-files/login1.css b/Css-files/login1.css
@@ -29,8 +29,31 @@ body * {
   justify-content: center;
   align-items: center;
   flex-direction: column;
+  position: relative;
+}
+.home-btn{
+  position: absolute;
+  top:32px;
+  left:30px;
+}
+.home-btn a{
+  font-size: 30px;
+  text-decoration: none;
+  color:rgb(149, 15, 95);
+}
+.home-btn a::after {
+  content: ''; /* Creates a pseudo-element */
+  position: absolute;
+  width: 100%; /* Full width of the link */
+  height: 1.5px; /* Thickness of the underline */
+  bottom: -5px;
+  left: 0;
+  background-color: transparent; /* Default background (invisible) */
+  transition: background-color 0.1s ease; /* Smooth transition */
+}
+.home-btn a:hover::after{
+  background-color:white;
 }
-
 .left-login > h1 {
   color: #e13838;
   font-size: 2.5vw;

diff --git a/Css-files/navbarstyles.css b/Css-files/navbarstyles.css
@@ -0,0 +1,167 @@
+body {
+    font-family: 'Philosopher', sans-serif;
+    margin: 0;
+    padding: 0;
+}
+
+/* Navbar styles */
+.navbar {
+    background-color: rgba(255, 255, 245, 0.8);
+    padding: 1rem;
+    display: flex;
+    width: 100%;
+    justify-content: space-between;
+    margin: 10px 1px!important;
+    border-radius: 20px;
+}
+
+.nav-right {
+    margin-left: auto;
+    /* Pushes the login/signup to the right side */
+    display: flex;
+    gap: 15px;
+    /* Space between login and signup */
+}
+
+.ms-auto {
+    margin-left: auto;
+    /* Pushes to the right */
+}
+
+.navbar-brand {
+    font-size: 1.5rem;
+    color: black;
+    font-weight: bold;
+    transition: transform 0.3s ease;
+}
+
+.navbar-brand:hover {
+    transform: scale(1.6);
+}
+
+.navbar-nav .nav-item {
+    margin-right: 15px;
+}
+
+.nav-link {
+    color: black;
+    font-size: 1rem;
+    font-family: var(--ff-philosopher);
+    text-decoration: none;
+    /* Remove default underline */
+    position: relative;
+    transition: all 0.3s ease;
+}
+
+.nav-item.dropdown .nav-link {
+    text-decoration: none;
+    /* No underline for dropdown toggle */
+}
+
+.nav-link:hover {
+    text-decoration: none;
+    /* Prevent default underline on hover */
+}
+
+.nav-link::after {
+    content: '';
+    position: absolute;
+    left: 0;
+    bottom: -5px;
+    width: 0%;
+    height: 3.5px;
+    /* Thicker underline */
+    background: transparent;
+    transition: all 0.3s ease-in-out;
+    box-shadow:
+        0 0 30px rgba(255, 159, 128, 1),
+        /* Initial glow effect with bright peach color */
+        0 0 60px rgba(255, 159, 128, 1);
+    /* Increased glow effect */
+}
+
+.nav-link:hover::after {
+    background: rgba(243, 187, 183, 1);
+    width: 100%;
+    box-shadow: 0 0 20px rgba(243, 187, 183, 1);
+}
+
+.nav-btn {
+    background: none;
+    border: none;
+    font-size: 1rem;
+    cursor: pointer;
+    color: black;
+    text-decoration: none;
+    position: relative;
+}
+
+.nav-btn:hover {
+    color: #d2691e;
+}
+
+.nav-btn::after {
+    content: '';
+    position: absolute;
+    left: 0;
+    bottom: -5px;
+    width: 0%;
+    height: 2px;
+    background: #ffb6c1;
+    /* Adjust to match background color */
+    transition: all 0.3s ease-in-out;
+    box-shadow: 0 20px #ffb6c1;
+    /* Glow effect */
+}
+
+.nav-link:hover::after {
+    background: rgba(255, 159, 128, 1);
+    width: 100%;
+    box-shadow:
+        0 0 25px rgba(255, 159, 128, 1),
+        0 0 50px rgba(255, 159, 128, 1);
+    /* Glow effect with bright peach color */
+}
+
+.nav-link:hover,
+.nav-btn:hover {
+    color: hwb(327 21% 3%) !important;
+}
+
+.dropdown-menu {
+    background-color: #ffe5e5;
+    border: none;
+}
+
+.dropdown-item {
+    /*color: black;*/
+    font-family: var(--ff-philosopher);
+}
+
+.dropdown-item:hover {
+    background-color: #f0c0a0;
+    color: #d2691e;
+}
+
+/* Mobile Styles */
+@media (max-width: 768px) {
+    .navbar-brand {
+        margin-left: 10px;
+    }
+
+    .navbar-nav {
+        text-align: center;
+    }
+
+    .navbar-toggler {
+        border: none;
+    }
+
+    .navbar-toggler-icon {
+        color: black;
+    }
+
+    .nav-item {
+        margin-bottom: 1rem;
+    }
+}
diff --git a/Css-files/signup1.css b/Css-files/signup1.css
@@ -25,6 +25,7 @@ body {
   height: 100vh; /* Full viewport height */
   padding: 20px; /* Padding to avoid overflow */
   overflow: hidden; /* Prevents overflow */
+  position:relative;
 }
 
 .main-login {
@@ -34,6 +35,28 @@ body {
   width: 100%;
   overflow: hidden; /* Ensure nothing overflows from the flexbox */
 }
+.homebtn{
+  position: absolute;
+  top:30px;
+  left:25px;
+}
+.homebtn a{
+  font-size: 30px;
+  text-decoration: none;
+}
+.homebtn a::after {
+  content: ''; /* Creates a pseudo-element */
+  position: absolute;
+  width: 100%; /* Full width of the link */
+  height: 1.5px; /* Thickness of the underline */
+  bottom: -5px;
+  left: 0;
+  background-color: transparent; /* Default background (invisible) */
+  transition: background-color 0.1s ease; /* Smooth transition */
+}
+.homebtn a:hover::after{
+  background-color:white;
+}
 
 .card-login {
   width: calc(100% - 40px); /* Full width minus padding */

diff --git 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/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/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">
@@ -536,18 +540,44 @@
 
     <div class="head_container_service" style="color: black;font-family: var(--ff-philosopher);">
         <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="../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>
-                    <li><a href="contact.html" style="color: black;">Contact us</a></li>
-                    <li><a href="cart.html" style="color: black;">Cart <span class="badge-count" id="badgeCount"></span></a></li>
-                </ul>
+            <nav class="navbar navbar-expand-lg fixed-top" id="top">
+                <div class="container-fluid">
+                    <a class="navbar-brand" href="../index.html" style="font-family: var(--ff-philosopher); color: black;">
+                        <b>Retro</b>
+                    </a>
+                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
+                        data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
+                        aria-expanded="false" aria-label="Toggle navigation">
+                        <span class="navbar-toggler-icon"></span>
+                    </button>
+                    <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" href="../index.html" style="color: black;">Home</a>
+                            </li>
+                            <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="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" style="list-style-type: none;">
+                                <a class="nav-link" href="cart.html" style="color: black;">
+                                    <i class="fa-solid fa-cart-shopping"></i><span class="badge-count" id="badgeCount"></span>
+                                </a>
+                            </li>
+                        </ul>
+                    </div>
+                </div>
             </nav>
         </header>
     </div>
+
     <div class="wrapper">
         <div class="container">
             <input type="radio" name="slide" id="c1">