<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title> OilGen Limited - Team</title>

    {% include 'includes/import-top.html' %}

</head>

<body>

    {% include 'includes/header.html' %}

    <div class="breadcroumb-area bread-bg"
        style="background-image: url({{url_for('static', filename='assets/img/bread-bg.j')}}pg);">
        <div class="container pt-5">
            <div class="row">
                <div class="col-lg-12">
                    <div class="breadcroumb-title">
                        <h1>Team</h1>
                        <h6><a href="{{url_for('index')}}">Home</a> <i class="far fa-dot-circle"></i>Our Team Members</h6>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="team-area py-3 gray-bg text-center ">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-12 ">
                    <div class="section-title text-center">
                        <!-- <h6>Team</h6> -->
                        <h2>Board of Directors</h2>
                    </div>
                </div>
            </div>
            <div class="row team-box d-flex justify-content-center">
                {% for t in team.board %}
                <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                    <div class="single-team-member wow fadeInLeft" data-wow-delay=".2s">
                        <img src="{{url_for('static', filename='assets/img/team/')}}/{{t.image}}" alt>
                        <div class="team-content">
                            <div class="team-title">
                                <a href="#">{{t.name}}</a>
                            </div>
                            <div class="team-subtitle">
                                <p>{{t.post}}</p>
                            </div>
                        </div>
                        <div class="team-social">
                            <ul>
                                <li>
                                    <a href="tel:{{t.phone}}"><i class="fa fa-phone" aria-hidden="true"></i> </a>
                                </li>
                                <li>
                                    <a href="mailto:{{t.email}}"><i class="fa fa-envelope" aria-hidden="true"></i> </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                {% endfor %}
            </div>
        </div>
    </div>
    <div class="team-area py-5  gray-bg text-center ">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-12 ">
                    <div class="section-title text-center">
                        <!-- <h6>Team</h6> -->
                        <h2>Our Directors</h2>
                    </div>
                </div>
            </div>
            <div class="row team-box d-flex justify-content-center">
                {% for t in team.directors %}
                <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                    <div class="single-team-member wow fadeInLeft" data-wow-delay=".2s">
                        <img src="{{url_for('static', filename='assets/img/team/')}}/{{t.image}}" alt>
                        <div class="team-content">
                            <div class="team-title">
                                <a href="#">{{t.name}}</a>
                            </div>
                            <div class="team-subtitle">
                                <p>{{t.post}}</p>
                            </div>
                        </div>
                        <div class="team-social">
                            <ul>
                                <li>
                                    <a href="tel:{{t.phone}}"><i class="fa fa-phone" aria-hidden="true"></i> </a>
                                </li>
                                <li>
                                    <a href="mailto:{{t.email}}"><i class="fa fa-envelope" aria-hidden="true"></i> </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                {% endfor %}
            </div>
        </div>
    </div>
    <div class="team-area py-5  gray-bg text-center ">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-12 ">
                    <div class="section-title text-center">
                        <!-- <h6>Team</h6> -->
                        <h2>Management Team</h2>
                    </div>
                </div>
            </div>
            <div class="row team-box d-flex justify-content-center">
                {% for t in team.members %}
                <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                    <div class="single-team-member wow fadeInLeft" data-wow-delay=".2s">
                        <img src="{{url_for('static', filename='assets/img/team/')}}/{{t.image}}" alt>
                        <div class="team-content">
                            <div class="team-title">
                                <a href="#">{{t.name}}</a>
                            </div>
                            <div class="team-subtitle">
                                <p>{{t.post}}</p>
                            </div>
                        </div>
                        <div class="team-social">
                            <ul>
                                <li>
                                    <a href="tel:{{t.phone}}"><i class="fa fa-phone" aria-hidden="true"></i> </a>
                                </li>
                                <li>
                                    <a href="mailto:{{t.email}}"><i class="fa fa-envelope" aria-hidden="true"></i> </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                {% endfor %}
            </div>
        </div>
    </div>

    {% include 'parts/home/clients.html' %}

    {% include 'includes/footer.html' %}
    {% include 'includes/import-bottom.html' %}

</body>

</html>