<script>
    import Faq from "../routes/faq.svelte";
import FaqItem from "./FAQItem.svelte";
import FemtoHeader from "./FemtoHeader.svelte";
import FemtoStarLogo from "./FemtoStarLogo.svelte";
import PartnerItem from "./PartnerItem.svelte"
</script>

<style>
    .partner-container{
        padding-top: 3em;
        width: 100%;
        color: white;
        text-align: center;
    }
    .partner-text{
        padding-bottom: 1em;
    }
    h2{
        margin-bottom: 0.1em;
    }
</style>

<div class="partner-container">
    <div class="partner-text">
        <h2>Our Partners</h2>
        The FemtoStar Project is working with an ever-growing community of partners to make FemtoStar a reality.<br>
    </div>
    
    <PartnerItem link="https://appliedionsystems.com" alt="Logo of Applied Ion Systems" image="../../ais-logo.png" />
    <PartnerItem link="https://fossa.systems" alt="Logo of Fossa Systems" image="../../fossa-logo.png" />
    <PartnerItem link="https://nlnet.nl" alt="Logo of NLNet" image="../../nlnet-logo.png" />
    <PartnerItem link="https://pine64.org" alt="Logo of Pine64" image="../../pine-logo.png" />
</div>