---
layout: default
---
<section class="row align-items-center justify-content-center w-100 mx-0 h-100vh">
  <div class="col-12 col-md-6 d-flex flex-column justify-content-between bg-white bg-md-primary  h-100vh text-white g-0">
    {% render 'bootstrap/navbar.html',
      class: 'container-lg',
      items: site.menu_internals,
      color: 'white',
      uuid: uuid,
      cache: false
    %}
    <div class="d-block d-md-none">
      {% render 'svg/cloud_srv.svg' %}
    </div>
    <div class="fw-bold fst-italic text-monospace px-4">    
      <div class="py-3">
        <p>We are a a federation,</br> an open, democratic,</br> peer governed </br> community...</p>
      </div>
      <p class="fs-1">
        <a class="text-white" href="#?">Public interest</a> infrastructure.<br>
      </p>
      <p class="fs-1">
        An alternative to corporate clouds built by <a class="text-white" href="">tech co-ops.</a>
      </p>
    </div>
    {% assign about = site.abouts | first %}

    {% render 'footer.html', 
      social_networks: about.social_networks 
    %}
  </div>
  <div class="col-12 col-md-6 d-flex flex-column justify-content-between m-0 h-100vh g-0">
    <div class="d-md-block d-none">
      {% render 'svg/cloud_srv.svg' %}
    </div>
    {% render 'search.html', title: site.i18n.search_title, placeholder: site.i18n.search_placeholder %}
  </div>
</section>