JSFiddle - React, Tailwind, and code Playground

by oduska

HTML

<nav aria-label="Main Navigation">
    <ul>
        <li class="has-sub-menu">
            <a href="#" aria-haspopup="true" aria-expanded="false">Services</a>
            <ul>
                <li><a href="#">Electronics &amp; IT Asset Disposition (ITAD)</a></li>
                <li><a href="#">Data Destruction</a></li>
                <li><a href="#">Electronics Recycling (E-Recycling)</a></li>
                <li><a href="#">Remarketing</a></li>
                <li><a href="#">Logistics</a></li>
                <li><a href="#">Recycling Kits</a></li>
                <li><a href="#">Specialty Programs</a></li>
            </ul>
        </li>
        <li class="has-sub-menu">
            <a href="#" aria-haspopup="true" aria-expanded="false">Compliance</a>
            
            <div class="sub-menu">
                <div class="sub-menu-group">
                    <h3>
                        Legislation
                    </h3>
                    
                    <ul>
                        <li><a href="#">U.S. State mandated e-Recycling Map</a></li>
                        <li><a href="#">U.S. State Landfill Bans Map</a></li>
                    </ul>
                </div>
                <div class="sub-menu-group">
                    <h3>
                        Verification of Service Providers
                    </h3>
                    
                    <ul>
                        <li><a href="#">BAN e-Transparency Project</a></li>
                        <li><a href="#">NAID</a></li>
                        <li><a href="#">e-Stewards</a></li>
                        <li><a href="#">SERI R2</a></li>
                    </ul>
                </div>
                <div class="sub-menu-group">
                    <h3>
                        Data Destruction and Cybersecurity
                    </h3>
                    
                    <ul>
                        <li><a href="#">Cybersecurity Center</a></li>
                    </ul>
 ...