harmacist/healthchecks
1
0
Fork 0
forked from GithubBackups/healthchecks
Code Issues Pull Requests Projects Releases Wiki Activity

Fix alignment of plan columns.

Browse Source
This commit is contained in:
Pēteris Caune 2020-05-06 12:00:56 +03:00
parent c70a2588c6
commit 9617be6e1b
No known key found for this signature in database
GPG Key ID: E28D7679E9A9EDE2
1 changed files with 124 additions and 122 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

246
templates/payments/pricing.html
View File

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