{{ partial "header.html" . }}

{{ partial "navbar.html" . }}

	<section class="promo__section d-flex flex-column justify-content-center"
		style="background-image:url(../img/promo-1.jpg)">
		<div class="promo__container container">
			<div class="row">
				<div class="col-md-7">
					<h1 class="h2">OpenPOWER has two different distinct types of working groups.</h1>
					<p><b>A Technical Workgroup (TWG)</b> is a workgroup that provides technical specifications and will help define
						next-generation of the specifications, definitions, and the compliance of these specifications with primary
						output being specification documents.</p>
					<p><b>A Special Integration Group (SIG)</b> is a workgroup that provides an implementation of technical
						specifications with the goal to produce reference designs. A SIG will normally provide a reference design, a
						finished product, or help maintain project for direct usage.</p>
				</div>
			</div>
		</div>
	</section>
	<main class="main">
		<div class="container">
			<div class="row">
				<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" . }}