<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>
<div class='container carousel'>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
<div class="carousel-inner text-center" role="listbox">
<div class="item active">
<div class="col-lg-8 pull-right">
<img src="http://lorempixel.com/g/750/350/transport">
</div>
<div class="col-lg-4">
<h2>Sed vel lectus<br>
<small>by Merovingio in Jun 22, 2017 at
21:59</small></h2>
<p>
Sed vel lectus. Donec odio urna, tempus molestie, porttitor ut, iaculis quis, sem. Phasellus rhoncus.
Aenean id metus id velit ullamcorper pulvinar. Vestibulum fermentum tortor id mi.
Pellentesque ipsum. Nulla non arcu lacinia neque faucibus...
Pellentesque ipsum. Nulla non arcu lacinia neque faucibus...
Pellentesque ipsum. Nulla non arcu lacinia neque faucibus...
Pellentesque ipsum. Nulla non arcu lacinia neque faucibus...
</p>
<a class='btn btn-info pull-right'
href="/article/show/sed-vel-lectus/9">
<i class="fa fa-long-arrow-right"> </i></a>
</div>
</div>
<div class="item">
