Diretores Ingressantes: SlideShow

Slidershow

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<section class="sliderbase"><!-- Slider corpo -->
    <div class="slide-conteudo"><!-- Conteúdo do slider -->
        <article class="item ativo"><!-- Elemento -->
            <div class="slider-img"><!-- Tipo imagem + texto -->
                <img src="img/img5.jpg">
                <div class="caption-1"><!-- Texto na parte inferior -->
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                </div>
            </div>
        </article>
        <article class="item"><!-- Elemento -->
            <div class="slider-img"><!-- Tipo imagem + texto -->
                <img src="img/img4.jpg">
                <div class="caption-2"><!-- Texto na parte superior -->
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                </div>
            </div>
        </article>
        <article class="item"><!-- Elemento -->
            <div class="slider-img-texto-1"><!-- Texto centralizado + imagem no fundo -->
                <img src="img/img3.jpg">
                <div class="caption">
                    <div class="cor-negativa"><!-- Cor-negativa #FFF -->
                      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                    </div>
                </div>
            </div>
        </article>
        <article class="item"><!-- Elemento -->
            <div class="slider-img-texto-2"><!-- Imagem a esquerda e texto a direita -->
                <img src="img/img2.jpg">
                <div class="caption">
                    <div class="cor-positiva"><!-- Cor-positiva #000 -->
                      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                    </div>
                </div>
            </div>
        </article>
        <article class="item"><!-- Elemento -->
            <div class="slider-img-texto-2 direito"><!-- Imagem a direita e texto a esquerda -->
                <img src="img/img1.jpg">
                <div class="caption">
                    <div class="cor-positiva">
                      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                    </div>
                </div>
            </div>
        </article>
        <article class="item"><!-- Elemento -->
            <div class="slider-texto"><!-- Apenas texto -->
                <div class="caption">
                    <div class="cor-positiva">
                      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                  </div>
                </div>
            </div>
        </article>
    </div>
    <div class="controles"><!-- Controles -->
        <div class="controles-base">
            <ol class="sliderbase-indicadores">
                <li data-slide-to="1" class="indi ativo"></li>
                <li data-slide-to="2" class="indi"></li>
                <li data-slide-to="3" class="indi"></li>
                <li data-slide-to="4" class="indi"></li>
                <li data-slide-to="5" class="indi"></li>
                <li data-slide-to="6" class="indi"></li>
            </ol>
        </div>
        <div class="controles-setas">
            <a class="setas setas-voltar"><span class=""></span></a>
            <a class="setas setas-avancar"><span class=""></span></a>
        </div>
    </div>
</section>