vikarti.anatra/safing-web
1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-09-02 02:59:03 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Update showcase-container layout

Browse source
This commit is contained in:
Luke 2022-01-25 03:38:33 +01:00
parent d938e3e52a
commit 85e4a902bd
1 changed files with 58 additions and 57 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

115
index.html
View file

@ -6,67 +6,68 @@ title: Safing - Love Freedom
{% include header.html %} {% include header.html %}
<section class="space-y-80 mt-40"> <section class="space-y-80 mt-40">
<div class="showcase-container-reverse">
<div class="showcase-left" style="max-width: 1050px;">
<img src="{{ site.img_url }}/page-specific/portmaster/monitor-network-activity.png" alt="">
</div>
<div class="showcase-right">
<div class="alert-tiny w-max pr-6 bg-safing-blue-600" style="margin-left: 0;">
<i class="icon-info text-md"></i>
<span>Alpha Software: Portmaster is in active development</span>
</div>
<h2 class="showcase-right-title" style="max-width: 350px;">
Monitor All Network Activity
</h2>
<p class="showcase-right-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>
<div class="showcase-container"> <div class="showcase-container">
<div class="showcase-left"> <div class="showcase-left" style="max-width: 850px;">
<div class="alert-tiny w-max pr-6 bg-safing-blue-500" style="margin-left: 0;"> <img src="{{ site.img_url }}/page-specific/portmaster/block-trackers-system-wide.png" alt="">
<i class="icon-info text-md"></i> </div>
<span>Alpha Software: Portmaster is in active development</span> <div class="showcase-right">
</div> <div class="alert-tiny w-max pr-6 bg-safing-blue-600" style="margin-left: 0;">
<h2 class="showcase-left-title" style="max-width: 350px;"> <i class="icon-info text-md"></i>
Monitor All Network Activity <span>Alpha Software: Portmaster is in active development</span>
</h2> </div>
<p class="showcase-left-desc"> <h2 class="showcase-right-title" style="max-width: 350px;">
Discover everything that is happening on your computer. Expose every Block Trackers System-Wide
connection your applications make and detect evil ones. Finally get </h2>
the power to act accordingly. <p class="showcase-right-desc">
</p> Protect your whole computer, not just your browser. Block all
<a class="btn-secondary" href="#">Discover the portmaster</a> advertisements and trackers for every application. Easily add
</div> your own rules and block individual domains.
<div class="showcase-right" style="max-width: 1050px;"> </p>
<img src="{{ site.img_url }}/page-specific/portmaster/monitor-network-activity.png" alt=""> <a class="btn-secondary" href="#">Discover the portmaster</a>
</div> </div>
</div> </div>
<div class="showcase-container-reverse"> <div class="showcase-container-reverse">
<div class="showcase-left"> <div class="showcase-left" style="max-width: 850px;">
<div class="alert-tiny w-max pr-6 bg-safing-blue-500" style="margin-left: 0;"> <img src="{{ site.img_url }}/page-specific/portmaster/Set-global-and-per-app-configureation.png" alt="">
<i class="icon-info text-md"></i> </div>
<span>Alpha Software: Portmaster is in active development</span> <div class="showcase-right">
</div> <div class="alert-tiny w-max pr-6 bg-safing-blue-600" style="margin-left: 0;">
<h2 class="showcase-left-title" style="max-width: 350px;"> <i class="icon-info text-md"></i>
Block Trackers System-Wide <span>Alpha Software: Portmaster is in active development</span>
</h2> </div>
<p class="showcase-left-desc"> <h2 class="showcase-right-title" style="max-width: 350px;">
Protect your whole computer, not just your browser. Block all Set Global & per‑App Settings
advertisements and trackers for every application. Easily add </h2>
your own rules and block individual domains. <p class="showcase-right-desc">
</p> Make your own rules. Completely cut off applications from the
<a class="btn-secondary" href="#">Discover the portmaster</a> Internet. Or block all p2p connections except for certain apps.
</div> Or never connect to specific countries. The Portmaster has you
<div class="showcase-right" style="max-width: 850px;"> covered.
<img src="{{ site.img_url }}/page-specific/portmaster/block-trackers-system-wide.png" alt=""> </p>
</div> <a class="btn-secondary" href="#">Discover the portmaster</a>
</div> </div>
<div class="showcase-container ">
<div class="showcase-left">
<div class="alert-tiny w-max pr-6 bg-safing-blue-500" style="margin-left: 0;">
<i class="icon-info text-md"></i>
<span>Alpha Software: Portmaster is in active development</span>
</div>
<h2 class="showcase-left-title" style="max-width: 350px;">
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>
<div class="blogpod-container"> <div class="blogpod-container">
<div class="blogpod-container-top"> <div class="blogpod-container-top">
<span class="blogpod-container-top-bg-title">Follow Us</span> <span class="blogpod-container-top-bg-title">Follow Us</span>