iuap-design
Version:
UI Framework Used For Enterprise.
64 lines • 2.27 kB
HTML
<div class="example">
<div class="pearls pearls-xs row">
<div class="pearl done col-xs-4">
<span class="pearl-number">1</span>
<span class="pearl-title">Account Info</span>
</div>
<div class="pearl current col-xs-4">
<span class="pearl-number">2</span>
<span class="pearl-title">Billing Info</span>
</div>
<div class="pearl col-xs-4">
<span class="pearl-number">3</span>
<span class="pearl-title">Confirmation</span>
</div>
</div>
</div>
<div class="example">
<div class="pearls pearls-sm row">
<div class="pearl done col-xs-4">
<span class="pearl-number">1</span>
<span class="pearl-title">Account Info</span>
</div>
<div class="pearl current col-xs-4">
<span class="pearl-number">2</span>
<span class="pearl-title">Billing Info</span>
</div>
<div class="pearl col-xs-4">
<span class="pearl-number">3</span>
<span class="pearl-title">Confirmation</span>
</div>
</div>
</div>
<div class="example">
<div class="pearls row">
<div class="pearl done col-xs-4">
<span class="pearl-number">1</span>
<span class="pearl-title">Account Info</span>
</div>
<div class="pearl current col-xs-4">
<span class="pearl-number">2</span>
<span class="pearl-title">Billing Info</span>
</div>
<div class="pearl col-xs-4">
<span class="pearl-number">3</span>
<span class="pearl-title">Confirmation</span>
</div>
</div>
</div>
<div class="example">
<div class="pearls pearls-lg row">
<div class="pearl done col-xs-4">
<span class="pearl-number">1</span>
<span class="pearl-title">Account Info</span>
</div>
<div class="pearl current col-xs-4">
<span class="pearl-number">2</span>
<span class="pearl-title">Billing Info</span>
</div>
<div class="pearl col-xs-4">
<span class="pearl-number">3</span>
<span class="pearl-title">Confirmation</span>
</div>
</div>
</div>