126 lines
6.3 KiB
HTML
126 lines
6.3 KiB
HTML
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Sample HTML Content for DOM Queries</title>
|
||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="header">
|
||
|
|
<h1>
|
||
|
|
<a href="#"><img src="img/icon.png" class="right" alt="Logo"
|
||
|
|
height="79" width="80" border="0" /></a>
|
||
|
|
Page Title<br />
|
||
|
|
<span class="subtitle">SubTitle</span>
|
||
|
|
</h1>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<ul id="topnav">
|
||
|
|
<li class="current"><a href="#">Home</a></li>
|
||
|
|
<li><a href="#">About</a></li>
|
||
|
|
<li><a href="#">Misc</a></li>
|
||
|
|
<li><a href="#">Wiki</a></li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<div id="main">
|
||
|
|
<div id="content">
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed at dui quis magna
|
||
|
|
viverra sagittis. Donec sed nibh ut pede pretium ultricies. Mauris viverra
|
||
|
|
tempus dui. Donec dolor risus, mollis sed, pulvinar id, faucibus ac, nisl. Duis
|
||
|
|
eu erat at erat tempus euismod. Suspendisse sodales lacus vitae libero. Sed
|
||
|
|
suscipit commodo enim. Pellentesque erat. Cras orci. Pellentesque non nunc. Cras
|
||
|
|
diam libero, feugiat vel, accumsan et, laoreet mattis, purus. Pellentesque
|
||
|
|
volutpat hendrerit justo. Cras vehicula. Vestibulum cursus gravida est.
|
||
|
|
Curabitur pede. Mauris consectetuer rutrum dolor. Ut a turpis ac metus
|
||
|
|
sollicitudin dignissim.</p>
|
||
|
|
|
||
|
|
<p>Praesent blandit, nisi in egestas mattis, lectus tortor vehicula massa, commodo
|
||
|
|
vehicula diam lacus consequat lectus. In vitae pede eget leo faucibus
|
||
|
|
condimentum. Pellentesque nisi. Ut condimentum elit vitae mi. Morbi neque erat,
|
||
|
|
mollis nec, volutpat sed, placerat sit amet, ligula. Morbi eleifend. Morbi
|
||
|
|
auctor condimentum ipsum. In ac purus. Sed vitae magna. Sed volutpat vestibulum
|
||
|
|
leo. Phasellus id nibh.</p>
|
||
|
|
|
||
|
|
<p>Fusce blandit elementum leo. Proin id erat. In dignissim orci vulputate libero
|
||
|
|
cursus volutpat. Ut vitae arcu non nulla sagittis laoreet. Suspendisse sed
|
||
|
|
tortor ac risus placerat convallis. Donec nulla ipsum, tempus et, porttitor
|
||
|
|
quis, blandit vel, tortor. Donec condimentum. Aliquam felis dui, consectetuer
|
||
|
|
ultricies, euismod eu, pretium non, sem. Sed ultricies, tortor non vulputate
|
||
|
|
tempor, urna leo sagittis libero, ut feugiat nulla tellus et ligula. Suspendisse
|
||
|
|
eget est. Vestibulum interdum mi at felis. Fusce dictum. Fusce a enim at ipsum
|
||
|
|
consectetuer molestie. Integer rhoncus. Cum sociis natoque penatibus et magnis
|
||
|
|
dis parturient montes, nascetur ridiculus mus. Donec rhoncus mattis arcu.</p>
|
||
|
|
|
||
|
|
<p>Proin id nisi. Vivamus eu risus. Vivamus et enim et turpis volutpat bibendum.
|
||
|
|
Nunc nunc ipsum, semper sit amet, pellentesque in, venenatis sit amet, elit.
|
||
|
|
Suspendisse potenti. Cras lacinia, nisl vel vulputate pellentesque, lacus tellus
|
||
|
|
lobortis ipsum, sed pellentesque neque felis ac orci. Sed pellentesque.
|
||
|
|
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac
|
||
|
|
turpis egestas. Etiam lacus enim, facilisis eu, suscipit ac, condimentum ut,
|
||
|
|
ante. Aenean convallis mattis enim. Aliquam pretium. Etiam quam. Donec
|
||
|
|
tincidunt. Pellentesque id ante ut orci gravida semper. Cum sociis natoque
|
||
|
|
penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce
|
||
|
|
bibendum elit vel sem cursus ultrices. Nunc in purus. Ut consectetuer, nulla ac
|
||
|
|
porta hendrerit, ligula eros blandit nulla, at ornare dui odio vel justo. Morbi
|
||
|
|
tellus nulla, sodales eget, aliquet ac, varius vitae, pede. Pellentesque
|
||
|
|
habitant morbi tristique senectus et netus et malesuada fames ac turpis
|
||
|
|
egestas.</p>
|
||
|
|
|
||
|
|
<p>Vestibulum urna. Proin hendrerit neque et tellus. Duis luctus congue sem.
|
||
|
|
Aliquam ultricies orci nec enim. Nam velit eros, feugiat posuere, ultricies
|
||
|
|
vitae, consequat nec, urna. In ipsum neque, porta sed, ornare nec, cursus et,
|
||
|
|
mauris. Nam eget urna. Suspendisse venenatis nulla nec urna lacinia bibendum.
|
||
|
|
Morbi tempor lobortis nisl. Nulla ut eros. Fusce id tortor ut diam vulputate
|
||
|
|
consectetuer. Nulla vel augue. Nulla ac tellus sed orci pulvinar dictum. Proin
|
||
|
|
lobortis. Fusce consequat auctor ante. Donec bibendum fringilla nunc. Donec
|
||
|
|
viverra, urna ac auctor dapibus, augue ipsum tristique lacus, sed feugiat nibh
|
||
|
|
nibh quis purus. Donec orci est, pharetra laoreet, laoreet id, mattis ut, odio.
|
||
|
|
In lacus sem, rutrum tristique, dignissim ac, imperdiet ac, lacus. </p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="subnav">
|
||
|
|
<div class="navblock">
|
||
|
|
<form action="/login" method="post">
|
||
|
|
Username:<br />
|
||
|
|
<input name="username" id="username" type="text" value="" /><br />
|
||
|
|
Password:<br />
|
||
|
|
<input name="password" id="password" type="password" value="" /><br />
|
||
|
|
<input name="login" id="login" type="submit" value="Login" />
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="navblock" dojoType="FilteringSelect">
|
||
|
|
<ul>
|
||
|
|
<li class="foo" dojoType="foo bar">Item 1</li>
|
||
|
|
<li class="foo current">Item 2</li>
|
||
|
|
<li class="foo" dojoType="foo bar">Item 3</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="footer">
|
||
|
|
<div class="footerblock first">
|
||
|
|
<p class="attribution">
|
||
|
|
© 2008 - present, <br />
|
||
|
|
Zend Framework
|
||
|
|
</p>
|
||
|
|
<a href="/about">About</a><br />
|
||
|
|
<a href="/contact">Contact</a><br />
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="footerblock last">
|
||
|
|
<h4>More:</h4>
|
||
|
|
<ul>
|
||
|
|
<li>Ohloh profile</li>
|
||
|
|
<li>Facebook</li>
|
||
|
|
<li>Plaxo Pulse</li>
|
||
|
|
<li>LinkedIn</li>
|
||
|
|
<li>del.icious</li>
|
||
|
|
<li>Twitter</li>
|
||
|
|
<li>SlideShare</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|