suv4x4

HTML:<html>	<head>		<title>This is the title</title>		<copyright>$copy; 2006 by Us</copyright>		<link rel="pml" media="desktop" src="desktop.pml" />		<link rel="pml" media="mobile" src="mobile.pml" />		<link rel="pml" media="tv" src="tv.pml" />		<!-- default media has lowest priority (if nothing else matches) -->		<link rel="pml" media="default" src="simple.pml" />	</head>	<navigation>		<item href="index.php" intent="index">Home</item>		<item href="products.php">Products</item>			<item href="support.php">Support</item>						<item href="about.php" intent="about">About Us</item>						<item href="feedback.php" intent="contact">Feedback Form</item>							</navigation>	<body>		<section name="siteSummary" intent="siteSummary">			<h>Hello World</h>			<content>				<p>Blah blah blah blah blah blah</p>				<p>Blah blah blah blah <a href="check_this_out.php">blah blah</a></p>			</content>		</section>	</body></html>-----------------------------------------------------PML:<pml>	<import src="baseStylesAndHtmlSnippets.pml" />	<styles>		.makeThisPretty {			....		}	</styles>	<img src="header.png" />	<div class="makeItLookLikeANavBar">		<loop bindEach="html/body/navigation/item">			<a href="%loopItem%@href"><bindValue src="%loopItem%/%textNode%"></a>		</loop>	</div>	<div class="makeThisPretty">		<div class="heading">			<bindValue src="html/body/navigation/section[@name='siteSummary']/h/">		</div>		<div class="panel">			<bindValue src="html/body/navigation/section[@name='siteSummary']/content/">		</div>	</div>	<div class="makeThisLikeAFooter">		Copyright: <bindValue src="/html/head/copyright/%textNode%" />!! Woot!	</div></pml>