mirror of
https://github.com/safing/web
synced 2025-09-01 18:49:06 +00:00
Prettify business model HTML
This commit is contained in:
davegson
parent
86417a3a95
commit
0ac4cd2dea
1 changed files with 83 additions and 83 deletions
|
|
@ -4,92 +4,92 @@ layout: page
|
|||
---
|
||||
|
||||
<section class="mt-20 lg:mt-48 mb-16 lg:mb-48">
|
||||
<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-16" 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="md:ml-4 inline-block max-w-lg lg:mr-32">
|
||||
<h2 style="max-width: 404px; line-height: 60px;" class="text-5xl tracking-tight font-extrabold leading-none pt-8 pb-10 lg:w-auto">
|
||||
Provide Local Value for Free. Forever
|
||||
</h2>
|
||||
<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="mx-auto md:ml-auto row-start-1 self-end md:self-center">
|
||||
<img class="" src="{{ site.img_url }}page-specific/business-model/provide-local-value-for-free-forever.png" alt="">
|
||||
<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-16" 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="md:ml-4 inline-block max-w-lg lg:mr-32">
|
||||
<h2 style="max-width: 404px; line-height: 60px;" class="text-5xl tracking-tight font-extrabold leading-none pt-8 pb-10 lg:w-auto">
|
||||
Provide Local Value for Free. Forever
|
||||
</h2>
|
||||
<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="mx-auto grid grid-rows-auto grid-cols-1 grid-row-col lg:grid-cols-2 lg:grid-flow-col mt-32 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="md:ml-4 inline-block max-w-lg lg:ml-32">
|
||||
<h2 style="max-width: 473px; line-height: 60px;" class="text-5xl tracking-tight font-extrabold leading-none pt-8 pb-10">
|
||||
Only Pay for Protection in Transit
|
||||
</h2>
|
||||
<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/business-model/only-pay-for-protection-in-transit.png" alt="">
|
||||
</div>
|
||||
<div class="mx-auto md:ml-auto row-start-1 self-end md:self-center">
|
||||
<img class="" src="{{ site.img_url }}page-specific/business-model/provide-local-value-for-free-forever.png" alt="">
|
||||
</div>
|
||||
<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: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="md:ml-4 inline-block max-w-lg lg:mr-32">
|
||||
<h2 style="max-width: 400px; line-height: 60px;" class="text-5xl tracking-tight font-extrabold leading-none pt-8 pb-10 lg:w-auto">
|
||||
Reinvest Earnings into Privacy
|
||||
</h2>
|
||||
<p class="text-md opacity-55 max-w-lg">
|
||||
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>
|
||||
<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/business-model/reinvest-earnings-into-privacy.png" alt="">
|
||||
</div>
|
||||
<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: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="md:ml-4 inline-block max-w-lg lg:ml-32">
|
||||
<h2 style="max-width: 473px; line-height: 60px;" class="text-5xl tracking-tight font-extrabold leading-none pt-8 pb-10">
|
||||
Only Pay for Protection in Transit
|
||||
</h2>
|
||||
<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 grid grid-rows-auto grid-cols-1 grid-row-col lg:grid-cols-2 lg:grid-flow-col mt-32 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="md:ml-4 inline-block max-w-lg lg:ml-32">
|
||||
<h2 style="max-width: 473px; line-height: 60px;" class="text-5xl tracking-tight font-extrabold leading-none pt-8 pb-10">
|
||||
Ownership & Transparent Funding
|
||||
</h2>
|
||||
<p class="text-md opacity-55 max-w-lg" style="max-width: 471px;">
|
||||
aking money always means opening up to influences. Therefore, we see it as our duty to not only be open about our ownership, but also about how we are financing this venture.
|
||||
</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/about/safing-hand.gif" alt="">
|
||||
</div>
|
||||
<div class="mx-auto md:ml-auto row-start-1 self-end md:self-center">
|
||||
<img class="" src="{{ site.img_url }}page-specific/business-model/only-pay-for-protection-in-transit.png" alt="">
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<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: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="md:ml-4 inline-block max-w-lg lg:mr-32">
|
||||
<h2 style="max-width: 400px; line-height: 60px;" class="text-5xl tracking-tight font-extrabold leading-none pt-8 pb-10 lg:w-auto">
|
||||
Reinvest Earnings into Privacy
|
||||
</h2>
|
||||
<p class="text-md opacity-55 max-w-lg">
|
||||
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>
|
||||
<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/business-model/reinvest-earnings-into-privacy.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<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: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="md:ml-4 inline-block max-w-lg lg:ml-32">
|
||||
<h2 style="max-width: 473px; line-height: 60px;" class="text-5xl tracking-tight font-extrabold leading-none pt-8 pb-10">
|
||||
Ownership & Transparent Funding
|
||||
</h2>
|
||||
<p class="text-md opacity-55 max-w-lg" style="max-width: 471px;">
|
||||
aking money always means opening up to influences. Therefore, we see it as our duty to not only be open about our ownership, but also about how we are financing this venture.
|
||||
</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/about/safing-hand.gif" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue