Your IP : 172.69.214.233


Current Path : /var/www/element/data/www/greenpr.ru/landing_old/
Upload File :
Current File : /var/www/element/data/www/greenpr.ru/landing_old/index.html

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link type="text/css" rel="stylesheet" href="css/style.css" />
        <script type="text/javascript" src="js/jquery-1.7.1.js"></script>
        <script type="text/javascript" src="js/jquery.reveal.js"></script>
        <!--[if IE 7]>
        <link href="css/ie7.css" type="text/css" rel="stylesheet" />
        <![endif]-->

        <!--[if IE 8]>
        <link href="css/ie8.css" type="text/css" rel="stylesheet" />
        <![endif]-->
    </head>
    <body>
        <div class="reveal-modal-bg"></div>
        <div class="page">
            <div class="wrapper">
                <div class="header">
                    <a href="" class="logo-top"></a>
                    <div class="phone-top"><span class="code-phone-top">+7 (495)</span> 540-54-72</div>
                </div>
                <div class="container">
                    <div class="block1">
                        <div class="title">Это то, что вам нужно</div>
                        <span class="block1-span1">Формирование пула лояльных пользователей</span>
                        <span class="block1-span2">Привлечение новых клиентов</span>
                        <span class="block1-span3">Стимулирование целевой аудитории к обращению<br>за услугами компании</span>
                        <span class="block1-span4">Формирование положительного<br>информационного поля вокруг бренда</span>
                        <span class="block1-span5">Налаживание канала обратной связи<br>с клиентами</span>
                        <span class="block1-span6">Отстройка от конкурентов</span>
                    </div>
                    <div class="block-link"><a href="">Наши услуги</a></div>
                    <div class="block2">
                        <span class="block2-span1">Вирусный маркетинг</span>
                        <span class="block2-span2">Разработка приложений</span>
                        <span class="block2-span3">SMO оптимизация</span>
                        <span class="block2-span4">Пиар в социальных сетях</span>
                        <span class="block2-span5">Мониторинг социальных медиа</span>
                        <span class="block2-span6">Реклама в социальных сетях</span>
                        <span class="block2-span7">Продвижение в социальных сетях</span>
                        <span class="block2-span8">Нейтрализация негатива</span>
                        <span class="block2-span9">Создание сообществ</span>
                        <span class="block2-span10">Скрытый маркетинг</span>
                    </div>
                    <div class="block-link"><a href="">Подробнее о нас</a></div>
                    <div class="block3">
                        <div class="block3-1">
                            <div class="title">Кто мы?</div>
                            <span class="block3-span1">Провели более 400 успешных рекламных коампаний в социальных медиа.</span>
                            <span class="block3-span2">При агентстве есть собственная Школа интернет-маркетинга</span>
                            <span class="block3-span3">Агентство GreenPR созданов 2006 году, практически одновременно с приходом социальных сетей в Россию.</span>
                            <span class="block3-span4">Готовим к публикации книгу об инструментах Social Media </span>
                        </div>
                        <div class="block3-2">
                            <div class="title2">Специалисты и руководители GreenPR</div>
                            <span class="block3-span5">Активно выступают на главных интернет-маркетинговых конференциях (РИФ, RIW, Etarget, и ряд других)</span>
                            <span class="block3-span6">Преподают в российских вузах (RMA, МГУ, СПбГУ)</span>
                            <span class="block3-span7">Публикуются в онлайн и офлайн-СМИ в качестве экспертов</span>
                        </div>
                    </div>
                    <div class="block4">
                        <div class="title3">Кейсы</div>
                        <a href="javascript:void(0);" id="link-case-justice" class="justice"></a>
                        <a href="javascript:void(0);" id="link-case-get-taxi"  class="get-taxi"></a>
                        <a href="javascript:void(0);" id="link-case-ms-kiss"  class="ms-kiss"></a>
                        <div class="title4">Наши клиенты</div>
                        <table class="clients">
                            <tr>
                                <td><img src="image/universal.jpg"></td>
                                <td><img src="image/sony.jpg"></td>
                                <td><img src="image/pepsi.jpg"></td>
                                <td><img src="image/mi.jpg"></td>
                            </tr>
                            <tr>
                                <td><img src="image/qwerty.jpg"></td>
                                <td><img src="image/isic.jpg"></td>
                                <td><img src="image/english-first.jpg"></td>
                                <td><img src="image/stockholm-school.jpg"></td>
                            </tr>
                            <tr>
                                <td><img src="image/benq.jpg"></td>
                                <td><img src="image/baltika.jpg"></td>
                                <td><img src="image/blogun.jpg"></td>
                                <td><img src="image/renault.jpg"></td>
                            </tr>
                        </table>                        
                    </div>                    
                </div>
                <div class="block5"></div>
            </div>
        </div>
        <div class="wrap-footer">
            <div class="footer">
                <a href="" class="logo-bottom"></a>
                <div class="copy">
                    +7 (495) 540-54-72 (многоканальный)<br>
                    Москва, пер. Сивцев Вражек, д.29/16
                    <a href="mailto:greenpr@greenpr.ru">greenpr@greenpr.ru</a>
                </div>
            </div>
        </div>

        <div id="to-order-services" class="to-order-services"><a href="javascript:void(0);">Заказать услуги</a></div>

        <!-- <Подгрузка окна form-to-order-services> -->
            <div id="form-to-order-services" class="form-to-order-services">
                <div id="link-header-to-order-services" class="link-header-to-order-services"><a href="javascript:void(0);">Скрыть</a></div>
                <div class="zakaz-uslyg">
                    <form id="Форма в шапке" action="./" method="post">
                        <div class="title5">Заказ услуги</div>
                        <div class="wrap-block-input">
                            <div class="wrap-input">
                                <input type="text" id="Имя" name="name" value="Представьтесь" class="txt" onfocus="if (this.value=='Представьтесь') this.value = '';" onblur="if(this.value=='') this.value = 'Представьтесь';">
                            </div>
                            <div class="wrap-input">
                                <input type="text" id="email адрес" name="email" value="Ваша электронная почта" class="txt" onfocus="if (this.value=='Ваша электронная почта') this.value = '';" onblur="if(this.value=='') this.value = 'Ваша электронная почта';">
                            </div>
                            <div class="wrap-input">
                                <input type="text" id="Телефон" name="phone" value="Ваш телефон" class="txt" onfocus="if (this.value=='Ваш телефон') this.value = '';" onblur="if(this.value=='') this.value = 'Ваш телефон';">
                            </div>
                        </div>
                        <textarea id="Текст сообщения" name="content" cols="1" rows="1" onfocus="if (this.value=='Ваш вопрос') this.value = '';" onblur="if(this.value=='') this.value = 'Ваш вопрос';">Ваш вопрос</textarea>
                        <!--<p style="padding-top:10px">* - обязательные для заполнения поля</p>-->
                        <input type="hidden" value="" name="mycheck" id="mycheck">
                        <input type="submit" id="Отправить форму" name="subm" value="Отправить" class="button" onclick="document.getElementById('mycheck').value = 'pWhJrIbVYc';">
                    </form>
                </div>
            </div>
        <!-- </Подгрузка окна form-to-order-services> -->

        <!-- <Подгрузка окна wrap-case-justice> -->
            <div id="wrap-case-justice" class="reveal-modal">
                <a href="javascript:void(0);" class="close-reveal-modal">×</a>
                <img src="image/banner-get-taxi.jpg">
                <div class="case-text">
                    <p>Инновационный европейский сервис по заказу такси. Бесплатное приложение для iPhone и Android.</p>
                    <p>GetTaxi — это самый просто способ заказать такси одним кликом прямо с вашего смартфона, где бы вы ни находились.</p>
                    <p class="bold-text" style="margin-top: 40px;">Задачи:</p>
                    <ul>
                        <li>• вывод на рынок принципиально нового для России сервиса;</li>
                        <li>• создание и продвижение представительств в социальных сетях;</li>
                        <li>• привлечение максимально возможного количества целевой аудитории и стимулирование установки мобильного приложения;</li>
                        <li>• создание и распространение ежемесячных «горячих» информационных поводов</li>
                        <li>• регулярная коммуникация с целевой аудиторией</li>
                        <li>• создание положительного имиджа GetTaxi, стимулирование интереса и увеличение узнаваемости через лидеров мнений.</li>
                    </ul>
                    <p class="bold-text" style="margin-top: 60px;">Результат:</p>
                    <ul>
                        <li>1. Более 10 000 лайков в Facebook и читателей в Twitter за первый этап компании.</li>
                        <li>2. Более 100 лидеров мнений и адвокатов бренда из блогосферы.</li>
                    </ul>
                </div>
            </div>
        <!-- </Подгрузка окна wrap-case-justice> -->
        <!-- <Подгрузка окна wrap-case-get-taxi> -->
            <div id="wrap-case-get-taxi" class="reveal-modal">
                <a href="javascript:void(0);" class="close-reveal-modal">×</a>
                <img src="image/banner-get-taxi.jpg">
                <div class="case-text">
                    <p>Инновационный европейский сервис по заказу такси. Бесплатное приложение для iPhone и Android.</p>
                    <p>GetTaxi — это самый просто способ заказать такси одним кликом прямо с вашего смартфона, где бы вы ни находились.</p>
                    <p class="bold-text" style="margin-top: 40px;">Задачи:</p>
                    <ul>
                        <li>• вывод на рынок принципиально нового для России сервиса;</li>
                        <li>• создание и продвижение представительств в социальных сетях;</li>
                        <li>• привлечение максимально возможного количества целевой аудитории и стимулирование установки мобильного приложения;</li>
                        <li>• создание и распространение ежемесячных «горячих» информационных поводов</li>
                        <li>• регулярная коммуникация с целевой аудиторией</li>
                        <li>• создание положительного имиджа GetTaxi, стимулирование интереса и увеличение узнаваемости через лидеров мнений.</li>
                    </ul>
                    <p class="bold-text" style="margin-top: 60px;">Результат:</p>
                    <ul>
                        <li>1. Более 10 000 лайков в Facebook и читателей в Twitter за первый этап компании.</li>
                        <li>2. Более 100 лидеров мнений и адвокатов бренда из блогосферы.</li>
                    </ul>
                </div>
            </div>
        <!-- </Подгрузка окна wrap-case-get-taxi> -->
        <!-- <Подгрузка окна wrap-case-ms-kiss> -->
            <div id="wrap-case-ms-kiss" class="reveal-modal">
                <a href="javascript:void(0);" class="close-reveal-modal">×</a>
                <img src="image/banner-get-taxi.jpg">
                <div class="case-text">
                    <p>Инновационный европейский сервис по заказу такси. Бесплатное приложение для iPhone и Android.</p>
                    <p>GetTaxi — это самый просто способ заказать такси одним кликом прямо с вашего смартфона, где бы вы ни находились.</p>
                    <p class="bold-text" style="margin-top: 40px;">Задачи:</p>
                    <ul>
                        <li>• вывод на рынок принципиально нового для России сервиса;</li>
                        <li>• создание и продвижение представительств в социальных сетях;</li>
                        <li>• привлечение максимально возможного количества целевой аудитории и стимулирование установки мобильного приложения;</li>
                        <li>• создание и распространение ежемесячных «горячих» информационных поводов</li>
                        <li>• регулярная коммуникация с целевой аудиторией</li>
                        <li>• создание положительного имиджа GetTaxi, стимулирование интереса и увеличение узнаваемости через лидеров мнений.</li>
                    </ul>
                    <p class="bold-text" style="margin-top: 60px;">Результат:</p>
                    <ul>
                        <li>1. Более 10 000 лайков в Facebook и читателей в Twitter за первый этап компании.</li>
                        <li>2. Более 100 лидеров мнений и адвокатов бренда из блогосферы.</li>
                    </ul>
                </div>
            </div>
        <!-- </Подгрузка окна wrap-case-ms-kiss> -->
        <script type="text/javascript">	
                $(document).ready(function(){
                        $("#form-to-order-services").hide();
                        $("#to-order-services").click(function(){
                                $("#form-to-order-services").slideToggle();
                                $("#to-order-services").slideToggle();
                                $(".reveal-modal-bg").show();
                        });
                        $("#link-header-to-order-services").click(function(){
                                $("#form-to-order-services").slideToggle();
                                $("#to-order-services").slideToggle();
                                $(".reveal-modal-bg").hide();
                        });
                });
        </script>
        <script type="text/javascript">
                $(document).ready(function() {
                     $('#link-case-justice').click(function(e) {
                          e.preventDefault();
                          document.getElementById('wrap-case-justice').style.display='block'
                          $('#wrap-case-justice').reveal({
                            animation: 'fade',                   //fade, fadeAndPop, none
                            animationspeed: 300,                       //скорость
                            closeonbackgroundclick: true,              //если вы щелкните на бэкграунд, окно закроется?
                            dismissmodalclass: 'close-reveal-modal'    //класс кнопки или элемента, который будет закрывать модальное окно
                          });
                          return false;
                     });
                     $('#link-case-get-taxi').click(function(e) {
                          e.preventDefault();
                          document.getElementById('wrap-case-get-taxi').style.display='block'
                          $('#wrap-case-get-taxi').reveal({
                            animation: 'fade',                   //fade, fadeAndPop, none
                            animationspeed: 300,                       //скорость
                            closeonbackgroundclick: true,              //если вы щелкните на бэкграунд, окно закроется?
                            dismissmodalclass: 'close-reveal-modal'    //класс кнопки или элемента, который будет закрывать модальное окно
                          });
                          return false;
                     });
                     $('#link-case-ms-kiss').click(function(e) {
                          e.preventDefault();
                          document.getElementById('wrap-case-ms-kiss').style.display='block'
                          $('#wrap-case-ms-kiss').reveal({
                            animation: 'fade',                   //fade, fadeAndPop, none
                            animationspeed: 300,                       //скорость
                            closeonbackgroundclick: true,              //если вы щелкните на бэкграунд, окно закроется?
                            dismissmodalclass: 'close-reveal-modal'    //класс кнопки или элемента, который будет закрывать модальное окно
                          });
                          return false;
                     });
                });
        </script>
    </body>
</html>