Merge pull request #389 from poorvikaa08/fix

Fix feature and team page
vimistify · Oct 8, 2024 · 02df179 · 02df179
2 parents 09381dc + f01dae1
commit 02df179
Show file tree

Hide file tree

Showing 3 changed files with 42 additions and 111 deletions.
diff --git a/features.html b/features.html
@@ -10,56 +10,7 @@
       rel="stylesheet"
       href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" />
     <!--Updated to latest version-->
-    <style>
-        body {
-            font-family: "Poppins", sans-serif;
-            background-color: #f4f4f4;
-            margin: 0;
-            padding: 0;
-            color: #333;
-            display: flex;
-            flex-direction: column;
-            min-height: 100vh; 
-        }
-        .menu ul {
-            list-style-type: none;
-            padding: 0;
-        }
-        .menu ul li {
-            display: inline;
-            margin-right: 10px; 
-        }
-        .menu ul li a {
-            padding: 10px 15px;
-            color: black;
-            text-decoration: none;
-            transition: background-color 0.3s, color 0.3s;
-        }
-        .menu ul li a:hover {
-            background-color: #000;
-            color: white;
-        }
-        .menu ul li a.active {
-            color: white;
-            background-color: #000;
-        }
-        .content {
-            margin: 20px;
-            padding: 20px;
-            background-color: #e6eef3;
-            border-radius: 5px;
-            flex-grow: 1; 
-        }
-        h1 {
-            color: #2c3e50;
-            text-align: center;
-            margin-bottom: 20px;
-        }
-        .features-grid {
-            display: grid;
-            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
-            gap: 20px;
-            animation: fadeIn 1s ease-in-out; 
+    <style>  
       body {
         font-family: Arial, sans-serif;
         background-color: #f4f4f4;
@@ -70,6 +21,28 @@
         flex-direction: column;
         min-height: 100vh;
       }
+      .logo {
+        display: flex;
+        align-items: center;
+        animation: logoAnimation 1s ease forwards;
+      }
+
+      .brand-name {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        margin-right: 10px; /* Space between the text and the logo image */
+      }
+
+      .letter {
+        display: inline-block;
+        font-size: 2rem;
+        animation: letterDrop 0.5s ease forwards;
+      }
+
+      .red {
+        color: red; /* Change the color of letters in this class to red */
+      }
       .menu ul {
         list-style-type: none;
         padding: 0;
@@ -194,62 +167,13 @@
                 /* Stays on top of all elements */
             }
 
-    </style>
-</head>
-<body>
+          }    
 
-    <div class="circle"></div>
-<div class="circle"></div>
-<div class="circle"></div>
-<div class="circle"></div>
-<div class="circle"></div>
-<div class="circle"></div>
-<div class="circle"></div>
-<div class="circle"></div>
-<div class="circle"></div>
-<div class="circle"></div>
-<div class="circle"></div>
-<div class="circle"></div>
-<div class="circle"></div>
-<div class="circle"></div>
-<div class="circle"></div>
-<div class="circle"></div>
-<div class="circle"></div>
-<div class="circle"></div>
-<div class="circle"></div>
-<div class="circle"></div>
-<div class="circle"></div>
-<header>
-    <div class="container">
 
-      }
 
-      .logo {
-        display: flex;
-        align-items: center;
-        animation: logoAnimation 1s ease forwards;
-      }
-
-      .brand-name {
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        margin-right: 10px; /* Space between the text and the logo image */
-      }
-
-      .letter {
-        display: inline-block;
-        font-size: 2rem;
-        animation: letterDrop 0.5s ease forwards;
-        animation-delay: calc(var(--letter-index) * 0.1s);
-      }
-
-      .red {
-        color: red;
-      }
     </style>
-  </head>
-  <body>
+</head>
+<body>
     <header>
       <div class="container">
 

diff --git a/index.html b/index.html
@@ -82,6 +82,7 @@
 
     .feature {
       background-color: #e7f3fe;
+      align-items: center;
       border-radius: 10px;
       padding: 15px;
       text-align: center;

diff --git a/team.html b/team.html
@@ -227,6 +227,17 @@
 
 
 
+      footer {
+          background-color: #C4D7FF;
+          color: white;
+          text-align: center;
+          padding: 10px 0;
+          position: relative;
+          bottom: 0;
+          width: 100%;
+      }
+
+
         footer {
             background-color: #C4D7FF;
             color: white;
@@ -236,6 +247,7 @@
             position: relative;
         }
 
+
       .contact-feature img {
         width: 150px;
         height: auto;
@@ -244,7 +256,7 @@
       }
 
       footer {
-        background-color: #000;
+        background-color: #;
         color: white;
         text-align: center;
         padding: 10px 0;
@@ -287,6 +299,7 @@
           opacity: 1;
         }
 
+
         .circle {
                 height: 35px;
                 width: 35px;
@@ -334,6 +347,7 @@
         100% {
           transform: translateY(0);
         }
+
       }
 
       .logo {
@@ -643,12 +657,4 @@ <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: #2980b9;">Subscribe to
 </body>
 
 
-
-
-      window.onload = function () {
-        document.getElementById("team-link").classList.add("active");
-      };
-    </script>
-  </body>
-
 </html>