JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<?php include 'inc/page-header.php'; ?>
<div id="const-process">

    <div id="custom"></div>

    <div class="slider-item">
        <div class="header">
            <div class="date">14. october 2018</div>
            <div class="text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen
                book. It has survived not only five centuries</div>
        </div>
        <div class="main-body">
            <div class="owl-carousel owl-theme">
                <div class="item">
                    <div class="img" style="background: url(http://picsum.photos/1200/900) no-repeat; background-size: cover; background-position: center;"></div>
                    <div class="hover">
                        <img src="img/_img/zoom.svg" alt="">
                    </div>
                    <div class="animation-box">
                        <div class="_box">
                            <div class="__box"></div>
                            <div class="___box"></div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="img" style="background: url(http://picsum.photos/1200/900) no-repeat; background-size: cover; background-position: center;"></div>
                    <div class="hover">
                        <img src="img/_img/zoom.svg" alt="">
                    </div>
                    <div class="animation-box">
                        <div class="_box">
                            <div class="__box"></div>
                            <div class="___box"></div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="img" style="background: url(http://picsum.photos/1200/900) no-repeat;...