user presentation profile with description

This bootstrap snippet called "user presentation profile with description" 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: presentation,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="wrap clearfix">
  <!--Avatar -->
  <div class="col-sm-4 col-xs-12 avatar">
    <img src="http://www.placehold.it/300x200&text=Avatar" alt="" />
    <p>username</p>
  </div>
  <!-- End Avatar -->
  <div class="col-sm-8 col-xs-12">    
    <div class="icons col-xs-12">
      <a href="#"><span class="glyphicon glyphicon-envelope"></span></a>
      <a href="#"><span class="glyphicon glyphicon-user"></span></a>
      <a href="#"><span class="glyphicon glyphicon-bookmark"></span></a>
      <a href="#"><span class="glyphicon glyphicon-refresh"></span></a>
      <a href="#"><span class="glyphicon glyphicon-trash"></span></a>
    </div>
    <div class="col-xs-12 content">
      <h2>Full name user</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos a similique dicta modi minus nostrum magnam provident reprehenderit in quae</p>
      <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos a similique dicta modi minus nostrum magnam provident reprehenderit in quae      </p>
    </div>
  </div>
</div>                    

Information about this bootstrap snippet

Creator: Dey Dey

Bootstrap version: 3.1.0

Created: May 4th 2014, 18:01

Views: 2.6K

Rated 5/5 based on 1 reviews