<div class="horizontal-line"></div>
<footer class="footer" id="footer">
  <div class="footer-wrapper">
      <div class="footer-category">
          <div class="footer-category-title">
              <span>Company</span>
          </div>
          <div class="footer-links">
              <div class="footer-links-left">
                <a href="{{ site.about_url }}" class="footer-link"> About Us </a>
                <a href="{{ site.business_model_url }}" class="footer-link"> Business Model </a>
                <a href="{{ site.help_url }}" class="footer-link">Support</a>
              </div>
          </div>
      </div>
      <div class="vertical-line"></div>
      <div class="footer-category">
          <div class="footer-category-title">
              <span>Community</span>
          </div>
          <div class="footer-links">
              <div class="footer-links-left">
                <a href="{{ site.docs_code_of_conduct_url }}" class="footer-link"> Code of Conduct </a>
                <div class="flex  items-center space-x-2">
                    <a href="{{ site.blog_url }}" class="footer-link"> Blog </a>
                    <a href="{{ site.blog_feed_url }}" class="footer-link"><i class="icon-rss text-xs"></i></a>
                </div>
                <div class="flex  items-center space-x-2">
                    <a href="{{ site.podcast_url }}" class="footer-link"> Podcast </a>
                    <a href="{{ site.podcast_feed_url }}" class="footer-link"><i class="icon-rss text-xs"></i></a>
                </div>
                <a href="{{ site.video_url }}" class="footer-link"> Videos </a>
              </div>
              <div class="footer-links-right">
                <a target="_blank" href="{{ site.discord_url }}" class="footer-link link-primary-external">Discord </a>
                <a target="_blank" href="{{ site.github_url }}" class="footer-link link-primary-external">Github </a>
                <a target="_blank" href="{{ site.twitter_url }}" class="footer-link link-primary-external">Twitter </a>
                <a target="_blank" href="{{ site.youtube_channel_url }}" class="footer-link link-primary-external">YouTube </a>
              </div>
          </div>
      </div>
      <div class="vertical-line"></div>
      <div class="footer-category">
          <div class="footer-category-title">
              <span>Portmaster</span>
              <div class="horizontal-line"></div>
          </div>
          <div class="footer-links">
              <div class="footer-links-left">
                  <a href="{{ site.download_url }}" class="footer-link"> Download </a>
                  <a href="{{ site.features_url }}" class="footer-link"> Features </a>
                  <a href="{{ site.wiki_url }}" class="footer-link"> Wiki & FAQ </a>
                  <a target="_blank" href="{{ site.github_url }}/portmaster/" class="footer-link link-primary-external">Source Code </a>
              </div>
              <div class="footer-links-right">
                <a href="{{ site.glasswire_comparison_url }}" class="footer-link">vs GlassWire</a>
                <a href="{{ site.simplewall_comparison_url }}" class="footer-link">vs Simplewall</a>
                <a href="{{ site.pihole_comparison_url }}" class="footer-link">vs Pi-hole</a>
              </div>
          </div>
      </div>
      <div class="footer-category">
          <div class="footer-category-title">
              <span>SPN</span>
              <div class="horizontal-line"></div>
          </div>
          <div class="footer-links">
              <div class="footer-links-left">
                  <a href="{{ site.spn_url }}" class="footer-link"> Features </a>
                  <a href="{{ site.whitepaper_url }}" class="footer-link"> Whitepaper </a>
                    <a target="_blank" href="{{ site.github_url }}/portmaster/tree/develop/spn/"
                        class="footer-link link-primary-external">Source Code </a>
              </div>
              <div class="footer-links-right">
                  <a href="{{ site.vpn_comparison_url }}" class="footer-link"> vs VPNs </a>
                  <a href="{{ site.tor_comparison_url }}" class="footer-link"> vs Tor </a>
              </div>
          </div>
      </div>
  </div>
  <div class="footer-legal">
      <div class="footer-legal-wrapper">
          <span class="footer-legal-copyright">
              &copy; {{ site.time | date: '%Y' }} Safing ICS Technologies GmbH
          </span>
          <div class="footer-legal-links">
              <a href="{{ site.terms_url }}" class="footer-legal-link"> Terms of Service </a>
              <a href="{{ site.privacy_url }}" class="footer-legal-link"> Privacy Policy </a>
              <a href="{{ site.contact_url }}" class="footer-legal-link"> Contact & Notice </a>
          </div>
      </div>
      <span class="footer-legal-extra">
          Companies mentioned are by way of example and are an opinion only, not based on fact.
      </span>
  </div>
</footer>