add component

src/components/Navbar/NavbarStyles.css

@@ -9,7 +9,7 @@ li {
 }
 
 .download-btn-container {
-    color: var(--black);
+    color: var(--black) !important;
     font-family: var(--font-family-jetbrains-mono);
     font-size: var(--font-size-s);
     font-weight: 400;

src/components/P1/Powered/Powered.astro

@@ -0,0 +1,16 @@
+---
+import "./PoweredStyles.css";
+---
+
+<div class="p-l-container">
+    <div class="p-l-wrapper">
+        <h2 class="centered"><br /><br />POWERED BY</h2>
+        <div
+            class="flex-row place-items-center overflow-hidden flex h-auto w-full mb-[1.5vh]"
+        >
+            <div class="sia-logo"></div>
+            <div class="hns-logo"></div>
+            <div class="osi-logo"></div>
+        </div>
+    </div>
+</div>

src/components/P1/Powered/PoweredStyles.css

@@ -0,0 +1,65 @@
+.p-l-wrapper {
+    align-items: center;
+    flex-direction: column;
+    white-space: nowrap;
+    display: flex;
+    width: 100%;
+    margin-left: 50%;
+    margin-right: 50%;
+}
+
+.p-l-container {
+    justify-content: center;
+    align-items: center;
+    overflow: visible;
+    white-space: normal;
+    display: flex;
+}
+
+@media screen and (width <=625px) {
+    .p-l-container {
+        width: 100%;
+        margin-top: 5%;
+        transition: 0.5s;
+        justify-content: center;
+        align-items: center;
+        overflow: visible;
+        display: grid;
+    }
+
+    .p-l-wrapper {
+        margin-left: 0%
+    }
+}
+
+.sia-logo {
+    background-image: url("../../../assets/sia-logo.webp");
+    background-position: 50% 50%;
+    background-size: contain;
+    background-repeat: no-repeat;
+    height: 51.8px;
+    margin-bottom: 8px;
+    object-fit: cover;
+    width: 89.6px;
+}
+
+.hns-logo {
+    background-image: url("../../../assets/hsn-logo.webp");
+    background-position: 50% 50%;
+    background-repeat: no-repeat;
+    background-size: contain;
+    height: 46.2px;
+    margin-left: 5px;
+    object-fit: cover;
+    width: 43.4px;
+}
+
+.osi-logo {
+    background-image: url("../../../assets/osi-logo.webp");
+    background-position: 50% 50%;
+    background-size: contain;
+    background-repeat: no-repeat;
+    height: 70px;
+    margin-left: 18px;
+    width: 58.1px;
+}

src/index.css

@@ -47,7 +47,6 @@ html {
 a,
 a:visited {
   text-decoration: none;
-  color: white;
 }
 
 body {

src/pages/index.astro

@@ -1,6 +1,7 @@
 ---
 import Navbar from "../components/Navbar/Navbar.jsx";
 import Header from "../components/P1/Header/Header.astro";
+import Powered from "../components/P1/Powered/Powered.astro";
 import Vision from "../components/P1/Vision/Vision.astro";
 import Whatisweb3 from "../components/P1/Whatisweb3/Whatisweb3.astro";
 import "../index.css";
@@ -27,5 +28,6 @@ import "../index.css";
 		<Header />
 		<Vision />
 		<Whatisweb3 />
+		<Powered />
 	</body>
 </html>