plans: Explain annual billing model more clearly.

This commit is contained in:
Tim Abbott 2021-07-23 21:18:50 -07:00 committed by Tim Abbott
parent 8a168ec277
commit 4b6e2c4e4d
3 changed files with 12 additions and 5 deletions

View File

@ -2646,7 +2646,7 @@ nav {
} }
.pricing-model .pricing-container .text-content { .pricing-model .pricing-container .text-content {
margin: 20px; margin: 18px;
} }
.pricing-model .padded-content .text-header .text-content h1 { .pricing-model .padded-content .text-header .text-content h1 {
@ -2716,7 +2716,7 @@ nav {
content: "$"; content: "$";
position: relative; position: relative;
vertical-align: top; vertical-align: top;
top: 4px; top: 7px;
left: -3px; left: -3px;
font-size: 2rem; font-size: 2rem;
@ -2731,12 +2731,13 @@ nav {
font-size: 3.5em; font-size: 3.5em;
font-weight: 600; font-weight: 600;
line-height: 0.8; line-height: 0.8;
margin-top: 4px;
} }
.pricing-model .pricing-container .bottom .details { .pricing-model .pricing-container .bottom .details {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
margin-left: 15px; margin-left: 8px;
margin-top: 4px; margin-top: 4px;
font-size: 0.9em; font-size: 0.9em;
@ -2747,7 +2748,7 @@ nav {
} }
.pricing-model .pricing-container .bottom .button { .pricing-model .pricing-container .bottom .button {
margin-top: 20px; margin-top: 24px;
display: block; display: block;
text-align: center; text-align: center;
@ -2877,7 +2878,7 @@ nav {
text-align: center; text-align: center;
&.multi-line { &.multi-line {
padding: 0 0 30px 0; padding: 5px 0 25px 0;
} }
} }

View File

@ -287,6 +287,8 @@
<div class="details"> <div class="details">
per user per month per user per month
<br /> <br />
with annual billing discount
<br />
$1.20/month billed monthly $1.20/month billed monthly
</div> </div>
</div> </div>
@ -296,6 +298,8 @@
<div class="details"> <div class="details">
per user per month per user per month
<br /> <br />
with annual billing discount
<br />
$0.80/month billed monthly $0.80/month billed monthly
</div> </div>
</div> </div>

View File

@ -80,6 +80,8 @@
<div class="details"> <div class="details">
per user per month per user per month
<br /> <br />
with annual billing discount
<br />
$8/month billed monthly $8/month billed monthly
</div> </div>
</div> </div>