GitHub/quartz
1
0
Fork 2
mirror of https://github.com/jackyzha0/quartz.git synced 2025-12-27 23:04:05 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #20 from fleetingnotes/basic-plan-pricing

Browse Source 
add basic plan to pricing tables
This commit is contained in:
ransurf 2022-09-09 23:24:27 -07:00 committed by GitHub
commit 7eaf807080
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 23 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/styles/pricing.scss
View File

@ -40,7 +40,7 @@ $secondary-color-active: var(--secondary-active);
width: 100%; width: 100%;
gap: 40px; gap: 40px;
//flex-direction colunn for mobile //flex-direction colunn for mobile
@media (max-width: 600px) { @media (max-width: 1024px) {
flex-direction: column; flex-direction: column;
gap: 20px; gap: 20px;
} }
@ -48,7 +48,7 @@ $secondary-color-active: var(--secondary-active);
/* Pricing header */ /* Pricing header */
.plan { .plan {
height: 560px; height: 660px;
width: 400px; width: 400px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;

25
layouts/shortcodes/pricing-tables.html
View File

@ -1,4 +1,4 @@
<div class="plan-page"> <div class="plan-page index-container">
<h1 class="plan-title">Pricing</h1> <h1 class="plan-title">Pricing</h1>
<div> <div>
<p class="plan-page-text"> <p class="plan-page-text">
@ -15,7 +15,7 @@
<div class="plan"> <div class="plan">
<div class="plan-header"> <div class="plan-header">
<h1 class="plan-label">Free</h1> <h1 class="plan-label">Free</h1>
<p class="plan-price">$0/month</p> <p class="plan-price">$0 / month</p>
</div> </div>
<div class="plan-body"> <div class="plan-body">
<ul class="plan-list"> <ul class="plan-list">
@ -47,14 +47,30 @@
</div> </div>
<div class="plan"> <div class="plan">
<div class="plan-header premium"> <div class="plan-header premium">
<h1 class="plan-label">Premium</h1> <h1 class="plan-label">Basic</h1>
<p class="plan-price">$6/month</p> <p class="plan-price">$3 / month</p>
</div> </div>
<div class="plan-body"> <div class="plan-body">
<ul class="plan-list"> <ul class="plan-list">
<li><b>Everything on the Free plan</b></li> <li><b>Everything on the Free plan</b></li>
<li>Unlimited logged in devices</li> <li>Unlimited logged in devices</li>
<li>25 GB attachment upload limit</li> <li>25 GB attachment upload limit</li>
</ul>
<a
href="https://payments.fleetingnotes.app?price=basic"
class="button button-cta premium-btn"
>Try it for free</a
>
</div>
</div>
<div class="plan">
<div class="plan-header premium">
<h1 class="plan-label">Believer</h1>
<p class="plan-price">$6 / month</p>
</div>
<div class="plan-body">
<ul class="plan-list">
<li><b>Everything on the Basic plan</b></li>
<li> <li>
<a <a
class="internal-link" class="internal-link"
@ -62,6 +78,7 @@
>AI powered link suggestions</a >AI powered link suggestions</a
> >
</li> </li>
<li>And more to come...</li>
</ul> </ul>
<a <a
href="https://payments.fleetingnotes.app?price=premium" href="https://payments.fleetingnotes.app?price=premium"