social media resumen profile

This bootstrap snippet called "social media resumen profile" was created to help web designers,
front-end developers and back-end developer save time. Use it in your project and build your app faster,
You can also download the HTML, CSS, and JS code
tags: social,media,images,profile

This is the HTML code for this bootstrap snippet

Copy, paste, change, customize and run the following HTML code to get a result like the one shown in the preview tab

<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>

This is the CSS code for this bootstrap snippet

Copy, paste, change, customize and run the following CSS code to get a result Like the one shown in the preview


.principal-content, .content-information{
background:#FFFFFF;    
}				              
                                    

Information about this bootstrap snippet

Creator: Dey Dey

Bootstrap version: 3.1.0

Created: May 10th 2014, 17:17

Views: 3.1K

Rated 5/5 based on 1 reviews