"Profile"
Bootstrap 3.0.0 Snippet by jparkton

<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-xs-12 col-sm-6 col-md-6"> <div class="well well-sm"> <div class="row"> <div class="col-sm-6 col-md-4"> <img src="http://placehold.it/150" alt="" class="img-circle img-responsive" /> </div> <div class="col-sm-6 col-md-8"> <h4><i class="glyphicon glyphicon-user"></i> <strong>Some Young Guy</strong></h4> <small> <cite title="City, ST"> <i class="glyphicon glyphicon-map-marker"></i> City. ST </cite> </small> <p> <i class="glyphicon glyphicon-envelope"></i> <a href="#">you@domain.com</a><br /> <i class="glyphicon glyphicon-globe"></i> <a href="#">http://domain.com</a> <br /> <i class="glyphicon glyphicon-gift"></i> July 07, 1977</p> <!-- Split button --> <div class="btn-group"> <button type="button" class="btn btn-success"> Professional</button> <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown"> <span class="caret"></span> <span class="sr-only">Professional</span> </button> <ul class="dropdown-menu" role="menu"> <li><a href="http://linkedin.com/in/user">LinkedIn</a></li> <li><a href="https://google.com/user">Google +</a></li> <li><a href="https://www.facebook.com/user">Facebook</a></li> <li><a href="https://coderbits.com/user">Coderbits</a></li> <li><a href="http://bootsnipp.com/user">BootSnips</a></li> <li><a href="http://domain.com">Website</a></li> </ul> </div> <div class="btn-group"> <button type="button" class="btn btn-success"> Personal</button> <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown"> <span class="caret"></span> <span class="sr-only">Personal</span> </button> <ul class="dropdown-menu" role="menu"> <li><a href="http://twitter.com/user">Twitter</a></li> <li><a href="https://google.com/+user">Google +</a></li> <li><a href="https://www.facebook.com/user">Facebook</a></li> <li><a href="http://github.com/user">Github</a></li> </ul> </div> </div> </div> </div> </div> </div> </div>

Related: See More


Questions / Comments: