<div id="carousel" class="carousel slide carousel-fade" data-ride="carousel">
            
    <!-- Carousel items -->
    <div class="carousel-inner">
        <div class="active item" style="background:url('assets/img/sliders/img1.jpg') no-repeat center center; background-size:cover;"></div>
        <div class="item" style="background:url('assets/img/sliders/img2.jpg')no-repeat center center; background-size:cover;"></div>
        <div class="item" style="background:url('assets/img/sliders/img3.jpg')no-repeat center center; background-size:cover;"></div>
    </div>

    <div class="col-md-offset-1 col-md-5 col-sm-6 col-xs-12 bannerbox">
        <div class="col-md-12">
            <h2>TECHNOLOGY FOR TOMMORROW</h2>
            <p>
                <span>
                    Let us be your bridge to the new proven solution. We always believe to do the right thing from the beginning.
                </span>
            </p>
            <a href="<?php echo base_url().'history';?>" class="btn btn-warning">About ATS ></a>
        </div>
    </div>
</div>