app.css

* {
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
}

.content {
  margin-top: 50px;
}

.user-photo {
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  overflow: hidden;
}

.user-photo__bg {
  position: absolute;
  top: -20px;
  bottom: -20px;
  right: -20px;
  left: -20px;
  background-position: 50% 50%;
  background-size: cover;
  filter: blur(10px);
}

.user-photo__content {
  position: relative;
  z-index: 1;
}

.user-photo__img {
  border-radius: 100%;
  max-width: 100%;
  box-shadow: 0 5px 6px rgba(50,50,93,.21), 0 1px 3px rgba(0,0,0,.08);
  border: 4px solid rgba(255,255,255,.99);
}

.user-photo__name,
.user-photo__location {
  color: #ffffff;
  text-shadow: 0 2px rgba(0,0,0,.1);
}

.user-photo__location {
  font-size: 17px;
}

.user-footer {
  height: 72px;
}

.user-footer__button {
  display: block;
  width: 100%;
  margin-top: 12px;
}

.user-bio {
  font-size: 15px;
  margin-top: 20px;
}

index.html

  <div class="container content">

    <div class="row user-photo">
      <div class="user-photo__content">
        <div class="col-xs-6 col-xs-offset-3">
          <img class="user-photo__img" src="img/user-1.jpg">
        </div>
        <div class="col-xs-12">
          <h3 class="text-center user-photo__name">Gize Bonilla</h3>
          <p class="text-center user-photo__location">San Francisco, USA</p>
        </div>
      </div>
      <div class="user-photo__bg" style="background-image: url(img/user-1.jpg)"></div>
    </div>

    <div class="row user-bio">
      <div class="col-xs-1">
        <i class="glyphicon glyphicon-info-sign"></i>
      </div>
      <div class="col-xs-10">
        Highly motivated team-builder and team-player. Passionate about front-end development.
      </div>
    </div>

  </div>


  <nav class="navbar navbar-default navbar-fixed-bottom user-footer">
    <div class="container-fluid">
      <div class="row">
        <div class="col-xs-12">
          <button class="btn btn-lg btn-primary user-footer__button">
            Start Chat
          </button>
        </div>
      </div>
    </div>
  </nav>