---
title: Album
---

{% include 'navbar' with { title: page.title } only %}

{% include 'jumbotron' with {
  buttons: [
    {
      shape: 'rounded',
      text: 'Main call to action',
      type: 'primary',
    },
    {
      shape: 'rounded',
      text: 'Secondary action',
      type: 'secondary',
    },
  ],
  title: 'Album example',
  text: "Something short and leading about the collection below—its contents, the creator, etc. Make it short and sweet, but not too short so folks don't simply skip over it entirely.",
} only %}

<div class="bg-gray-100">
  <div class="max-w-xl mx-auto py-12 px-6 lg:max-w-6xl">
    <div class="grid grid-cols-1 gap-8 place-items-center md:grid-cols-2 md:gap-6 lg:grid-cols-3 lg:gap-8">
      {% for i in range(1, 9) %}
        {% include 'card' with {} only %}
      {% endfor %}
    </div>
  </div>
</div>