Price 3 columns

price.html

<div class="uk-grid tm-price" data-uk-grid-margin="" data-uk-grid-match="{target:'.uk-panel'}">

  <div class="uk-width-medium-1-3 uk-text-center" data-uk-scrollspy="{cls:'uk-animation-slide-left', repeat: true}">
    <div class="uk-panel">
      <div class="price">$24<sup>.99</sup></div>
      <h2 class="uk-panel-title uk-margin-top">per month</h2>
      <p class="tm-panel-subtitle">Health Checks <br>Personal fitness programm <br>Membership cards</p>
      <a class="uk-button uk-button-large" href="#" title="Buy Now">
        <i class="uk-icon-akplus">+</i>
        <span>Buy Now</span>
      </a>
    </div>  
  </div>
  
  <div class="uk-width-medium-1-3 uk-text-center" data-uk-scrollspy="{cls:'uk-animation-slide-right', repeat: true}">
    <div class="uk-panel">
      <div class="price">$199<sup>.99</sup></div>
      <h2 class="uk-panel-title uk-margin-top">per year</h2>
      <p class="tm-panel-subtitle">Health Checks <br>Personal fitness programm <br>Membership cards</p>
      <a class="uk-button uk-button-large" href="#" title="Buy Now">
        <i class="uk-icon-akplus">+</i>
        <span>Buy Now</span>
      </a>
    </div>  
  </div>

  <div class="uk-width-medium-1-3 uk-text-center" data-uk-scrollspy="{cls:'uk-animation-slide-left', repeat: true}">
    <div class="uk-panel">
      <div class="price">$24<sup>.99</sup></div>
      <h2 class="uk-panel-title uk-margin-top">per month</h2>
      <p class="tm-panel-subtitle">Health Checks <br>Personal fitness programm <br>Membership cards</p>
      <a class="uk-button uk-button-large" href="#" title="Buy Now">
        <i class="uk-icon-akplus">+</i>
        <span>Buy Now</span>
      </a>
    </div>  
  </div>
  
</div>