JSFiddle - React, Tailwind, and code Playground
by ruslyrossi
HTML
<ul class="navigation ui-slider-tabs-list">
<li class="effect selected">
<a id="" href="#company-profile" style="display: block;">
<span><span class="word1" style="display: inline-block; transform: translate3d(0px, 0px, 0px);"><span class="char1" 1543>C</span><span class="char2" 1543>o</span><span class="char3" 1543>m</span><span class="char4" 1543>p</span><span class="char5" 1543>a</span><span class="char6" 1543>n</span><span class="char7" 1543>y</span></span> <span class="word2" style="display: inline-block; transform: translate3d(0px, 0px, 0px);"><span class="char1" 1543>P</span><span class="char2" 1543>r</span><span class="char3" 1543>o</span><span class="char4" 1543>f</span><span class="char5" 1543>i</span><span class="char6" 1543>l</span><span class="char7" 1543>e</span></span> </span>
<ul class="texts" style="display: none;">
<li class="current">Company Profile</li>
</ul>
</a>
</li>
<li class="effect">
<a id="" href="#sg-corporate-value" style="display: block;">
<span><span class="word1" style="display: inline-block; transform: translate3d(0px, 0px, 0px);"><span class="char1" 1543>S</span><span class="char2" 1543>G</span></span> <span class="word2" style="display: inline-block; transform: translate3d(0px, 0px, 0px);"><span class="char1" 1543>C</span><span class="char2" 1543>o</span><span class="char3" 1543>r</span><span class="char4" 1543>p</span><span class="char5" 1543>o</span><span class="char6" 1543>r</span><span class="char7" 1543>a</span><span class="char8" 1543>t</span><span class="char9" 1543>e</span></span> <span class="word3" style="display: inline-block; transform: translate3d(0px, 0px, 0px);"><span class="char1" 1543>V</span><span class="char2" 1543>a</span><span class="char3" 1543>l</span><span class="char4" 1543>u</span><span class="char5" 1543>e</span></span> </span>
<ul class="texts" style="display: none;">
<li class="current">SG Corporate...