Bootstrap snippet: social media resumen profile

designed to help people of all skill levels - designer or developer, huge nerd or early beginner.
copy and paste the code. Use it as a complete kit or use it to start something more complex.
tags: social,media,images,profile



<div class="row principal-content"> <div class="col-sm-4 col-xs-6"> <div class="panel panel-default"> <div class="panel-thumbnail"><img class="img-responsive" src="//placehold.it/450X300/6495ED/FFF"></div> <div class="panel-body content-information"> <p class="lead">Bootdey Bootstrap</p> <p>120k Followers, 900 Posts</p> <p> <img width="28px" height="28px" src="https://lh3.googleusercontent.com/uFp_tsTJboUY7kue5XAsGA=s28"> <img width="28px" height="28px" src="https://lh3.googleusercontent.com/uFp_tsTJboUY7kue5XAsGA=s28"> </p> </div> </div> </div><!--/col--> <div class="col-sm-4 col-xs-6"> <div class="panel panel-default"> <div class="panel-thumbnail"><img class="img-responsive" src="//placehold.it/450X300/DD66DD/FFF"></div> <div class="panel-body content-information"> <p class="lead">Bootstrap Templates</p> <p>902 Followers, 88 Posts</p> <p> <img width="28px" height="28px" src="https://lh3.googleusercontent.com/uFp_tsTJboUY7kue5XAsGA=s28"> <img width="28px" height="28px" src="https://lh3.googleusercontent.com/uFp_tsTJboUY7kue5XAsGA=s28"> </p> </div> </div> </div><!--/col--> <div class="col-sm-4 col-xs-6"> <div class="panel panel-default"> <div class="panel-thumbnail"><img class="img-responsive" src="//placehold.it/450X300/228B22/FFF"></div> <div class="panel-body content-information"> <p class="lead">Social Media</p> <p>19k Followers, 789 Posts</p> <p> <img width="28px" height="28px" src="https://lh3.googleusercontent.com/uFp_tsTJboUY7kue5XAsGA=s28"> <img width="28px" height="28px" src="https://lh3.googleusercontent.com/uFp_tsTJboUY7kue5XAsGA=s28"> </p> </div> </div> </div><!--/col--> </div>
.principal-content, .content-information{ background:#FFFFFF; }
Dey-Dey

social media resumen profile

Dey-Dey
  May 14th 2014, 19:36
2.1K Views