JSFiddle - React, Tailwind, and code Playground
by Sampath_Madhuranga
HTML
<footer>
<div id="199a3ebf-c829-45cc-a12e-4f0bda8fe5cb">
<div class="footer-wrapper v-footer-view-links primary-logo-in-center" data-reactroot="" data-reactid="1" data-react-checksum="1723301743">
<div data-c-name="Footer" data-c-render="server-only" class="footer-container component" data-reactid="2">
<div class="footer-container-body w--content" data-reactid="3">
<ul class="footer-container-body-links" data-reactid="4">
<li class="footer-container-body-links-column" data-reactid="5">
<a class="footer-container-body-links-column-desktop heading-8" href="/en/explore-park" target="" data-reactid="6">EXPLORE THE PARK</a><input type="checkbox" id="footer-column-checkbox-0" name="checkbox" data-reactid="7" value="on"><label class="footer-container-body-links-column-mobile" for="footer-column-checkbox-0" data-reactid="8">EXPLORE THE PARK</label><img class="footer-arrow-icon" src="/platform-dist/img/arrow.png" alt="Footer" data-reactid="9">
<ul data-reactid="10">
<li class="body-copy-6" data-reactid="11"><a href="/en/rides" target="" data-reactid="12">Rides and Attractions</a></li>
<li class="body-copy-6" data-reactid="13"><a href="/en/dining" target="" data-reactid="14">Dining</a></li>
<li class="body-copy-6" data-reactid="15"><a href="/en/shops" target="" data-reactid="16">Shops</a></li>
<li class="body-copy-6" data-reactid="17"><a href="/en/events" target="" data-reactid="18">Events</a></li>
<li class="body-copy-6" data-reactid="19"><a href="/en/experiences" target="" data-reactid="20">Experiences</a></li>
</ul>
</li>
<li class="footer-container-body-links-column" data-reactid="21">
<a class="footer-container-body-links-column-desktop heading-8" href="/en/tickets"...