mirror of
https://github.com/safing/web
synced 2025-09-01 18:49:06 +00:00
Update landing
This commit is contained in:
parent
f3f0b1925b
commit
1ad5c7da37
1 changed files with 23 additions and 10 deletions
33
index.html
33
index.html
|
@ -6,10 +6,11 @@ title: Safing - Love Freedom
|
|||
{% include header.html %}
|
||||
|
||||
<section id="features" class="my-32 md:mt-16 md:mb-40">
|
||||
<div class="mx-auto lg:pl-16 grid grid-rows-auto grid-cols-1 grid-row-col lg:grid-cols-2 lg:grid-flow-col" style="max-width: 2000px;">
|
||||
|
||||
<div class="mx-auto grid grid-rows-auto grid-cols-1 grid-row-col lg:grid-cols-2 lg:grid-flow-col" style="max-width: 2000px;">
|
||||
<div class="mx-auto lg:mr-0 lg:ml-auto mt-16 md:my-auto px-4 md:px-0">
|
||||
<div class="inline-block max-w-lg lg:mr-32">
|
||||
<div class="pt-1 pb-1 pr-4 pl-2 rounded-full text-white text-xs flex break-words" style="background-color: #5c85ff; width: fit-content;">
|
||||
<div class="pt-1 pb-1 pr-4 pl-2 rounded-full text-white text-xs flex break-words" style="background-color: #5c85ff; width: fit-content; width: -moz-fit-content;">
|
||||
<img src="{{ site.img_url }}icons/info.svg" class="h-4 w-4 self-center mr-2">
|
||||
Alpha Software: Portmaster is in active development
|
||||
</div>
|
||||
|
@ -19,16 +20,24 @@ title: Safing - Love Freedom
|
|||
<p class="text-md opacity-55 max-w-lg">
|
||||
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 class="py-10 sm:py-10 text-center sm:flex">
|
||||
<a href="{{ site.portmaster_url }}">
|
||||
<button type="button" style="background-color: #000;" class="transform hover:scale-95 inline-flex items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
|
||||
Discover the Portmaster
|
||||
</button>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="lg:-mr-20 ml-auto row-start-1 self-end md:self-start ">
|
||||
<img class="" src="{{ site.img_url }}page-specific/portmaster/monitor-network-activity.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="mx-auto lg:pr-16 grid grid-rows-auto grid-cols-1 grid-row-col lg:grid-cols-2 lg:grid-flow-col mt-32 lg:mt-64" style="max-width: 1700px;">
|
||||
|
||||
<div class="mx-auto grid grid-rows-auto grid-cols-1 grid-row-col lg:grid-cols-2 lg:grid-flow-col mt-32 lg:mt-64 lg:pt-20" style="max-width: 1700px;">
|
||||
<div class="row-start-2 lg:row-start-1 lg:col-start-2 mx-auto lg:ml-0 lg:mr-auto mt-16 md:my-auto px-4 md:px-0">
|
||||
<div class="inline-block max-w-lg lg:ml-32">
|
||||
<div class="pt-1 pb-1 pr-4 pl-2 rounded-full text-white text-xs flex break-words" style="background-color: #5c85ff; width: fit-content;">
|
||||
<div class="pt-1 pb-1 pr-4 pl-2 rounded-full text-white text-xs flex break-words" style="background-color: #5c85ff; width: fit-content; width: -moz-fit-content;">
|
||||
<img src="{{ site.img_url }}icons/info.svg" class="h-4 w-4 self-center mr-2">
|
||||
Alpha Software: Portmaster is in active development
|
||||
</div>
|
||||
|
@ -38,16 +47,24 @@ title: Safing - Love Freedom
|
|||
<p class="text-md opacity-55 max-w-lg" style="max-width: 471px;">
|
||||
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>
|
||||
<div class="py-10 sm:py-10 text-center sm:flex">
|
||||
<a href="{{ site.portmaster_url }}">
|
||||
<button type="button" style="background-color: #000;" class="transform hover:scale-95 inline-flex items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 active:bg-indigo-700 transition duration-150 ease-in-out uppercase">
|
||||
Discover the Portmaster
|
||||
</button>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mx-auto md:ml-auto row-start-1 self-end md:self-center">
|
||||
<img class="" src="{{ site.img_url }}page-specific/portmaster/block-trackers-system-wide.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="mx-auto lg:pl-16 grid grid-rows-auto grid-cols-1 grid-row-col lg:grid-cols-2 lg:grid-flow-col mt-32 lg:mt-64" style="max-width: 1700px;">
|
||||
|
||||
<div class="mx-auto grid grid-rows-auto grid-cols-1 grid-row-col lg:grid-cols-2 lg:grid-flow-col mt-32 lg:mt-64 lg:pt-20" style="max-width: 1700px;">
|
||||
<div class="mx-auto lg:mr-0 lg:ml-auto mt-16 md:my-auto px-4 md:px-0">
|
||||
<div class="inline-block max-w-lg lg:mr-32">
|
||||
<div class="pt-1 pb-1 pr-4 pl-2 rounded-full text-white text-xs flex break-words" style="background-color: #5c85ff; width: fit-content;">
|
||||
<div class="pt-1 pb-1 pr-4 pl-2 rounded-full text-white text-xs flex break-words" style="background-color: #5c85ff; width: fit-content; width: -moz-fit-content;">
|
||||
<img src="{{ site.img_url }}icons/info.svg" class="h-4 w-4 self-center mr-2">
|
||||
Alpha Software: Portmaster is in active development
|
||||
</div>
|
||||
|
@ -63,10 +80,6 @@ title: Safing - Love Freedom
|
|||
Discover the Portmaster
|
||||
</button>
|
||||
</a>
|
||||
<br>
|
||||
<a href="{{ site.portmaster_url }}#downloads" class="sm:pl-8 transition duration-150 ease-in-out hover:opacity-100 self-center uppercase opacity-55 text-xs font-bold">
|
||||
Download Alpha
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
Loading…
Add table
Reference in a new issue