1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-04-18 01:49:08 +00:00

Add our features section

This commit is contained in:
Luke 2022-07-20 14:10:59 +02:00
parent 0d21c33502
commit 8cf58a1e0e

View file

@ -51,25 +51,40 @@ redirect_from:
</svg>
</div>
</header>
<section class="general-layout">
<div class="showcase-one-container-reverse">
<div class="showcase-one-left" style="max-width: 1050px;">
<img src="{{ site.img_url }}page-specific/portmaster/monitor-network-activity.png" alt="">
</div>
<div class="showcase-one-right">
<div class="alert-tiny w-max pr-6 bg-safing-blue-600 ml-0 md:mx-auto">
<i class="icon-info text-md"></i>
<span>Alpha Software: Portmaster is in active development</span>
</div>
<h2 class="showcase-one-right-title" style="max-width: 350px;">
Monitor All Network Activity
</h2>
<p class="showcase-one-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>
<section class="general-layout" >
<div class="space-y-28">
<div class="download-container" id="features">
<h2 class="download-container-title">
Our Features
</h2>
<div class="space-y-8 max-w-3xl mx-auto">
<p class="download-container-extra">
For common problems check out our documentation with extensive guides on
installation, DNS Configuration and the Settings Handbook, describing every
Portmaster setting in detail. Report issues and bugs on GitHub while you can
always ask for more help on our subreddit or via mail.
</p>
</div>
</div>
<div class="showcase-one-container-reverse">
<div class="showcase-one-left" style="max-width: 1050px;">
<img src="{{ site.img_url }}page-specific/portmaster/monitor-network-activity.png" alt="">
</div>
<div class="showcase-one-right">
<div class="alert-tiny w-max pr-6 bg-safing-blue-600 ml-0 md:mx-auto">
<i class="icon-info text-md"></i>
<span>Alpha Software: Portmaster is in active development</span>
</div>
<h2 class="showcase-one-right-title" style="max-width: 350px;">
Monitor All Network Activity
</h2>
<p class="showcase-one-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>
</div>
</div>
</div>
<div class="showcase-one-container">
<div class="showcase-one-left" style="max-width: 850px;">