{% extends "layout.html" %}

{% set title = 'Who we are' %}

{% block content %}

<section class="idia-hero cover" style="background-image: url('_assets/img/about-hero-img.jpg')"></section>

<section class="hero-text">
    <div class="container">
        <div class="row">
            <div class="col-sm-6 col-xs-10">
                <div class="hero-text-container">
                    <h2 class="mbxxlg afa">Who We Are</h2>
                    <p class="afb">
                        We are a team of creative professionals with a longstanding list of achievements in our field who decided to pool our resources and reach for greater heights together. Through collaborating on projects, we get a chance to serve our clients individually and in groups; producing ideas, concepts and designs that challenge the standards of today’s market and push the boundaries of possibility.
                    </p>
                    <img class="mtxlg afc" src="_assets/img/palette.png" alt="">
                </div>
            </div>
        </div>
    </div>
</section>

<section class="idia-obj sec-pad">
    <div class="container">
        <div class="row mob-off">
            <div class="col-sm-4 delay-300">
                <div class="idia-mission vision">
                    <h2 class="no-margin">Vision</h2>
                    <p class="mtxxlg">
                        To change people’s lives through transcendent design experiences and make the world a better place one innovation at a time.
                    </p>
                </div>
            </div>
            <div class="col-sm-4 delay-400">
                <div class="idia-mission mission">
                    <h2 class="no-margin">Mission</h2>
                    <p class="mtxxlg">
                        To integrate individual talent, knowledge and expertise into a holistic powerhouse of trend-setting design.
                    </p>
                </div>
            </div>
            <div class="col-sm-4 delay-500">
                <div class="idia-mission philosphy">
                    <h2 class="no-margin">Philosphy</h2>
                    <p class="mtxxlg">
                        At IDIA, we believe in the power of teamwork, the value of expertise and the combination of both through sustainable design-thinking.
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="idia-obj-slider mob-on">
        <div class="idia-mission vision">
            <h2 class="no-margin">Vision</h2>
            <p class="mtxxlg">
                To change people’s lives through transcendent design experiences and make the world a better place one innovation at a time.
            </p>
        </div>
        <div class="idia-mission mission">
            <h2 class="no-margin">Mission</h2>
            <p class="mtxxlg">
                To integrate individual talent, knowledge and expertise into a holistic powerhouse of trend-setting design.
            </p>
        </div>
        <div class="idia-mission philosphy">
            <h2 class="no-margin">Philosphy</h2>
            <p class="mtxxlg">
                At IDIA, we believe in the power of teamwork, the value of expertise and the combination of both through sustainable design-thinking.
            </p>
        </div>
    </div>
</section>


<section class="our-team">
    <div class="container">
        <div class="row">
            <div class="col-sm-8">
                <div class="our-team-heading">
                    <div class="row">
                        <div class="col-sm-4 col-xs-4">
                            <h2 class="no-margin">Meet Our<br> Team</h2>
                        </div>
                        <div class="col-sm-8 col-xs-8 delay-300">
                            <p>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>
            </div>
        </div>
        <div class="team-member-container">
            <div class="row">
                <div class="col-sm-3 col-xs-6">
                    <div class="team-member ceo">
                        <figure>
                            <img src="_assets/img/team_01.jpg" alt="">
                            <figcaption>
                                <h3>Ehab Mokhtar</h3>
                                <cite>CEO</cite>
                            </figcaption>
                        </figure>
                        <a class="btn btn-arrow section-btn mtxxlg mbxxlg" href="team-member.html">
                            View {% include 'components/arrow-right-black.html' %}
                        </a>
                    </div>
                    <div class="team-member">
                        <figure>
                            <img src="_assets/img/team_01.jpg" alt="">
                            <figcaption>
                                <h3>Ehab Mokhtar</h3>
                                <cite>CEO</cite>
                            </figcaption>
                        </figure>
                        <a class="btn btn-arrow section-btn mtxxlg mbxxlg" href="team-member.html">
                            View {% include 'components/arrow-right-black.html' %}
                        </a>
                    </div>
                    <div class="team-member">
                        <figure>
                            <img src="_assets/img/team_01.jpg" alt="">
                            <figcaption>
                                <h3>Ehab Mokhtar</h3>
                                <cite>CEO</cite>
                            </figcaption>
                        </figure>
                        <a class="btn btn-arrow section-btn mtxxlg mbxxlg" href="team-member.html">
                            View {% include 'components/arrow-right-black.html' %}
                        </a>
                    </div>
                </div>
                <div class="col-sm-3 col-xs-6 delay-300">
                    <div class="team-member">
                        <figure>
                            <img src="_assets/img/team_03.jpg" alt="">
                            <figcaption>
                                <h3>Lina Hesham</h3>
                                <cite>Marketing Manager</cite>
                            </figcaption>
                        </figure>
                        <a class="btn btn-arrow section-btn mtxxlg mbxxlg" href="team-member.html">
                            View {% include 'components/arrow-right-black.html' %}
                        </a>
                    </div>
                    <div class="team-member">
                        <figure>
                            <img src="_assets/img/team_03.jpg" alt="">
                            <figcaption>
                                <h3>Lina Hesham</h3>
                                <cite>Marketing Manager</cite>
                            </figcaption>
                        </figure>
                        <a class="btn btn-arrow section-btn mtxxlg mbxxlg" href="team-member.html#">
                            View {% include 'components/arrow-right-black.html' %}
                        </a>
                    </div>
                    <div class="team-member">
                        <figure>
                            <img src="_assets/img/team_03.jpg" alt="">
                            <figcaption>
                                <h3>Lina Hesham</h3>
                                <cite>Marketing Manager</cite>
                            </figcaption>
                        </figure>
                        <a class="btn btn-arrow section-btn mtxxlg mbxxlg" href="team-member.html">
                            View {% include 'components/arrow-right-black.html' %}
                        </a>
                    </div>
                </div>
                <div class="col-sm-3 col-xs-6 mob-off delay-400">
                    <div class="team-member">
                        <figure>
                            <img src="_assets/img/team_02.jpg" alt="">
                            <figcaption>
                                <h3>Employee</h3>
                                <cite>Title</cite>
                            </figcaption>
                        </figure>
                        <a class="btn btn-arrow section-btn mtxxlg mbxxlg mbxxlg" href="team-member.html">
                            View {% include 'components/arrow-right-black.html' %}
                        </a>
                    </div>
                    <div class="team-member">
                        <figure>
                            <img src="_assets/img/team_02.jpg" alt="">
                            <figcaption>
                                <h3>Employee</h3>
                                <cite>Title</cite>
                            </figcaption>
                        </figure>
                        <a class="btn btn-arrow section-btn mtxxlg mbxxlg mbxxlg" href="team-member.html">
                            View {% include 'components/arrow-right-black.html' %}
                        </a>
                    </div>
                    <div class="team-member">
                        <figure>
                            <img src="_assets/img/team_02.jpg" alt="">
                            <figcaption>
                                <h3>Employee</h3>
                                <cite>Title</cite>
                            </figcaption>
                        </figure>
                        <a class="btn btn-arrow section-btn mtxxlg mbxxlg mbxxlg" href="team-member.html">
                            View {% include 'components/arrow-right-black.html' %}
                        </a>
                    </div>
                </div>
                <div class="col-sm-3 col-xs-6 mob-off delay-500">
                    <div class="team-member">
                        <figure>
                            <img src="_assets/img/team_04.jpg" alt="">
                            <figcaption>
                                <h3>Employee</h3>
                                <cite>Title</cite>
                            </figcaption>
                        </figure>
                        <a class="btn btn-arrow section-btn mtxxlg mbxxlg" href="team-member.html">
                            View {% include 'components/arrow-right-black.html' %}
                        </a>
                    </div>
                    <div class="team-member">
                        <figure>
                            <img src="_assets/img/team_04.jpg" alt="">
                            <figcaption>
                                <h3>Employee</h3>
                                <cite>Title</cite>
                            </figcaption>
                        </figure>
                        <a class="btn btn-arrow section-btn mtxxlg mbxxlg" href="team-member.html">
                            View {% include 'components/arrow-right-black.html' %}
                        </a>
                    </div>
                    <div class="team-member">
                        <figure>
                            <img src="_assets/img/team_04.jpg" alt="">
                            <figcaption>
                                <h3>Employee</h3>
                                <cite>Title</cite>
                            </figcaption>
                        </figure>
                        <a class="btn btn-arrow section-btn mtxxlg mbxxlg" href="team-member.html">
                            View {% include 'components/arrow-right-black.html' %}
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="partners sec-pad">
    <div class="container">
        <div class="row">
            <div class="col-sm-8">
                <div class="our-team-heading">
                    <div class="row">
                        <div class="col-sm-4 col-xs-4">
                            <h2 class="no-margin">Meet Our<br> partner</h2>
                        </div>
                        <div class="col-sm-8 col-xs-8 delay-300">
                            <p>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>
            </div>
        </div>
        <div class="partners-slider-c">
            <div class="partner-slider">
                <div class="partner-slide">
                    <img src="_assets/img/partner.jpg" alt="">
                    <img class="mtxlg" src="_assets/img/partner.jpg" alt="">
                </div>
                <div class="partner-slide">
                    <img src="_assets/img/partner.jpg" alt="">
                    <img class="mtxlg" src="_assets/img/partner.jpg" alt="">
                </div>
                <div class="partner-slide">
                    <img src="_assets/img/partner.jpg" alt="">
                    <img class="mtxlg" src="_assets/img/partner.jpg" alt="">
                </div>
                <div class="partner-slide">
                    <img src="_assets/img/partner.jpg" alt="">
                    <img class="mtxlg" src="_assets/img/partner.jpg" alt="">
                </div>
                <div class="partner-slide">
                    <img src="_assets/img/partner.jpg" alt="">
                    <img class="mtxlg" src="_assets/img/partner.jpg" alt="">
                </div>
                <div class="partner-slide">
                    <img src="_assets/img/partner.jpg" alt="">
                    <img class="mtxlg" src="_assets/img/partner.jpg" alt="">
                </div>
                <div class="partner-slide">
                    <img src="_assets/img/partner.jpg" alt="">
                    <img class="mtxlg" src="_assets/img/partner.jpg" alt="">
                </div>
                <div class="partner-slide">
                    <img src="_assets/img/partner.jpg" alt="">
                    <img class="mtxlg" src="_assets/img/partner.jpg" alt="">
                </div>
                <div class="partner-slide">
                    <img src="_assets/img/partner.jpg" alt="">
                    <img class="mtxlg" src="_assets/img/partner.jpg" alt="">
                </div>
                <div class="partner-slide">
                    <img src="_assets/img/partner.jpg" alt="">
                    <img class="mtxlg" src="_assets/img/partner.jpg" alt="">
                </div>
                <div class="partner-slide">
                    <img src="_assets/img/partner.jpg" alt="">
                    <img class="mtxlg" src="_assets/img/partner.jpg" alt="">
                </div>
                <div class="partner-slide">
                    <img src="_assets/img/partner.jpg" alt="">
                    <img class="mtxlg" src="_assets/img/partner.jpg" alt="">
                </div>
                <div class="partner-slide">
                    <img src="_assets/img/partner.jpg" alt="">
                    <img class="mtxlg" src="_assets/img/partner.jpg" alt="">
                </div>
            </div>
        </div>
    </div>
</section>


{% endblock content %}