Switch Package cards around

- 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

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>
@ -234,26 +234,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>
@ -272,6 +252,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>
<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>