vikarti.anatra/safing-web
1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-09-01 02:29:02 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Switch Package cards around

Browse source 
- yearly plan is actually more popular, so correcting that
This commit is contained in:
davegson 2022-06-28 12:39:37 +02:00
parent 7c6a3e09b0
commit 1e478e4ed1
1 changed files with 28 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

56
spn/index.html
View file

@ -39,26 +39,6 @@ layout: page
<div class="card-package-most-popular"> <div class="card-package-most-popular">
<span>Most Popular</span> <span>Most Popular</span>
</div> </div>
<div class="card-package-top">
<div class="flex">
<span class="card-package-top-title">Early Adopter</span>
<span tooltip="Compared to &quot;Beta&quot; Prices" class="ml-auto bg-safing-gray-100 text-center rounded-full px-5 py-1 inline-flex text-sm">Save 23%</span>
</div>
<span class="card-package-top-amount">
9.90€
</span>
</div>
<div class="card-package-middle space-y-4">
<span class="card-package-middle-includes-feature"> Use SPN for 1-Month </span>
</div>
<div class="card-package-bottom">
<a class="btn-secondary w-full justify-center" href="{{ site.account_server_url }}plans/1/subscribe">Buy Package</a>
</div>
</div>
<span class="element-x-center-max mt-4 text-sm">Billing does <strong>NOT</strong> auto-renew</span>
</div>
<div>
<div class="card-package">
<div class="card-package-top"> <div class="card-package-top">
<div class="flex"> <div class="flex">
<span class="card-package-top-title">Early Adopter</span> <span class="card-package-top-title">Early Adopter</span>
@ -77,6 +57,26 @@ layout: page
</div> </div>
<span class="element-x-center-max mt-4 text-sm">Billing does <strong>NOT</strong> auto-renew</span> <span class="element-x-center-max mt-4 text-sm">Billing does <strong>NOT</strong> auto-renew</span>
</div> </div>
<div class="mt-2">
<div class="card-package">
<div class="card-package-top">
<div class="flex">
<span class="card-package-top-title">Early Adopter</span>
<span tooltip="Compared to &quot;Beta&quot; Prices" class="ml-auto bg-safing-gray-100 text-center rounded-full px-5 py-1 inline-flex text-sm">Save 23%</span>
</div>
<span class="card-package-top-amount">
9.90€
</span>
</div>
<div class="card-package-middle space-y-4">
<span class="card-package-middle-includes-feature"> Use SPN for 1-Month </span>
</div>
<div class="card-package-bottom">
<a class="btn-secondary w-full justify-center" href="{{ site.account_server_url }}plans/1/subscribe">Buy Package</a>
</div>
</div>
<span class="element-x-center-max mt-4 text-sm">Billing does <strong>NOT</strong> auto-renew</span>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -237,17 +237,17 @@ layout: page
<div class="card-package-top"> <div class="card-package-top">
<div class="flex"> <div class="flex">
<span class="card-package-top-title">Early Adopter</span> <span class="card-package-top-title">Early Adopter</span>
<span tooltip="Compared to &quot;Beta&quot; Prices" class="ml-auto bg-safing-gray-100 text-center rounded-full px-5 py-1 inline-flex text-sm">Save 23%</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> </div>
<span class="card-package-top-amount"> <span class="card-package-top-amount">
9.90€ 99.00€
</span> </span>
</div> </div>
<div class="card-package-middle space-y-4"> <div class="card-package-middle space-y-4">
<span class="card-package-middle-includes-feature"> Use SPN for 1-Month </span> <span class="card-package-middle-includes-feature"> Use SPN for 1-Year </span>
</div> </div>
<div class="card-package-bottom"> <div class="card-package-bottom">
<a class="btn-secondary w-full justify-center" href="{{ site.account_server_url }}plans/1/subscribe">Buy Package</a> <a class="btn-secondary w-full justify-center" href="{{ site.account_server_url }}plans/2/subscribe">Buy Package</a>
</div> </div>
</div> </div>
<span class="element-x-center-max mt-4 text-sm">Billing does <strong>NOT</strong> auto-renew</span> <span class="element-x-center-max mt-4 text-sm">Billing does <strong>NOT</strong> auto-renew</span>
@ -257,17 +257,17 @@ layout: page
<div class="card-package-top"> <div class="card-package-top">
<div class="flex"> <div class="flex">
<span class="card-package-top-title">Early Adopter</span> <span class="card-package-top-title">Early Adopter</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> <span tooltip="Compared to &quot;Beta&quot; Prices" class="ml-auto bg-safing-gray-100 text-center rounded-full px-5 py-1 inline-flex text-sm">Save 23%</span>
</div> </div>
<span class="card-package-top-amount"> <span class="card-package-top-amount">
99.00€ 9.90€
</span> </span>
</div> </div>
<div class="card-package-middle space-y-4"> <div class="card-package-middle space-y-4">
<span class="card-package-middle-includes-feature"> Use SPN for 1-Year </span> <span class="card-package-middle-includes-feature"> Use SPN for 1-Month </span>
</div> </div>
<div class="card-package-bottom"> <div class="card-package-bottom">
<a class="btn-secondary w-full justify-center" href="{{ site.account_server_url }}plans/2/subscribe">Buy Package</a> <a class="btn-secondary w-full justify-center" href="{{ site.account_server_url }}plans/1/subscribe">Buy Package</a>
</div> </div>
</div> </div>
<span class="element-x-center-max mt-4 text-sm">Billing does <strong>NOT</strong> auto-renew</span> <span class="element-x-center-max mt-4 text-sm">Billing does <strong>NOT</strong> auto-renew</span>