Homepage Slider

We used bootstrap carousel on homepage slider. Sample markup is:

<div id="featured-post-carousel" class="carousel slide" data-ride="carousel">
    <div class="carousel-inner" role="listbox">
        <div class="item active">
             <!-- Featured Post Box -->
        </div>
        <div class="item">
             <!-- Featured Post Box -->
        </div>
    </div>

    <a class="left featured-post-control" href="#featured-post-carousel" role="button" data-slide="prev"><i class="fa fa-angle-left"></i></a>
    <a class="right featured-post-control" href="#featured-post-carousel" role="button" data-slide="next"><i class="fa fa-angle-right"></i></a>
</div>

On each item, you need to add featured post box. There is featured image, post title, excerpt & read more. Easy enough!