landing-order-project.php 14.8 KB
<div class="section-box content">
    <div class="section-box-23">
        <div class="box-wr">
            <div class="box-all">
                <div class="landing-reg-title">Хотите заказать проект?</div>
                <div class="landing-reg-button style">
                    <a href="#">Нужен подрядчик</a>
                </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 order-landing-anim">
                    <div class="landing-your-buisnes-blocks"><div style="background-position: 26px 0" class="lan_yo_buis_img style"></div><div class="lan_yo_buis_txt style">Размещайте заказ</div></div>
                    <div class="landing-your-buisnes-blocks"><div style="background-position: -294px 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: -614px 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: 26px -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: -294px -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: -614px -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 9px" class="lan_yo_buis_arr"></div>
                    <div style="top: 45px; left: 619px; background-position: 0 -26px" class="lan_yo_buis_arr"></div>
                    <div style="top: 293px; left: 623px; background-position: 0 -61px" class="lan_yo_buis_arr"></div>
                    <div style="top: 279px; left: 291px; background-position: 0 -96px" class="lan_yo_buis_arr"></div>
                    <div style="top: 136px; right: -40px; background-position: 0 -131px" 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 landing-work-our-wr-section">
        <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: -384px 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: -448px 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>