---
layout: standard
fabricator: true
---
<div class="base">
	<div class="base__subnavbar">
		<div class="subnavbar">
			<!-- subnavbar -->
			<ul class="nav subnavbar-nav md-whiteframe-1dp">
				<li class="nav-title">
					Portal
				</li>
				{{#each views.pages.items}}
				<li class="nav-item">
					<a class="nav-link" href="/pages/{{@key}}.html">{{name}}</a>
				</li>
				{{/each}}
				<li class="nav-item">
					<a class="nav-link" href="#">Test 1</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="#">Test 2</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="#">Test 3</a>
				</li>
			</ul>

			<!-- subnavbar -->
			<ul class="nav subnavbar-nav md-whiteframe-1dp">
				<li class="nav-title">
					Subnavbar Title
					<a href="#" class="nav-link--faq">FAQ</a>
				</li>
				<li class="nav-item active">
					<a class="nav-link" href="#">Active</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="#">Link</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="#">Link</a>
				</li>
				<li class="nav-item">
					<a class="nav-link disabled" href="#">Disabled</a>
				</li>
			</ul>
			<!-- /subnavbar -->

			<!-- subnavbar -->
			<ul class="nav subnavbar-nav md-whiteframe-1dp">
				<li class="nav-title">
					Subnavbar Title
					<a href="#" class="nav-link--faq">FAQ</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="#">Active</a>
					<!-- subnav-subnavbar -->
					<ul class="nav flex-column">
						<li class="nav-item">
							<a class="nav-link" href="#">Sub-Subnav</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="#">Sub-Subnav</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="#">Sub-Subnav</a>
						</li>
					</ul>
					<!-- /subnav-subnavbar -->
				</li>
				<li class="nav-item">
					<a class="nav-link" href="#">Link</a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="#">Link</a>
				</li>
				<li class="nav-item">
					<a class="nav-link disabled" href="#">Disabled</a>
				</li>
			</ul>
			<!-- /subnavbar -->
		</div>
		<!-- /subnavbar -->
	</div>

	<div class="base__content">
		<h1>Hello, World!</h1>

		{{> paragraph}}

		<div>
			{{> form}}
		</div>
	</div>

	<div class="base__related">
		{{> lists.related}}
	</div>
</div>