summaryrefslogtreecommitdiff
path: root/_includes
diff options
context:
space:
mode:
authorAdam T. Carpenter <atc@53hor.net>2020-06-28 14:07:17 -0400
committerAdam T. Carpenter <atc@53hor.net>2020-06-28 14:07:17 -0400
commite0d597b51c2893f1a35630fa07cc2ccef181511c (patch)
tree8cedc80e385710336ced073696155488216571ee /_includes
parent27f1e57bfbadbb3557d7649567e49a1e89927012 (diff)
downloadcarpentertutoring-e0d597b51c2893f1a35630fa07cc2ccef181511c.tar.xz
carpentertutoring-e0d597b51c2893f1a35630fa07cc2ccef181511c.zip
updated pricing table
Diffstat (limited to '_includes')
-rw-r--r--_includes/pricing-table.liquid71
1 files changed, 40 insertions, 31 deletions
diff --git a/_includes/pricing-table.liquid b/_includes/pricing-table.liquid
index 3772847..5ea6253 100644
--- a/_includes/pricing-table.liquid
+++ b/_includes/pricing-table.liquid
@@ -1,33 +1,42 @@
<!DOCTYPE html>
-{% for each in site.data.prices %}
-<table class="table is-striped is-bordered">
- <thead>
- <tr>
- <th colspan="3" class="has-text-centered">
- {{ each.name }}
- </th>
- </tr>
- </thead>
- <tbody>
- {% if each.cost.inperson != each.cost.remote %}
- <tr>
- <th style="text-align: right;">
- In-Person
- </th>
- <td>
- ${{ each.cost.inperson}}/hr
- </td>
- </tr>
- {% endif %}
- <tr>
- <th style="text-align: right;">
- Remote
- </th>
+<div class="box">
+ <p class="title has-text-centered">
+ Pricing Guide
+ </p>
+ <table class="table is-fullwidth">
+ <thead>
+ <tr>
+ <th></th>
+ {% for each in site.data.prices %}
+ <th>
+ {{ each.name }}
+ </th>
+ {% endfor%}
+ </tr>
+ </thead>
- <td>
- ${{ each.cost.remote }}/hr
- </td>
- </tr>
- </tbody>
-</table>
-{% endfor %}
+ <tbody>
+ <tr>
+ <th>
+ Remote
+ </th>
+ {% for each in site.data.prices %}
+ <td>
+ {% if each.cost.remote %} ${{ each.cost.remote }} per hour {% endif %}
+ </td>
+ {% endfor %}
+ </tr>
+ <tr>
+ <th>
+ In-Person
+ </th>
+ {% for each in site.data.prices %}
+ <td>
+ {% if each.cost.inperson %} ${{ each.cost.inperson }} per hour {%
+ endif %}
+ </td>
+ {% endfor %}
+ </tr>
+ </tbody>
+ </table>
+</div>