JSFiddle - React, Tailwind, and code Playground

by Claudius

HTML

<div class="testimonial">
    <div class="coda-slider-wrapper">
        
        <div id="coda-slider-1" class="coda-slider">
            
            <div class="panel-container">
                
                <div id="panel1" class="panel">
                    <div class="panel-wrapper">
                          <img alt="test panel1" src="http://dummyimage.com/300x166/000/fff.png&text=panel+1+image">
                        <div class="subinfo">Lorem ipsum <span>lorem ipsum</span>
                        </div>
                    </div>
                </div>
                <div id="panel2" class="panel">
                    <div class="panel-wrapper">                        
                        <img alt="test panel2" src="http://dummyimage.com/300x166/000/fff.png&text=panel+2+image">
                        <div class="subinfo">Lorem ipsum <span>lorem ipsum</span>
                        </div>
                    </div>
                </div>
                <div id="panel3" class="panel">
                    <div class="panel-wrapper">                       
                        <img alt="test panel3" src="http://dummyimage.com/300x166/000/fff.png&text=panel+3+image">
                        <div class="subinfo">Lorem ipsum <span>lorem ipsum</span>
                        </div>
                    </div>
                </div>
                <div id="panel4" class="panel">
                    <div class="panel-wrapper">                       
                        <img alt="test panel4" src="http://dummyimage.com/300x166/000/fff.png&text=panel+4+image">
                        <div class="subinfo">Lorem ipsum <span>lorem ipsum</span>
                        </div>
                    </div>
                </div>
                
            </div>
       
     

    <div class="coda-nav" id="coda-nav-1">        
    <ul>
        
        <li class="tab1"><a href="#1" class="">&nbsp;</a></li>
        <li class="tab2"><a href="#2"...