"Flat User Profile / Interface UI"
Bootstrap 3.1.0 Snippet by xrozix

<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link href="http://fontawesome.io/assets/font-awesome/css/font-awesome.css" rel="stylesheet" media="screen"> <div class="container"> <div class="col-md-7 user-details"> <div class="row overview"> <div class="col-md-4 user-pad text-center"> <h3>FOLLOWERS</h3> <h4>2,784</h4> </div> <div class="col-md-4 user-pad text-center"> <h3>FOLLOWING</h3> <h4>456</h4> </div> <div class="col-md-4 user-pad text-center"> <h3>APPRECIATIONS</h3> <h4>4,901</h4> </div> </div> </div>
.user-pad { padding: 20px 25px; } .user-details { background: #eee; } .overview h3 { font-weight: 300; margin-top: 15px; margin: 10px 0 0 0; } .overview h4 { font-weight: bold!important; font-size: 40px; margin-top: 0; } /* -- media query for user profile image -- */ @media (max-width: 767px) { .user-image { max-height: 400px; } }

Related: See More


Questions / Comments: