JSFiddle - React, Tailwind, and code Playground

by timmah

HTML

<script src="https://www.noteshred.com/assets/application-dc74fd9666169576a0034a54c30d3c88.js"></script>
<script src="https://fonts.googleapis.com/css?family=Open+Sans:400,300,700"></script>
<link rel="stylesheet" href="https://www.noteshred.com/assets/application-5666fff4f34bf55739e689af1e353f4c.css">
<div id="container" class="">
	<header class="bg_believe_spraycan">
		<div class="contain-to-grid fixed">
			<div class="row ">
				<div class="columns small-12">
					<nav id="topbar" class="top-bar" data-topbar="">
						<ul class="title-area">
							<li class="name"> <a><img id="logo" src="https://www.noteshred.com/assets/logo_v2-d49ed14e6bb0e1622acd14b2cc71261f.png"></a> </li>
							<li class="toggle-topbar menu-icon"> <a><span>Menu</span></a> </li>
						</ul>
						<section class="top-bar-section">
							<ul class="right">
								<li class="hide-for-small" style=""> <a target="_blank" style="font-size: 1.3em" title="Follow Us On Twitter"><span class="icon icon-twitter"></span></a> </li>
								<li class="hide-for-small hide-for-medium" style=""> <a target="_blank" style="font-size: 1.3em" title="Like Us On Facebook"><span class="icon icon-facebook"></span></a> </li>
								<li class=""> <a>Register</a> </li>
								<li class="hide-for-small"> <a>Premium</a> </li>
								<li class="hide-for-small"> <a>Blog</a> </li>
								<li class="has-dropdown  not-click"> <a>Information</a>
									<ul class="dropdown">
										<li class="title back js-generated">
											<h5><a>Back</a></h5>
										</li>
										<li><a>Information</a></li>
										<li><a>FAQ</a></li>
										<li><a>Security</a></li>
										<li><a>About</a></li>
										<li><a>API</a></li>
										<li><a>Contact</a></li>
									</ul>
								</li>
								<li class=""> <a>Login</a> </li>
								<li class="show-for-small-only"><a>Contact</a></li>
							</ul>
						</section>
					</nav>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="small-12">
				<div...

CSS

.cf-hidden {
	display: none;
}
.cf-invisible {
	visibility: hidden;
}