footer.mustache

<footer class="footer">
  <section class="footer-section footer-main">
    <div class="top">
      <div class="container">
        <div class="grid grid-cols-12">
          <div class="md:col-span-3 col-span-12 footer-copy">
            <img
              src="https://www.va-fighters.com/pirati/krajska-sablona/dist/assets/img/logo.svg"
              alt=""
              class="footer-brand w-9 md:w-10 pb-3"
            />
            <p class="para hidden md:block">
              Piráti, 2020. Všechna práva vyhlazena.Sdílejte a nechte
              ostatní sdílet za stejných podmínek.
            </p>
          </div>
          <div class="md:col-span-2 col-span-12">
            <span class="text-xl uppercase is-highlighted">Nová sekce</span>
            <ul class="footer-links">
              <li class="footer-link">
                <a href="#">Lorem ipsum</a>
              </li>
              <li class="footer-link">
                <a href="#">Lorem ipsum</a>
              </li>
              <li class="footer-link">
                <a href="#">Lorem ipsum</a>
              </li>
            </ul>
          </div>
          <div class="md:col-span-2 col-span-12">
            <span class="text-xl uppercase is-highlighted">Nová sekce</span>
            <ul class="footer-links">
              <li class="footer-link">
                <a href="#">Lorem ipsum</a>
              </li>
              <li class="footer-link">
                <a href="#">Lorem ipsum</a>
              </li>
              <li class="footer-link">
                <a href="#">Lorem ipsum</a>
              </li>
            </ul>
          </div>
          <div class="md:col-span-2 col-span-12">
            <span class="text-xl uppercase is-highlighted">Nová sekce</span>
            <ul class="footer-links">
              <li class="footer-link">
                <a href="#">Lorem ipsum</a>
              </li>
              <li class="footer-link">
                <a href="#">Lorem ipsum</a>
              </li>
              <li class="footer-link">
                <a href="#">Lorem ipsum</a>
              </li>
            </ul>
          </div>
          <div class="md:col-span-3 col-span-12 footer-social mb-3 md:mb-0">
            <div class="mb-2">
              <div class="footer-social-links is-highlighted pb-2">
                <a href="#"><i class="fab fa-twitter"></i></a>
                <a href="#"><i class="fas fa-rss"></i></a>
                <a href="#"><i class="fab fa-instagram"></i></a>
                <a href="#"><i class="fab fa-flickr"></i></a>
              </div>
              <a href="#"><i class="fas fa-envelope"></i> Dejte nám vědět</a
              >
            </div>
            <a href="#" class="btn has-icon is-inverted is-lg is-fullwidth md:is-auto mb-1">