<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">
        <div class="item active">
            <img class="slide-image" width="400" height="150" src="../resources/uploads/decor-noir-slider.jpg" alt="">
        </div>
        <div class="item">
            <img class="slide-image" width="400" height="150" src="../resources/uploads/livingroom-slider.jpg" alt="">
        </div>
        <div class="item">
            <img class="slide-image" width="400" height="150" src="../resources/uploads/warm-livingroom-slider.jpg" alt="">
        </div>
        <!-- <div class="item">
            <img class="slide-image" width="800" height="300" src="https://secure.img1-fg.wfcdn.com/im/38917885/scale-h253-w253%5Ecompr-r85/1912/191237580/default_name.jpg" alt="">
        </div> -->
    </div>
    <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left"></span>
    </a>
    <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right"></span>
    </a>
</div>