1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-04-17 09:29:08 +00:00

Add SALE tags to pricing cards

This commit is contained in:
davegson 2023-02-09 11:24:19 +01:00
parent b9255251a9
commit 75f0a60244
3 changed files with 8 additions and 4 deletions

View file

@ -11,6 +11,10 @@
</div>
<span class="card-package-top-amount">
{{ include.price }}€
<span tooltip="Normal Price: {{ include.normal_price }}€" class="tag absolute" style="background-color: #c5234c;">
<i class="h-4 w-4 icon-heart mr-1"></i>
<b>30% OFF</b>
</span>
<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>

View file

@ -31,14 +31,14 @@ title: Safing Portmaster - Pricing
<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="3" interval="1-Month" plan_id="9" %}
{% include pricing_card_unlimited.html price="9.90" interval="1-Month" plan_id="1" %}
{% include pricing_card_unlimited.html normal_price="9.90" price="6.90" interval="1-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="30" interval="1-Year" plan_id="10" %}
{% include pricing_card_unlimited.html price="99" interval="1-Year" plan_id="2" %}
{% include pricing_card_unlimited.html normal_price="99" price="69" interval="1-Year" plan_id="2" %}
</div>
</div>
</div>

View file

@ -149,14 +149,14 @@ layout: page
<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="3" interval="1-Month" plan_id="9" %}
{% include pricing_card_unlimited.html price="9.90" interval="1-Month" plan_id="1" %}
{% include pricing_card_unlimited.html normal_price="9.90" price="6.90" interval="1-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="30" interval="1-Year" plan_id="10" %}
{% include pricing_card_unlimited.html price="99" interval="1-Year" plan_id="2" %}
{% include pricing_card_unlimited.html normal_price="99" price="69" interval="1-Year" plan_id="2" %}
</div>
</div>
</div>