vikarti.anatra/safing-web
1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-04-09 05:29:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
safing-web/pricing/index.html
Raphael Fiedler 334147a2fb fix typo anNually
2024-09-13 06:31:52 +00:00

433 lines
23 KiB
HTML
Raw Blame History

---
layout: page
title: Safing Portmaster - Pricing
---
<header class="header-two-container mb-64 mt-20">
<div class="header-two-top">
<h1 class="header-two-top-title" style="margin-top: 0.3rem;">
Packages and Pricing
</h1>
<p class="header-two-top-desc" style="max-width: 650px;">
Everything is built from scratch and designed to truly protect you from mass surveillance.
</p>
</div>
<div class="header-two-bottom" style="margin-top: 1.85rem;">
<div class="element-x-center max-w-sm md:max-w-7xl">
<div class="package-billing darkmode">
<div class="package-billing-top">
<div class="package-billing-top-line-left"></div>
<div class="package-billingtop-top-center">
<div class="package-billingtop-top-center-inner">
<span>Per Month</span>
<span>Per Year</span>
</div>
</div>
<div class="package-billing-top-line-right"></div>
</div>
<input class="package-billing-toggle darkmode" type="checkbox" id="consent_text" name="consent_text" value="yes">
<div class="package-billing-bottom">
<div class="content-one">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 transform scale-90 xl:scale-100 gap-5 lg:gap-28 xl:gap-0 justify-center justify-items-center mx-auto" style="align-items: center;">
{% include pricing_card_free.html unique_id="1" %}
{% include pricing_card_supporter.html price="4" interval="Month (billed annually)" plan_id="9" %}
{% include pricing_card_unlimited.html price="9.90" interval="Month" plan_id="1" %}
</div>
</div>
<div class="content-two">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 transform scale-90 xl:scale-100 gap-5 lg:gap-28 xl:gap-0 justify-center justify-items-center mx-auto" style="align-items: center;">
{% include pricing_card_free.html unique_id="2" %}
{% include pricing_card_supporter.html price="40" interval="Year" plan_id="10" %}
{% include pricing_card_unlimited.html price="99" interval="Year" plan_id="2" %}
</div>
</div>
</div>
</div>
<div class="flex mx-auto w-max mt-8 space-x-8 items-center opacity-50" style="position: relative; z-index: -1;">
<div class="space-x-8 hidden lg:flex items-center">
<img src="{{ site.img_url }}page-specific/pricing/payment-methods/mastercard.png">
<img src="{{ site.img_url }}page-specific/pricing/payment-methods/visacard.png">
<img src="{{ site.img_url }}page-specific/pricing/payment-methods/amex.png">
<img src="{{ site.img_url }}page-specific/pricing/payment-methods/paypal.png">
<img src="{{ site.img_url }}page-specific/pricing/payment-methods/cash.png">
<img src="{{ site.img_url }}page-specific/pricing/payment-methods/monero.png">
<img src="{{ site.img_url }}page-specific/pricing/payment-methods/bitcoin.png">
</div>
</div>
</div>
</div>
<div class="header-bg">
<div class="wave-container" style="z-index: -1; bottom: unset; top: 440px; opacity: .45;">
<div class="wave-background" style="background-image: url({{ site.img_url }}page-specific/pricing/pricing-wave.svg); height: 195px; position: unset;"></div>
</div>
</div>
</header>
<section class="general-layout" id="comparison">
<div class="showcase-two-container">
<div class="showcase-two-top-left" style="max-width: 73rem;">
<h2 class="showcase-two-top-title" style="max-width: 550px;">
Feature Comparison
</h2>
</div>
<div class="showcase-two-bottom" style="max-width: 100%;">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 transform scale-90 xl:scale-100 gap-5 lg:gap-28 xl:gap-10 justify-center justify-items-center mx-auto" style="align-items: center;">
<div class="card-package darkmode" style="height: 1210px;">
<div class="card-package-top">
<div class="flex">
<span class="card-package-top-title">Portmaster Free</span>
<!-- <span tooltip="Compared to Monthly &quot;Beta&quot; Prices" class="ml-auto bg-safing-gray-100 text-center rounded-full px-5 py-1 inline-flex text-sm">Save 36%</span> -->
</div>
<p class="card-package-top-desc" style="max-width: 480px;">Regain Control.</p>
</div>
<div class="card-package-middle">
<span class="card-package-middle-includes">
Privacy
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-400 mr-1"></i> Privacy Filter
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-400 mr-1"></i> Secure DNS
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-400 mr-1"></i> Network Monitor
</span>
<span class="card-package-middle-includes"></span>
<span class="card-package-middle-includes">
Investigate
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-cross text-red-900 mr-1"></i> Network History
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-cross text-red-900 mr-1"></i> Bandwidth Visibility
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-cross text-red-900 mr-1"></i> Weekly Reports
</span>
<span class="card-package-middle-includes"></span>
<span class="card-package-middle-includes">
Extras
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-cross text-red-900 mr-1"></i> VPN Compatibility Mode
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-cross text-red-900 mr-1"></i> VM Support
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-cross text-red-900 mr-1"></i> Docker Support
</span>
<span class="card-package-middle-includes"></span>
<span class="card-package-middle-includes">
SPN
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-cross text-red-900 mr-1"></i> Multiple Identities
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-cross text-red-900 mr-1"></i> Use Many IPs At Once
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-cross text-red-900 mr-1"></i> Choose Exit Country
</span>
<span class="card-package-middle-includes"></span>
<span class="card-package-middle-includes"> Socials
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-cross text-red-900 mr-1"></i> Discord User Flair
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-cross text-red-900 mr-1"></i> Private Discord Channel
</span>
<span class="card-package-middle-includes"></span>
<span class="card-package-middle-includes">
Support
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-400 mr-1"></i> Community Support
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-cross text-red-900 mr-1"></i> Safing Support
</span>
</div>
<div class="card-package-bottom" style="bottom: 36px;">
<div class="hidden lg:block">
{% include download_button.html unique_id="3" %}
</div>
</div>
</div>
<div class="card-package darkmode mt-0" style="height: 1210px;">
<div class="card-package-top" style="margin-top: 0;">
<div class="flex">
<span class="card-package-top-title">Portmaster <span style="color: #2fcfae;"> Plus</span> </span>
<!-- <span tooltip="Compared to Monthly &quot;Beta&quot; Prices" class="ml-auto bg-safing-gray-100 text-center rounded-full px-5 py-1 inline-flex text-sm">Save 36%</span> -->
</div>
<p class="card-package-top-desc" style="max-width: 480px;">Investigate Everything.</p>
</div>
<div class="card-package-middle">
<span class="card-package-middle-includes">
Privacy
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-400 mr-1"></i> Privacy Filter
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-400 mr-1"></i> Secure DNS
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-400 mr-1"></i> Network Monitor
</span>
<span class="card-package-middle-includes"></span>
<span class="card-package-middle-includes">
Investigate
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-400 mr-1"></i> Network History
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-400 mr-1"></i> Bandwidth Visibility
</span>
<span class="card-package-middle-includes-feature">
<span tooltip="coming 2024"><i class="icon-alarm-clock-time-timer3 text-gray-500 mr-1"></i></span>
Weekly Reports
</span>
<span class="card-package-middle-includes"></span>
<span class="card-package-middle-includes">
Extras
</span>
<span class="card-package-middle-includes-feature">
<span tooltip="coming 2024"><i class="icon-alarm-clock-time-timer3 text-gray-500 mr-1"></i></span>
VPN Compatibility Mode
</span>
<span class="card-package-middle-includes-feature">
<span tooltip="coming 2024"><i class="icon-alarm-clock-time-timer3 text-gray-500 mr-1"></i></span>
VM Support
</span>
<span class="card-package-middle-includes-feature">
<span tooltip="coming 2024"><i class="icon-alarm-clock-time-timer3 text-gray-500 mr-1"></i></span>
Docker Support
</span>
<span class="card-package-middle-includes"></span>
<span class="card-package-middle-includes">
SPN
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-cross text-red-900 mr-1"></i> Multiple Identities
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-cross text-red-900 mr-1"></i> Use Many IPs At Once
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-cross text-red-900 mr-1"></i> Choose Exit Country
</span>
<span class="card-package-middle-includes"></span>
<span class="card-package-middle-includes"> Socials
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-400 mr-1"></i> Discord User Flair
<span class="ml-1">
<img src="{{ site.img_url }}page-specific/pricing/package-icons/circle.png" style="width: 19px; display: inline-block;" alt="">
</span>
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-400 mr-1"></i> Private Discord Channel
</span>
<span class="card-package-middle-includes"></span>
<span class="card-package-middle-includes">
Support
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-400 mr-1"></i> Community Support
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-400 mr-1"></i> Safing Support
</span>
<span class="card-package-middle-includes"></span>
<span class="card-package-middle-includes">
Use on up to 5 devices
</span>
</div>
<div class="card-package-bottom">
<a class="btn-secondary justify-center less-round" href="https://account.safing.io/charges/checkout?charge[plan_id=9]&new_user=true" style="background-color: #2a2a2a; width: 80%; border-radius: 7px !important; padding-top: 1.2rem; padding-bottom: 1.2rem;">Buy Package</a>
</div>
</div>
<div class="card-package darkmode" style="height: 1210px;">
<div class="card-package-top" style="margin-top: 0;">
<div class="flex">
<span class="card-package-top-title">Portmaster <span style="color: #029ad0;">Pro</span></span>
<!-- <span tooltip="Compared to Monthly &quot;Beta&quot; Prices" class="ml-auto bg-safing-gray-100 text-center rounded-full px-5 py-1 inline-flex text-sm">Save 36%</span> -->
</div>
<p class="card-package-top-desc" style="max-width: 480px;">Protection Everywhere.</p>
</div>
<div class="card-package-middle">
<span class="card-package-middle-includes">
Privacy
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-400 mr-1"></i> Privacy Filter
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-400 mr-1"></i> Secure DNS
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-400 mr-1"></i> Network Monitor
</span>
<span class="card-package-middle-includes"></span>
<span class="card-package-middle-includes">
Investigate
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-400 mr-1"></i> Network History
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-400 mr-1"></i> Bandwidth Visibility
</span>
<span class="card-package-middle-includes-feature">
<span tooltip="coming 2024"><i class="icon-alarm-clock-time-timer3 text-gray-500 mr-1"></i></span>
Weekly Reports
</span>
<span class="card-package-middle-includes"></span>
<span class="card-package-middle-includes">
Extras
</span>
<span class="card-package-middle-includes-feature">
<span tooltip="coming 2024"><i class="icon-alarm-clock-time-timer3 text-gray-500 mr-1"></i></span>
VPN Compatibility Mode
</span>
<span class="card-package-middle-includes-feature">
<span tooltip="coming 2024"><i class="icon-alarm-clock-time-timer3 text-gray-500 mr-1"></i></span>
VM Support
</span>
<span class="card-package-middle-includes-feature">
<span tooltip="coming 2024"><i class="icon-alarm-clock-time-timer3 text-gray-500 mr-1"></i></span>
Docker Support
</span>
<span class="card-package-middle-includes"></span>
<span class="card-package-middle-includes">
SPN
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-400 mr-1"></i> Multiple Identities
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-400 mr-1"></i> Use Many IPs At Once
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-400 mr-1"></i> Choose Exit Country
</span>
<span class="card-package-middle-includes"></span>
<span class="card-package-middle-includes"> Socials
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-400 mr-1"></i> Discord User Flair
<span class="ml-1">
<img src="{{ site.img_url }}page-specific/pricing/package-icons/triangle.png" style="width: 19px; display: inline-block;" alt="">
</span>
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-400 mr-1"></i> Private Discord Channel
</span>
<span class="card-package-middle-includes"></span>
<span class="card-package-middle-includes">
Support
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-400 mr-1"></i> Community Support
</span>
<span class="card-package-middle-includes-feature">
<i class="icon-tick text-green-400 mr-1"></i> Safing Support
</span>
<span class="card-package-middle-includes"></span>
<span class="card-package-middle-includes">
Use on up to 5 devices
</span>
</div>
<div class="card-package-bottom">
<a class="btn-secondary justify-center less-round" href="https://account.safing.io/charges/checkout?charge[plan_id=1]&new_user=true" style=" width: 80%; border-radius: 7px !important; padding-top: 1.2rem; padding-bottom: 1.2rem;">Buy Package</a>
</div>
</div>
</div>
</div>
<!-- <div class="showcase-bg"></div> -->
</div>
<div class="showcase-one-container-reverse">
<div class="showcase-one-left" style="max-width: 1050px;">
<img src="{{ site.img_url }}page-specific/business-model/provide-local-value-for-free-forever.png" alt="">
</div>
<div class="showcase-one-right">
<h2 class="showcase-one-right-title" style="max-width: 450px;">
Our Transparent Business Model
</h2>
<p class="showcase-one-right-desc">
Everybody deserves privacy, not only the wealthy. That is why
so many local privacy features are free, and will remain so forever.
This fits perfectly into the Freemium business model.
</p>
<a class="btn-secondary" href="{{ site.business_model_url }}">Explore our Business Model</a>
</div>
</div>
<div class="faq-container mb-60" id="faq">
<div class="faq-container-top">
<h2 class="faq-container-top-title">
FAQ
</h2>
<p class="faq-container-top-desc">
You have more questions? <a class="link-primary" href="{{ site.discord_url }}">Join our Discord community!</a>
</p>
</div>
<div class="faq-container-bottom">
{% for faq in site.data.faq.spn %}
<div class="faq-container-bottom-question">
<div class="card-faq darkmode hover-scale-out">
<label class="card-label" for="card-toggle-anchor-{{ forloop.index }}">
<div class="wrapper-left">
<div class="card-title">
<h3 class="title">
{{ faq.q }}
</h3>
</div>
</div>
<div class="wrapper-right">
<i class="icon-arrow"></i>
</div>
</label>
<input class="card-input-toggle" id="card-toggle-anchor-{{ forloop.index }}" type="checkbox">
<div class="card-dropdown-toggle">
<div class="card-dropdown-content">
{{ faq.a }}
{% if faq.link %}
<br>
<br>
<a class="link-primary" href="{{ faq.link.url }}">{{ faq.link.text }}</a>
{% endif %}
</div>
</div>
</div>
</div>
{% endfor %}
{% include source_code_faq.html %}
</div>
</div>
</section>
Reference in a new issue View git blame Copy permalink