url = "/gallery/location"
layout = "default"
title = "Gallery - Location"
==
<!--Start breadcrumb area-->     
<div class="banner-area" style="background-image: url({{this.theme.banner_location | media}});"></div>
<!--End breadcrumb area-->

<div class="project-content sec-padd-top">
    <div class="container">
        <ul class="list-inline gallery-filter post-filter">
            <li> <a href="/gallery/events"><span>Events</span> </a></li>
            <li> <a href="/gallery/exhibition"><span>Exhibition</span> </a></li>
            <li class="active"> <a href="/gallery/location"><span>Branches</span> </a></li>
        </ul>

        {% for branch in this.theme.gallery_branches %}
        <h2>{{ branch.branch_name }}</h2>
        <div class="row masonary-layout filter-layout">
            {% for item in branch.branch_gallery %}
            <div class="col-md-4 mix col-sm-6 computer filter-item">
                <div class="single-project-item">
                    <div class="img-box">
                        <img src="{{item.thumbnail|media}}" alt="SM Electronic Technologies"/>
                        <div class="overlay">
                            <div class="box">                                
                                <div class="bottom-box">
                                    <ul>
                                        <li><a data-group="1" href="{{item.media|media}}" class="img-popup"><i class="fa fa-picture-o"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>   
                </div>
            </div>
            {% endfor %}
        </div>
        {% endfor %}
    </div>
</div>