mirror of
https://github.com/safing/web
synced 2025-09-02 19:19:03 +00:00
Update spn
This commit is contained in:
Luke
parent
b30f11252d
commit
b6fb16541e
1 changed files with 162 additions and 281 deletions
377
spn/index.html
377
spn/index.html
|
|
@ -3,310 +3,191 @@ title: Safing Privacy Network
|
||||||
layout: page
|
layout: page
|
||||||
---
|
---
|
||||||
|
|
||||||
<div class="notification w-full text-center text-white p-2" style="background-color: #6188ff;">
|
<div class="alert-primary rounded-none text-md">
|
||||||
<div class="mx-auto flex">
|
|
||||||
<!-- use this disclaimer after the free month
|
|
||||||
<img src="{{ site.img_url }}icons/info.svg" class="ml-auto h-4 w-4 self-center mr-2">
|
|
||||||
<div class="mr-auto">
|
|
||||||
<span class="w-auto text-sm">SPN is in Alpha - expect hickups here and there, even as a customer.</span>
|
|
||||||
</div>
|
|
||||||
-->
|
|
||||||
<div class="mx-auto">
|
|
||||||
<a data-method="get" href="https://account.safing.io/spn-reaches-alpha">
|
<a data-method="get" href="https://account.safing.io/spn-reaches-alpha">
|
||||||
<span class="w-auto text-sm">SPN reached "Alpha". To celebrate, all customers can <span class="underline">use the SPN for FREE</span> in December 🎉</span>
|
<span class="w-auto text-sm">SPN reached "Alpha". To celebrate, all customers can <span class="underline">use the SPN for FREE</span> in December 🎉</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<header class="h-full">
|
|
||||||
<div class="flex items-center h-full pt-20 md:pt-32 md:pb-40">
|
<header class="header-one-container-reverse">
|
||||||
<div class="container mx-auto sm:px-8 sm:px-0">
|
<div class="header-one-left pl-12">
|
||||||
<div class="container mx-auto px-8 sm:px-0 flex">
|
<h1 class="header-one-left-title lg:max-w-md">
|
||||||
<div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:flex">
|
Safing Privacy Network
|
||||||
<div class="lg:pb-0 m0-0 lg:mr-40 self-center">
|
</h1>
|
||||||
|
<p class="header-one-left-desc">
|
||||||
|
With the SPN you protect all your connections from mass
|
||||||
|
surveillance. Prevent all Internet Service Providers
|
||||||
|
from collecting and selling your private activities.
|
||||||
|
</p>
|
||||||
|
<div class="space-y-2 justify-center md:flex md:space-x-2 lg:justify-start">
|
||||||
|
<a class="btn-primary" href="#pricing">Get started</a>
|
||||||
|
<br>
|
||||||
|
<a class="link" href="{{ site.portmaster_url }}">Built into the Portmaster</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="header-one-right">
|
||||||
<span style="font-size: 12rem; font-weight: 800; margin-top: -5rem; margin-left: 6rem; z-index: -1;" class="absolute transform scale-50 lg:scale-125">
|
<span style="font-size: 12rem; font-weight: 800; margin-top: -5rem; margin-left: 6rem; z-index: -1;" class="absolute transform scale-50 lg:scale-125">
|
||||||
<img src="{{ site.img_url }}shapes/circle-md.png" alt="">
|
<img src="{{ site.img_url }}shapes/circle-md.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
<video style="box-shadow: 0 0px 90px 0 rgba(59, 93, 199, 0.3), 0 0px 5px 0 rgba(0, 0, 0, 0.05);" class="z-30 rounded-md max-w-full max-h-auto transform scale-70" height="1220" width="1220" playsinline="" preload="auto" src="{{ site.assets_server_url }}spn/feature-tour.mp4" poster="{{ site.assets_server_url }}spn/feature-tour-poster.png"
|
<video class="max-w-2xl" preload="auto"
|
||||||
controls></video>
|
src="{{ site.assets_server_url }}spn/feature-tour.mp4"
|
||||||
|
poster="{{ site.assets_server_url }}spn/feature-tour-poster.png"
|
||||||
|
controls>
|
||||||
|
</video>
|
||||||
<span style="font-size: 12rem; font-weight: 800; margin-top: -4.5rem; margin-left: -3rem; z-index: -1;" class="absolute transform scale-50 lg:scale-125">
|
<span style="font-size: 12rem; font-weight: 800; margin-top: -4.5rem; margin-left: -3rem; z-index: -1;" class="absolute transform scale-50 lg:scale-125">
|
||||||
<img src="{{ site.img_url }}shapes/circle-sm.png" alt="">
|
<img src="{{ site.img_url }}shapes/circle-sm.png" alt="">
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="inline-block text-center md:text-left">
|
|
||||||
<h2 class="text-6xl tracking-tight font-extrabold leading-none py-10 lg:w-3/4">
|
|
||||||
<!-- the is super nice for bigger screens, but breaks stuff on mobile -->
|
|
||||||
<!-- hence, we only have the header with on md+ devices -->
|
|
||||||
<span class="block md:hidden">Safing Privacy Network</span>
|
|
||||||
<span class="hidden md:block">Safing Privacy Network</span>
|
|
||||||
</h2>
|
|
||||||
<p class="text-md opacity-55 max-w-4xl">
|
|
||||||
With the SPN you protect all your connections from mass surveillance. Prevent all Internet Service Providers from collecting and selling your private activities.
|
|
||||||
</p>
|
|
||||||
<div class="py-10 sm:py-10 md:flex text-center">
|
|
||||||
<a href="#pricing">
|
|
||||||
<button type="button" style="background-color: #6188ff;" class="mb-5 md:mb-0 transform hover:scale-95 inline-flex items-center px-5 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">
|
|
||||||
Get Started
|
|
||||||
</button>
|
|
||||||
</a>
|
|
||||||
<br>
|
|
||||||
<a href="{{ site.portmaster_url }}" class="transition duration-150 ease-in-out hover:opacity-100 self-center md:pl-8 uppercase opacity-55 text-xs font-bold">Built into the Portmaster</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<section style="margin-top: 3rem;">
|
<section class="space-y-52">
|
||||||
<div class="text-center pb-24 lg:pb-48">
|
<div class="intro-container mt-32">
|
||||||
<h2 class="text-5xl tracking-tight font-extrabold leading-none py-10 mr-auto ml-auto">
|
<h2 class="intro-container-title">
|
||||||
Protect Your Meta‑Data
|
Protect Your Meta‑Data
|
||||||
</h2>
|
</h2>
|
||||||
<p class="text-md opacity-55 w-auto mx-auto max-w-lg">
|
<p class="intro-container-desc">
|
||||||
Seek true privacy. Do not overlook meta-data: which websites you visit and how frequently tell more about you than knowing what you actually do on them.
|
Seek true privacy. Do not overlook meta-data: which websites
|
||||||
|
you visit and how frequently tell more about you than knowing
|
||||||
|
what you actually do on them.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="items-center h-full">
|
<div class="showcase-container">
|
||||||
<div class="container mx-auto px-8 sm:px-0 flex">
|
<div class="showcase-left">
|
||||||
<div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:flex items-center">
|
<h2 class="showcase-left-title">
|
||||||
<div class="lg:pb-0 m0-0 lg:mr-48 self-center">
|
|
||||||
<img src="{{ site.img_url }}page-specific/spn/layers.gif" alt="">
|
|
||||||
</div>
|
|
||||||
<div class="inline-block max-w-lg">
|
|
||||||
<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: the SPN is in active development
|
|
||||||
</div>
|
|
||||||
<h2 style="max-width: 470px; line-height: 60px;" class="text-5xl tracking-tight font-extrabold leading-none py-10 lg:w-2/3">
|
|
||||||
Onion Layer Encryption
|
Onion Layer Encryption
|
||||||
</h2>
|
</h2>
|
||||||
<p class="text-md opacity-55 max-w-lg">
|
<p class="showcase-left-desc">
|
||||||
Re-route all your connections through our multi-hop network to decouple your identity from the destination. With onion-encryption, no single party knows who you are and where you are going to. Inspired by Tor.
|
Re-route all your connections through our multi-hop network
|
||||||
|
to decouple your identity from the destination. With onion-
|
||||||
|
encryption, no single party knows who you are and where you
|
||||||
|
are going to. Inspired by Tor.
|
||||||
</p>
|
</p>
|
||||||
<div class="py-10 flex">
|
<a class="btn-secondary" href="#">Discover the portmaster</a>
|
||||||
<a href="{{ site.blog_url }}2020/01/22/how-the-spn-compares-to-tor/">
|
</div>
|
||||||
<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">
|
<div class="showcase-right" style="max-width: 850px;">
|
||||||
Compare the SPN to TOR
|
<img src="https://safing.io/assets/img/page-specific/spn/layers.gif" alt="">
|
||||||
</button>
|
|
||||||
<a href="{{ site.img_url }}spn-labeled/spn-core.png" class="transition duration-150 ease-in-out hover:opacity-100 self-center md:pl-8 uppercase opacity-55 text-xs font-bold">
|
|
||||||
View explainer-image
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="showcase-container-reverse">
|
||||||
</div>
|
<div class="showcase-left">
|
||||||
</div>
|
<h2 class="showcase-left-title">
|
||||||
<div class="items-center h-full mt-32 lg:mt-64">
|
Minimize Your Meta‑Data
|
||||||
<div class="container mx-auto px-8 sm:px-0 flex">
|
|
||||||
<div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:flex block justify-center m-auto w-auto">
|
|
||||||
<div class="ml-0 lg:ml-32 lg:hidden self-center">
|
|
||||||
<img src="{{ site.img_url }}page-specific/spn/metadata.gif" alt="">
|
|
||||||
</div>
|
|
||||||
<div class="inline-block max-w-lg">
|
|
||||||
<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: the SPN is in active development
|
|
||||||
</div>
|
|
||||||
<h2 style="max-width: 470px; line-height: 60px;" class="text-5xl tracking-tight font-extrabold py-10 lg:w-auto">
|
|
||||||
Minimize Your Meta‑Data
|
|
||||||
</h2>
|
</h2>
|
||||||
<p class="text-md opacity-55 max-w-lg">
|
<p class="showcase-left-desc">
|
||||||
With the SPN, your meta-data is stripped to a minimum. Abstracting even the size of outgoing packets to diminish what information third parties, like your ISP or the Wi-Fi operator of your local coffee place, can gather about you.
|
With the SPN, your meta-data is stripped to a minimum.
|
||||||
|
Abstracting even the size of outgoing packets to diminish
|
||||||
|
what information third parties, like your ISP or the Wi-Fi
|
||||||
|
operator of your local coffee place, can gather about you.
|
||||||
</p>
|
</p>
|
||||||
|
<a class="btn-secondary" href="#">Discover the portmaster</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="hidden pt-16 lg:pt-0 ml-0 lg:ml-32 lg:block self-center">
|
<div class="showcase-right" style="max-width: 850px;">
|
||||||
<img src="{{ site.img_url }}page-specific/spn/metadata.gif" alt="">
|
<img src="https://safing.io/assets/img/page-specific/spn/metadata.gif" alt="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="showcase-container">
|
||||||
</div>
|
<div class="showcase-left">
|
||||||
<div class="items-center h-full mt-32 lg:mt-64">
|
<h2 class="showcase-left-title">
|
||||||
<div class="container mx-auto px-8 sm:px-0 flex">
|
|
||||||
<div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:flex block justify-center m-auto w-auto items-center">
|
|
||||||
<div class="ml-0 lg:ml-32 lg:hidden self-center">
|
|
||||||
<img src="{{ site.img_url }}page-specific/spn/network.png" alt="">
|
|
||||||
</div>
|
|
||||||
<div class="inline-block max-w-lg">
|
|
||||||
<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: the SPN is in active development
|
|
||||||
</div>
|
|
||||||
<h2 style="max-width: 470px; line-height: 60px;" class="text-5xl tracking-tight font-extrabold leading-none py-10">
|
|
||||||
Distributed Multi Identity Network
|
Distributed Multi Identity Network
|
||||||
</h2>
|
</h2>
|
||||||
<p class="text-md opacity-55 max-w-lg">
|
<p class="showcase-left-desc">
|
||||||
Instead of exiting all your traffic at one place, route every connection individually to spread your connections across the globe. Use vast amounts of identities (IP addresses) and limit your visibility in the "open" web.
|
Instead of exiting all your traffic at one place, route every
|
||||||
|
connection individually to spread your connections across the
|
||||||
|
globe. Use vast amounts of identities (IP addresses) and limit
|
||||||
|
your visibility in the "open" web.
|
||||||
</p>
|
</p>
|
||||||
<div class="py-10 flex">
|
<a class="btn-secondary" href="#">Discover the portmaster</a>
|
||||||
<a href="{{ site.blog_url }}2020/01/22/how-the-spn-compares-to-vpns/">
|
</div>
|
||||||
<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">
|
<div class="showcase-right" style="max-width: 850px;">
|
||||||
Compare the SPN to VPNs
|
<img src="https://safing.io/assets/img/page-specific/spn/network.png" alt="">
|
||||||
</button>
|
|
||||||
<a href="{{ site.img_url }}spn-labeled/spn-community.png" class="transition duration-150 ease-in-out hover:opacity-100 self-center md:pl-8 uppercase opacity-55 text-xs font-bold">
|
|
||||||
View explainer-image
|
|
||||||
</a>
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="hidden pt-16 lg:pt-0 ml-0 lg:ml-32 lg:block self-center">
|
<div class="showcase-container-reverse">
|
||||||
<img src="{{ site.img_url }}page-specific/spn/network.png" alt="">
|
<div class="showcase-left">
|
||||||
</div>
|
<h2 class="showcase-left-title">
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="items-center h-full mt-32 lg:mt-64">
|
|
||||||
<div class="container mx-auto px-8 sm:px-0 flex">
|
|
||||||
<div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:flex items-center">
|
|
||||||
<div class="lg:pb-0 m0-0 lg:mr-48 self-center">
|
|
||||||
<img src="{{ site.img_url }}page-specific/spn/switch.gif" alt="">
|
|
||||||
</div>
|
|
||||||
<div class="inline-block max-w-lg">
|
|
||||||
<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: the SPN is in active development
|
|
||||||
</div>
|
|
||||||
<h2 style="max-width: 470px; line-height: 60px;" class="text-5xl tracking-tight font-extrabold leading-none py-10 lg:w-2/3">
|
|
||||||
No Kill Switch Needed
|
No Kill Switch Needed
|
||||||
</h2>
|
</h2>
|
||||||
<p class="text-md opacity-55 max-w-lg">
|
<p class="showcase-left-desc">
|
||||||
Get peace of mind instead of fearing data-leakage.
|
Get peace of mind instead of fearing data-leakage.
|
||||||
|
|
||||||
|
With the open source Portmaster, all your network connections are
|
||||||
|
intercepted at the kernel-level, putting an end to accidental data
|
||||||
|
exposure.
|
||||||
</p>
|
</p>
|
||||||
<p class="text-md opacity-55 max-w-lg pt-4">
|
<a class="btn-secondary" href="#">Discover the portmaster</a>
|
||||||
With the open source Portmaster, all your network connections are intercepted at the kernel-level, putting an end to accidental data exposure.
|
</div>
|
||||||
</p>
|
<div class="showcase-right" style="max-width: 850px;">
|
||||||
<div class="py-10 flex">
|
<img src="https://safing.io/assets/img/page-specific/spn/switch.gif" alt="">
|
||||||
<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>
|
||||||
</div>
|
<div class="packages-container">
|
||||||
</div>
|
<div class="packages-container-top">
|
||||||
</div>
|
<span class="packages-container-top-title">
|
||||||
</section>
|
Pre-Order the SPN
|
||||||
<section class="mt-16 lg:mt-48">
|
</span>
|
||||||
<div class="items-center h-full">
|
<p class="packages-container-top-desc">
|
||||||
<div>
|
Lock in the lower prices forever and join the waitlist to
|
||||||
<div class="max-w-full mx-auto px-4 sm:px-6" id="pricing">
|
become one of the first SPN users.
|
||||||
<div class="py-12 bg-white">
|
|
||||||
<div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
||||||
<div class="text-center">
|
|
||||||
<a data-method="get" href="https://account.safing.io/spn-reaches-alpha">
|
|
||||||
<button class="w-full h-auto md:h-12 text-sm md:text-md rounded-lg text-center p-3 transform hover:scale-105 duration-150 ease-in-out text-white pointer-cursor" style="background-color: #436ded; margin-bottom: 4em;">
|
|
||||||
SPN reached "Alpha". To celebrate, all customers can
|
|
||||||
<span class="underline">use the SPN for FREE</span>
|
|
||||||
in December 🎉
|
|
||||||
</button>
|
|
||||||
</a>
|
|
||||||
<h2 class="text-5xl tracking-tight font-extrabold leading-none px-10 py-6 text-center">
|
|
||||||
Protect Your Connections Today
|
|
||||||
</h2>
|
|
||||||
<p class="text-md opacity-55 pb-8">
|
|
||||||
Subscribe to the SPN and lock in the lower Alpha prices forever.
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="">
|
<div class="packages-container-bottom">
|
||||||
<ul class="md:grid md:grid-cols-2 lg:grid-cols-2 md:col-gap-8 md:row-gap-10 max-w-4xl mr-auto ml-auto">
|
<div class="card-package">
|
||||||
<li class="text-center md:text-left">
|
<div class="card-package-top">
|
||||||
<div class="block transform hover:scale-105 duration-150 ease-in-out hover px-16 py-10 rounded-lg">
|
<span class="card-package-top-title">Early Adopter Monthly</span>
|
||||||
<span class="text-2xl">Early Adopter Monthly</span>
|
<span class="card-package-top-amount">
|
||||||
<div class="block pb-6">
|
9.90€ <span class="billing">/ per month</span>
|
||||||
<h1 style="font-size: 3.5rem;" class="font-extrabold pt-6">9.90€ <span class="opacity-55" style="font-size: 1.1rem; font-weight: 500;">/ per month</span></h1>
|
</span>
|
||||||
<span class="text-xl pl-1 opacity-55 line-through">11.90€</span>
|
<span class="card-package-top-offer block text-xl pl-1 opacity-55">11.90€</span>
|
||||||
</div>
|
</div>
|
||||||
<span class="font-extrabold pt-10 text-md">Includes:</span>
|
<div class="card-package-middle space-y-4">
|
||||||
<ul class="">
|
<span class="block "> Includes: </span>
|
||||||
<li class="pt-4 opacity-55">Access to the SPN</li>
|
<span class="block opacity-50"> Access to the SPN </span>
|
||||||
<li class="pt-4 opacity-55">Unlimited Bandwidth</li>
|
<span class="block opacity-50"> Unlimited Bandwidth </span>
|
||||||
<li class="pt-4 opacity-55">Use on up to 5 devices</li>
|
<span class="block opacity-50"> Use on up to 5 devices </span>
|
||||||
<li class="pt-4 opacity-55">17% off compared to Beta-Prices</li>
|
<span class="block opacity-50"> 17% off compared to Beta-Prices </span>
|
||||||
</ul>
|
|
||||||
<div class="pt-16">
|
|
||||||
<a href="{{ site.account_server_url }}plans/1/subscribe">
|
|
||||||
<button type="button" style="background-color: #000;" class="w-full text-center items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white transition duration-150 ease-in-out uppercase">
|
|
||||||
Subscribe
|
|
||||||
</button>
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="card-package-bottom">
|
||||||
</li>
|
<a class="btn-secondary w-full justify-center" href="#">Pre-Order</a>
|
||||||
<li class="mt-10 md:mt-0 text-center md:text-left">
|
|
||||||
<div class="block transform hover:scale-105 duration-150 ease-in-out hover px-16 py-10 rounded-lg">
|
|
||||||
<span class="text-2xl">Early Adopter Yearly</span>
|
|
||||||
<div class="block pb-6">
|
|
||||||
<h1 style="font-size: 3.5rem;" class="font-extrabold pt-6">99.00€ <span class="opacity-55" style="font-size: 1.1rem; font-weight: 500;">/ per year</span></h1>
|
|
||||||
<span class="text-xl pl-1 opacity-55 line-through">142.80€</span>
|
|
||||||
</div>
|
|
||||||
<span class="font-extrabold pt-10 text-md">Includes:</span>
|
|
||||||
<ul>
|
|
||||||
<li class="pt-4 opacity-55">Access to the SPN</li>
|
|
||||||
<li class="pt-4 opacity-55">Unlimited Bandwidth</li>
|
|
||||||
<li class="pt-4 opacity-55">Use on up to 5 devices</li>
|
|
||||||
<li class="pt-4 opacity-55">30% off compared to Beta-Prices</li>
|
|
||||||
</ul>
|
|
||||||
<div class="pt-16">
|
|
||||||
<a href="{{ site.account_server_url }}plans/2/subscribe">
|
|
||||||
<button type="button" style="background-color: #000;" class="w-full text-center items-center px-10 py-3 border border-transparent text-xs leading-5 font-extrabold rounded-full text-white transition duration-150 ease-in-out uppercase">
|
|
||||||
Subscribe
|
|
||||||
</button>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
<div class="faq-container">
|
||||||
<section class="mb-16 lg:pb-32" id="faq">
|
<div class="faq-container-top">
|
||||||
<div class="bg-white">
|
<span class="faq-container-top-title">
|
||||||
<div class="max-w-screen-xl mx-auto pt-12 pb-16 sm:pt-16 sm:pb-20 px-4 sm:px-6 lg:pt-20 lg:pb-28 lg:px-8">
|
|
||||||
<div class="text-center pb-12">
|
|
||||||
<h2 class="text-5xl tracking-tight font-extrabold leading-none py-10 text-center">
|
|
||||||
FAQ
|
FAQ
|
||||||
</h2>
|
</span>
|
||||||
<p class="text-md opacity-55">
|
<p class="faq-container-top-desc">
|
||||||
You have a question? We answered some already, but you can always contact us at <a href="mailto:hello@safing.io">hello@safing.io</a>
|
You have a question? We answered some already, but you
|
||||||
|
can always contact us at <a class="link-primary" href="">hello@safing.io</a>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="mt-6 pt-10 text-center md:text-left">
|
<div class="faq-container-bottom">
|
||||||
<dl class="md:grid md:grid-cols-2 md:gap-8">
|
|
||||||
{% for faq in site.data.faq.spn %}
|
{% for faq in site.data.faq.spn %}
|
||||||
<div>
|
<div class="faq-container-bottom-question">
|
||||||
<h1 class="text-xl pb-4">
|
<h1 class="faq-container-bottom-question-title">
|
||||||
{{ faq.q }}
|
{{ faq.q }}
|
||||||
</h1>
|
</h1>
|
||||||
<dd class="mt-2">
|
<p class="faq-container-bottom-question-desc">
|
||||||
<p class="text-md opacity-55">
|
|
||||||
{{ faq.a }}
|
{{ faq.a }}
|
||||||
</p>
|
</p>
|
||||||
</dd>
|
<div class="faq-container-bottom-question-desc-extra">
|
||||||
{% if faq.link %}
|
{% if faq.link %}
|
||||||
<p class="text-md pt-4" style="color: #727272;">
|
<a class="link-primary" href="{{ faq.link.url }}">{{ faq.link.text }}</a>
|
||||||
<a class="link" href="{{ faq.link.url }}">
|
|
||||||
{{ faq.link.text }}
|
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
|
||||||
<div>
|
|
||||||
<h1 class="text-xl pb-4">Where can I find your source code?</h1>
|
|
||||||
<dd class="mt-2">
|
|
||||||
<p class="text-md" style="color: #727272;">
|
|
||||||
You can find our code on <a href="{{ site.github_url }}" class="link">Github</a>. <a href="{{ site.github_url }}/portmaster/" class="link">The Portmaster</a>, the <a href="{{ site.github_url }}/portmaster-ui/" class="link">Portmaster UI</a>, the <a href="{{ site.github_url }}/spn/" class="link">SPN</a>, the <a href="{{ site.github_url }}/docs/" class="link">docs</a> and <a href="{{ site.github_url }}/web/" class="link">this website</a> have their respective repositories. <a href="{{ site.github_url }}/jess/" class="link">Jess</a>, the heart of the SPN, which got <a href="https://cure53.de/pentest-report_safing-jess.pdf">audited by Cure53</a>, can also be found online.
|
|
||||||
</p>
|
|
||||||
</dd>
|
|
||||||
</div>
|
</div>
|
||||||
</dl>
|
{% endfor %}
|
||||||
|
<div class="faq-container-bottom-question">
|
||||||
|
<h1 class="faq-container-bottom-question-title">
|
||||||
|
Where can I find your source code?
|
||||||
|
</h1>
|
||||||
|
<p class="faq-container-bottom-question-desc">
|
||||||
|
You can find our code on <a class="link-primary" href="">Github. The Portmaster</a>, the <a class="link-primary" href="">Portmaster UI</a>, the <a class="link-primary" href="">SPN</a>, the <a class="link-primary" href="">docs</a>
|
||||||
|
and <a class="link-primary" href="">this website</a> have their respective repositories. <a class="link-primary" href="">Jess</a>, the heart of the SPN, which
|
||||||
|
got audited by Cure53, can also be found online.
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue