<!doctype html>
<html lang="ru" xmlns="http://www.w3.org/1999/html" style="height: 100%">
<head>

    <meta charset="utf-8">
    <!--[if IE]>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>

    <title>MODEL.RU</title>
    <meta name="description" content="MODEL RU NETWORK">
    <meta name="keywords" content="moda, model, fation">
    <link rel="icon" href="/images/index2/mv.png" type="image/x-icon">
    <link rel="shortcut icon" href="/images/index2/mw.png" type="image/x-icon">

    <link rel="apple-touch-icon" href="/images/index2/mv.png">
    
<link href='//fonts.googleapis.com/css?family=Ubuntu:700' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Roboto:100,300,700' rel='stylesheet' type='text/css'>

<link rel="stylesheet" href="/css/index2/css/bootstrap.min.css" type="text/css" media="all"/>
<link rel="stylesheet" href="/css/index2/css/animate.css" type="text/css" media="all"/>
<link rel="stylesheet" href="/css/index2/css/font-awesome.min.css" type="text/css" media="all"/>
<link rel="stylesheet" href="/css/index2/css/font-lineicons.css" type="text/css" media="all"/>
<link rel="stylesheet" href="/css/index2/css/jquery.fancybox.css" type="text/css" media="all"/>
<link rel="stylesheet" href="/css/index2/css/style.css" type="text/css" media="all"/>




<!--[if lt IE 9]>
<script type="text/javascript" src="/js/index2/js/jquery-1.11.0.min.js?ver=1"></script>
<![endif]-->
<!--[if (gte IE 9) | (!IE)]><!-->
<script type="text/javascript" src="/js/index2/js/jquery-2.1.0.min.js?ver=1"></script>
<!--<![endif]-->


<script src="//maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false"></script>

<!--<script type="text/javascript" src="/js/index2/jquery.tubular.1.0.js"></script>-->


<script type="text/javascript" src="/js/index2/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/index2/js/jquery.nav.js"></script>
<script type="text/javascript" src="/js/index2/js/jquery.appear.js"></script>
<script type="text/javascript" src="/js/index2/js/jquery.countTo.js"></script>
<script type="text/javascript" src="/js/index2/js/waypoints.min.js"></script>
<script type="text/javascript" src="/js/index2/js/waypoints-sticky.min.js"></script>
<script type="text/javascript" src="/js/index2/js/jquery.fancybox.js"></script>
<script type="text/javascript" src="/js/index2/mailchimp/js/mailing-list.js"></script>

<script type="text/javascript" src="/js/index2/map.js"></script>
<script type="text/javascript" src="/js/index2/lib/bootbox.min.js"></script>
<script type="text/javascript" src="/js/index2/lib/raphael-min.js"></script>

<script type="text/javascript" src="/js/index2/js/scripts.js"></script>







<!--[if lt IE 9]>
<script src="/js/index2/js/html5.js"></script>
<script src="/js/index2/js/respond.min.js"></script>
<![endif]-->

</head>

<body id="index" style="height: 100%">

<header id="mobileheader" class="navigation-bar-header light visible-xs"></header>

<div class="modal fade js-modal-signin" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <script type="text/javascript"></script>
        <form class=" form-builder " method="post" id="Account_signin" action="">            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Войти сейчас</h4>
            </div>
            <div class="modal-body">
                <div id="login-form">

                    <div class="form-error-list-box js-error-text" style="color: red">
                                                <br/>
                    </div>

                    <label for="Account_signin_email">Email или телефон</label>
                    <input type="text" placeholder="Email или телефон (+71234567)" class="form-control margin-bottom-button" id="Account_signin_email" name="email" / value="">
                    <label for="Account_signin_password">Пароль</label>
                    <input type="password" placeholder="" class="form-control margin-bottom-button" id="Account_signin_password" name="password" / value="">
                    <div class="clearfix"></div>
                    <a id="button-forget"  data-toggle="modal" data-target="#myModal2" href="javascript:$('#myModal').modal('hide');" style="    margin-top: 30px;" class="pull-right">Забыли пароль?</a>
                    <div><label for="Account_signin_remember_me_1" class="checkbox"><input type="checkbox" placeholder="" class="form-control margin-bottom-button" id="Account_signin_remember_me_1" name="remember_me[]" value="1" checked="checked" />
Запомнить меня</label>
</div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Закрыть</button>
                <button type="submit" class="btn btn-primary">Войти</button>
            </div>
            <input type="hidden" name="form" value="Account_signin"></form>        </div>
    </div>
</div>

<div class="modal fade js-forget-password" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <script type="text/javascript"></script>
        <form class=" form-builder " method="post" id="Account_forget" action="">            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Востановление пароля</h4>
            </div>
            <div class="modal-body">
                <div id="login-form">

                    <div class="form-error-list-box js-error" style="color: red">
                                                <br/>
                    </div>

                    <label for="Account_forget_email">Email или телефон</label>
                    <input type="text" placeholder="Email или телефон (+71234567)" class="form-control margin-bottom-button" id="Account_forget_email" name="email" / value="">
                </div>
                <div class="success" style="color: darkgreen;font-size: 20px; margin-top: 15px; display: none">
                    Пароль выслан по смс или на вашу почту.
                </div>
            </div>
            <div class="modal-footer">
                <a id="button-return" href="javascript:changeDialog('#myModal','#myModal2')" style="margin-left: 10px; margin-top: 5px; display: none;" class="pull-right">Войти сейчас?</a>
                <button type="button" class="btn btn-default" data-dismiss="modal">Закрыть</button>
                <button type="submit" class="btn btn-primary">Востановить</button>
            </div>
            <input type="hidden" name="form" value="Account_forget"></form>        </div>
    </div>
</div>

<section id="hero" class="light" style="height: 100%">
    <div class="top-box">
        <div class="auth">
            <span class="featured"><a href="#" data-toggle="modal" data-target="#myModal" style="color: white"><i class="fa fa-sign-in fa-1x"></i>Войти</a></span>
        </div>
    </div>
    <video id="video-container3" webkit-playsinline="webkit-playsinline" style="z-index:0;position: absolute;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    "
    title="MODEL" width="1000" height="500"  muted="muted" loop="loop">
            <source src="/images/video/MODEL.webm" type="video/webm">
            <source src="/images/video/MODEL.mp4" type="video/mp4">
        </video>

    </video>


    <div class="overlay opacity0"></div>




    <div class="container">
        <div class="home-bg">
            <div class="hero-content text-center ">

                <div class="hero-small">
                    <hr><span>BECOME A PART OF THE MODEL WORLD</span><hr>
                </div>
                <div class="hero-big"><img src="/images/index2/logo.png"></div>
                <div class="hero-normal">Сервис букинга моделей</div>

                <div align="center">
                    <a href="/invite/model" class="btn btn-xs btn-secondary btn-main"> <span>Моделям</span></a>
                    <a href="/invite/agency" class="btn btn-xs btn-secondary btn-main">Агентствам</a>
                    <a href="/invite/customer" class="btn btn-xs btn-secondary btn-main">Заказчикам</a>
                </div>

            </div>
        </div>
    </div>

</section>


<header id="header" class="navigation-bar-header light hidden-xs">
    <div class="container">
        <nav class="navigation">
            <button class="navigation-toggle visible-xs pull-left" style="margin-left: 8px" type="button"  data-toggle="modal" data-target="#myModal"  >
                &nbsp;<i class="fa fa-sign-in fa-1x"></i>&nbsp;Войти
            </button>
            <div class="navigation-txt visible-xs" data-toggle="dropdown">Меню</div>
            <button class="navigation-toggle visible-xs" type="button" data-toggle="dropdown">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <ul class="navigation-bar navigation-bar-left">
                <li><a href="#about">О нас</a></li>
                <li><a href="#experts">Эксперты</a></li>
                <li><a href="#programs">Программы</a></li>
                <li><a href="#register">Регистрация</a></li>
                <li><a href="#partners">Партнеры</a></li>
                <li><a href="#subscribe">Подписка</a></li>
                <li><a href="#partnership">Партнерство</a></li>
                <li><a href="#map">Контакты</a></li>
<!--                <li class="featured"><a href="#" data-toggle="modal" data-target="#myModal" style="color: white"><i class="fa fa-sign-in fa-1x"></i>Sign up</a></li>-->
            </ul>
        </nav>
    </div>
</header>
<section id="about" class="section dark">
    <div class="container">
    <div class="icon-wrap"><span class="icon icon-active icon-education-science-09"></span></div>
    <h3>Инновации в модельном мире</h3>

    <div class="sub-title">мы привнесём в Ваш бизнес больше фана и денег</div>
    <br/>
    <br/>
    <section class="nav-tabs-simple">
        <!-- Nav tabs -->
        <ul class="nav nav-tabs nav-justified">
            <li class="active"><a href="#htmlcss" data-toggle="tab"><i class="icon icon-faces-users-02"></i><div class="m-tabs">Моделям</div></a></li>
            <li><a href="#jquery" data-toggle="tab"><i class="icon icon-faces-users-04"></i><div class="m-tabs">Агентствам</div></a></li>
            <li><a href="#php" data-toggle="tab"><i class="icon icon-office-02"></i><div class="m-tabs">Клиентам</div></a></li>
        </ul>


        <!-- Tab panes -->
        <div class="tab-content">
            <div class="tab-pane fade in active" id="htmlcss">
                <article class="row">
                    <div class="col-md-5 col-sm-5 hidden-xs animated hiding" data-animation="fadeInLeft"
                         data-delay="500">
                        <img class="img-responsive" src="/images/index2/444.jpg" alt="starbuck"/>
                    </div>
                    <div class="col-md-6 col-sm-6 text-left animated hiding" data-animation="fadeInRight"
                         data-delay="500">
                        <p>Лёгкая возможность получить больше работы по всему миру.</p>

                        <p>С этого момента, где бы Вы не находились, мы предоставим Вам уникальные возможности работы</p>
                        <ul class="sub-list">
                            <li><i class="icon icon-badges-votes-10"></i>Директ букинг</li>
                            <li><i class="icon icon-badges-votes-10"></i>Тысячи клиентов по всему миру</li>
                            <li><i class="icon icon-badges-votes-10"></i>Гарантированная оплата</li>
                        </ul>
                    </div>
                </article>
            </div>
            <div class="tab-pane fade" id="jquery">
                <article class="row">
                    <div class="col-md-6 col-sm-6 text-left animated hiding" data-animation="fadeInLeft"
                         data-delay="500">
                        <p>Невероятные возможности, получения новых клиентов и поиска новых лиц.</p>

                        <p>Вы можете получать заказы прямо на свой мобильный телефон, так же получать доступ к новым клиентам по всему миру.</p>
                        <ul class="sub-list">
                            <li><i class="icon icon-badges-votes-10"></i>Прямые заказы</li>
                            <li><i class="icon icon-badges-votes-10"></i>Поток новых клиентов</li>
                            <li><i class="icon icon-badges-votes-10"></i>Поиск новых лиц</li>
                        </ul>
                    </div>
                    <div class="col-md-5 col-sm-5 animated hiding  hidden-xs" data-animation="fadeInRight"
                         data-delay="500">
                        <img class="img-responsive" src="/images/index2/222.png" alt="placeholder"/>
                    </div>
                </article>
            </div>
            <div class="tab-pane fade" id="php">
                <article class="row">
                    <div class="col-md-5 col-sm-5 animated hiding  hidden-xs" data-animation="fadeInLeft"
                         data-delay="500">
                        <img class="img-responsive" src="/images/index2/333.png" alt="iphone"/>
                    </div>
                    <div class="col-md-6 col-sm-6 text-left animated hiding" data-animation="fadeInRight"
                         data-delay="500">
                        <p>Самый быстрый и простой способ найма моделей</p>

                        <p>Вы можете подобрать моделей для Вашего проекта за 5 минут.</p>
                        <ul class="sub-list">
                            <li><i class="icon icon-badges-votes-10"></i>Тысячи моделей доступных для директ букинга
                            </li>
                            <li><i class="icon icon-badges-votes-10"></i>Огромное количество агентств для помощи в Ваших проектах
                            </li>
                            <li><i class="icon icon-badges-votes-10"></i>Поддержка и контроль качества</li>
                        </ul>
                    </div>
                </article>
            </div>
        </div>
    </section>
</div>
</section>

<section id="stat" class="section light">
        <div class="overlay"></div>
    <div class="container">

        <div class="row">
            <div class="col-md-3 col-sm-3 col-xs-6">
                <div class="counter animated fadeInDown visible" data-animation="fadeInDown" data-delay="0">
                    <div class="stat"><span class="value" data-from="9432" data-to="10000">10000</span>+</div>
                    <div class="stat-info">моделей</div>
                    <hr>
                </div>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-6">
                <div class="counter animated fadeInDown visible" data-animation="fadeInDown" data-delay="500">
                    <div class="stat"><span class="value" data-from="467" data-to="500">500</span>+</div>
                    <div class="stat-info">агентств</div>
                    <hr>
                </div>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-6">
                <div class="counter animated fadeInDown visible" data-animation="fadeInDown" data-delay="1000">
                    <div class="stat"><span class="value" data-from="676" data-to="750">750</span>+</div>
                    <div class="stat-info">клиентов</div>
                    <hr>
                </div>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-6">
                <div class="counter animated fadeInDown visible" data-animation="fadeInDown" data-delay="1500">
                    <div class="stat"><span class="value" data-from="2165" data-to="2500">2500</span>+</div>
                    <div class="stat-info">проектов</div>
                    <hr>
                </div>
            </div>
        </div>
    </div>
</section>

<section id="experts" class="section light">
        <div class="overlay"></div>
    <div class="container">
        <div class="icon-wrap"><span class="icon icon-active icon-badges-votes-03"></span></div>
        <h3>Эксперты</h3>
        <div class="sub-title">Мы улучшаем Ваш бизнес, объединяя инновационные технологии и опыт специалистов индустрии.</div>
        <br />
        <br />
        <section class="row">
            <div class="col-md-3 col-sm-3 col-xs-6">
                <div class="speaker-item animated hiding" data-animation="fadeInUp" data-delay="0">
                    <div class="img-wrapper">
                        <img src="/images/index2/person/n1.jpg" width="142" class="img-responsive img-circle" alt="Alain Attia" />
                    </div>
                    <div class="name">Антон Алфер</div>
                    <div class="sub">Продюсер</div>
                    <p class="small">Информационные технологии изменили этот мир. Юберизация экономики меняет его ещё больше и открывает скорейший путь к успеху в каждой отдельно взятой сфере деятельности. Взгляните на этот мир по-новому!</p>
                                    </div>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-6">
                <div class="speaker-item animated hiding" data-animation="fadeInUp" data-delay="500">
                    <div class="img-wrapper">
                        <img src="/images/index2/person/n2.jpg" width="142" class="img-responsive img-circle" alt="Gisele Bundchen" />
                    </div>
                    <div class="name">Александр Трещёв</div>
                    <div class="sub">Адвокат, эксперт по международному праву</div>
                    <p class="small">Где бы ты не оказался, бери свое не раздумывая, чтобы делиться с другими! А мы поможем правильно оформить и защитить свои права.</p>

                                   </div>
            </div>

            <div class="clearfix visible-xs"></div>
            <div class="col-md-3 col-sm-3 col-xs-6">
                <div class="speaker-item animated hiding" data-animation="fadeInUp" data-delay="1000">
                    <div class="img-wrapper">
                        <img src="/images/index2/lyon.png" width="142" class="img-responsive img-circle" alt="Steven Lyon" />
                    </div>
                    <div class="name">Steven Lyon</div>
                    <div class="sub">Photographer, filmmaker</div>
                    <p class="small">Faster, further, higher</p>
                                  </div>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-6">
                <div class="speaker-item animated hiding" data-animation="fadeInUp" data-delay="1500">
                    <div class="img-wrapper">
                        <img src="/images/index2/person/n4.jpg" width="142" class="img-responsive img-circle" alt="Philipp Plein" />
                    </div>
                    <div class="name">Граф Жак Фон Полье</div>
                    <div class="sub">Владелец бренда</div>
                    <p class="small">Без денег на рекламу можно продвигать только что-то уникальное, а пути и способы продвижения должны быть очень креативными.</p>
                                   </div>
            </div>
        </section>
            </div>
</section>

<section id="programs" class="section dark">
    <div class="container">
    <div class="icon-wrap"><span class="icon icon-active icon-arrows-37"></span></div>
    <h3>Аффилированные программы</h3>

    <div class="sub-title">Монетизируйте Ваши контакты и зарабатывайте вместе с друзьями</div>
    <br/>
    <br/>
    <section class="nav-tabs-default hidden-xs">
        <!-- Parent Nav Tabs -->
        <ul class="nav nav-tabs">
            <li class="active"><a href="#DayOne" data-toggle="tab">
                    <div class="title">Реферальная программа</div>
                                    </a></li>
            <li><a href="#DayTwo" data-toggle="tab">
                    <div class="title">White lable</div>
                                    </a></li>
            <li><a href="#DayThree" data-toggle="tab">
                    <div class="title">Франшиза</div>
                                    </a></li>
        </ul>

        <!-- Parent Tab panes -->
        <div class="tab-content">

            <div class="tab-pane fade in active" id="DayOne">

                <div class="tab-content">
                    <div class="tab-pane fade in active" id="DayOne-1">
                        <article>

                            <h4 class="highlight">Пригласите друзей</h4>
                            <p>Если у Вас много друзей, просто пригласите их. Вы никогда не знаете, кто из них вдруг станет топ моделью, а кто известным фотографом. Если Вы не пригласите их, кто-то другой это сделает, и тогда Вы потеряете возможности зарабатывать вместе с ними. Не упустите свой шанс.</p>

                            <h4 class="highlight">Приглашайте моделей</h4>
                            <p>Если Вы знаете много моделей, это Ваш шанс получить много фана и заработать, сделав всего несколько кликов.</p>

                            <h4 class="highlight">Приглашайте агентства</h4>
                            <p>Вы получите комиссию с оборота каждого модельного агентства, которое Вы пригласите.</p>

                            <h4 class="highlight">Приглашайте профессионалов</h4>
                            <p>Если Вы в фэшн бизнесе, Вы можете очень просто пригласить Ваших коллег: фотографов, визажистов, стилистов, и получить комиссию с их работ.</p>

                            <h4 class="highlight">Приглашайте клиентов</h4>
                            <p>Вы получите комиссию с оборота любого продакшена, бренда, выставки, клуба или любого клиента, которого Вы пригласили.</p>

                        </article>
                    </div>
                </div>
                <div class="clearfix"></div>

            </div>
            <div class="tab-pane fade" id="DayTwo">


                <!-- Child 2 Tab panes -->
                <div class="tab-content">
                    <div class="tab-pane fade in active" id="DayTwo-1">
                        <article>
                            <h4 class="highlight">Станьте частью MODEL WORLD</h4>
                            <p>Если у Вас есть доменное имя или Вы хотите сделать и раскрутить свой сайт, специализирующийся на модельном бизнесе, Вы можете заказать “white lable”, и стать частью сети MODEL WORLD с собственным доменном. Это позволит Вам иметь постоянный заработок с оборота всех пользователей, которые зарегистрируются в системе через Вас.</p>
                        </article>
                    </div>
                </div>

            </div>
            <div class="tab-pane fade" id="DayThree">

                <!-- Child 3 Tab panes -->
                <div class="tab-content">
                    <div class="tab-pane fade in active" id="DayThree-1">
                        <article>
                            <h4 class="highlight">Станьте частью команды</h4>
                            <p>Если Вы хотите участвовать в управлении MODEL WOLRD и стать национальным или региональным представителем, пожалуйста пришлите Ваш запрос.</p>
                        </article>
                    </div>
                </div>

            </div>

        </div>
    </section>

    </div>
</section>

<section id="register" class="section light">
    <div class="overlay"></div>
<div class="container">
    <article class="article-big animated hiding" data-animation="fadeInUp" data-delay="0">
        <h5>Станьте частью MODEL WORLD сейчас!</h5>

        <p>Для регистрации на MODEL WORLD пожалуйста введите адрес электронной почты.</p>
        <br/>


        <form id="askForm" class="form" action="" method="post">
            <div class="form-group form-inline">
                <input type="email" class="form-control required" id="NewsletterEmail" name="email"
                       placeholder="your@email.com"/>
                <input type="button" id="askBtn1" class="btn btn-xs btn-default hidden-xs" value="Отправить"/>
                <input type="button" id="askBtn2" class="btn btn-xs btn-default btn-block visible-xs" value="Отправить"/>
                <span id="response"></span>
            </div>
            <input type="hidden" name="ask">
        </form>


        <script>
            function myTrim(x) {
                if(typeof ''.trim === 'function'){
                    return x.trim()
                }else{
                    return x.replace(/^\s+|\s+$/gm,'');
                }
            }

            $('#askBtn1,#askBtn2').on('click',function() {
                var valid = true;
                var el = $('form#askForm [name=email]');
                var val = el.val();
                val = myTrim(val);
                if(val.length < 2){
                    el.addClass('error-field');
                    valid = false;
                }else{
                    el.removeClass('error-field');

                    if(val.indexOf('@') == -1 || val.indexOf('.') == -1){
                        el.addClass('error-field');
                        valid = false;
                    }
                }
                $('form#askForm .error-field')
                    .animate({ "margin-left": "+=10px" }, 100 )
                    .animate({ "margin-left": "-=20px" }, 100 )
                    .animate({ "margin-left": "+=20px" }, 100 )
                    .animate({ "margin-left": "-=20px" }, 100 )
                    .animate({ "margin-left": "+=20px" }, 100 )
                    .animate({"margin-left": "-=10px"}, 100);

                if (valid) {
                    $.ajax({
                        url: "/requestInvite",
                        method: 'post',
                        dataType: "json",
                        data: $('form#askForm').serialize(),
                        success: function (ansver) {
                            console.log(ansver);
                            if (ansver['status'] == 'ok') {
                                $('form#askForm [type=email]').val('');
                                alert('Ваша заявка принята');
                            } else {
                                alert('Неверно указан email');
                            }
                        }
                    });
                }
            });



//            $('#askBtn1,#askBtn2').on('click',function(){
//                $.ajax({
//                    url: "/action.php",
//                    method: 'post',
//                    dataType: "json",
//                    data: $('form#ask').serialize(),
//                    success: function(ansver){
//                        if (ansver['status']=='ok'){
//                            $('form#askForm [type=email]').val('');
//                        }
//                        bootbox.dialog({
//                            title: "Invite requirement",
//                            message: ansver['message'],
//                            buttons: {
//                                main: {
//                                    label: "Ok",
//                                    className: "btn-primary",
//                                }
//                            },
//                        });
//                    }
//                });
//            });
        </script>
    </article>
</div>
</section>

<section id="partners" class="section dark">
        <div class="container">
        <div class="icon-wrap"><span class="icon icon-active icon-documents-bookmarks-12"></span></div>
        <h3>Наши партнёры</h3>
        <br/>
        <div class="row">
            <ul class="list-inline">
                <style>
                    .partner{
                        margin:15px;
                    }
                </style>
                <li><a class="partner" href="#" target="_blank"><img width="143" height="" src="/images/index2/partners/emirates.png" alt="sponsor-2" /></a></li>
                <li><a class="partner" href="#" target="_blank"><img width="143" height="" src="/images/index2/partners/hiltonbrandlogo.jpg" alt="sponsor-3" /></a></li>
                <li><a class="partner" href="#" target="_blank"><img width="143" height="" src="/images/index2/partners/p3.jpg" alt="sponsor-1" /></a></li>
                <li><a class="partner" href="#" target="_blank"><img width="143" height="" src="/images/index2/partners/p4.png" alt="sponsor-4" /></a></li>
                <li><a class="partner" href="#" target="_blank"><img width="143" height="" src="/images/index2/partners/p5.png" alt="sponsor-5" /></a></li>
            </ul>


        </div>
    </div>
</section>

<section id="subscribe" class="section light">
    <div class="overlay"></div>
<div class="container">
    <article class="article-big animated hiding" data-animation="fadeInDown" data-delay="0">
        <h5><span class="highlight">Подписаться</span> на новости</h5>
        <p>Спама нет - только  <span class="highlight">последние новости</span> и обновления о деятельности!</p>



        <form id="subscribe" class="form" action="/action.php" method="post">
            <div class="form-group form-inline">
                <input type="email" class="form-control required" id="NewsletterEmail" name="email"
                       placeholder="your@email.com"/>
                <input type="button" id="subscribeBtn1" class="btn btn-xs btn-default hidden-xs" value="Отправить"/>
                <input type="button" id="subscribeBtn2" class="btn btn-xs btn-default btn-block visible-xs" value="Отправить"/>

                <span id="response"></span>
            </div>
            <input type="hidden" name="subscribe">
        </form>
        <script>
            jQuery(document).ready(function(){
                function myTrim(x) {
                    if(typeof ''.trim === 'function'){
                        return x.trim()
                    }else{
                        return x.replace(/^\s+|\s+$/gm,'');
                    }
                }
                $('#subscribeBtn1,#subscribeBtn2').on('click',function(){

                    var valid = true;

                    var el = $('form#subscribe [name=email]');
                    var val = el.val();
                        val = myTrim(val);
                        if(val.length < 2){
                            el.addClass('error-field');
                            valid = false;
                        }else{
                            el.removeClass('error-field');

                            if(val.indexOf('@') == -1 || val.indexOf('.') == -1){
                                el.addClass('error-field');
                            }

                        }
                    $('form#subscribe .error-field')
                        .animate({ "margin-left": "+=10px" }, 100 )
                        .animate({ "margin-left": "-=20px" }, 100 )
                        .animate({ "margin-left": "+=20px" }, 100 )
                        .animate({ "margin-left": "-=20px" }, 100 )
                        .animate({ "margin-left": "+=20px" }, 100 )
                        .animate({"margin-left": "-=10px"}, 100);

                    if(valid){
                        $.ajax({
                            url: "/subscribe",
                            method: 'post',
                            dataType: "json",
                            data: $('form#subscribe').serialize(),
                            success: function(ansver){
                                if (ansver['status']=='ok'){
                                    $('form#subscribe [type=email]').val('');
                                }
                                alert('Спасибо за подписку');
                            }
                        });
                    }

                });
            })
        </script>
    </article>
</div></section>

<section id="partnership" class="section dark">
    <div class="container">
    <div class="icon-wrap"><span class="icon icon-active icon-realestate-living-03"></span></div>
    <h3>Стать партнёром</h3>
    <br/>
    <br/>

    <form id="partnership" class="form" method="post" action="/action.php">
        <input type="hidden" name="newPartner">
        <div class="text-center">
            <div class="form-group row">
                <div class="col-md-6 col-md-offset-3">
                    <input type="text" class="form-control" name="name" placeholder="Имя"/>
                </div>
            </div>

            <div class="form-group row">
                <div class="col-md-6 col-md-offset-3">
                    <input type="text" class="form-control" name="phone" placeholder="Телефон"/>
                </div>
            </div>


            <div class="form-group row">
                <div class="col-md-6 col-md-offset-3">
                    <input type="text" class="form-control" name="email" placeholder="Email"/>
                </div>
            </div>

            <div class="form-group row">
                <div class="col-md-6 col-md-offset-3">
                    <textarea class="form-control" placeholder="Комментарий" rows="3" name="message" style="height: auto"></textarea>
                </div>
            </div>

            <input type="button" id="partnershipBtn" class="btn btn-lg btn-primary" value="Отправить"/>
        </div>
    </form>


    <script>
        jQuery(document).ready(function(){
            function myTrim(x) {
                if(typeof ''.trim === 'function'){
                    return x.trim()
                }else{
                    return x.replace(/^\s+|\s+$/gm,'');
                }
            }



        $('#partnershipBtn').on('click',function(){

            var field = ['email', 'name', 'phone', 'message'];
            var form = $('form#partnership').serializeArray();
            var valid = true;
            for( var i in field ){
                var el = $('form#partnership [name=' + field[i] + ']');
                var val = el.val();
                val = myTrim(val);
                if(val.length < 2){
                    el.addClass('error-field');
                    valid = false;
                }else{
                    el.removeClass('error-field');
                    if(field[i] == 'email'){
                        if(val.indexOf('@') == -1 || val.indexOf('.') == -1){
                            el.addClass('error-field');
                        }
                    }
                }
            }


            $('form#partnership .error-field')
                .animate({ "margin-left": "+=10px" }, 100 )
                .animate({ "margin-left": "-=20px" }, 100 )
                .animate({ "margin-left": "+=20px" }, 100 )
                .animate({ "margin-left": "-=20px" }, 100 )
                .animate({ "margin-left": "+=20px" }, 100 )
                .animate({"margin-left": "-=10px"}, 100);

            if(valid){
                $.ajax({
                    url: "/partner",
                    method: 'post',
                    dataType: "json",
                    data: $('form#partnership').serialize(),
                    success: function(ansver){
                        if(ansver['status']=='ok') {
                            $('form#partnership [name=name]').val('');
                            $('form#partnership [name=email]').val('');
                            $('form#partnership [name=phone]').val('');
                            $('form#partnership [name=message]').val('');
                        }
                        alert('Спасибо. \nМы ответим на вашу заявку так быстро, насколько это возможно.');
                    }
                });
            }

        });

        })
        </script>
</div>


</section>
<section id="map" class="dark">
    <div id="canvas-map"></div>
<div class="container">
    <div class="row">
        <div class="col-md-5 col-sm-7 animated hiding location" data-animation="fadeInLeft" data-delay="0">

            <script>
                mapCord = [55.753301, 37.606263];
            </script>
            <h4>MODEL.RU</h4>
            <ul itemscope="" itemtype="http://schema.org/PostalAddress">
                <li itemprop="address"><i class="fa fa-map-marker highlight"></i>
                ул. Воздвиженка, 10
Москва, 125009
Россия
                </li>
                <li itemprop="email"><i class="fa fa-envelope highlight"></i>office@model.ru</li>
                            </ul>
        </div>
    </div>
</div>
</section>

<footer id="footer"></footer>

<div class="back-to-top"><i class="fa fa-angle-up fa-3x"></i></div>
<script>

    function changeDialog(show,hide) {
        $(hide).modal('toggle');
        $(show).modal('show');
    }

    var resize = function () {
        var ratio = 640 / 360;
        var n = 0;
        var heightcorrection = 0,
            width = $(window).width(),
            pWidth,
            height = $(window).height() - heightcorrection,
            pHeight,
            $videoPlayer = $('#video-container3');

        pWidth = Math.ceil(height * ratio);
        pHeight = Math.ceil( width/ratio);

        if(width > pWidth){
            $videoPlayer.width(width).height(pHeight).css({
                left: '0px',
                top: (0-n)+'px',
            });
        }else{
            $videoPlayer.width(pWidth).height(height+ 2*n).css({
                left: (width - pWidth) / 2 + 'px',
                top: (0-n)+'px',
            });
        }

    };

    jQuery(window).resize(function(){
        resize();
    });


    jQuery(document).ready(function ($) {

        resize();
        $(document).bind('touchstart', function(e) {
            document.getElementById('video-container3').play();
        });
        document.getElementById('video-container3').play();

        if(window.location.search.indexOf('auth=on') != -1){
            $('#myModal').modal('show');
        }
        $('#myModal2').on('show.bs.modal', function (e) {
            $('#myModal').modal('hide');
        });

        $('.js-modal-signin').on('submit', '#Account_signin', function (e) {
            e.preventDefault();
            var $errorBlock = $(".js-modal-signin .js-error-text");
            $errorBlock.hide();
            $.post('/signin', $(this).serializeArray(), function (r) {
                if (typeof r == "object" && r.redirect && typeof r.redirect !== "undefined") {
                    window.location = '//' + window.location.hostname + r.redirect;
                } else if (r.status == "error") {
                    $errorBlock.html(r.msg).show();
                }

            }, "JSON");
        });

        $('.js-forget-password').on('submit', '#Account_forget', function (e) {
            e.preventDefault();
            var $blockError = $('#Account_forget div.form-error-list-box');
            $blockError.hide();
            $.post('/forget', $(this).serializeArray(), function (r) {
                if (r.status == 'ok') {
                    $('#button-return').show();
                    $('div.success').show();
                    $('#Account_forget').removeClass('js-form-error');
                    $('#Account_forget').find('button[type=submit]').prop('disabled', true);
                } else if (r.status == "error") {
                    $blockError.html(r.msg).show();
                }

            }, "JSON")
        })

    })

</script>
</body>
<style>
    #video-container {
        touch-action: pan-y !important;
    }
</style>
</html>