<!DOCTYPE html>
<html>
<head>
	<title>@ViewBag.Title</title>
	<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
	<link href="@Url.Content("~/Content/kendo/2012.2.831/kendo.common.min.css")" rel="stylesheet" type="text/css" />
	<link href="@Url.Content("~/Content/kendo/2012.2.831/kendo.dataviz.min.css")" rel="stylesheet" type="text/css" />
	<link href="@Url.Content("~/Content/kendo/2012.2.831/kendo.default.min.css")" rel="stylesheet" type="text/css" />
	<script src="@Url.Content("~/Scripts/kendo/2012.2.831/jquery.min.js")"></script>
	<script src="@Url.Content("~/Scripts/kendo/2012.2.831/kendo.all.min.js")"></script>
</head>

<body>
	<div class="page">
		<header>
			<div id="title">
				<h1>My Kendo UI for MVC Application</h1>
			</div>

			@(Html.Kendo().Menu()
					.Name("menu")
					.Items(menu => {
                        menu.Add().Text("Home").Action("Index", "Home").Items(subMenu =>
                        {
                            subMenu.Add().Text("Sub one").Action("Index", "Home");
                            subMenu.Add().Text("Sub two").Action("Index", "Home");
                            subMenu.Add().Text("Sub three").Action("Index", "Home");
                        });
						menu.Add().Text("About").Action("About", "Home");
					}))
		</header>
		<section id="main">
			@RenderBody()
		</section>
		<footer>
		</footer>
	</div>
</body>
</html>
