JSFiddle - React, Tailwind, and code Playground

by nzifnab

HTML

<div id="sidewrap">
            <div id="sidebar">
                <ul>
                <li id="flexi-quote-rotator" class="widget QuoteRotator_displayWidget"><h2 class="widgettitle">What others say about me</h2>
<div id="quotearea" style='font-size:12px;height:100px;'><div id="quoterotator">
Loading Quotes...
</div></div>
<script type="text/javascript">setTimeout("quoteRotator.quotesInit()", 2000)</script>
</li>
<li id="search-3" class="widget widget_search"><form role="search" method="get" id="searchform" action="http://charlenedowell.com/" >
    <div><label class="screen-reader-text" for="s">Search for:</label>
    <input type="text" value="" name="s" id="s" />
    <input type="submit" id="searchsubmit" value="Search" />
    </div>
    </form></li>
<li id="theme_socialmedia-2" class="widget theme_socialmedia"><h2 class="widgettitle">Learn more.</h2>
            <div id="socialmedia_buttons">
                
            <a href="http://www.linkedin.com/profile/view?id=40295790&#038;locale=en_US&#038;trk=tyah"><img src="http://charlenedowell.com/wp-content/themes/zeebizzcard/images/icons/linkedin.png" alt="linkedin" /></a>            </div>
        </li>
                </ul>
            </div>
        </div>