Toggle navigation
Bootsnipp
Bootstrap
For
CSS Frameworks
Bootstrap
Foundation
Semantic UI
Materialize
Pure
Bulma
References
CSS Reference
Tools
Community
Page Builder
Form Builder
Button Builder
Icon Search
Dan's Tools
Diff / Merge
Color Picker
Keyword Tool
Web Fonts
.htaccess Generator
Favicon Generator
Site Speed Test
Snippets
Featured
Tags
By Bootstrap Version
4.1.1
4.0.0
3.3.0
3.2.0
3.1.0
3.0.3
3.0.1
3.0.0
2.3.2
Register
Login
"profile- unchanged- need update"
Bootstrap 3.0.0 Snippet by
jeevan123456
3.0.0
profile
Preview
HTML
CSS
View Full Screen
Fork
Fork this
2.2K
 
0 Fav
Post to Facebook
Tweet this
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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 ----------> <div class="container"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="user-profile-wrap shadow-reset"> <div class="row"> <div class="col-lg-6"> <div class="row"> <div class="col-lg-3"> <div class="user-profile-img"> <img src="img/notification/5.jpg" alt=""> </div> </div> <div class="col-lg-9"> <div class="user-profile-content"> <h2>Sakila Joy</h2> <p class="profile-founder">Founder of <strong>Uttara It Park</strong> </p> <p class="profile-des">It is a long established fact that a reader will be distracted of by the readable content of a page when looking at its layout.The point of using Lorem Ipsum.</p> </div> </div> </div> </div> <div class="col-lg-3"> <div class="user-profile-social-list"> <table class="table small m-b-xs"> <tbody> <tr> <td> <strong>542</strong> Projects </td> <td> <strong>222</strong> Followers </td> </tr> <tr> <td> <strong>612</strong> Comments </td> <td> <strong>542</strong> Articles </td> </tr> <tr> <td> <strong>254</strong> Tags </td> <td> <strong>552</strong> Friends </td> </tr> </tbody> </table> </div> </div> <div class="col-lg-3"> <div class="analytics-sparkle-line user-profile-sparkline"> <div class="analytics-content"> <h5>Visits in last 24h</h5> <h2 class="counter">498009</h2> <div id="sparkline22"><canvas style="display: inline-block; width: 247px; height: 60px; vertical-align: top;" width="247" height="60"></canvas></div> </div> </div> </div> </div> </div> </div> </div> </div>
.user-profile-wrap { padding: 20px; background-color: #fff; } .user-profile-img img { border-radius: 50%; border: 4px solid #ddd; } .user-profile-content h2, .user-profile-about h2 { font-size: 20px; color: #303030; } .user-profile-content .profile-founder { font-size: 14px; color: #303030; margin: 0px 0px 10px; } .user-profile-content .profile-des { font-size: 14px; color: #303030; margin: 0px; line-height: 24px; } .user-profile-social-list { margin: 5px 0px; } .user-profile-sparkline { background: none; padding: 0px; }
Questions / Comments:
Post
Posting Guidelines
Formatting
- Now
×
Close
Donate
BTC: 12JxYMYi6Vt3mx3hcmP3B2oyFiCSF3FhYT
ETH: 0xCD715b2E3549c54A40e6ecAaFeB82138148a6c76