Cacher is the code snippet organizer for pro developers

.col-md-4 {
  img {
        margin: 0 auto;
        border: 7px solid #fff;
    }
    
    h4 {
        .heading-font;
        text-transform: none;
    }
    
    .col-md-8 p {
        margin-top: 50px;
        font-size: 16px;
    }
}

<div class="col-md-4 text-center">
  <img src="img/team/1.jpg" alt="" class="img-responsive img-circle">
  <h4>Kimberly Thompson</h4>
  <p class="text-muted">Marketer</p>
  <ul class="list-inline social-buttons">
      <li>
          <a href="#">
              <span class="fa-stack">
                  <i class="fa fa-circle fa-stack-2x"></i>
                  <i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
              </span>
          </a>
      </li>
      <li>
          <a href="#">
              <span class="fa-stack">
                  <i class="fa fa-circle fa-stack-2x"></i>
                  <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
              </span>
          </a>
      </li>
      <li>
          <a href="#">
              <span class="fa-stack">
                  <i class="fa fa-circle fa-stack-2x"></i>
                  <i class="fa fa-pinterest-p fa-stack-1x fa-inverse"></i>
              </span>
          </a>
      </li>
  </ul>
  <!-- /.list-inline social-buttons -->
</div>
<!-- /.col-md-4 -->