gallery.html

---
layout: page
title: Gallery
---
 <div class="row">
    {% assign gallery = site.gallery | sort: 'eventDate' reversed %}
    {% for photoDescription in gallery %}
        <div class="col-lg-3 col-md-6 col-sm-12 img-portfolio">
            <a href="#" class="portfolio-box">
                <img src="{{ site.baseurl }}/img/gallery/{{ photoDescription.image }}" class="img-responsive" alt="">
                <div class="portfolio-box-caption">
                    <div class="portfolio-box-caption-content">
                        <div class="project-title text-faded">
                            {{ photoDescription.title }}
                        </div>
                        <div class="project-date">
						    {{ photoDescription.eventDate | date: '%B %-d, %Y' }}
                        </div>
                    </div>
                </div>
            </a>
        </div>
    {% endfor %}        
</div>

          

        <!-- /.row -->
        
        <!-- Pagination -->
<!--        Used when total number of pics > 12-->
<!--        Create a new gallery.html,then ref the page accordingly-->
        <!-- <div class="row text-center">
            <div class="col-lg-12">
                <ul class="pagination">
                    <li>
                        <a href="#">&laquo;</a>
                    </li>
                    <li class="active">
                        <a href="#">1</a>
                    </li>
                    <li>
                        <a href="#">2</a>
                    </li>
                    <li>
                        <a href="#">3</a>
                    </li>
                    <li>
                        <a href="#">4</a>
                    </li>
                    <li>
                        <a href="#">5</a>
                    </li>
                    <li>
                        <a href="#">&raquo;</a>
                    </li>
                </ul>
            </div>
        </div> -->
        <!-- /.row -->