<!-- Begin judges List-->
<section class="judges">
    <div class="content-wrapper">
        <div class="col-lg-10 col-lg-offset-1">
            <div class="row text-left appear-animation-trigger">
                {% for judge in site.data.judges %}
                <div class="effect-wrapper appear-animation col-md-4 col-sm-6 col-xs-15">
                    <div class="lily-effect ribbon-activator">
                        <div class="lily-head" data-toggle="modal" data-target="#judgeDetail-{{ judge.id }}">
                            <figure class="waves-effect waves-block waves-light" style="background-image: url({{ site.baseurl | append: '/img/people/' | append: judge.thumbnailUrl }})">
                                <div class="overlay solid-overlay"></div>
                                {% if site.showSessions %}
                                <figcaption>
                                    <h2 class="name">{{ judge.name }} <span>{{ judge.surname }}</span></h2>
                                    <p class="position">{{ judge.company }}</p>
                                </figcaption>
                                {% endif %}
                            </figure>
                        </div>
                    </div>
                </div>
                {% endfor %}
            </div>
        </div>
    </div>
</section>
<!-- End judges List -->
