<div class="card-wrap">
  <div class="profile_pic-wrap">
    <img src="https://scontent-yyz1-1.cdninstagram.com/t51.2885-19/s320x320/12543142_446352545560748_362768810_a.jpg" alt="" />
  </div>
  <div class="info-wrap">
  <h1 class="user-name">Adam Leith P</h1>
   <p>UX Designer / Web Developer</p>
</div>

</div>
@import "compass/css3";

@import url(https://fonts.googleapis.com/css?family=Raleway:100,200,300);
//@import url(http://weloveiconfonts.com/api/?family=fontawesome);


$profile-pic-size: 100px;
$profile-pic-size-half:-$profile-pic-size/2;

html {
  font:15px;
  background-size:cover;
}
* {
  box-sizing: border-box;
}
img {
  width:100%;
}

$background-color:#e3e3e3;
.card-wrap {
  width:400px;
  margin:80px auto;
  background:$background-color;
  position:relative;
  padding:20px; 
  border-radius:5px;
  border-top:$profile-pic-size/3 solid #da4e4e;
  font-family: 'Raleway', sans-serif;
}


.profile_pic-wrap {
  width:$profile-pic-size;
  height:$profile-pic-size;
  background:$background-color;
  top:0;
  left:50%;
  padding:5px;
  position:absolute;
  margin-left: $profile-pic-size-half;
  top: $profile-pic-size-half;
  border-radius:50%; 
  overflow:hidden;
  
  img {
    border-radius:50%;
  }
}
.user-name {
  text-align:center;
  margin-top:$profile-pic-size/2;
}
.user-title {
  text-align:center;
}
.find_me-wrap {
  margin-top:40px;
}
.find-me {
  font:.7em;
}
.info-wrap {
  text-align: center;
}
.icon-wrap a {
  line-height:70px;
  width:24%;
  text-decoration:none;
  padding:0;
  font-size:2em;
  cursor:pointer; 
  margin:0;
  color:darken($background-color,20);
  transition:color .1s linear;
  
  &:hover {
    color:darken($background-color,40);
    }
}
View Compiled
Run Pen

External CSS

  1. https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css
  2. https://alessio86.bluxart.netdna-cdn.com/wp-content/themes/adesign/css/font.css?ver=3.5.1

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js
  2. https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js