Icon Box

<div class="icon-box bordered">
  <i class="fa fa-rocket fa-4x text-theme"></i>
  <h3 class="title-sm text-theme">Icon Box 4x</h3>
  <p class="text-theme">...</p>
  <a class="btn btn-primary btn-tiny btn-sm text-theme" href="#">Read More</a>
</div>

<div class="icon-box bordered">
  <i class="fa fa-rocket fa-3x text-theme"></i>
  <h3 class="title-sm text-theme">Icon Box 3x</h3>
  <p class="text-theme">...</p>
  <a class="btn btn-primary btn-xs text-theme" href="#">Read More</a>
</div>

<div class="icon-box bordered">
  <i class="fa fa-rocket fa-2x text-theme-sm"></i>
  <h3 class="title-xs text-theme-sm">Icon Box 2x</h3>
  <p class="text-theme-sm">...</p>
  <a class="btn btn-primary btn-xs text-theme-sm" href="#">Read More</a>
</div>

<div class="icon-xs-side bordered left">
  <i class="fa fa-rocket bg fa-round"></i>
  <h3 class="title">Small Round</h3>
  <p class="subtitle">...</p>
</div>

<div class="icon-xs-side bordered right">
  <i class="fa fa-rocket bg fa-round"></i>
  <h3 class="title text-right">Small Round</h3>
  <p class="subtitle text-right">...</p>
</div>

<div class="icon-sm-side bordered left">
  <i class="fa fa-rocket bg fa-round fa-3x"></i>
  <h3 class="title">3x Round</h3>
  <p class="subtitle">...</p>
</div>

<div class="icon-sm-side bordered right">
  <i class="fa fa-rocket bg fa-round fa-3x"></i>
  <h3 class="title text-right">3x Round</h3>
  <p class="subtitle text-right">...</p>
</div>

<div class="icon-lg-side bordered left">
  <i class="fa fa-rocket bg fa-round fa-4x"></i>
  <h3 class="title">4x Round</h3>
  <p class="subtitle">...</p>
</div>

<div class="icon-lg-side bordered right">
  <i class="fa fa-rocket bg fa-round fa-4x"></i>
  <h3 class="title text-right">4x Round</h3>
  <p class="subtitle text-right">...</p>
</div>