{% extends "layout.html" %}

{% set title = 'Team Member' %}

{% block content %}

<section class="member">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <a class="btn btn-arrow section-btn" href="#">
                    {% include 'components/arrow-left-black.html' %} Meet the team
                </a>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-4 col-xs-8 col-sm-offset-0 col-xs-offset-2">
                <div class="member-img">
                    <img src="_assets/img/member.jpg" alt="">
                </div>
                <div class="member-title mbxlg mob-on">
                    <h3 class="no-margin">Ehab Mokhtar</h3>
                    <cite>CEO</cite>
                </div>
                <div class="colors mob-off">
                    <img src="_assets/img/palette.png" alt="">
                </div>
            </div>
            <div class="col-sm-8 col-xs-12 delay-300">
                <div class="member-info">
                    <div class="member-title mbxlg mob-off">
                        <h3 class="no-margin afa d-100">Ehab Mokhtar</h3>
                        <cite class="afa d-100">CEO</cite>
                    </div>
                    <div class="bio">
                        <h3 class="mbmd afc d-150">Bio</h3>
                        <p class="afc d-150">
                            Every member of our team has a record of excellence, a powerful sense of vocation and endless passion to the field of architecture. Meet the people behind the process.
                            <br><br>
                            Every member of our team has a record of excellence, a powerful sense of vocation and endless passion to the field of architecture. Meet the people behind the process.
                            <br><br>
                            Every member of our team has a record of excellence, a powerful sense of vocation and endless passion to the field of architecture. Meet the people behind the process.
                            <br><br>
                            Every member of our team has a record of excellence, a powerful sense of vocation and endless passion to the field of architecture. Meet the people behind the process.
                        </p>
                    </div>
                </div>
                <div class="expertise">
                    <div class="row">
                        <div class="col-sm-8 delay-1500">
                            <h3 class="afa">Areas of Expertise</h3>
                            <div class="expertise-element">
                                <a href="#">interior design</a>
                            </div>
                            <div class="expertise-element">
                                <a href="#">urban design</a>
                            </div>
                            <div class="expertise-element">
                                <a href="#">Product design</a>
                            </div>
                        </div>
                        <div class="col-sm-4 delay-1600">
                            <div class="read-more">
                                <h4 class="afa">Read more about Ehab</h4>
                                <ul class="social afc">
                                    <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="member-projects projects sec-pad">
    <div class="container">
        <h2 class="mbxxlg">Project Ehab have worked on</h2>
        <div class="row">
            <div class="col-sm-4">
                <div class="column-container project-container column-small mbxxlg">
                    <div class="type-container">
                        <div class="type">
                            <span class="text-upper">
                                 <i class="fa fa-square mrsm"></i> Architecture / RESIDENTIAL
                            </span>
                        </div>
                    </div>
                    <figure class="column project overlay cover" style="background-image:url('_assets/img/intro_02.jpg');">
                        <figcaption class="column-content project-content">
                            <h3 class="no-margin">
                                <strong>JEERA</strong><br>
                                RESIDENTIAL COMPOUND
                            </h3>
                            <a class="btn btn-arrow mtxxlg" href="#">
                                Learn more{% include 'components/arrow-right-black.html' %}
                            </a>
                        </figcaption>
                    </figure>
                    <div class="box-container">
                        <img src="_assets/img/box-big.png" alt="">
                    </div>
                </div>
            </div>
            <div class="col-sm-4 delay-300">
                <div class="column-container project-container column-small mbxxlg">
                    <div class="type-container">
                        <div class="type">
                            <span class="text-upper">
                                 <i class="fa fa-square mrsm"></i> Architecture / RESIDENTIAL
                            </span>
                        </div>
                    </div>
                    <figure class="column project overlay cover" style="background-image:url('_assets/img/intro_02.jpg');">
                        <figcaption class="column-content project-content">
                            <h3 class="no-margin">
                                <strong>JEERA</strong><br>
                                RESIDENTIAL COMPOUND
                            </h3>
                            <a class="btn btn-arrow mtxxlg" href="#">
                                Learn more{% include 'components/arrow-right-black.html' %}
                            </a>
                        </figcaption>
                    </figure>
                    <div class="box-container">
                        <img src="_assets/img/box-big.png" alt="">
                    </div>
                </div>
            </div>
            <div class="col-sm-4 delay-400">
                <div class="column-container project-container column-small mbxxlg">
                    <div class="type-container">
                        <div class="type">
                            <span class="text-upper">
                                 <i class="fa fa-square mrsm"></i> Architecture / RESIDENTIAL
                            </span>
                        </div>
                    </div>
                    <figure class="column project overlay cover" style="background-image:url('_assets/img/intro_02.jpg');">
                        <figcaption class="column-content project-content">
                            <h3 class="no-margin">
                                <strong>JEERA</strong><br>
                                RESIDENTIAL COMPOUND
                            </h3>
                            <a class="btn btn-arrow mtxxlg" href="#">
                                Learn more{% include 'components/arrow-right-black.html' %}
                            </a>
                        </figcaption>
                    </figure>
                    <div class="box-container">
                        <img src="_assets/img/box-big.png" alt="">
                    </div>
                </div>
            </div>
            <div class="col-sm-4 delay-500">
                <div class="column-container project-container column-small mbxxlg">
                    <div class="type-container">
                        <div class="type">
                            <span class="text-upper">
                                 <i class="fa fa-square mrsm"></i> Architecture / RESIDENTIAL
                            </span>
                        </div>
                    </div>
                    <figure class="column project overlay cover" style="background-image:url('_assets/img/intro_02.jpg');">
                        <figcaption class="column-content project-content">
                            <h3 class="no-margin">
                                <strong>JEERA</strong><br>
                                RESIDENTIAL COMPOUND
                            </h3>
                            <a class="btn btn-arrow mtxxlg" href="#">
                                Learn more{% include 'components/arrow-right-black.html' %}
                            </a>
                        </figcaption>
                    </figure>
                    <div class="box-container">
                        <img src="_assets/img/box-big.png" alt="">
                    </div>
                </div>
            </div>
            <div class="col-sm-4 delay-600">
                <div class="column-container project-container column-small mbxxlg">
                    <div class="type-container">
                        <div class="type">
                            <span class="text-upper">
                                 <i class="fa fa-square mrsm"></i> Architecture / RESIDENTIAL
                            </span>
                        </div>
                    </div>
                    <figure class="column project overlay cover" style="background-image:url('_assets/img/intro_02.jpg');">
                        <figcaption class="column-content project-content">
                            <h3 class="no-margin">
                                <strong>JEERA</strong><br>
                                RESIDENTIAL COMPOUND
                            </h3>
                            <a class="btn btn-arrow mtxxlg" href="#">
                                Learn more{% include 'components/arrow-right-black.html' %}
                            </a>
                        </figcaption>
                    </figure>
                    <div class="box-container">
                        <img src="_assets/img/box-big.png" alt="">
                    </div>
                </div>
            </div>
            <div class="col-sm-4 delay-700">
                <div class="column-container project-container column-small mbxxlg">
                    <div class="type-container">
                        <div class="type">
                            <span class="text-upper">
                                 <i class="fa fa-square mrsm"></i> Architecture / RESIDENTIAL
                            </span>
                        </div>
                    </div>
                    <figure class="column project overlay cover" style="background-image:url('_assets/img/intro_02.jpg');">
                        <figcaption class="column-content project-content">
                            <h3 class="no-margin">
                                <strong>JEERA</strong><br>
                                RESIDENTIAL COMPOUND
                            </h3>
                            <a class="btn btn-arrow mtxxlg" href="#">
                                Learn more{% include 'components/arrow-right-black.html' %}
                            </a>
                        </figcaption>
                    </figure>
                    <div class="box-container">
                        <img src="_assets/img/box-big.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>




{% endblock content %}