example.html

<div class="row vcard">
  <div class="col-md-3 col-xs-12  widget_tally_box">
    <div class="x_panel">
      <div class="x_content">

        <div style="text-align: center; margin-bottom: 17px">
          <div class="">
            <img style="display: block;" alt="User" class="img-circle profile_img photo" src="/images/user.png">
          </div>
        </div>

        <h3 class="name_title fn">Juan Carlos</h3>
        <p>Short Description</p>

        <div class="divider"></div>

        <p>If you've decided to go in development mode and tweak all of this a bit, there are few things you should do.</p>

        <div class="col-xs-12">
          <a class="btn btn-app">
            <i class="fa fa-send"></i> Send Card
          </a>
          <a class="btn btn-app">
            <i class="fa fa-download"></i> Downl. Card
          </a>

          <div class="tel">
            <abbr class="type" title="voice"></abbr>
            <span class="type">Home</span> Phone: <span class="value">+1-111-555-1212</span>
          </div>

          <a class="btn btn-app">
            <i class="fa fa-phone"></i> Call me
          </a>
          <a class="btn btn-app">
            <i class="fa fa-envelope-o"></i> Text me
          </a>
          <a class="btn btn-app">
            <i class="fa fa-link"></i> My Site
          </a>
          <a class="btn btn-app">
            <i class="fa fa-facebook"></i> Facebook
          </a>
        </div>
      </div>
    </div>
  </div>
</div>