<div class="pricing">
<div class="plan">
<div class="plan-icon"><img class="center" src="https://demo2.drupar.com/images/demo/ruhipro/icons/pricing-standard.svg" alt="image" /></div>
<div class="plan-name">Standard</div>
<div class="plan-price">$9 / month</div>
<div class="divider-zigzag"></div>
<ul class="plan-details">
<li>Basic Reports</li>
<li>Video Training</li>
<li>5 Users</li>
<li class="disabled">30 Days Backup</li>
<li class="disabled">White label</li>
<li class="disabled">Mobile Apps</li>
<li class="disabled">Free Updates</li>
</ul>
<div class="plan-button"><a class="button button-outline" href="#">Purchase</a></div>
</div><!--/plan -->
<div class="plan">
<div class="plan-icon"><img class="center" src="https://demo2.drupar.com/images/demo/ruhipro/icons/pricing-advanced.svg" alt="image" /></div>
<div class="plan-name">Advanced</div>
<div class="plan-price">$88 / month</div>
<div class="divider-zigzag"></div>
<ul class="plan-details">
<li>Advanced Reports</li>
<li>Live Training</li>
<li>50 Users</li>
<li>30 Days Backup</li>
<li>White label</li>
<li class="disabled">Mobile Apps</li>
<li class="disabled">Free Updates</li>
</ul>
<div class="plan-button"><a class="button button-outline" href="#">Purchase</a></div>
</div><!--/plan -->
<div class="plan">
<div class="plan-icon"><img class="center" src="https://demo2.drupar.com/images/demo/ruhipro/icons/pricing-premium.svg" alt="image" /></div>
<div class="plan-name">Premium</div>
<div class="plan-price">$150 / month</div>
<div class="divider-zigzag"></div>
<ul class="plan-details">
<li>Advanced Reports</li>
<li>Personal Training</li>
<li>100 Users</li>
<li>30 Days Backup</li>
<li>White label</li>
<li>Mobile Apps</li>
<li>Free Updates</li>
</ul>
<div class="plan-button"><a class="button button-outline" href="#">Purchase</a></div>
</div><!--/plan -->
</div><!--/pricing -->