{% extends "layout.html" %}

{% set title = 'Visualization' %}

{% 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>a new brand software comapany based in Egypt, Cairo</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="modeling">
        <div class="container">
            <div class="portal modeling">
                <div class="row">
                    <div class="col-sm-6">
                        <div class="section-img img-bg">
                            {% include 'svg/modeling.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">digital maquette</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="game">
        <div class="container">
            <div class="portal game">
                <div class="row">
                    <div class="col-sm-6 col-sm-push-6">
                        <div class="section-img img-bg">
                            {% include 'svg/virtual.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">virtual reality (RealTour)</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">
                        <div class="section-img img-bg">
                            {% include 'svg/reality.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">augment reality (Smart Brochure)</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 service"><img src="_assets/img/ordochao.png" alt=""></div>
            </div>
        </div>
    </div>
    {% include 'partials/footer.html' %}

</div>

{% endblock content %}