php/lesson4/example/index.php

<!DOCTYPE html>
<html>
	<head>
		<title>Wild Owl - The Owl Park</title>
	</head>
	<body>
		<header>
			<h1>Wild Owl - The Owl Park</h1>
		</header>
		<nav>
			<ul>
				<li>Home</li>
				<li>Owls at the Park</li>
				<li>Contact</li>
			</ul>
		</nav>
		<section class="content">
			<section class="intro">
				Welcome to Wild Owl, the first owl park of its&squot; kind. Have a look round the site to see what we have to offer when you visit. We give a hoot about you!
			</section>
			<section class="top-owls">
				<header>
					<h2>Top Owls to See</h2>
				</header>
				<main>
					<ul>
						<li><strong>Barn Owl</strong></li>
						<li><strong>Eastern Grass-Owl</strong></li>
						<li><strong>Golden Masked-Owl</strong></li>
						<li><strong>Barking Owl</strong></li>
						<li><strong>Buffy Fish-Owl</strong></li>
					</ul>
				</main>
			</section>
			<section class="opening-times">
				<header>
					<h2>Opening Times</h2>
				</header>
				<main>
					<ul>
						<li>
							<span class="period">May - September 2018</span>
							<span class="hours">6pm - 3am</span>
						</li>
						<li>
							<span class="period">October - April 2018</span>
							<span class="hours">4pm - 1am</span>
						</li>
					</ul>
				</main>
			</section>
		</section>
		<footer>
			<span class="copyright">Copyright Owl Park 2013-2016 All Rights Reserved</span>
		</footer>
	</body>
</html>