JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
<div id="header">
<p>Pavel Design</p>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div id="contentwrapper">
<div id="content">
<h1>Lorem Ipsum</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tempus     imperdiet nulla scelerisque bibendum. Praesent eu tempus dolor, vel venenatis purus.</p>
</div>
</div>
</div>

<footer>
		<ul>
			<li><a href="index.html">Home</a></li>
			<li><a href="about.html">About</a></li>
			<li><a href="gallery.html">Gallery</a></li>
			<li><a href="services.html">Services</a></li>
			<li><a href="contact.html">Contact</a></li>
			<li><a href="mailto:info@pavel.co.nz">info@pavel.co.nz</a></li>
		</ul>
    <p>© Pavel Design 2016  |  Photography, design and website construction by Pavel Design 2016</p>
	</footer>

CSS

#wrapper {
	display: block;
  	position: fixed;
  	text-align: center;
  	min-height: 100%;
  	width: 100%;
  	top: 0;
  	bottom: 0;
  	left: 0;
  	right: 0;
}

#header p {
	font-size: 2em;
	margin: 0;
}

#header ul {
	list-style-type: none;
}

#header ul li {
	display: inline;
	padding: 20px 20px;
	font-size: 1.5em;
	margin: 0 30px;

}
footer {
  position: fixed;
  margin-top: 2%;
  height: 50 width: 100%;
  text-align: center;
  font-size: 0.8em;
  bottom: 0;
}
footer ul {
  list-style-type: none;
}
footer ul li {
  display: inline;
  margin: 0 15px;
}