{{ partial "header.html" . }}

{{ partial "navbar.html" . }}

<main id="main" class="main">

    <div id="members">
		<div class="container">
			<section id="intro">
				<div class="row">
				<h1 class="section-header my-3 my-md-5 pb-2 pb-md-3 text-center">{{ .Title }}</h1>
			</section>
	<div class="row">
	{{ $i := 0 }}
	{{ $data := index $.Site.Data }}
	{{ range $data.memberlevels }}
		<div class="col-lg-12">
			<div class="membership-level pt-5 pb-5">
			<h2 class="pb-5">{{ .name }}</h2>
			{{ $key := .identifier }}
			{{ $imageheight := .image.height }}
			{{ $imagewidth := .image.width }}
			{{ $imagesize := .size }}
			{{ $col := .col }}
			<div class="row">
			{{ range $.Site.Pages }}
				{{ $level := .Param "level" }}
				{{ if eq $level $key }}
					<div class="col-lg-4 pt-5 pb-5">
						<div class="box">
							<a href="{{ .Permalink }}">
							{{ if .Param "image" }}
								{{ $imagename := .Param "image" }}
								{{ $imagelocation := (printf "%s/%s" "images/members/" $imagename) }}
								{{ $imageresource := resources.Get $imagelocation }}
								{{ $image := $imageresource.Fit $imagesize }}
								<img src="{{  $image.RelPermalink }}" alt="{{ .Title }}" title="{{ .Title }}">
							{{ else }}
								{{ .Title }}
							{{ end }}
							</a>
						</div>
						<a class="text-black" href="{{ .Permalink }}">
							<h3>{{ .Param "title" }}</h3>
						</a>
					</div>
					
				{{ end }}
			{{ end }}

	{{ end }}</div>


</main>

{{ partial "footer.html" . }}