{{ partial "header.html" . }}

{{ partial "navbar.html" . }}

{{ partial "groups-promo.html" . }}

	<main id="main" class="main groups">
		<div class="container">
			<div class="row">
		{{ range (.Data.Pages.ByParam "wgtype").Reverse }}
			{{ $imagename := .Param "image" }}
			{{ $imagelocation := (printf "%s/%s" "images/" $imagename) }}
			{{ $imageresource := resources.Get $imagelocation }}
			<article class="post__article col-md-4">
					{{ if $imageresource }}
					<div class="post__thumb">
						{{ $image := $imageresource.Fit "390x390" }}				
						<img class="img-fluid" src="{{  $image.RelPermalink }}" width="390" height="390" alt="">
					</div>
					{{ end }}
				
				<a class="post__title btn btn-outline-primary" href="{{ .Permalink }}">{{ .Title }}</a>
			</article>

		{{ end }}
				<!-- <article class="post__article col-md-4">
					<div class="post__thumb"><img class="img-fluid" src="../img/thumb-1.jpg" width="390" height="390" alt="">
					</div><a class="post__title" href="/">Libre BMC</a>
				</article>
				<article class="post__article col-md-4">
					<div class="post__thumb"><img class="img-fluid" src="../img/thumb-2.jpg" width="390" height="390" alt="">
					</div><a class="post__title" href="/">Libre BMC</a>
				</article>
				<article class="post__article col-md-4">
					<div class="post__thumb"><img class="img-fluid" src="../img/thumb-3.jpg" width="390" height="390" alt="">
					</div><a class="post__title" href="/">Libre BMC</a>
				</article>
				<article class="post__article col-md-4">
					<div class="post__thumb"><img class="img-fluid" src="../img/thumb-1.jpg" width="390" height="390" alt="">
					</div><a class="post__title" href="/">Libre BMC</a>
				</article>
				<article class="post__article col-md-4">
					<div class="post__thumb"><img class="img-fluid" src="../img/thumb-2.jpg" width="390" height="390" alt="">
					</div><a class="post__title" href="/">Libre BMC</a>
				</article>
				<article class="post__article col-md-4">
					<div class="post__thumb"><img class="img-fluid" src="../img/thumb-3.jpg" width="390" height="390" alt="">
					</div><a class="post__title" href="/">Libre BMC</a>
				</article> -->
			</div>
		</div>
	</main>
<!-- <main id="main">

<section id="more-features" class="section-bg">
	<div class="container-fluid">
		<div class="section-header">
			<h3 class="section-title">{{ .Title }}</h3>
			<span class="section-divider"></span>

		</div>
		{{ if .Content }}
		<div class="row">
			<div class="col-lg-2">&nbsp;</div>
			<div class="col-lg-8">
				<p class="section-description">{{ .Content }}</p>
			</div>
			<div class="col-lg-2">&nbsp;</div>
		</div>
		{{ end }}
		<div class="row">&nbsp;</div>
		<div class="row">
		{{ range (.Data.Pages.ByParam "wgtype").Reverse }}
			{{ $color := "transparent" }}
			{{ $data := index $.Site.Data }}
			{{ $wgtype := .Param "wgtype" }}
			{{ range $data.workgroups }}
				{{ if eq $wgtype .id }}
					{{ $color = .color }}
				{{ end }}
			{{ end }}
			<div class="col-lg-4">
				<div class="box wow fadeInBottom" style="border: 2px solid {{ $color }};">
					<h4 class="title"><a href="{{ .Permalink }}">{{ .Title }}</a></h4>
					<p class="description">{{ .Summary }}</p>
				</div>
			</div>
		{{ end }}
		</div>
	</div>
</section>

</main> -->

{{ partial "footer.html" . }}