{% include 'includes/head.twig' with {'pageTitle': 'Companies'} %}

{% include 'includes/hero.twig' %}

{% include 'includes/nav.twig' with {'page': 'companies'} %}

<main class="pageContent container">
  <h1>Companies</h1>
  <div class="cards">
    {% for company in companies %}
      <a class="card transitionEnabled" href="/company/{{ company.short }}">
        <h1>{{ company.name }}</h1>
        <p>{{ company.short_description }}</p>
        <img class="icon" src="{{ company.logo }}">
      </a>
    {% endfor %}
  </div>

</main>

{% include 'includes/footer.twig' %}
{% include 'includes/foot.twig' %}