index.html

<!DOCTYPE HTML> <!-- which version of html we are using -->
<html>

	<head>
		<meta charset=“utf-8”>
		<meta name=“first-page” content=“Home Page”>
		<title>Big Five Personality</title>
		<link rel="stylesheet" type="text/css" href="css/styles.css">
	</head>

	<body background="Images/AC14A810-D98E-4ADF-BAAC-5DB6D5E92D9C.jpeg" class="fill">

		<div id="background"> <!-- this is the wrap for the whole page -->

			<div id="wrap">

				<header id="header">
						<h1>What is your dominant personality trait?</h1>
				</header>

				<div id="content">
					<p><br></p>
					<p><br></p>
					<p><br></p>
					<p><br></p>
					<p><br></p>
					<p><br></p>
					<p>Take the Big Five Personality Inventory</p>
				</div>

				<footer id="footer">
					<nav id="nav">
						<a href="test.html">Start the Test</a>
					</nav>
				</footer>

			</div>

		</div>

	</body>

<html>