Data Table

<div class="c-la-content-block c-la-data-table">
    <h3 class="u-sr-only">Academy Pricing</h3>
    <dl class="o-data-list">

        <div class="o-data-list__item">
            <dt class="o-data-list__item-title f-bold">Adults (13+)</dt>
            <dd class="o-data-list__item-value">$22.00</dd>
        </div>

        <div class="o-data-list__item">
            <dt class="o-data-list__item-title f-bold">Seniors (65+)</dt>
            <dd class="o-data-list__item-value">$19.00</dd>
        </div>

        <div class="o-data-list__item">
            <dt class="o-data-list__item-title f-bold">Military and Students (with ID)</dt>
            <dd class="o-data-list__item-value">$19.00</dd>
        </div>

        <div class="o-data-list__item">
            <dt class="o-data-list__item-title f-bold">Children ages 2-12</dt>
            <dd class="o-data-list__item-value">$18.00</dd>
        </div>

        <div class="o-data-list__item">
            <dt class="o-data-list__item-title f-bold">Children under 2</dt>
            <dd class="o-data-list__item-value">Free</dd>
        </div>

        <div class="o-data-list__item">
            <dt class="o-data-list__item-title f-bold">Drexel Dragon Card</dt>
            <dd class="o-data-list__item-value">Free</dd>
        </div>

        <div class="o-data-list__item">
            <dt class="o-data-list__item-title f-bold">Members</dt>
            <dd class="o-data-list__item-value">Free</dd>
        </div>

    </dl>

</div>
<div class="c-la-content-block c-la-data-table">
  <h3 class="u-sr-only">{{ title }}</h3>
  {% include "04-objects/data-list" with {items: items} only %}
</div>
{
  "pageColorTheme": "teal",
  "title": "Academy Pricing",
  "items": [
    {
      "title": "Adults (13+)",
      "value": "$22.00"
    },
    {
      "title": "Seniors (65+)",
      "value": "$19.00"
    },
    {
      "title": "Military and Students (with ID)",
      "value": "$19.00"
    },
    {
      "title": "Children ages 2-12",
      "value": "$18.00"
    },
    {
      "title": "Children under 2",
      "value": "Free"
    },
    {
      "title": "Drexel Dragon Card",
      "value": "Free"
    },
    {
      "title": "Members",
      "value": "Free"
    }
  ]
}

No notes defined.