Ir para o conteúdo principal

Componentes EFAP

Carrossel

Carrossel com 2 colunas

<div class="col-md-10 col-md-offset-1">
    <div id="myCarousel" class="carousel slide carousel-right" data-interval="false">
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1" class=""></li>
            <li data-target="#myCarousel" data-slide-to="2" class=""></li>
        </ol>
        <div class="carousel-inner">
            <div class="item active">
                <img src="https://static.pexels.com/photos/92632/pexels-photo-92632-large.jpeg" alt="first" class="img-responsive">
            </div>
            <div class="item">
                <img src="https://static.pexels.com/photos/96455/pexels-photo-96455-large.jpeg" alt="second" class="img-responsive">
                <div class="carousel-caption">
                    <h3>Second slide label</h3>
                    <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur. Praesent commodo cursus magna, vel scelerisque
                        nisl consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
                </div>
            </div>
            <div class="item">
                <img src="https://static.pexels.com/photos/96415/pexels-photo-96415-large.jpeg" alt="third" class="img-responsive">
                <div class="carousel-caption">
                    <h3>Third slide label</h3>
                    <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur. Praesent commodo cursus magna, vel scelerisque
                        nisl consectetur.</p>
                </div>
            </div>
        </div>
        <a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
        <a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
    </div>
</div>
Voltar