<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.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 ---------->
<head>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<!--Testimonial Section-->
<div class="fb-testimonial">
<div class="fb-testimonial-inner">
<div class="fb-profile">
<img class="facebook-thumb" src="http://mrg.bz/vWUBi9">
<p class="facebook-name">Jane Doe <i class="fa fa-caret-right"></i> MyCompany <br><span class="facebook-date"><a href="https://www.facebook.com">April 3</a> · <i class="fa fa-globe"></i></span></p>
</div>
<div class="fb-testimonial-copy">
<p>Cupcake ipsum dolor sit amet. I love chocolate chocolate bar soufflé fruitcake.
Cotton candy cupcake halvah I love donut. Liquorice jelly gummies jelly beans pudding.
I love pie pudding jelly-o gummies jujubes sweet roll cookie. Jujubes cookie fruitcake I love biscuit halvah halvah.</p>
</div>
</div>
</div>
<!--END Testimonial Section-->
<div class="row about-snippet">
<div class="container">
<p><strong>About this snippet:</strong> I made this snippet for a project which used
Facebook Testimonials as social proof, but needed to keep user information
private. I made this to appear to be a Facebook embed, link to original
post and all, but I can still customize the information to hide things
like last names, etc. To use the carat and globe icon, you will need to
add the FontAwesome stylesheet to your project. <a href="http://fortawesome.github.io/Font-Awesome/">
Visit the Font Awesome website for more information.</a></p>
</div>
</div>
