@model List<ResultTeamDto>

<section class="section novi-background bg-cover section-lg bg-gray-100 text-center" id="team">
    <div class="container">
        <h3 class="wow fadeInLeft">Ekibimiz</h3>
        <h6 class="title-style-1 wow fadeInRight">Başarımızın arkasındaki insanlar</h6>

        <div class="owl-carousel" data-items="1" data-sm-items="2" data-md-items="3" data-xl-items="4" data-margin="5" data-dots="true" data-mouse-drag="false">
            @foreach (var item in Model)
            {
                <article class="team-classic wow fadeInUp" data-wow-delay=".1s">
                    <div class="team-classic-figure">
                        <img src="@item.ImageUrl" alt="" width="290" height="284" />
                    </div>
                    <div class="team-classic-body">
                        <h5 class="team-classic-name"><a href="#">@item.NameSurname</a></h5>
                    </div>
                    <div class="team-classic-footer">
                        <div class="team-classic-status">@item.Title</div>
                        <div class="team-classic-list-panel">
                            <ul class="team-classic-list-social list-inline">
                                <li>
                                    <a class="icon novi-icon mdi mdi-facebook" href="@item.Facebook" target="_blank"></a>
                                </li>
                                <li>
                                    <a class="icon novi-icon mdi mdi-instagram" href="@item.Instagram" target="_blank"></a>
                                </li>
                                <li>
                                    <a class="icon novi-icon mdi mdi-linkedin-box" href="@item.Linkedin" target="_blank"></a>
                                </li>
                            </ul>
                            <div class="heading-1 team-classic-placeholder">@item.NameSurname.Split(' ')[0]</div>
                        </div>
                    </div>
                </article>
            }
        </div>
    </div>
</section>
