subsidiary-card.mustache

<article class="card elevation-0 bg-grey-50">
  <div class="card__body flex space-x-8 items-start">
    <img src="/images/city-banner.png" />
    <div class="space-y-4 flex-grow">
      <div>
        <h1 class="head-alt-base mb-2"><a href="#">Svitavy</a></h1>
        <div class="flex flex-col sm:flex-row space-y-2 sm:space-y-0 sm:space-x-4">
          {{> atoms-responsive-contact-line(icon: "fas fa-envelope", caption: "svitavsko@pirati.cz", classes: "font-light") }}
          {{> atoms-contact-line(icon: "fab fa-facebook-f text-brands-facebook", caption: "Svitavsko", classes: "font-light") }}
        </div>
      </div>
      {{> molecules-basic-badge(hideAvatar: true, hideOccupation: true) }}
    </div>
    <div class="hidden md:block">
      <a href="#"><i class="fas fa-chevron-right text-3xl"></i></a>
    </div>
  </div>
</article>