Chapter1.html

<!DOCTYPE html>
<html>
	<head>
		<title>jQuery Tutorial Chapter 1</title>
		<link rel="stylesheet" href="Chapter1.css" type="text/css">
		<script type="text/javascript" src="jquery-1.6.2.js"></script>
		<script type="text/javascript" src="Chapter1.js"></script>
	</head>
	<body>
		<h1>Through the Looking Glass</h1>
		<div class="author">by Lewis Carroll</div>
		
		<div class="chapter" id="chapter-1">
			<h2 class="chapter-title">1. Looking Glass House</h2>
			<p>There was a book lying about blablabla There was a book lying about blablabla There was a book lying about blablabla There was a book lying about blablabla There was a book lying about blablabla There was a book lying about blablabla <span class="spoken">Hello there little nigglet :)</span> There was a book lying about blablabla.</p>
			<p>It was like this</p>
			<div class="poem">
				<h3 class="poem-title">YKCOWREBBAJ</h3>
				<div class="poem-stanza">
					<div>sevot yhtils eht dna ,gillirb sawT'</div>
					<div>;ebaw eht ni elbmig dna eryg diD</div>
					<div>,sevogorob eht erew ysmim llA</div>
					<div>.ebargtuo shtar emom eht dnA</div>
				</div>
			</div>
			<p>She puzzled over this for some time, but at last a bright thought struck her. <span class="spoken">"Why it's a Looking-glass book, of course! And if I hold it up to a glass, the words will all go in the right way again."</span></p>
			<p>This was the poem that Alice read</p>
			<div class="poem">
				<h3 class="poem-title">JABBERWOCKY</h3>
				<div class="poem-stanza">
					<div>'Twas brillig, and the slithy toves</div>
					<div>Did gyre and gimble in the wabe;</div>
					<div>All mimsy were the borogoves,</div>
					<div>And the moms raths outgrabe.</div>
				</div>
			</div>
		</div>
	</body>
</html>