Pricing cards link to /pricing.html calculator
This commit is contained in:
parent
fd1bd927c8
commit
6c5cade683
2 changed files with 15 additions and 8 deletions
16
index.html
16
index.html
|
|
@ -69,26 +69,26 @@ Open source & public domain — no moat, no castle, just infrastructure
|
||||||
<h2 class="landing-section-title">Simple pricing</h2>
|
<h2 class="landing-section-title">Simple pricing</h2>
|
||||||
|
|
||||||
<div class="landing-pricing">
|
<div class="landing-pricing">
|
||||||
<div class="landing-pricing-card">
|
<a href="/pricing.html" class="landing-pricing-card landing-pricing-link">
|
||||||
<div class="landing-pricing-banner">Monthly</div>
|
<div class="landing-pricing-banner">Monthly</div>
|
||||||
<span class="landing-pricing-amount">$14<span class="landing-pricing-period">/month</span></span>
|
<span class="landing-pricing-amount">$14<span class="landing-pricing-period">/month</span></span>
|
||||||
<span class="landing-pricing-desc">Pay as you go. Cancel anytime.</span>
|
<span class="landing-pricing-desc">Pay as you go. Cancel anytime.</span>
|
||||||
</div>
|
</a>
|
||||||
<div class="landing-pricing-card">
|
<a href="/pricing.html" class="landing-pricing-card landing-pricing-link">
|
||||||
<div class="landing-pricing-banner">1 Year — Save 14%</div>
|
<div class="landing-pricing-banner">1 Year — Save 14%</div>
|
||||||
<span class="landing-pricing-amount">$144<span class="landing-pricing-period">/year</span></span>
|
<span class="landing-pricing-amount">$144<span class="landing-pricing-period">/year</span></span>
|
||||||
<span class="landing-pricing-desc">$12/month billed annually.</span>
|
<span class="landing-pricing-desc">$12/month billed annually.</span>
|
||||||
</div>
|
</a>
|
||||||
<div class="landing-pricing-card">
|
<a href="/pricing.html" class="landing-pricing-card landing-pricing-link">
|
||||||
<div class="landing-pricing-banner">2 Year — Save 28%</div>
|
<div class="landing-pricing-banner">2 Year — Save 28%</div>
|
||||||
<span class="landing-pricing-amount">$242<span class="landing-pricing-period">/2 years</span></span>
|
<span class="landing-pricing-amount">$242<span class="landing-pricing-period">/2 years</span></span>
|
||||||
<span class="landing-pricing-desc">~$10/month billed every 2 years.</span>
|
<span class="landing-pricing-desc">~$10/month billed every 2 years.</span>
|
||||||
</div>
|
</a>
|
||||||
<div class="landing-pricing-card landing-pricing-featured">
|
<a href="/pricing.html" class="landing-pricing-card landing-pricing-featured landing-pricing-link">
|
||||||
<div class="landing-pricing-banner landing-pricing-banner-featured">Best Value — Save 42%</div>
|
<div class="landing-pricing-banner landing-pricing-banner-featured">Best Value — Save 42%</div>
|
||||||
<span class="landing-pricing-amount">$292<span class="landing-pricing-period">/3 years</span></span>
|
<span class="landing-pricing-amount">$292<span class="landing-pricing-period">/3 years</span></span>
|
||||||
<span class="landing-pricing-desc">~$8/month billed every 3 years.</span>
|
<span class="landing-pricing-desc">~$8/month billed every 3 years.</span>
|
||||||
</div>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p class="landing-muted">Zero commission fees. You keep every dollar minus only payment processing.</p>
|
<p class="landing-muted">Zero commission fees. You keep every dollar minus only payment processing.</p>
|
||||||
|
|
|
||||||
|
|
@ -212,6 +212,13 @@ a.mps-button.landing-cta-large {
|
||||||
transform: translateY(-2px);
|
transform: translateY(-2px);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a.landing-pricing-link {
|
||||||
|
text-decoration: none;
|
||||||
|
color: inherit;
|
||||||
|
display: block;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
.landing-pricing-banner {
|
.landing-pricing-banner {
|
||||||
background: #F9F9FA;
|
background: #F9F9FA;
|
||||||
color: #515151;
|
color: #515151;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue