<% 
    const team = {
        cards: [
            {
                img: "/uploads/img/media/agents/locksmith_1.png",
                imgAlt: "24hrsLocksmith agent & team member Vlad",
                name: "Vlad",
                title: "Technician"
            }, {
                img: "/uploads/img/media/agents/locksmith_2.png",
                imgAlt: "24hrsLocksmith agent & team member Michael",
                name: "Michael",
                title: "Technician"
            }, {
                img: "/uploads/img/media/agents/locksmith_3.png",
                imgAlt: "24hrsLocksmith agent & team member Alex",
                name: "Alex",
                title: "Technician"
            }, {
                img: "/uploads/img/media/agents/locksmith_4.png",
                imgAlt: "24hrsLocksmith agent & team member David",
                name: "David",
                title: "Technician"
            }, {
                img: "/uploads/img/media/agents/locksmith_5.2.png",
                imgAlt: "24hrsLocksmith agent & team member Mary",
                name: "Mary",
                title: "Technician"
            }, {
                img: "/uploads/img/media/agents/locksmith_6.png",
                imgAlt: "24hrsLocksmith agent & team member John",
                name: "John",
                title: "Technician"
            }, {
                img: "/uploads/img/media/agents/locksmith_7.png",
                imgAlt: "24hrsLocksmith agent & team member Robert",
                name: "Robert",
                title: "Technician"
            }
    ]};
%>
<div id="Team" class="container di_m_t_80px dip_p_0_10px di_o_h">
    <div class="row">
        <div class="col-12 di_t_center">
            <h2>Meet the team</h2>
        </div>
        <div class="col-12 di_m_t_20px">
            <div class="owl-carousel owl-carousel-team">
                <% for (var i = 0; i < team.cards.length; i++) { %>
                  <div class="di_t_center">
                    <img class="" style="margin-top: -5px;" src ="<%- team.cards[i].img %>" alt="<%- team.cards[i].imgAlt %>" title="<%- team.cards[i].imgAlt %>"/>
                    <p class="di_m_b_10px di_m_t_20px"><%- team.cards[i].name %></p>
                    <p class="di_m_b_10px">- <%- team.cards[i].title %> -</p>
                  </div>
                <% } %>
            </div>
        </div>
    </div>
</div>