mirror of
https://github.com/safing/web
synced 2025-09-01 18:49:06 +00:00
45 lines
2.8 KiB
HTML
45 lines
2.8 KiB
HTML
<form class="new_charge" id="new_charge" action="https://account.safing.io/charges/checkout" accept-charset="UTF-8" method="get">
|
|
<input value="{{ include.plan_id }}" autocomplete="off" type="hidden" name="charge[plan_id]" id="charge_package_id">
|
|
<input type="hidden" name="new_user" value="true" autocomplete="off" >
|
|
<div class="card-package darkmode mt-0" style="height: 650px;">
|
|
<div class="absolute -top-8 -right-11 hidden xl:block">
|
|
<img src="{{ site.img_url }}page-specific/pricing/package-icons/triangle-big.png" alt="">
|
|
</div>
|
|
<div class="card-package-top" style="margin-top: 0;">
|
|
<div class="flex">
|
|
<span class="card-package-top-title">Portmaster <span style="color: #029ad0;">Unlimited</span></span>
|
|
</div>
|
|
<span class="card-package-top-amount">
|
|
{{ include.price }}€
|
|
<span class="card-package-top-amount-monthly">/ {{ include.interval }}</span>
|
|
</span>
|
|
<p class="card-package-top-desc" style="max-width: 480px;">It's time to ditch VPN's.</p>
|
|
</div>
|
|
<div class="card-package-middle">
|
|
<span class="card-package-middle-includes">Features
|
|
</span>
|
|
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Everything in <span style="color: #2fcfae; margin-left: 0.3rem;">Supporter</span>
|
|
</span>
|
|
<span class="card-package-middle-includes">SPN Access
|
|
</span>
|
|
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Multiple Identities
|
|
</span>
|
|
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Geo-Unblocking
|
|
</span>
|
|
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Built for Privacy
|
|
</span>
|
|
<span class="card-package-middle-includes-feature"><i class="icon-tick text-green-500 mr-1"></i> Up to 5 Devices
|
|
</span>
|
|
</div>
|
|
<div class="card-package-bottom" style="display: block;">
|
|
<div class="mx-auto space-x-2 flex w-percent-80">
|
|
<input class="btn-secondary less-round w-full h-auto py-5" type="submit" name="commit" value="Buy Package" data-disable-with="Buy Package">
|
|
<nojs>
|
|
<div class="input-counter darkmode h-full">
|
|
<input class="input-counter-right" value="1" step="1" min="1" max="4" required="required" class="input-counter-right" type="number" name="charge[quantity]" id="charge_quantity">
|
|
</div>
|
|
</nojs>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|