JSFiddle - React, Tailwind, and code Playground

by tomperkins

HTML

<!-- IMAGE SLIDER -->
<div class="image-slider full-width">
    <div class="image-slider-container">
        <div class="flexslider wide">
            <ul class="slides">
                <li class="cooling-slide">
                    <img src="/assets/images/image-slider/slides/cooling-slide.jpg" />
                    <div class="flex-caption">
                        	<h2 class="">Cooling</h2>

                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>	<a class="button" href="#">Find out more</a>

                    </div>
                </li>
                <li class="heating-slide">
                    <img src="/assets/images/image-slider/slides/heating-slide.jpg" />
                    <div class="flex-caption">
                        	<h2 class="">Heating</h2>

                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>	<a class="button" href="#">Find out more</a>

                    </div>
                </li>
                <li class="ventilation-slide">
                    <img src="/assets/images/image-slider/slides/ventilation-slide.jpg" />
                    <div class="flex-caption">
                        	<h2 class="">Ventilation</h2>

                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>	<a class="button" href="#">Find out more</a>

                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>