html Maxx-Fitness WordPress价格4列

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html Maxx-Fitness WordPress价格4列相关的知识，希望对你有一定的参考价值。

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

  <div class="uk-width-medium-1-4 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-4 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-4 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-4 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>

以上是关于html Maxx-Fitness WordPress价格4列的主要内容，如果未能解决你的问题，请参考以下文章

Wordpress自定义Post类型注册

针对ArcGIS Server 跨域问题的解释

Wordpress 搜索功能仅搜索帖子

用于捐赠的 Wordpress 插件 [关闭]

WEB上的垂直间距？

WordPress 序列化处理相关函数大全