{{ $links := .Site.Params.links }}
<div class="bg-dark px-5 py-5 row sp-footer">
      <div class="col-md-4 col-xs-12 pt-4">
        <h2 class="text-secondary">{{ T "footer_learn_more" }}</h2>
        <ul class="list-unstyled">
          <li><a href="{{ ref . "/docs/services/" }}" class="nav-link">{{ T "footer_available_services"}}</a></li>
          <li><a href="{{ ref . "/docs/" }}" class="nav-link">{{ T "footer_user_guide" }}</a></li>
          <li><a href="{{ ref . "/blog/" }}" class="nav-link">{{ T "footer_blog" }}</a></li>
          <li><a href="{{ ref . "/privacy-policy/" }}" class="nav-link">{{ T "footer_privacy_policy" }}</a></li>

        </ul>
        <h3 class="text-secondary">{{ T "footer_get_help" }}</h3>
        <ul class="list-unstyled">
          <li><a href="https://matrix.to/#/#chat:selfprivacy.org" class="nav-link" rel="noopener noreferrer" target="_blank">{{ T "footer_matrix_chat" }}</a></li>
          <li><a href="https://t.me/selfprivacy_chat" class="nav-link" rel="noopener noreferrer" target="_blank">{{ T "footer_telegram_chat" }}</a></li>
        </ul>
      </div>

      <div class="col-md-4 col-xs-12 pt-4">
        <h2 class="text-secondary">{{ T "footer_contribute" }}</h2>
        <ul class="list-unstyled">
            <li><a href="https://git.selfprivacy.org/SelfPrivacy" class="nav-link" rel="noopener noreferrer" target="_blank">{{ T "footer_source_code" }}</a></li>
            <li><a href="https://weblate.selfprivacy.org/" class="nav-link" rel="noopener noreferrer" target="_blank">{{ T "footer_translate" }}</a></li>
            <li><a href="https://fdroid.selfprivacy.org/" class="nav-link" rel="noopener noreferrer" target="_blank">{{ T "footer_test_nightly" }}</a></li>
            <li><a href="https://matrix.to/#/#dev:selfprivacy.org" class="nav-link" rel="noopener noreferrer" target="_blank">{{ T "footer_matrix_contributor_chat" }}</a></li>
            <li><a href="https://t.me/selfprivacy_dev" class="nav-link" rel="noopener noreferrer" target="_blank">{{ T "footer_telegram_contributor_chat" }}</a></li>
        </ul>
      </div>

      <div class="col-md-4 col-xs-12 pt-4">
        <h2 class="text-secondary">{{ T "footer_download" }}</h2>
          <h3 class="text-secondary">{{ T "footer_download_phone" }}</h3>
          <ul class="list-unstyled">
            <li><a href="https://f-droid.org/en/packages/pro.kherel.selfprivacy/" class="nav-link" rel="noopener noreferrer" target="_blank"><span><i class="fa-brands fa-android"></i></span> {{ T "footer_download_fdroid" }}</a></li>
            <li><a href="https://play.google.com/store/apps/details?id=org.selfprivacy.app" class="nav-link" rel="noopener noreferrer" target="_blank"><span><i class="fa-solid fa-play"></i></span> {{ T "footer_download_google_play" }}</a></li>
            <li><a href="https://git.selfprivacy.org/kherel/selfprivacy.org.app/releases/latest" class="nav-link" rel="noopener noreferrer" target="_blank"><span><i class="fa-solid fa-file"></i></span> {{ T "footer_download_apk" }}</a></li>
            <li><a href="#" class="nav-link sp-coming-soon" rel="noopener noreferrer" target="_blank"><span><i class="fa-brands fa-apple"></i></span> {{ T "footer_download_ios" }}</a></li>
          </ul>
        <h3 class="text-secondary">{{ T "footer_download_desktop" }}</h3>
          <ul class="list-unstyled">
            <li><a href="https://git.selfprivacy.org/kherel/selfprivacy.org.app/releases/latest" class="nav-link" rel="noopener noreferrer" target="_blank"><span><i class="fa-brands fa-linux"></i></span> {{ T "footer_download_linux" }}</a></li>
            <li><a href="https://git.selfprivacy.org/kherel/selfprivacy.org.app/releases/latest" class="nav-link" rel="noopener noreferrer" target="_blank"><span><i class="fa-brands fa-windows"></i></span> {{ T "footer_download_windows" }}</a></li>
            <li><a href="https://git.selfprivacy.org/kherel/selfprivacy.org.app/releases/latest" class="nav-link sp-coming-soon" rel="noopener noreferrer" target="_blank"><span><i class="fa-brands fa-apple"></i></span> {{ T "footer_download_macos" }}</a></li>
          </ul>

      </div>
</div>