JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>

<html lang="en">
<head>
	<title>portfolio</title>
	<meta charset="utf-8">
	<link rel="stylesheet" href="style.css">
</head>

<body>

<header>
	<nav>
		<ul>
			<h1>title of page</h1>
			<a href="#"><li>Home</li></a>
			<a href="#"><li>Portfolio</li></a>
			<a href="#"><li>About</li></a>
		</ul>
	</nav>
</header>

<div class="row">
	<div class="col">col1</div>
	<div class="col">col1</div>
	<div class="col">col1</div>
</div>

<footer>
	copyright 2014
</footer>






</body>
</html>

CSS

*{
margin:0px;
padding:0px;

}

header{

background:orange;
color:white;
padding:10px;
}

header h1{
display:inline;
position:relative;
left:200px;
}


nav ul{
display:inline;
}

nav ul li{
display:inline-block;
color:white;
position:relative;
left:70px;
}

.row{
width:1000px;
margin:0 auto;
}

.col{
background:#999;
width:33%;
float:left;
margin:10px;
padding:10px;
color:white;
height:400px;
}

footer{
clear:both;
background:orange;
height:50px;
}