profile.html

<section md-content id="main" role="main" layout="row" layout-align="space-around start" layout-padding>
	<article flex="15" ui-view="body" style="background-color:red;" layout="column" layout-align="start center" layout-padding>
		<img width="125" height="125">
		<h4 class="md-subhead">Byron Ferguson</h4>
		Olathe South High School
	</article>

	<article flex="50" ui-view="body" style="background-color:orange;" layout="column" layout-align="start center" layout-padding>
		<section class="md-whiteframe-z1">
			<md-toolbar class="md-primary md-default-theme">
				<div class="md-toolbar-tools">
					<h3>Clusters & Programs</h3>
					<span flex></span>
					<button class="md-button">[button]</button>
				</div>
			</md-toolbar>

			<md-tabs md-dynamic-height md-border-bottom>
				<md-tab label="results">
					<md-content class="md-padding">
						<h1 class="md-display-2">Results</h1>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis ante augue. Phasellus volutpat neque ac dui mattis vulputate. Etiam consequat aliquam cursus. In sodales pretium ultrices. Maecenas lectus est, sollicitudin consectetur felis nec, feugiat ultricies mi.</p>
					</md-content>
				</md-tab>
				
				<md-tab label="description">
					<md-content class="md-padding">
						<h1 class="md-display-2">Description</h1>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis ante augue. Phasellus volutpat neque ac dui mattis vulputate. Etiam consequat aliquam cursus. In sodales pretium ultrices. Maecenas lectus est, sollicitudin consectetur felis nec, feugiat ultricies mi.</p>
					</md-content>
				</md-tab>
				
				<md-tab label="programs">
					<md-content class="md-padding">
						<md-list flex>
							<md-list-item class="md-2-line">
								<div class="md-list-item-text">
									<h3>Institution Specific Program Name</h3>
									<p>General Discipline Name</p>
								</div>
							</md-list-item>

							<md-list-item class="md-2-line">
								<div class="md-list-item-text">
									<h3>Institution Specific Program Name</h3>
									<p>General Discipline Name</p>
								</div>
							</md-list-item>

							<md-list-item class="md-2-line">
								<div class="md-list-item-text">
									<h3>Institution Specific Program Name</h3>
									<p>General Discipline Name</p>
								</div>
							</md-list-item>

							<md-list-item class="md-2-line">
								<div class="md-list-item-text">
									<h3>Institution Specific Program Name</h3>
									<p>General Discipline Name</p>
								</div>
							</md-list-item>

							<md-list-item class="md-2-line">
								<div class="md-list-item-text">
									<h3>Institution Specific Program Name</h3>
									<p>General Discipline Name</p>
								</div>
							</md-list-item>
						</md-list>
					</md-content>
				</md-tab>
			</md-tabs>
		</section>
		
	</article>

	<article flex="35" ui-view="body" style="background-color:yellow;" layout-padding>
		<h1>3</h1>
	</article>
</section>