vikarti.anatra/safing-web
1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-04-24 04:49:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions1

Replace packages-container with showcase-two-container

Browse source
This commit is contained in:
Luke 2022-06-27 13:14:16 +02:00
parent 54573f9441
commit b9e1164bd9
1 changed files with 49 additions and 36 deletions

85
spn/index.html
View file

@ -221,44 +221,57 @@ layout: page
Subscribe to the SPN and lock in the lower Alpha prices forever.
</p>
</div>
<div class="packages-container-bottom">
<div class="card-package">
<div class="card-package-top">
<span class="card-package-top-title">Early Adopter Monthly</span>
<span class="card-package-top-amount">
9.90€ <span class="billing">/ per month</span>
</span>
<span class="card-package-top-offer">11.90€</span>
<div class="showcase-two-bottom" style="max-width: 850px;">
<div class="element-x-center max-w-sm md:max-w-4xl">
<div class="package-billing">
<div class="package-billing-line-left"></div>
<span class="package-billing-center">Billing: <span class="text-safing-blue-600">One-Time Payment</span></span>
<div class="package-billing-line-right"></div>
</div>
<div class="card-package-middle space-y-4">
<span class="card-package-middle-includes"> Includes: </span>
<span class="card-package-middle-includes-feature"> Access to the SPN </span>
<span class="card-package-middle-includes-feature"> Unlimited Bandwidth </span>
<span class="card-package-middle-includes-feature"> Use on up to 5 devices </span>
<span class="card-package-middle-includes-feature"> 17% off compared to Beta-Prices </span>
</div>
<div class="card-package-bottom">
<a class="btn-secondary w-full justify-center" href="{{ site.account_server_url }}plans/1/subscribe">Subscribe</a>
</div>
</div>
<div class="card-package">
<div class="card-package-top">
<span class="card-package-top-title">Early Adopter Yearly</span>
<span class="card-package-top-amount">
99.00€ <span class="billing">/ per year</span>
</span>
<span class="card-package-top-offer">142.80</span>
</div>
<div class="card-package-middle space-y-4">
<span class="card-package-middle-includes"> Includes: </span>
<span class="card-package-middle-includes-feature"> Access to the SPN </span>
<span class="card-package-middle-includes-feature"> Unlimited Bandwidth </span>
<span class="card-package-middle-includes-feature"> Use on up to 5 devices </span>
<span class="card-package-middle-includes-feature"> 30% off compared to Beta-Prices </span>
</div>
<div class="card-package-bottom">
<a class="btn-secondary w-full justify-center" href="{{ site.account_server_url }}plans/2/subscribe">Subscribe</a>
<div class="grid md:grid-cols-2 space-y-3 space-x-3 mt-12 justify-center justify-items-center">
<div>
<div class="card-package most-popular card-shadow">
<div class="card-package-most-popular">
<span>Most Popular</span>
</div>
<div class="card-package-top">
<div class="flex">
<span class="card-package-top-title">Per Month</span>
<span tooltip="Comparaed to Beta Prices" class="ml-auto bg-safing-gray-100 text-center rounded-full px-5 py-1 inline-flex text-sm">Save 39%</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="flex">
<span class="card-package-top-title">Per Year</span>
<span tooltip="Comparaed to Beta Prices" class="ml-auto bg-safing-gray-100 text-center rounded-full px-5 py-1 inline-flex text-sm">Save 63%</span>
</div>
<span class="card-package-top-amount">
99.00€
</span>
</div>
<div class="card-package-middle space-y-4">
<span class="card-package-middle-includes-feature"> Use SPN for 1-Year </span>
</div>
<div class="card-package-bottom">
<a class="btn-secondary w-full justify-center" href="{{ site.account_server_url }}plans/2/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>