JSFiddle - React, Tailwind, and code Playground

by Sijie Wang

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery.mmenu/5.6.5/js/jquery.mmenu.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jQuery.mmenu/5.6.5/css/jquery.mmenu.css">
 <div class="navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header">
               <a class="navbar-text login-btn visible-xs" id="loginLink" href="https://login.monster.com/Login/SignIn?re=swoop&amp;intcid=skr_nhp_h1"><span class="navbar-profile-icon center-block"></span>Log In</a>
                
            </div>
        </div>
    </div>
    <!--mobile sidebar-->
    <nav id="my-menu" class="visible-xs">
        <ul>
            <li class="Selected"><a href="index-privacy-1.html">Privacy & Security</a></li>
            <li><a href="#">Privacy Policy</a></li>
            <li><a href="#">Cookies, Ads & More</a></li>
            <li><a href="#">Resume Security</a></li>
            <li><a href="#">Email Scams</a></li>
            <li><a href="#">FAQs</a>
                <ul class="Vertical">
                    <li><a href="faq-monster.html">About Monster</a></li>
                    <li><a href="faq-data-collection.html">Data Collection</a></li>
                    <li><a href="faq-data-usage.html">Data Usage</a></li>
                    <li><a href="faq-data-sharing.html">Data Sharing</a></li>
                    <li><a href="faq-data-storage.html">Data Storage</a></li>
                    <li><a href="faq-cookies.html">Cookies & Tracking</a></li>
                    <li><a href="faq-advertising.html">Advertising</a></li>
                    <li><a href="faq-account.html">Account Profile & Management</a></li>
                    <li><a href="faq-email.html">Email & Other Communications</a></li>
           ...