<section id="who-is-involved" class="section is-autonomic">
  <div class ="container">
    <div class="">
      <h1 class="is-uppercase is-size-3 has-text-weight-bold">Who is involved</h1>
      <hr class="hr-header has-background-white">
    </div>
    <div class="columns is-multiline is-tablet is-variable is-vcentered">
      <div class="column is-one-quarter is-full-mobile">
        <img id="autonomic-logo" alt="Autonomic Logo" width="350px" src="/svg/autonomic_logo_white.svg">
      </div>
      <div class="column is-half-widescreen is-two-thirds-tablet is-offset-1 is-desktop">
        <p class="is-size-4 block">{{ site.Data.who_is_involved.text }}</p>
        <a href="{{ site.Params.links.autonomicSite }}"><button class="button is-autonomic has-text-white is-large">visit: autonomic.zone</button></a>
      </div>
    </div>
  </div>
</section>