neisdev

	<main>
	<ul class="twitter" role="navigation">
	<li><i class="fa fa-home"></i>Home</li>
	<li><i class="fa fa-bell-o"></i>Notifications</li>
	<li><i class="fa fa-envelope-o"></i>Messages</li>
	<li class="twitter__bird"><i class="fa fa-twitter"></i></li>
	<li><form><input placeholder="search twitter"/><i class="fa fa-search"></i></form></li>
	<li><i class="fa fa-user-circle-o"></i></li>
	<li><button>tweet</button></li>
	</ul>

	<main>
	<ul class="twitter" role="navigation">
	<li><i class="fa fa-home"></i>Home</li>
	<li><i class="fa fa-bell-o"></i>Notifications</li>
	<li><i class="fa fa-envelope-o"></i>Messages</li>
	<li class="twitter__bird"><i class="fa fa-twitter"></i></li>
	<li><form><input placeholder="search twitter"/><i class="fa fa-search"></i></form></li>
	<li><i class="fa fa-user-circle-o"></i></li>
	<li><button>tweet</button></li>
	</ul>

	<nav class="flex-nav">
	<div class="container">
	<div class="grid">
	<div class="column-xs-9 column-md-8">
	<p id="logo">Japan<span id="highlight">.</span></p>
	</div>
	<div class="column-xs-3 column-md-4">
	<a href="#" class="toggle-nav">Menu <i class="ion-navicon-round"></i></a>
	<ul>
	<li><a href="#">About</a></li>

	<!-- you can clone or fork the repo if you want -->
	<!-- https://github.com/bluebrown/tailwind-zendesk-clone -->

	<div class="h-full w-full flex overflow-hidden antialiased text-gray-800">
	<!-- section body side nav -->
	<nav aria-label="side bar" aria-orientation="vertical" class="flex-none flex flex-col items-center text-center bg-teal-900 text-gray-400 border-r">
	<div class="h-16 flex items-center w-full">
	<img class="h-6 w-6 mx-auto" src="https://raw.githubusercontent.com/bluebrown/tailwind-zendesk-clone/master/public/assets/leaves.png" />
	</div>