---
title: Items
description: Custom collection examples. 
---
<div class="page-header">
  <h1>{{title}}</h1>  
  <p class="lead">{{description}}</p>
</div>

<span class="nav-section-title">
  All items
</span>
<ul class="nav nav-pills nav-stacked">
  {{#items}}
  <li><a href="/items/{{item}}.html">{{item}} <label class="badge badge-info">{{pages.length}}</label></a></li>
  {{/items}}
</ul>

<span class="nav-section-title">
  Items on this page
</span>
<p>{{#if page.items}}{{page.items.length}}{{else}}0{{/if}} items</p>
<ul class="nav nav-tabs nav-stacked">
  <li>
  {{#page.items}}
  <span class="label label-info">{{.}}</span>
  {{/page.items}}
  </li>
</ul>