JSFiddle - React, Tailwind, and code Playground

by Walter Rumsby

HTML

<link rel="stylesheet" href="http://content.web/content/shared/stylesheets/xero.css">
<div class="x-demo-bar">
    <p class="free">
        You have n days left on your trial
    </p>
    <a href="#" class="x-btn green">
        Sign Up
    </a>
</div>

<header class="x-header">
    <div>
        <h1>Xero</h1>
        <h2><a href="#">Nathaniel Hornblower</a></h2>
        <ul class="x-user">
            <li class="username">
                <a href="#" id="inbox_count">
                    <span style="display: none;"></span>
                </a>
                <a href="#">Dave Keyes</a>                
            </li>
            <li><a id="logout" href="#">Logout</a></li>
            <li>
                <div class="x-menu">
                    <a href="#">My Xero<span></span></a>
                    <ul class="x-list">
                        <li>
                            <a href="#">Option one</a>
                        </li>
                    </ul>
                </div>
            </li>
        </ul>
    </div>        
</header>