add component

This commit is contained in:
roryjshelton 2023-04-28 23:54:23 -07:00
parent d09532dbb7
commit 73d3eddc37
5 changed files with 84 additions and 2 deletions

View File

@ -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;

View File

@ -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>

View File

@ -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;
}

View File

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

View File

@ -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>