nielsperetzke
/
healthchecks
1
0
Fork 0
Code Issues 0 Pull Requests 0 Projects 0 Releases 32 Wiki Activity
Browse Source

Fix alignment of plan columns.

pull/372/head
Pēteris Caune 5 years ago
parent
c70a2588c6
commit
9617be6e1b
No known key found for this signature in database GPG Key ID: E28D7679E9A9EDE2
1 changed files with 126 additions and 124 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +126
    -124
      templates/payments/pricing.html

+ 126
- 124
templates/payments/pricing.html View File

@ -69,140 +69,142 @@
</div>
</div>
<!-- Hobbyist -->
<div class="col-sm-6 col-md-3 text-center">
<div class="panel panel-default plan hobbyist">
<div class="panel-body text-center">
<h1>Hobbyist</h1>
<h2>$0 <span class="mo">/ month</span></h2>
</div>
<ul class="list-group text-center">
<li class="list-group-item"><i class="fa fa-check"></i> 20 checks</li>
<li class="list-group-item">
<span data-help="team-size-help">3 team members</span>
</li>
<li class="list-group-item">
<span data-help="log-limit-help">100 log entries per check</span>
</li>
<li class="list-group-item">API access</li>
<li class="list-group-item">
<span data-help="sms-help">5 SMS &amp; WhatsApp credits</span>
</li>
<li class="list-group-item">&nbsp;</li>
</ul>
{% if not request.user.is_authenticated %}
<div class="panel-footer">
<a href="#" data-toggle="modal" data-target="#signup-modal" class="btn">Sign Up</a>
<div class="row">
<!-- Hobbyist -->
<div class="col-sm-6 col-md-3 text-center">
<div class="panel panel-default plan hobbyist">
<div class="panel-body text-center">
<h1>Hobbyist</h1>
<h2>$0 <span class="mo">/ month</span></h2>
</div>
<ul class="list-group text-center">
<li class="list-group-item"><i class="fa fa-check"></i> 20 checks</li>
<li class="list-group-item">
<span data-help="team-size-help">3 team members</span>
</li>
<li class="list-group-item">
<span data-help="log-limit-help">100 log entries per check</span>
</li>
<li class="list-group-item">API access</li>
<li class="list-group-item">
<span data-help="sms-help">5 SMS &amp; WhatsApp credits</span>
</li>
<li class="list-group-item">&nbsp;</li>
</ul>
{% if not request.user.is_authenticated %}
<div class="panel-footer">
<a href="#" data-toggle="modal" data-target="#signup-modal" class="btn">Sign Up</a>
</div>
{% endif %}
</div>
{% endif %}
</div>
</div>
<!-- Supporter -->
<div class="col-sm-6 col-md-3 text-center">
<div class="panel panel-default plan supporter">
<div class="panel-body text-center free">
<h1>Supporter</h1>
<h2>
<span id="supporter-price">$5</span>
<span class="mo">/ month</span>
</h2>
<!-- Supporter -->
<div class="col-sm-6 col-md-3 text-center">
<div class="panel panel-default plan supporter">
<div class="panel-body text-center free">
<h1>Supporter</h1>
<h2>
<span id="supporter-price">$5</span>
<span class="mo">/ month</span>
</h2>
</div>
<ul class="list-group text-center">
<li class="list-group-item"><i class="fa fa-check"></i> 20 checks</li>
<li class="list-group-item">
<span data-help="team-size-help">3 team members</span>
</li>
<li class="list-group-item">
<span data-help="log-limit-help">1000 log entries per check</span>
</li>
<li class="list-group-item">API access</li>
<li class="list-group-item">
<span data-help="sms-help">5 SMS &amp; WhatsApp credits</span>
</li>
<li class="list-group-item">Email support</li>
</ul>
{% if not request.user.is_authenticated %}
<div class="panel-footer">
<a href="#" data-toggle="modal" data-target="#signup-modal" class="btn">
Sign Up
</a>
</div>
{% endif %}
</div>
<ul class="list-group text-center">
<li class="list-group-item"><i class="fa fa-check"></i> 20 checks</li>
<li class="list-group-item">
<span data-help="team-size-help">3 team members</span>
</li>
<li class="list-group-item">
<span data-help="log-limit-help">1000 log entries per check</span>
</li>
<li class="list-group-item">API access</li>
<li class="list-group-item">
<span data-help="sms-help">5 SMS &amp; WhatsApp credits</span>
</li>
<li class="list-group-item">Email support</li>
</ul>
{% if not request.user.is_authenticated %}
<div class="panel-footer">
<a href="#" data-toggle="modal" data-target="#signup-modal" class="btn">
Sign Up
</a>
</div>
{% endif %}
</div>
</div>
<!-- Business -->
<div class="col-sm-6 col-md-3 text-center">
<div class="panel panel-default plan business">
<div class="panel-body text-center">
<h1>Business</h1>
<h2>
<span id="business-price">$20</span>
<span class="mo">/ month</span>
</h2>
<!-- Business -->
<div class="col-sm-6 col-md-3 text-center">
<div class="panel panel-default plan business">
<div class="panel-body text-center">
<h1>Business</h1>
<h2>
<span id="business-price">$20</span>
<span class="mo">/ month</span>
</h2>
</div>
<ul class="list-group text-center">
<li class="list-group-item">100 checks</li>
<li class="list-group-item">
<span data-help="team-size-help">10 team members</span>
</li>
<li class="list-group-item">
<span data-help="log-limit-help">1000 log entries per check</span>
</li>
<li class="list-group-item">API access</li>
<li class="list-group-item">
<span data-help="sms-help">50 SMS &amp; WhatsApp credits</span>
</li>
<li class="list-group-item">Email support</li>
</ul>
{% if not request.user.is_authenticated %}
<div class="panel-footer">
<a href="#" data-toggle="modal" data-target="#signup-modal" class="btn">
Sign Up
</a>
</div>
{% endif %}
</div>
<ul class="list-group text-center">
<li class="list-group-item">100 checks</li>
<li class="list-group-item">
<span data-help="team-size-help">10 team members</span>
</li>
<li class="list-group-item">
<span data-help="log-limit-help">1000 log entries per check</span>
</li>
<li class="list-group-item">API access</li>
<li class="list-group-item">
<span data-help="sms-help">50 SMS &amp; WhatsApp credits</span>
</li>
<li class="list-group-item">Email support</li>
</ul>
{% if not request.user.is_authenticated %}
<div class="panel-footer">
<a href="#" data-toggle="modal" data-target="#signup-modal" class="btn">
Sign Up
</a>
</div>
{% endif %}
</div>
</div>
<!-- Business Plus -->
<div class="col-sm-6 col-md-3 text-center">
<div class="panel panel-default plan business-plus">
<div class="panel-body text-center">
<h1>Business Plus</h1>
<h2>
<span id="business-plus-price">$80</span>
<span class="mo">/ month</span>
</h2>
</div>
<ul class="list-group text-center">
<li class="list-group-item">1000 checks</li>
<li class="list-group-item">
<span data-help="team-size-help">Unlimited team members</span>
</li>
<li class="list-group-item">
<span data-help="log-limit-help">1000 log entries per check</span>
</li>
<li class="list-group-item">API access</li>
<li class="list-group-item">
<span data-help="sms-help">500 SMS &amp; WhatsApp credits</span>
</li>
<li class="list-group-item">Priority email support</li>
</ul>
{% if not request.user.is_authenticated %}
<div class="panel-footer">
<a href="#" data-toggle="modal" data-target="#signup-modal" class="btn">
Sign Up
</a>
<!-- Business Plus -->
<div class="col-sm-6 col-md-3 text-center">
<div class="panel panel-default plan business-plus">
<div class="panel-body text-center">
<h1>Business Plus</h1>
<h2>
<span id="business-plus-price">$80</span>
<span class="mo">/ month</span>
</h2>
</div>
<ul class="list-group text-center">
<li class="list-group-item">1000 checks</li>
<li class="list-group-item">
<span data-help="team-size-help">Unlimited team members</span>
</li>
<li class="list-group-item">
<span data-help="log-limit-help">1000 log entries per check</span>
</li>
<li class="list-group-item">API access</li>
<li class="list-group-item">
<span data-help="sms-help">500 SMS &amp; WhatsApp credits</span>
</li>
<li class="list-group-item">Priority email support</li>
</ul>
{% if not request.user.is_authenticated %}
<div class="panel-footer">
<a href="#" data-toggle="modal" data-target="#signup-modal" class="btn">
Sign Up
</a>
</div>
{% endif %}
</div>
{% endif %}
</div>
</div>
</div>


Write Preview
Loading…
Cancel
Save