landing-work.php 18 KB
<?php
    use yii\helpers\Html;

?>
<div class="section-box content">
    <div class="section-box-12 section-box-13">
        <div class="box-wr">
            <div class="box-all">
                <div class="landing-reg-title">Начните работать с нами!</div>
                <div class="landing-reg-button style">
                    <?php
                        echo Html::a('Хочу работать', [ 'site/registration' ]);
                    ?>
                </div>
                <div class="landing-reg-txt style">
                    Размещайте резюме и портфолио, общайтесь с менеджерами<br/>ведущих компаний, получайте работу мечты.
                </div>
            </div>
        </div>
    </div>
    <div class="section-box-6 new-buisnes-freelance">
        <div class="box-wr">
            <div class="box-all">
                <div class="landing-your-buisnes-tit style">Стройте свой бизнес</div>
                <div class="landing-your-buisnes-anim-wr style">
                    <div class="landing-your-buisnes-blocks">
                        <div style="background-position: 17px 0" class="lan_yo_buis_img style"></div>
                        <div class="lan_yo_buis_txt style">Выращивайте<br/>рейтинг</div>
                    </div>
                    <div class="landing-your-buisnes-blocks">
                        <div style="background-position: -303px 0" class="lan_yo_buis_img style"></div>
                        <div class="lan_yo_buis_txt style">Заполняйте<br/>портфолио</div>
                    </div>
                    <div class="landing-your-buisnes-blocks">
                        <div style="background-position: -623px 0" class="lan_yo_buis_img style"></div>
                        <div class="lan_yo_buis_txt style">Получайте больше<br/>доверия</div>
                    </div>
                    <div class="landing-your-buisnes-blocks">
                        <div style="background-position: 17px -218px" class="lan_yo_buis_img style"></div>
                        <div style="bottom: 13px" class="lan_yo_buis_txt style">Отдыхайте</div>
                    </div>
                    <div class="landing-your-buisnes-blocks">
                        <div style="background-position: -303px -218px" class="lan_yo_buis_img style"></div>
                        <div style="bottom: 13px" class="lan_yo_buis_txt style">Общайтесь<br/>с коллегами
                        </div>
                    </div>
                    <div class="landing-your-buisnes-blocks">
                        <div style="background-position: -623px -218px" class="lan_yo_buis_img style"></div>
                        <div style="bottom: 13px" class="lan_yo_buis_txt style">Подписывайте договор<br/>о работе
                        </div>
                    </div>

                    <div style="top: 76px; left: 268px; background-position: 0 0" class="lan_yo_buis_arr"></div>
                    <div style="top: 45px; left: 619px; background-position: 0 -35px" class="lan_yo_buis_arr"></div>
                    <div style="top: 293px; left: 623px; background-position: 0 -70px" class="lan_yo_buis_arr"></div>
                    <div style="top: 279px; left: 291px; background-position: 0 -105px" class="lan_yo_buis_arr"></div>
                    <div style="top: 136px; right: -40px; background-position: 0 -140px" class="lan_yo_buis_arr"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="section-box-7">
        <div class="box-wr">
            <div class="box-all">
                <div class="landing-best-jobs style">
                    Работайте с лучшими заказчиками
                </div>
                <div class="logos-slider">
                    <div id="demo5" class="scroll-img">
                        <ul>
                            <li><img src="/images/landing/land-best-img-1.jpg">
                                <p>Гипермаркет “Ашан”</p></li>
                            <li><img src="/images/landing/land-best-img-2.jpg">
                                <p>Супермаркет электроники “Фокстрот”</p></li>
                            <li><img src="/images/landing/land-best-img-3.jpg">
                                <p>Телекомпания “Интер”</p></li>
                            <li><img src="/images/landing/land-best-img-4.jpg">
                                <p>ТДЭК</p></li>
                            <li><img src="/images/landing/land-best-img-5.jpg">
                                <p>Гостиница “Hyatt”</p></li>
                            <li><img src="/images/landing/land-best-img-3.jpg">
                                <p></p></li>
                            <li><img src="/images/landing/land-best-img-3.jpg">
                                <p></p></li>
                        </ul>
                    </div>
                    <a href="#" class="buttons-slider-best" id="prew"></a>
                    <a href="#" class="buttons-slider-best" id="next"></a>
                    <script>
                        $(
                            function()
                            {
                                $('#demo5').scrollbox(
                                    {
                                        direction : 'h', distance : 180, autoPlay : false
                                    }
                                );
                                $('#prew').click(
                                    function(e)
                                    {
                                        e.preventDefault();
                                        $('#demo5').trigger('backward');
                                    }
                                );
                                $('#next').click(
                                    function(e)
                                    {
                                        e.preventDefault();
                                        $('#demo5').trigger('forward');
                                    }
                                );
                            }
                        );
                    </script>
                </div>
            </div>
        </div>
    </div>
    <div class="section-box-8">
        <div class="box-wr">
            <div class="box-all">
                <div class="landing-best-jobs style">
                    Почему выгодно работать с нами
                </div>
                <div class="land-wrk-wr">
                    <div class="landing-work-our-wr freelance">
                        <div class="landing-work-our">
                            <div class="landing-work-our-img-text">
                                <div class="landing-work-our-img">
                                    <div class="lnd-wrk-img"></div>
                                    <p>Удобно находить<br/>заказчиков</p></div>
                            </div>
                        </div>
                        <div class="landing-work-our">
                            <div class="landing-work-our-img-text">
                                <div class="landing-work-our-img">
                                    <div style="background-position: -64px 0" class="lnd-wrk-img"></div>
                                    <p>У вас будет по-настоящему<br/>красивое портфолио</p></div>
                            </div>
                        </div>
                        <div class="landing-work-our">
                            <div class="landing-work-our-img-text">
                                <div class="landing-work-our-img">
                                    <div style="background-position: -128px 0" class="lnd-wrk-img"></div>
                                    <p>Постоянный обмен новостями<br/>и тенденциями</p></div>
                            </div>
                        </div>
                        <div class="landing-work-our">
                            <div class="landing-work-our-img-text">
                                <div class="landing-work-our-img">
                                    <div style="background-position: -192px 0" class="lnd-wrk-img"></div>
                                    <p>Всегда можно обратиться<br/>за помощью к коллегам</p></div>
                            </div>
                        </div>
                        <div class="landing-work-our">
                            <div class="landing-work-our-img-text">
                                <div class="landing-work-our-img">
                                    <div style="background-position: -256px 0" class="lnd-wrk-img"></div>
                                    <p>Чем выше ваш рейтинг, тем<br/>больше шансов, что заказчики<br/>найдут вас сами
                                    </p></div>
                            </div>
                        </div>
                        <div class="landing-work-our">
                            <div class="landing-work-our-img-text">
                                <div class="landing-work-our-img">
                                    <div style="background-position: -320px 0" class="lnd-wrk-img"></div>
                                    <p>Удобный график и постоянные<br/>заказы от клиентов</p></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="section-box-9">
        <div class="box-wr">
            <div class="box-all">
                <div class="landing-best-jobs style">
                    Что говорят ваши коллеги
                </div>
                <div class="landing-slider-comments-wr style">
                    <div class="landing-slider-comments">
                        <div class="slider-wrapper">
                            <div class="slider_timer">
                                <div class="slide_t">
                                    <div class="land-sld-blocks-wr">
                                        <img src="/images/landing/slider-img.png" alt=""/>
                                        <div class="land-sld-autor-comm-wr">
                                            <div class="land-sld-name-tit">Петер Цумтор</div>
                                            <div class="land-stars-wr style">
                                                <div class="land-stars-pro">PRO</div>
                                                <div class="rating">
                                                    <!--оценка-->
                                                    <input type="hidden" class="val" value="5"/>
                                                    <!--количество голосов-->
                                                    <input type="hidden" class="votes" value="12"/>
                                                </div>
                                            </div>
                                            <a class="land-comments-a style" href="#">30 отзывов</a>
                                            <a class="land-comments-a style" href="#">21 работа в портфолио</a>
                                        </div>
                                        <div class="land-sld-txt">
                                            <p>
                                                Архитектура Одессы — проект, обладающий уникальным контентом о родном городе, также видна большая экспертиза участников проекта. Хочется пожелать участникам проекта, чтобы они проявили большую гибкость и смогли объединить социальную нагрузку (благотворительность) с успешным и качественным продуктом, который сможет привлечь пользователей.
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="slide_t">
                                    <div class="land-sld-blocks-wr">
                                        <img src="/images/landing/slider-img.png" alt=""/>
                                        <div class="land-sld-autor-comm-wr">
                                            <div class="land-sld-name-tit">2Петер Цумтор</div>
                                            <div class="land-stars-wr style">
                                                <div class="land-stars-pro">PRO</div>
                                                <div class="rating">
                                                    <!--оценка-->
                                                    <input type="hidden" class="val" value="3"/>
                                                    <!--количество голосов-->
                                                    <input type="hidden" class="votes" value="12"/>
                                                </div>
                                            </div>
                                            <a class="land-comments-a style" href="#">30 отзывов</a>
                                            <a class="land-comments-a style" href="#">21 работа в портфолио</a>
                                        </div>
                                        <div class="land-sld-txt">
                                            <p>
                                                Архитектура Одессы — проект, обладающий уникальным контентом о родном городе, также видна большая экспертиза участников проекта. Хочется пожелать участникам проекта, чтобы они проявили большую гибкость и смогли объединить социальную нагрузку (благотворительность) с успешным и качественным продуктом, который сможет привлечь пользователей.
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="slider-navi-circle" style="display: none"></div>
                        </div>
                    </div>
                    <a href="#" class="prev-slide"></a>
                    <a href="#" class="next-slide"></a>
                </div>
            </div>
        </div>
    </div>
    <div class="section-box-10">
        <div class="box-wr">
            <div class="box-all">
                <div class="landing-best-jobs style">
                    Международная Федерация проектантов в цифрах
                </div>
                <div class="land-numbers-wr style">
                    <div class="land-numbers">
                        <p class="land-numbers-num">3485</p>
                        <p class="land-numbers-txt">компаний-заказчиков<br/>в каталоге</p>
                    </div>
                    <div class="land-numbers">
                        <p class="land-numbers-num">674</p>
                        <p class="land-numbers-txt">фрилансера готовы<br/>взяться за проект</p>
                    </div>
                    <div class="land-numbers">
                        <p class="land-numbers-num">15600</p>
                        <p class="land-numbers-txt">работ в порфтолио<br/>проектантов</p>
                    </div>
                    <div class="land-numbers">
                        <p class="land-numbers-num">>500</p>
                        <p class="land-numbers-txt">заказов появляется<br/>ежедневно</p>
                    </div>
                    <div class="land-numbers">
                        <p class="land-numbers-num">15</p>
                        <p class="land-numbers-txt">проектов в год в среднем<br/>выполняет проектант
                        </p>
                    </div>
                    <div class="land-numbers">
                        <p class="land-numbers-num">2600</p>
                        <p class="land-numbers-txt">экспертов готовы делиться<br/>идеями и советами в блоге
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="section-box-11">
        <div class="box-wr">
            <div class="box-all">
                <div class="landing-best-jobs style">
                    Остались вопросы
                </div>
                <div class="form-questions-wrapp">

                </div>
                <form class="form-questions" action="">
                    <textarea id="comments_two" placeholder="Вопрос" name=""></textarea>
                    <input id="phone_two" type="text" placeholder="+38 (0ХХ) ХХХ-ХХ-ХХ" name="">
                    <input id="email_two" type="text" placeholder="e-mail" name="">
                    <input id="send_two" type="submit" value="отправить">
                </form>
            </div>
        </div>
    </div>
</div>