Media Object header small text goes here...

Media heading
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla.

Media heading
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla.

Media heading
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla.
<div class="d-flex">
<a class="w-60px" href="javascript:;">
<img src="../assets/img/user/user-1.jpg" alt="" class="mw-100 rounded" />
</a>
<div class="ps-3 flex-1">
<h5 class="mb-1">...</h5>
<p class="mb-0">...</p>
</div>
</div>
<hr class="bg-gray-500" />

Media heading
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

Nested media heading
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.
<div class="d-flex">
<div class="pe-3 flex-1">
<h5 class="mb-1">...</h5>
<p class="mb-0">...</p>
</div>
<a class="w-60px" href="javascript:;">
<img src="../assets/img/user/user-1.jpg" alt="" class="mw-100 rounded-pill" />
</a>
</div>
<hr class="bg-gray-500" />

Media heading
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
Media heading
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
Media heading
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla.<div class="d-flex">
<div class="pe-3 flex-1">
...
</div>
<a class="w-lg-300px w-100px" href="javascript:;">
<img src="../assets/img/user/user-1.jpg" alt="" class="mw-100 rounded-pill" />
</a>
</div>
<hr class="bg-gray-500" />
Nested media heading
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, tempus viverra turpis.

<div class="d-flex">
<div class="pe-3 flex-1 text-end">
...
</div>
<a class="w-60px" href="javascript:;">
<img src="../assets/img/user/user-1.jpg" alt="" class="mw-100 rounded-pill" />
</a>
</div>
<hr class="bg-gray-500" />