CSS/HTML

<Html>
	<Head>
		<title> Ayrton's Site </title>
		<link rel="stylesheet" type= "text/css" href="style.css"  />

	 </head>
	 <Body>
		<div id="container">
			<div id="header">
			<h1> My website header </h1>
			</div>

			<div id="content">
			<div id="nav">
			<h3> Navigation </h3>
			<ul>
				<li><a href=""> Home</li>
				<li><a class="selected" a href="">About</a></li>
				<li><a href=""> Contact</li>
			</ul>
			</div>


			<div id="main">
				<h2> Home page </h2>
				<p> This is paragraph 1 </p>
				<p> This is paragraph 2 </p>
				<p> This is paragraph 3 </p>
			</div>
			</div>
			<div id="footer">
				Copyright &Copy; 2018 John Beckham.

			</div>


		</div>

	 </body
</html>


#header {
	background-color: black;
	color: white
}

{
	text-decoration: none;
	color: orange;
}


#container {
	background-color: black
		width: 800px
		margin-left: auto;
		margin-right: auto;
}

#header {
	background-color: black
	Color: Orange;
	text-align: center;
}

#content {
	padding: 10px;
}

#nav {
	 width: 180px
	 float: left;

	}
#nav ul {
	list-style-type: none;
	padding: 0;
}

#nav .selected {
	font-weight: bold
}

#main {
	background-color: yellow
	width: 600px
	float: right;
}
#footer {
		clear: both;
}