<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 ---------->
<figure class="snip1139">
<blockquote>Sometimes I think the surest sign that intelligent life exists elsewhere in the universe is that none of it has tried to contact us.
<div class="arrow"></div>
</blockquote>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sample3.jpg" alt="sample3"/>
<div class="author">
<h5>Pelican Steve <span>- LittleThemes</span></h5>
</div>
</figure>
<figure class="snip1139 hover">
<blockquote>I don't need to compromise on my principles, because they don't have the slightest bearing on what happens to me anyway.
<div class="arrow"></div>
</blockquote>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sample47.jpg" alt="sample47"/>
<div class="author">
<h5>Max Conversion<span>- LittleThemes</span></h5>
</div>
</figure>
<figure class="snip1139">
<blockquote>That's the problem with nature, something's always stinging you or oozing mucous all over you. Let's go and watch TV.
<div class="arrow"></div>
</blockquote>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sample17.jpg" alt="sample17"/>
<div class="author">
<h5>Eleanor Faint<span>- LittleThemes</span></h5>
</div>
</figure>
