# Image Gallery

{% hint style="info" %}
Live Demo: <https://candidate.codenation.com/image_gallery>
{% endhint %}

<figure><img src="https://2029999482-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LeL-FYaRUlvUn8HHUaD-887967055%2Fuploads%2FsaENLZQJtpIMKnfUQqBE%2Fimage.png?alt=media&#x26;token=b2ab0583-7306-40de-a2d5-91ddf0f30992" alt="Image Gallery Example" width="563"><figcaption><p>Image Gallery Example</p></figcaption></figure>

<figure><img src="https://2029999482-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LeL-FYaRUlvUn8HHUaD-887967055%2Fuploads%2FhFjYYKe9OAm731fcxBvc%2Fimage.png?alt=media&#x26;token=e18a5ada-4a2d-4304-9d13-e05fd0080766" alt="Image Gallery Selected Preview" width="563"><figcaption><p>Image Gallery Selected Preview</p></figcaption></figure>

## Adding an image gallery

1. Create a new basic subpage for your image collection (i.e. 2036 Annual Event Catchup).
2. Add each image as a featured content slide to the subpages featured content slider by navigating to **Settings > Featured Content Sliders**. &#x20;
3. Add the tag `Admin Show Image Gallery` to the page you want to feature the image gallery.&#x20;
4. Preview your gallery.