---
layout: page
title: Portmaster Tour
heading: Portmaster Tour
---

<div class="stackable very relaxed doubling grid ui container" id="portmaster-tour">
  <div class="centered middle aligned row">
    <div class="seven wide centered column">
      <h2>Application Firewall</h2>
      <p>
        Portmaster manages and protects data that goes
        <i>out</i> of your computer. Monitor your applications with scrutiny and easily prevent data leakage.
      </p>
    </div>
    <div class="nine wide middle aligned column">
      <img class="ui middle aligned image" style="height: 20em;" src="{{ site.assets_url }}img/portmasterbig.png">
    </div>
  </div>
  <div class="ui divider"></div>
  <div class="row" id="managing">
    <div class="seven wide middle aligned column">
      <h2>Manage App Permissions</h2>
      <p>
        Want to deny an app access to the Internet? Or cut off specific endpoints? Easy peasy.
      </p>
      <p>
        Create a global profile and then tweak and manage your rules on each app individually.
      </p>
    </div>
    <div class="nine wide column">
      <div class="ui three cards middle lowered">
        <div class="card">
          <div class="center aligned content">
            <div class="ui image">
              <i class="huge black globe africa icon"></i>
            </div>
            <div class="ui small header">
              Global Config
            </div>
          </div>
          <div class="extra content">
            <div class="ui list">
              <div class="item">
                <i class="green checkmark icon"></i>
                <div class="content">
                  Internet
                </div>
              </div>
              <div class="item">
                <i class="green checkmark icon"></i>
                <div class="content">
                  LAN
                </div>
              </div>
              <div class="item">
                <i class="red x icon"></i>
                <div class="content">
                  p2p
                </div>
              </div>
            </div>
          </div>
          <div class="content">
            <h4>Blacklist</h4>
            <p>/</p>
          </div>
        </div>
        <div class="card">
          <div class="center aligned content">
            <div class="ui image">
              <i class="huge grey file word icon"></i>
            </div>
            <div class="ui small header">
              Microsoft Word
            </div>
          </div>
          <div class="extra content">
            <div class="ui list">
              <div class="item">
                <i class="red x icon"></i>
                <div class="content">
                  Internet
                </div>
              </div>
              <div class="item">
                <i class="red x icon"></i>
                <div class="content">
                  LAN
                </div>
              </div>
              <div class="item">
                <i class="red x icon"></i>
                <div class="content">
                  p2p
                </div>
              </div>
            </div>
          </div>
          <div class="content">
            <h4>Blacklist</h4>
            <p>/</p>
          </div>
        </div>
        <div class="card">
          <div class="center aligned content">
            <div class="ui image">
              <i class="huge grey steam icon"></i>
            </div>
            <div class="ui small header">
              Steam
            </div>
          </div>
          <div class="extra content">
            <div class="ui list">
              <div class="item">
                <i class="green checkmark icon"></i>
                <div class="content">
                  Internet
                </div>
              </div>
              <div class="item">
                <i class="green checkmark icon"></i>
                <div class="content">
                  LAN
                </div>
              </div>
              <div class="item">
                <i class="red x icon"></i>
                <div class="content">
                  p2p
                </div>
              </div>
            </div>
          </div>
          <div class="content">
            <h4>Blacklist</h4>
            <a>
              tracker.steam.com
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="ui divider"></div>
  <div class="row" id="security-levels">
    <div class="seven wide middle aligned column">
      <h2 class="ui large header">Configure the different Security Levels</h2>
      <p>
        Adjust your rules depending on your environment. Easily transition from being at home to lurking in your local Starbucks (and its WiFi).
      </p>
    </div>
    <div class="nine wide column">
      <div class="ui centered two cards">
        <div class="card">
          <div class="content">
            <img class="right floated ui image" src="{{ site.assets_url }}img/tour/level_dynamic.svg">
            <div class="header">
              Dynamic
            </div>
            <div class="description">
              Your home and other trusted networks.
            </div>
          </div>
        </div>
        <div class="card">
          <div class="content">
            <img class="right floated ui image" src="{{ site.assets_url }}img/tour/level_secure.svg">
            <div class="header">
              Secure
            </div>
            <div class="description">
              For Starbucks´ public WiFi or other untrusted networks.
            </div>
          </div>
        </div>
        <div class="card">
          <div class="content">
            <img class="right floated ui image" src="{{ site.assets_url }}img/tour/level_fortress.svg">
            <div class="header">
              Fortress
            </div>
            <div class="description">
              Prepare for worst case scenarios - so you can take away the panic from panic mode.
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="ui divider"></div>

  <div class="centered row">
    <div class="sixteen wide column">
      <h3 class="ui huge centered header">
        Dive into it
      </h3>
    </div>
    <div class="thirteen wide column">
      <div class="ui three stackable cards">
        <a class="card" href="/technology#portmaster">
          <div class="content">
            <p>Explore the mechanics behind Portmaster</p>
          </div>
          <div class="extra content">
            <button class='ui safing-secondary button'>
              Technical Details
            </button>
          </div>
        </a>
        <a class="ui raised card" href='https://github.com/Safing/portmaster/releases/' target="_blank">
          <div class="content">
            <p>Our Alpha is out for Linux 🎉 </p>
          </div>
          <div class="extra content">
            <button class='ui safing-primary button'>
              Download from&nbsp;&nbsp;<i class="ui github icon"></i>
            </button>
          </div>
        </a>
        <a class="ui raised card" href='https://discourse.safing.community/t/first-ui-impressions/65' target="_blank">
          <div class="content">
            <p>Glimps at some screenshots of the UI</p>
          </div>
          <div class="extra content">
            <button class='ui safing-secondary button'>
              Visit our Forum
            </button>
          </div>
        </a>
      </div>
    </div>
  </div>
</div>