{% extends "layout.html" %}

{% set title = 'Software development' %}

{% block content %}


<div id="fullpage">
    <div class="section" id="intro">
        <div class='container'>
            <div class="intro-content">
                <div id="holder">
                    <h2 class="no-margin mbmd">Welcome to OrdoChao</h2>
                    <div id="slogans">
                        <p class="slogan text-center"><strong>We'd love to hear from you!</strong></p>
                        <p class="slogan text-center"><strong>a new brand software comapany based</strong></p>
                        <p class="slogan text-center"><strong>a new brand software comapany</strong></p>
                        <p class="slogan text-center"><strong>a new brand software comapany based in Egypt,</strong></p>
                        <p class="slogan text-center"><strong>a new brand software comapany based in</strong></p>
                        <p class="slogan text-center"><strong>a new brand software</strong></p>
                    </div>
                </div>
                <div class="mouse">
                    <div class="scroll"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="section" id="bim">
        <div class="container">
            <div class="portal bim">
                <div class="row">
                    <div class="col-sm-6">
                        <div class="section-img img-bg">
                            {% include 'svg/web-1.html' %}
                            <img src="_assets/img/visual-bg.png" alt="">
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="vcenter">
                            <div class="section-text">
                                <h2 class="text-left">
                                    <strong class="text-semibold blue-text capitalize">web development</strong><br>
                                </h2>
                                <p>
                                    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Libero iure quia ea unde pariatur aliquam, harum rerum nihil earum quasi veniam, reiciendis molestias. Expedita             reprehenderit quidem non, recusandae architecto magnam.
                                </p>
                                <button class="btn mtxlg" data-hover  data-toggle="modal" data-target="#moreInfo">Read more</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="circle service"><img src="_assets/img/ordochao.png" alt=""></div>
            </div>
        </div>
    </div>
    <div class="section" id="reality">
        <div class="container">
            <div class="portal reality">
                <div class="row">
                    <div class="col-sm-6 col-sm-push-6">
                        <div class="section-img img-bg">
                            {% include 'svg/mobile-1.html' %}
                            <img src="_assets/img/visual-bg.png" alt="">
                        </div>
                    </div>
                    <div class="col-sm-6 col-sm-pull-6">
                        <div class="vcenter">
                            <div class="section-text">
                                <h2 class="text-left">
                                    <strong class="text-semibold blue-text capitalize">mobile apps</strong>
                                </h2>
                                <p>
                                    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Libero iure quia ea unde pariatur aliquam, harum rerum nihil earum quasi veniam, reiciendis molestias. Expedita             reprehenderit quidem non, recusandae architecto magnam.
                                </p>
                                <button class="btn mtxlg" data-hover  data-toggle="modal" data-target="#moreInfo">Read more</button>
                            </div>
                        </div>
                    </div>
                </div>
                <!--<div class="circle "></div>-->
            </div>
        </div>
    </div>
    <div class="section" id="embeded">
        <div class="container">
            <div class="portal embeded">
                <div class="row">
                    <div class="col-sm-6">
                        <div class="section-img img-bg">
                            {% include 'svg/enterprise-1.html' %}
                            <img src="_assets/img/visual-bg.png" alt="">
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="vcenter">
                            <div class="section-text">
                                <h2 class="text-left">
                                    <strong class="text-semibold blue-text capitalize">enterprise apps</strong><br>
                                </h2>
                                <p>
                                    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Libero iure quia ea unde pariatur aliquam, harum rerum nihil earum quasi veniam, reiciendis molestias. Expedita             reprehenderit quidem non, recusandae architecto magnam.
                                </p>
                                <button class="btn mtxlg" data-hover  data-toggle="modal" data-target="#moreInfo">Read more</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="circle service"><img src="_assets/img/ordochao.png" alt=""></div>
            </div>
        </div>
    </div>
    <div class="section" id="management">
        <div class="container">
            <div class="portal management">
                <div class="row">
                    <div class="col-sm-6 col-sm-push-6">
                        <div class="section-img img-bg">
                            {% include 'svg/game.html' %}
                            <img src="_assets/img/visual-bg.png" alt="">
                        </div>
                    </div>
                    <div class="col-sm-6 col-sm-pull-6">
                        <div class="vcenter">
                            <div class="section-text">
                                <h2 class="text-left">
                                    <strong class="text-semibold blue-text capitalize">game development</strong><br>
                                </h2>
                                <p>
                                    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Libero iure quia ea unde pariatur aliquam, harum rerum nihil earum quasi veniam, reiciendis molestias. Expedita             reprehenderit quidem non, recusandae architecto magnam.
                                </p>
                                <button class="btn mtxlg" data-hover  data-toggle="modal" data-target="#moreInfo">Read more</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="circle service"><img src="_assets/img/ordochao.png" alt=""></div>
            </div>
        </div>
    </div>

    {% include 'partials/footer.html' %}
</div>
{% endblock content %}