Slider

<!-- example -->
<div class="slider" yoi-slider="control:pageButtons--tr; transition:fade;">
    <div class="slider__slides">
        <div class="slider__slide">
            <img src="https://source.unsplash.com/g30P1zcOzXo/760x350" alt="" />
            <div class="slider__caption">
                <h3>Consectetur</h3>
                <p>Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
            </div>
        </div>
        <div class="slider__slide">
            <img src="https://source.unsplash.com/9wg5jCEPBsw/760x350" alt="" />
            <div class="slider__caption">
                <h3>Lorem</h3>
                <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
            </div>
        </div>
        <div class="slider__slide">
            <img src="https://source.unsplash.com/OWsdJ-MllYA/760x350" alt="" />
            <div class="slider__caption">
                <h3>Excepteur</h3>
                <p> Excepteur sint occaecat cupidatat non proident.</p>
            </div>
        </div>
    </div>
</div>