{#

Element ID: Element08
Element Name: Team

#}

<section id="{{ element.html_id  }}" class="ie-margin">
    <div class="container">
        <div class="row">
            <div class="col-12 col-sm-12 col-lg-6">
                <div class="">
                    <h1>{{ element.title }}</h1>
                    <div class="post-content">
                        {{ element.description }}
                    </div>

                </div>
            </div>
            <div class="offset-lg-1">
            </div>
            {% for member in element.team %}
                <div class="col-12 col-sm-6 col-lg-2">
                    <ul class="people-list">
                        <li>
                            <div class="people-list__img-wrap">
                                <img class="image" src="{{ TimberImage(member.photo).src }}" alt="{{ TimberImage(member.photo).alt }}" />
                                <img class="image-hover" src="{{ TimberImage(member.photo_hover).src }}" alt="{{ TimberImage(member.photo).alt }}" />
                            </div>
                            <div class="people-list__info">
                                <h2 class="people-list__name">{{ member.person_name }}</h2>
                                <h3 class="people-list__title">{{ member.position }}</h3>
                            </div>
                        </li>
                    </ul>
                </div>
            {% endfor %}


        </div>
    </div>
</section>