"profile"
Bootstrap 4.1.1 Snippet by TalhaSUST

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html> <title>ABU TALHA</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <style> .card { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); max-width: 300px; margin: auto; text-align: center; font-family: arial; } .title { color: grey; font-size: 18px; } .button { border: none; outline: 0; display: inline-block; padding: 8px; color: white; background-color: #3498DB; text-align: center; cursor: pointer; width: 100%; font-size: 18px; } a { text-decoration: none; font-size: 22px; color: black; } button:hover, a:hover { opacity: 0.7; } </style> </head> <body> <div class="card"> <img src="https://raw.githubusercontent.com/talha08/talha08.github.io/master/images/photo.jpg" alt="John" style="width:100%"> <br> <h3><b>MD. ABU TALHA</b></h3> <p class="title">Full Stack Web Developer</p> <p>InfancyIT</p> <div style="margin: 24px 0;"> <a href="https://www.linkedin.com/in/md-abu-talha/" target="_blank"><i class="fa fa-linkedin"></i></a> <a href="https://www.facebook.com/talha.sust.cse" target="_blank"><i class="fa fa-facebook"></i></a> <a href="https://github.com/talha08" target="_blank"><i class="fa fa-github"></i></a> <a href="https://medium.com/@talhaqc" target="_blank"><i class="fa fa-medium"></i></a> </div> <p><a href="talha08.github.io" class="button">Profile</a></p> </div> </body> </html>

Related: See More

BLK• Design System
FB-like profile box
Profile Card
User Profile Sidebar

Questions / Comments: