GitHub/quartz
1
0
Fork 2
mirror of https://github.com/jackyzha0/quartz.git synced 2025-12-27 14:54: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%;
gap: 40px;
//flex-direction colunn for mobile
@media (max-width: 600px) {
@media (max-width: 1024px) {
flex-direction: column;
gap: 20px;
}
@ -48,7 +48,7 @@ $secondary-color-active: var(--secondary-active);
/* Pricing header */
.plan {
height: 560px;
height: 660px;
width: 400px;
display: flex;
flex-direction: column;

23
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>
<div>
<p class="plan-page-text">
@ -47,14 +47,30 @@
</div>
<div class="plan">
<div class="plan-header premium">
<h1 class="plan-label">Premium</h1>
<p class="plan-price">$6/month</p>
<h1 class="plan-label">Basic</h1>
<p class="plan-price">$3 / month</p>
</div>
<div class="plan-body">
<ul class="plan-list">
<li><b>Everything on the Free plan</b></li>
<li>Unlimited logged in devices</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>
<a
class="internal-link"
@ -62,6 +78,7 @@
>AI powered link suggestions</a
>
</li>
<li>And more to come...</li>
</ul>
<a
href="https://payments.fleetingnotes.app?price=premium"