---
layout: page
title: Safing - Love Freedom
---

{% include header.html %}

<section class="space-y-52 mt-40">
  <div class="showcase-container">
      <div class="showcase-left">
          <h2 class="showcase-left-title">
            Monitor All Network Activity
          </h2>
          <p class="showcase-left-desc">
            Discover everything that is happening on your computer. Expose every 
            connection your applications make and detect evil ones. Finally get 
            the power to act accordingly. 
          </p>
          <a class="btn-secondary" href="#">Discover the portmaster</a>
      </div>
      <div class="showcase-right" style="max-width: 1050px;">
          <img src="{{ site.img_url }}/page-specific/portmaster/monitor-network-activity.png" alt="">
      </div>
  </div>
  <div class="showcase-container-reverse">
      <div class="showcase-left">
          <h2 class="showcase-left-title">
              Block Trackers System-Wide
          </h2>
          <p class="showcase-left-desc">
            Protect your whole computer, not just your browser. Block all
            advertisements and trackers for every application. Easily add 
            your own rules and block individual domains. 
          </p>
          <a class="btn-secondary" href="#">Discover the portmaster</a>
      </div>
      <div class="showcase-right" style="max-width: 850px;">
          <img src="{{ site.img_url }}/page-specific/portmaster/block-trackers-system-wide.png" alt="">
      </div>
  </div>
  <div class="showcase-container ">
      <div class="showcase-left">
          <h2 class="showcase-left-title">
              Set Global & per‑App Settings
          </h2>
          <p class="showcase-left-desc">
            Make your own rules. Completely cut off applications from the 
            Internet. Or block all p2p connections except for certain apps. 
            Or never connect to specific countries. The Portmaster has you 
            covered. 
          </p>
          <a class="btn-secondary" href="#">Discover the portmaster</a>
      </div>
      <div class="showcase-right" style="max-width: 850px;">
          <img src="{{ site.img_url }}/page-specific/portmaster/Set-global-and-per-app-configureation.png" alt="">
      </div>
  </div>
  <div class="blogpod-container">
      <div class="blogpod-container-top">
          <span class="blogpod-container-top-bg-title">Follow Us</span>
          <h2 class="blogpod-container-top-title">
              Blog, Podcast &amp; Videos
          </h2>
      </div>
      <div class="blogpod-container-bottom">
          {% assign all_publications = site.publications | sort: "date" | reverse %}
          {% for publication in all_publications limit: 6 %}
            {% if publication.category == "blog" %}
              {% assign post = publication %}
              {% include thumbnail_blog.html pre_header="BLOG" %}
            {% elsif publication.category == "video" %}
              {% assign video = publication %}
              {% include thumbnail_video.html pre_header="VIDEO" %}
            {% elsif publication.category == "podcast" %}
              {% assign episode = publication %}
              {% include thumbnail_podcast.html pre_header="PODCAST" %}
            {% endif %}
          {% endfor %}
      </div>
      <div class="pt-20 flex w-full">
        <div class="mx-auto grid md:block">
          <a href="{{ site.blog_url }}" class="btn-secondary"> Blogs </a>
          <a href="{{ site.podcast_url }}" class="btn-secondary"> Podcast </a>
          <a href="{{ site.video_url }}" class="btn-secondary"> Videos </a>
        </div>
      </div>
  </div>
</section>