{embed="_embeds/_html-header"}

<body class="nav-hidden" id="" data-page="">

<header class="header">
	{embed="_embeds/_header"}
</header>

{exp:channel:entries channel="about" limit="1"}
<div class="hero-wrap">
	<div class="hero-img" style="background-image: url('{about_header_image}');"></div>
	<div class="hero-info-wrap"> 
		<div class="hero-info">
			<h1 class="hero-title"><span>{about_headline}</span></h1>
		</div>
	</div>
</div>

<!-- Page Content -->
<div class="page-content">
	
	<div class="content-main">
		<section>
			<h1 class="page-title"><span>{about_detail_title}</span></h1>
			<ul class="grid-overview">
			{about_details}
				<li>
					<h2 class="title-black-box">{detail_title}</h2>
					<div class="box-text">{detail_body}</div
				</li>
			{/about_details}
			</ul>
		</section>

		<section>
			<h1 class="content-title">{about_team_title}</h1>
			<ul class="grid-team">
			{about_team_members}
				<li class="team-member">
					<img class="team-img" src="{about_team_member_image}" alt="A picture of {about_team_member_name}" title="{about_team_member_name}">
					<h2 class="team-name">{about_team_member_name}</h2>
					<div class="team-bio">{about_team_member_bio}</div>
				</li>
			{/about_team_members}
			</ul>
		</section>
	</div> <!-- /content-main -->

	{embed="_embeds/_sidebar"}

</div> <!-- /Page Content -->
{/exp:channel:entries}

<footer class="footer">
	{embed="_embeds/_footer"}
</footer>

{embed="_embeds/_footer_scripts"}
</body>
</html>