Scribd Logo
Upload

Welcome to Scribd!

  • Carrusle

    Uploaded by

    CORDERO TALONIA MARIA FERNANDA
    6 views1 page
    The document describes a carousel with 3 slides. Each slide contains an image and caption with a label and placeholder content. Navigation buttons allow switching between the slides in a forward or backward sequence.

    Original Description:

    Original Title

    carrusle

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document describes a carousel with 3 slides. Each slide contains an image and caption with a label and placeholder content. Navigation buttons allow switching between the slides in a forward or backward sequence.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    6 views1 page

    Carrusle

    Uploaded by

    CORDERO TALONIA MARIA FERNANDA
    The document describes a carousel with 3 slides. Each slide contains an image and caption with a label and placeholder content. Navigation buttons allow switching between the slides in a forward or backward sequence.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 1

    <div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">

    <div class="carousel-indicators">
    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-
    to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-
    to="1" aria-label="Slide 2"></button>
    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-
    to="2" aria-label="Slide 3"></button>
    </div>
    <div class="carousel-inner">
    <div class="carousel-item active">
    <img src="..." class="d-block w-100" alt="...">
    <div class="carousel-caption d-none d-md-block">
    <h5>First slide label</h5>
    <p>Some representative placeholder content for the first slide.</p>
    </div>
    </div>
    <div class="carousel-item">
    <img src="..." class="d-block w-100" alt="...">
    <div class="carousel-caption d-none d-md-block">
    <h5>Second slide label</h5>
    <p>Some representative placeholder content for the second slide.</p>
    </div>
    </div>
    <div class="carousel-item">
    <img src="..." class="d-block w-100" alt="...">
    <div class="carousel-caption d-none d-md-block">
    <h5>Third slide label</h5>
    <p>Some representative placeholder content for the third slide.</p>
    </div>
    </div>
    </div>
    <button class="carousel-control-prev" type="button" data-bs-
    target="#carouselExampleCaptions" data-bs-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Previous</span>
    </button>
    <button class="carousel-control-next" type="button" data-bs-
    target="#carouselExampleCaptions" data-bs-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Next</span>
    </button>
    </div>

    You might also like