landing-company.php 15.6 KB
<div class="section-box content">
    <div class="section-box-5">
        <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 />
                    Находите квалифированных сотрудников<br />
                    в свои проекты.
                </div>
            </div>
        </div>
    </div>
    <div class="section-box-6">
        <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: 48px 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: -272px 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: -592px 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: 48px -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: -272px -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: -592px -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">
                        <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 />заказчиков</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>