<!-- BEGIN: MAIN -->

<main id="page">

<div class="container">

<div class="section-title">

{BREADCRUMBS}

<h1>{GALLERY_BROWSE_TITLE}</h1>

<div class="section-desc">
{GALLERY_BROWSE_SUBTITLE}
</div>

</div>

<div class="section-body">

<!-- BEGIN: GALLERY -->

<div class="row row-flex">

<!-- BEGIN: ROW -->

<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">

<div class="gallery-item">

<figure class="gallery-container">  
<a class="gallery-img-link" href="{GALLERY_BROWSE_ROW_VIEWURL}">
<img class="gallery-img" src="{GALLERY_BROWSE_ROW_THUMB|crop_image(%s, 800, 600)}" />
</a>
<figcaption class="gallery-content">
<div class="gallery-info">
<div class="gallery-date">{GALLERY_BROWSE_ROW_DATE}</div>
<div class="gallery-admin">{GALLERY_BROWSE_ROW_ADMIN}</div>
</div>
<div class="gallery-title">
<h3><a href="{GALLERY_BROWSE_ROW_VIEWURL}">{GALLERY_BROWSE_ROW_TITLE}</a></h3>
</div>
<!-- BEGIN: GALLERY_BROWSE_ROW_DESC -->
<div class="gallery-desc">
<p>{GALLERY_BROWSE_ROW_DESC|strip_tags}</p>
</div>
<!-- END: GALLERY_BROWSE_ROW_DESC -->
</figcaption>
</figure>

</div>

</div>

<!-- END: ROW -->

</div>

<!-- END: GALLERY -->

</div>

</div>

</main>

<!-- END: MAIN -->