{{ define "main" }}
<div data-solbit="content" data-solus-styling="helpcenter">
  <div data-solbit="view-container">
    <div data-solbit="view-centered">
      <h1>Categories</h1>
      <div data-solus="helpcenter-categories">
        {{ range .Site.Pages }}
        {{ if eq .Section "help" }}
        <a data-solus="helpcenter-category" href="{{ .Permalink }}">
          <img alt="{{ .Title }}" src="{{ .Params.icon }}" />
          <h1>{{ .Title }}</h1>
          <h2>{{ .Params.description }}</h2>
        </a>
        {{ end }}
        {{ end }}
      </div>
    </div>
  </div>
</div>
{{ end }}