<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:output method="html" doctype-system="http://www.w3.org/TR/html4/strict.dtd" doctype-public="-//W3C//DTD HTML 4.01//EN" indent="yes" />

<xsl:template match="/">


<html lang="en">

	<head>
		<title>Kevin's Noodle House</title>


		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"/>
		<meta charset="utf-8"/>
		<meta name="description" content=""/>
		<link rel="icon" type="image/png" href="favicon.png"/>
		<link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,700' rel='stylesheet' type='text/css'/>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
		<!--[if gt IE 8]>
			<link rel="stylesheet" type="text/css" href="css/css.css" />
		<![endif]-->
		<!--[if lte IE 8]>
			<link rel="stylesheet" type="text/css" href="css/ie8.css" />
		<![endif]-->
		<!--[if !IE]><!-->
			<link rel="stylesheet" type="text/css" href="css/css.css" />
		 <!--<![endif]-->

	</head>

	<body>
		<div id="splashD" class="splashDmenu">
		</div>
		<div id="mainD">
			<div id="topD" role="banner">
				<div id="logoD">
					<div id="logoDlogo"><a aria-label="Kevins Noodle House homepage" href="https://www.kevinsnoodlehouse.com"><img src="images/logo.png" alt=""/></a></div>
					<!--<div id="navDtoggle" onclick="javascript: toggleMenu();"></div>-->
					<!--a href="order.html"><span class="logoDBTN" id="onlineBTN">Order Online</span></a-->
					<a aria-label="Order Online Locations" href="locations.html"><span class="logoDBTN" id="locationBTN">Order Online</span></a>
				</div>
				<div id="navD" role="navigation" aria-labelledby="Primary">
					<a aria-label="About" href="about.html"><span id="navAbout" class="navBTN">About</span></a>
					<a aria-label="Menu" href="menu.xml"><span id="navMenu" class="navBTN">Menu</span></a>
					<a aria-label="Locations" href="locations.html"><span id="navThird" class="navBTN">Locations</span></a>
					<a aria-label="Contact" href="contact.html"><span id="navContact" class="navBTN">Contact</span></a>
				</div>
				<div class="highlightD" id="highlightTop"><p></p></div>
				<div class="highlightD" id="highlightBot"><p></p></div>
			</div>

			<div id="contentD" role="main">
				<div id="contentDleft">
					"What sets Kevin's apart is the noodle quality, broth quality, and beef ball quality.  No other shop can compare in these three categories."<br/><b>-Brandon C.</b><br/><br/>
					"The beef pho at Kevin's is the FRESHEST and RICHEST pho I have ever had the pleasure of experiencing."<br/><b>-Laura C.</b>
				</div>
				<div id="contentDright">
					<h1>Menu</h1>
					<xsl:for-each select="menu/section">
						<div class="menuQuickLinks" role="navigation" aria-labelledby="Secondary">
							<a aria-label="{@name}" href="&#35;{link}"><xsl:value-of select="(@name)"/></a>
						</div>
					</xsl:for-each>
					<div id="menuD">
						<xsl:for-each select="menu/section">
							<xsl:choose>
								<xsl:when test="@price = 1">
									<div class="sectionName">
										<div class="anchor">
											<a aria-label="Section {@name}" name="{link}"></a>
										</div>
										<div class="sectionNameName">
											<xsl:value-of select="(@name)"/>
										</div>
										<div class="backtotopD">
											<a aria-label="Back to Top" href="&#35;top">Back to Top</a>
										</div>
									</div>
									<div class="itemContainer">
									<xsl:for-each select="item">
										<div class="item {../link}">
											<div class="itemNumber">
												<div class="itemNumberNumber"><xsl:value-of select="number"/></div>
												<img src="images/menuitems/blank.jpg" alt="no image available"/>
												<img src="images/menuitems/{number}.jpg" alt="Image of {title}" style="width: 0px; height: 0px;" onload="this.parentNode.children[1].src=this.src; this.parentNode.children[1].alt=this.alt; this.remove();" onerror="this.remove();"/>
											</div>
											<div class="itemDot"></div>
											<div class="itemContent">
												<div class="itemName"><xsl:value-of select="title"/></div>
												<div class="itemPrice"><xsl:value-of select="price"/></div>
												<div class="itemChinese"><xsl:value-of select="chinese"/></div>
												<div class="itemDescription"><xsl:value-of select="description"/></div>
											</div>


										</div>
									</xsl:for-each>
									</div>
								</xsl:when>
								<xsl:otherwise>
									<div class="sectionName"><div class="anchor"><a  name="{link}"></a></div><xsl:value-of select="(@name)"/><div class="backtotopD"><a aria-label="Back to Top" href="&#35;top">Back to Top</a></div></div>

									<div class="itemContainer">
										<div class="itemTripTop">
											<div class="itemPriceContainer">
												<div class="itemPriceTrip">(S)</div>
												<div class="itemPriceTrip">(M)</div>
												<div class="itemPriceTrip">(L)</div>
											</div>
											</div>
									<xsl:for-each select="item">
										<div class="itemTrip {../link}">
											<div class="itemNumber">
												<div class="itemNumberNumber"><xsl:value-of select="number"/></div>
												<img src="images/menuitems/blank.jpg" alt="no image available"/>
												<img src="images/menuitems/{number}.jpg" alt="Image of {title}" style="width: 0px; height: 0px;" onload="this.parentNode.children[1].src=this.src; this.parentNode.children[1].alt=this.alt; this.remove();" onerror="this.remove();"/>
											</div>
											<div class="itemDotTrip"></div>
											<div class="itemContentTrip">
												<div class="itemTopTrip">
													<div class="itemName"><xsl:value-of select="title"/></div>
														<div class="itemPriceContainer">
														<div class="itemPriceTrip"><xsl:value-of select="price1"/></div>
														<div class="itemPriceTrip"><xsl:value-of select="price2"/></div>
														<div class="itemPriceTrip"><xsl:value-of select="price3"/></div>
													</div>
												</div>
												<div class="itemChinese"><xsl:value-of select="chinese"/></div>
												<div class="itemDescription"><xsl:value-of select="description"/></div>
											</div>


										</div>
									</xsl:for-each>
									</div>
								</xsl:otherwise>
							</xsl:choose>
						</xsl:for-each>
					</div>

					<div id="footD" role="contentinfo">
						&#169; <span id="cyear"></span> Kevin's Noodle House. All rights reserved.<br/>
						<script>
							document.getElementById("cyear").innerHTML = new Date().getFullYear();
						</script>
					</div>
				</div>
			</div>


		</div>
	</body>
</html>




</xsl:template>
</xsl:stylesheet>
