Libty

<div class="pricing-example">

  <div>

    <!-- Header -->

  </div>

  <div>

    <div class="container stack">

      <header>

        <h1 class="text-9">Pricing</h1>

        <p class="text-5">A range of plans, starting from just £10 per month</p>

      </header>



      <div class="columns">

        <div>

          <div class="card">

            <div class="card_section">

              <h2 class="text-4">Starter</h2>

            </div>

            <div class="card_section">

              <img class="placeholder" width="210" data-ratio="3:2" alt="" />

            </div>

            <div class="card_section">

              <p><strong><span class="text-8">£10</span>/mo</strong></p>

              <p>Great for getting started</p>

            </div>

            <div class="card_section">

              <ul>

                <li class="icon-list_item">

                  <svg class="icon-list_icon"><use xlink:href="#tick" /></svg>

                  <span class="icon-list_text placeholder">10 widgets</span>

                </li>

                <li class="icon-list_item">

                  <svg class="icon-list_icon"><use xlink:href="#tick" /></svg>

                  <span class="icon-list_text placeholder">2 GB of storage</span>

                </li>

                <li class="icon-list_item">

                  <svg class="icon-list_icon"><use xlink:href="#tick" /></svg>

                  <span class="icon-list_text placeholder">1 user</span>

                </li>

              </ul>

            </div>

            <div class="card_section">

              <a class="button">Start your free trial</a>

            </div>

          </div>



          <div class="card">

            <div class="card_section">

              <h2 class="text-4">Professional</h2>

            </div>

            <div class="card_section">

              <img class="placeholder" width="210" data-ratio="3:2" alt="" />

            </div>

            <div class="card_section">

              <p><strong><span class="text-8">£40</span>/mo</strong></p>

              <p>Ideal for small business</p>

            </div>

            <div class="card_section">

              <ul>

                <li class="icon-list_item">

                  <svg class="icon-list_icon"><use xlink:href="#tick" /></svg>

                  <span class="icon-list_text placeholder">50 widgets</span>

                </li>

                <li class="icon-list_item">

                  <svg class="icon-list_icon"><use xlink:href="#tick" /></svg>

                  <span class="icon-list_text placeholder">10 GB of storage</span>

                </li>

                <li class="icon-list_item">

                  <svg class="icon-list_icon"><use xlink:href="#tick" /></svg>

                  <span class="icon-list_text placeholder">2 users</span>

                </li>

              </ul>

            </div>

            <div class="card_section">

              <a class="button">Start your free trial</a>

            </div>

          </div>



          <div class="card">

            <div class="card_section">

              <h2 class="text-4">Enterprise</h2>

            </div>

            <div class="card_section">

              <img class="placeholder" width="210" data-ratio="3:2" alt="" />

            </div>

            <div class="card_section">

              <p><strong><span class="text-8">£80</span>/mo</strong></p>

              <p>Everything for larger teams</p>

            </div>

            <div class="card_section">

              <ul>

                <li class="icon-list_item">

                  <svg class="icon-list_icon"><use xlink:href="#tick" /></svg>

                  <span class="icon-list_text placeholder">Unlimited widgets</span>

                </li>

                <li class="icon-list_item">

                  <svg class="icon-list_icon"><use xlink:href="#tick" /></svg>

                  <span class="icon-list_text placeholder">Unlimited storage</span>

                </li>

                <li class="icon-list_item">

                  <svg class="icon-list_icon"><use xlink:href="#tick" /></svg>

                  <span class="icon-list_text placeholder">Unlimited users</span>

                </li>

              </ul>

            </div>

            <div class="card_section">

              <a class="button">Start your free trial</a>

            </div>

          </div>

        </div>

      </div>

    </div>

  </div>

  <div>

    <!-- Footer -->

  </div>

</div>