<section id="server-hero" class="hero is-medium">
  <div class="container">
    <div class="hero-body has-text-centered">
      <div class="columns is-centered">
        <div class="column is-three-quarters-desktop is-two-thirds-tablet">
          <p class="title is-size-2">
            <a href="https://public-interest-tech.com/" target="_blank"
              >Public interest</a
            >
            infrastructure.
          </p>
          <p class="subtitle is-size-2">
            An alternative to corporate clouds built by
            <a href="https://www.coops.tech/manifesto" target="_blank">
              tech co-ops</a
            >.
          </p>
        </div>
      </div>
    </div>
    <div class="hero-foot has-text-centered">
      <p class="is-size-3"><b>Learn More</b></p>
      <!-- SVG provided by LineIcons https://lineicons.com under CC BY-SA 4.0 -->
      <!-- Colour has been changed and this SVG is also licensed under CC BY-SA 4.0 as per its license requirements -->
      <a href="#benefits"
        ><img alt="Down Chevron" width="40px" src="/svg/chevron-down.svg"
      /></a>
    </div>
  </div>
</section>
