Merge pull request #414 from swetagoswami819/main

 Fix About Us page layout and navbar display issues

Author: Akashshelke07

src/pages/about.html

@@ -85,7 +85,7 @@
       top: 0;
       left: 0;
       right: 0;
-      bottom: 0;
+      bottom : 0;
       background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>') repeat;
       opacity: 0.3;
       animation: float 20s ease-in-out infinite;
@@ -116,7 +116,7 @@
     }
 
     .about-content {
-      animation: slideInLeft 1s ease-out;
+      animation: slideInLeft 5s ease-in infinite;
     }
 
     .about-content h1 {

styles/style.css

@@ -128,6 +128,7 @@ ion-icon {
     pointer-events: none;
 }
 
+
 html {
     font-family: var(--ff-open-sans);
     color: var(--eerie-black);
@@ -273,6 +274,7 @@ a {
     justify-content: space-between;
 }
 
+
 .header.active {
     box-shadow: var(--shadow-1);
 }
@@ -283,13 +285,14 @@ a {
     justify-content: space-between;
     align-items: center;
 }
-
 .header-actions {
     display: flex;
     align-items: center;
     gap: 20px;
 }
 
+
+
 .header-actions .btn span {
     display: none;
 }