<!-- SASS: src/stylesheets/_components/carousel.scss -->
<!-- JS: src/js/carousel.js -->
<!-- Vendor JS: src/js/_vendor/slick-carousel.js-->

<section aria-labelledby="carouselHeading">
    <h2 id="carouselHeading" class="usa-sr-only">Title of Carousel</h2>
    <ul class="vaux-carousel" data-carousel-trigger>
        <li>
            <h3>Title One</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ornare mauris ut quam lacinia auctor. Etiam ac tincidunt velit. Morbi in aliquam est, et interdum ex.</p>
            <p>Nulla tempus mollis purus, nec condimentum nibh. Quisque a feugiat magna, in suscipit est. Donec eget lacus ut nulla fermentum cursus quis in turpis.</p>
        </li>
        <li>
            <h3>Title Two</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ornare mauris ut quam lacinia auctor. Etiam ac tincidunt velit. Morbi in aliquam est, et interdum ex.</p>
            <p>Nulla tempus mollis purus, nec condimentum nibh. Quisque a feugiat magna, in suscipit est. Donec eget lacus ut nulla fermentum cursus quis in turpis.</p>
        </li>
        <li>
            <h3>Title Three</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ornare mauris ut quam lacinia auctor. Etiam ac tincidunt velit. Morbi in aliquam est, et interdum ex.</p>
            <p>Nulla tempus mollis purus, nec condimentum nibh. Quisque a feugiat magna, in suscipit est. Donec eget lacus ut nulla fermentum cursus quis in turpis.</p>
        </li>
        <li>
            <h3>Title Four</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ornare mauris ut quam lacinia auctor. Etiam ac tincidunt velit. Morbi in aliquam est, et interdum ex.</p>
            <p>Nulla tempus mollis purus, nec condimentum nibh. Quisque a feugiat magna, in suscipit est. Donec eget lacus ut nulla fermentum cursus quis in turpis.</p>
        </li>

    </ul>
</section>