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

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

        <div class="row masonary-layout filter-layout">
        {% for item in this.theme.gallery_events %}
            <div class="col-md-4 mix col-sm-6 computer filter-item">
                <div class="single-project-item">
                    <div class="img-box">
                         <img src="{{item.about_list| media}}">
                        <div class="overlay">
                            <div class="box">
                                <div class="top-box">
                                    <div class="title">
                                     <h3>{{item.event_text}}</h3>
                                    </div>
                                </div>
                                <div class="bottom-box">
                                    <ul>
                                    <li><a data-group="1" href="{{item.about_list| media}}" class="img-popup"><i class="fa fa-picture-o"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>   
                </div>
            </div>
        {% endfor %}
        </div>
    </div>
</div>