Pricing Box
Pricing box info box and icon
Regular Version
- Up to 20 users
- 50GB
- Statistics and tracking
Markup: ..\..\styleguide\templates\molecules\pricing.html
<div class="rocksite-m-pricing-box ">
<h4 class="rocksite-m-pricing-box__title">
Regular Version
</h4>
<div class="rocksite-m-pricing-box__price">
<span class="rocksite-m-pricing-box__price__currency">$</span><span class="rocksite-m-pricing-box__price__amount">120</span>
<span class="rocksite-m-pricing-box__price__period"> / monthly</span>
</div>
<ul class="rocksite-m-pricing-box__features">
<li>Up to 20 users</li>
<li>50GB</li>
<li>Statistics and tracking</li>
</ul>
<div class="rocksite-m-pricing-box__footer">
<a href="#" class="rocksite-a-button -primary">
Click me
</a>
</div>
</div>
../source/scss/components/molecules/_pricing.scss
, line 1