JSFiddle - React, Tailwind, and code Playground

HTML

<!-- Copyright © 2015 Dynavio -->
    <div class="responsiveContainer">
        <div class="header">
        	<div class="navbar">
            	<ul>
                	<li class="navElem"><a href="#" class="navLink active">Home Page</a></li>
                    <li class="navElem"><a href="#" class="navLink">Our Products</a></li>
                    <li class="navElem"><a href="#" class="navLink">Contact Us</a></li>
                    <li class="navElem"><a href="#" class="navLink">About Us</a></li>
                </ul>
            </div>
        </div>
        <div class="startBox">
        	<p>dwddwwdwdd</p>
        </div>
    </div>

CSS

/* Copyright © 2015 Dynavio */
/* Main Site Settings */
*, body {
	padding: 0;
	margin: 0;
}
body {
	background-color: #FFFFFF;
}
.responsiveContainer {
	width: 100%;
}
/* End Of Main Site Settings */
/* Header */
.header {
	background-color: #000000;
	padding: 10px;
	padding-left: 0;
	padding-right: 0;
	box-shadow: 0 5px 0 #232323;
	text-align: center;
	width: 100%;
	position: fixed;
}
.navbar {
	background-color: #131313;
	padding: 10px;
}
.navElem {
	display: inline;
	margin: -2px;
}
.navLink {
	text-decoration: none;
	padding: 10px;
	padding-top: 11px;
	color: #FFFFFF;
	font-family: SinkinSans;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.navLink:hover {
	background-color: #0044FF;
	box-shadow: 0 5px 0 #01268A;
}
.navLink:visited {
	color: #FFFFFF;
}
.active {
	background-color: #0044FF;
	box-shadow: 0 5px 0 #01268A;
}
/* End Of Header */
/* Site Content */
.startBox {
	background-color: #0044FF;
    margin-top: 10px;
}
/* End Of Site Content */
/* Alignment Classes */
.alignLeft {
	text-align: left;
}
/* End Of Alignment Classes */