gallery snipet

projects.html

    <div class="container-fluid">
        <div class="gallery-pt">
            <div class="row">
                <div class="col-md-12">
                    <h1 class="text-center">Project Gallery</h1>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 gallery-pt--filter-container">
                    <ul class="list-inline filters">
                        {% for category in categories %}
                        {% if loop.index ==1 %}
                        <li class="list-item active"><a class="text-uppercase" href="#">{{ category }}</a></li>
                        {% else %}

                        <li class="list-item"><a class="text-uppercase" href="#">{{ category }}</a></li>
                        {% endif %}
                        {% endfor %}

                    </ul>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 gallery-pt--body">
                    {% for images in images_full_path %}
                    <div class="item col-sm-4 col-xs-6 col-md-3 col-lg-3"><a href="http://www.e-orders.org"
                                                                             target="_blank"
                                                                             class="text-right thumbnail"><img
                            src="{{ images[1] }}" class="img-responsive" data-album="{{images[0]|lower}}">

                        <small class="text-muted">Image Title</small>
                    </a></div>

                    {% endfor %}
                </div>
            </div>
        </div>
    </div>
</div>