<div class="footer-help">
    <div class="help-container">
        <div class="title2">Не можете определиться?</div>
        <span class="btn next2 btn-help"></span>
        <a class="order-button help-button" data-modal="steps" href="#" onclick="ga('send', 'event', 'button', 'click', 'defenition')">Подберите нужную услугу</a>
        <span class="close-btn"></span>
    </div>
</div>
<div id="steps" class="modal">
    <div id="step-1" class="step">
        <div class="step-head">
            <div class="step-title">У вас есть сайт?</div>
        </div>
        <div class="answers-block">
            <a href="#step-2">
                <img src="/interactive/images/help-1.png" alt=""/>
                <span class="help-answer">Да</span>
            </a>
            <a href="#step-3">
                <img src="/interactive/images/help-2.png" alt=""/>
                <span class="help-answer">Нет</span>
            </a>
        </div>
    </div>
    <div id="step-2" class="step">
        <div class="step-head">
            <a href="#step-1" class="back-btn"></a>
            <div class="step-title">На сайте есть посетители?</div>
        </div>
        <div class="answers-block">
            <a href="#step-4">
                <img src="/interactive/images/help-3.png" alt=""/>
                <span class="help-answer">Да</span>
            </a>
            <a href="#step-5">
                <img src="/interactive/images/help-2.png" alt=""/>
                <span class="help-answer">Нет</span>
            </a>
        </div>
    </div>
    <div id="step-5" class="step">
        <div class="step-head">
            <a href="#step-2" class="back-btn"></a>
            <div class="step-title">Проводились ли работы<br />
                по seo-оптимизации сайта?</div>
        </div>
        <div class="answers-block">
            <a href="#seo-analysis">
                <img src="/interactive/images/help-5.png" alt=""/>
                <span class="help-answer">Да</span>
            </a>
            <a href="#inner-optimization">
                <img src="/interactive/images/help-2.png" alt=""/>
                <span class="help-answer">Нет</span>
            </a>
        </div>
    </div>
    <div id="step-4" class="step">
        <div class="step-head">
            <a href="#step-2" class="back-btn"></a>
            <div class="step-title">Есть ли заказы с сайта?</div>
        </div>
        <div class="answers-block">
            <a href="#step-6">
                <img src="/interactive/images/help-4.png" alt=""/>
                <span class="help-answer">Да</span>
            </a>
            <a href="#audit">
                <img src="/interactive/images/help-2.png" alt=""/>
                <span class="help-answer">Нет</span>
            </a>
        </div>
    </div>
    <div id="step-6" class="step">
        <div class="step-head">
            <a href="#step-4" class="back-btn"></a>
            <div class="step-title">Что хотелось бы увеличить?</div>
        </div>
        <div class="answers-block">
            <a href="#step-7">
                <img src="/interactive/images/help-3.png" alt=""/>
                <span class="help-answer">Посещаемость</span>
            </a>
            <a href="#conversiya">
                <img src="/interactive/images/help-4.png" alt=""/>
                <span class="help-answer">Заказы</span>
            </a>
        </div>
    </div>
    <div id="step-7" class="step">
        <div class="step-head">
            <a href="#step-6" class="back-btn"></a>
            <div class="step-title">Быстро или постепенно?</div>
        </div>
        <div class="answers-block">
            <a href="#kontekst">
                <img src="/interactive/images/help-6.png" alt=""/>
                <span class="help-answer">Быстро</span>
            </a>
            <a href="#prodvizhenie">
                <img src="/interactive/images/help-7.png" alt=""/>
                <span class="help-answer">Постепенно</span>
            </a>
        </div>
    </div>
    <div id="step-3" class="step">
        <div class="step-head">
            <a href="#step-1" class="back-btn"></a>
            <div class="step-title">Тогда, предлагаем начать с создания сайта</div>
        </div>
        <div class="answers-block">
            <a href="#step-8">
                <img src="/interactive/images/help-8.png" alt=""/>
                <span class="help-answer">Вы продаете услуги</span>
            </a>
            <a href="#step-9">
                <img src="/interactive/images/help-9.png" alt=""/>
                <span class="help-answer">Вы продаете товары</span>
            </a>
        </div>
    </div>
    <div id="step-8" class="step">
        <div class="step-head">
            <a href="#step-3" class="back-btn"></a>
            <div class="step-title">Количество услуг</div>
        </div>
        <div class="answers-block column-3">
            <a href="#landing2">
                <img src="/interactive/images/help-10.png" alt=""/>
                <span class="help-answer">Одна</span>
            </a>
            <a href="#vizitka">
                <img src="/interactive/images/help-11.png" alt=""/>
                <span class="help-answer">Несколько</span>
            </a>
            <a href="#corporate">
                <img src="/interactive/images/help-12.png" alt=""/>
                <span class="help-answer">Много</span>
            </a>
        </div>
    </div>
    <div id="step-9" class="step">
        <div class="step-head">
            <a href="#step-3" class="back-btn"></a>
            <div class="step-title">Количество товаров</div>
        </div>
        <div class="answers-block column-3">
            <a href="#landing1">
                <img src="/interactive/images/help-13.png" alt=""/>
                <span class="help-answer">Один товар</span>
            </a>
            <a href="#store">
                <img src="/interactive/images/help-14.png" alt=""/>
                <span class="help-answer">Много товаров</span>
            </a>
        </div>
    </div>
    <!--sites-->
    <div id="landing1" class="step site">
        <div class="step-head">
            <a href="#step-9" class="back-btn"></a>
            <div class="step-title">Рекомендуем лендинг</div>
        </div>
        <div class="step-descr">
            Если вы собираетесь предлагать в интернете один вид товара, то вам идеально подойдёт лендинг (одностраничный сайт). Разработка landing page займёт до 7 дней. Одностраничники подходят для любой сферы бизнеса и при этом показывают наибольший процент конверсии за счёт лаконичной структуры с множеством конверсионных элементов.
        </div>
        <a href="http://webakula.ua/landing-page/" class="order-button">Узнать подробнее</a>
        <img src="/interactive/images/landing.png" alt=""/>
    </div>
    <div id="landing2" class="step site">
        <div class="step-head">
            <a href="#step-8" class="back-btn"></a>
            <div class="step-title">Рекомендуем лендинг</div>
        </div>
        <div class="step-descr">
            Если вы собираетесь предлагать в интернете одну услугу, то вам идеально подойдёт лендинг (одностраничный сайт). Разработка landing page займёт до 7 дней. Одностраничники подходят для любой сферы бизнеса и при этом показывают наибольший процент конверсии за счёт лаконичной структуры с множеством конверсионных элементов.
        </div>
        <a href="http://webakula.ua/landing-page/" class="order-button">Узнать подробнее</a>
        <img src="/interactive/images/landing.png" alt=""/>
    </div>
    <div id="vizitka" class="step site">
        <div class="step-head">
            <a href="#step-8" class="back-btn"></a>
            <div class="step-title">Рекомендуем сайт-визитка</div>
        </div>
        <div class="step-descr">
            Для эффективной продажи нескольких услуг в интернете подойдёт сайт-визитка. Ресурс состоит из 5-10 страниц с основной информацией о деятельности компании и обратной связью. Простой в использовании, функциональный и удобный сайт поможет посетителям быстро подобрать необходимую услугу.
        </div>
        <a href="http://webakula.ua/service/sajt-vizitka/" class="order-button">Узнать подробнее</a>
        <img src="/interactive/images/vizitka.png" alt=""/>
    </div>
    <div id="corporate" class="step site">
        <div class="step-head">
            <a href="#step-8" class="back-btn"></a>
            <div class="step-title">Рекомендуем корпоративный сайт</div>
        </div>
        <div class="step-descr">
            Для продажи большого количества услуг в интернете вам понадобится корпоративный сайт, где можно детально рассказать не только о преимуществах компании, но и о каждой услуге в отдельности. Пользователи с лёгкостью смогут сориентироваться в многообразии предложений и выбрать для себя оптимальный вариант.
        </div>
        <a href="http://webakula.ua/service/korporativnyj-sajt/" class="order-button">Узнать подробнее</a>
        <img src="/interactive/images/corporate.png" alt=""/>
    </div>
    <div id="store" class="step site">
        <div class="step-head">
            <a href="#step-9" class="back-btn"></a>
            <div class="step-title">Рекомендуем интернет-магазин</div>
        </div>
        <div class="step-descr">
            Правильное решение для реализации большого ассортимента товаров – создание интернет-магазина. Мы разложим вашу продукцию по «полочкам» категорий и подкатегорий, сделаем пребывание ваших клиентов на сайте комфортным и функционально безупречным.
        </div>
        <a href="http://webakula.ua/service/internet-magazin/" class="order-button">Узнать подробнее</a>
        <img src="/interactive/images/store.png" alt=""/>
    </div>
    <!--services-->
    <div id="audit" class="step service">
        <div class="step-head">
            <a href="#step-4" class="back-btn"></a>
            <div class="step-title">Рекомендуем провести аудит сайта</div>
        </div>
        <div class="step-descr">
            На вашем сайте нет заказов? Возможно, его структура алогична, устарел функционал, либо же ресурс работает некорректно. Причин может быть уйма. Мы проверим каждый параметр вашего сайта: от контента, посещаемости и конверсии до поведенческих факторов. Мы также сравним вашу площадку с ресурсами прямых конкурентов и ведущих сайтов тематики. Вы получите от нас подробный отчет с конкретными советами – готовым руководством к действию.
        </div>
        <a href="http://webakula.ua/service/analiz-sajta/" class="order-button">Узнать подробнее</a>
        <img src="/interactive/images/audit.png" alt=""/>
    </div>
    <div id="inner-optimization" class="step service">
        <div class="step-head">
            <a href="#step-5" class="back-btn"></a>
            <div class="step-title">Рекомендуем внутреннюю оптимизацию сайта</div>
        </div>
        <div class="step-descr">
            Ваш сайт обходят стороной посетители, потому что он непривлекателен для поисковых систем. Молодой ресурс необходимо грамотно оптимизировать, сделав его содержание релевантным стандартам поисковиков. За доступную цену вы получите комплекс всех необходимых работ, наши гарантии достижения ощутимого результата за короткий строк и развёрнутый отчет о проведённых мероприятиях.
        </div>
        <a href="http://webakula.ua/service/poiskovaya-optimizaciya-sajta/" class="order-button">Узнать подробнее</a>
        <img src="/interactive/images/inner-optimization.png" alt=""/>
    </div>
    <div id="seo-analysis" class="step service">
        <div class="step-head">
            <a href="#step-5" class="back-btn"></a>
            <div class="step-title">Рекомендуем услугу seo-анализ сайта</div>
        </div>
        <div class="step-descr">
            Возможно, на вашем сайте нет посетителей из-за недобросовестно выполненных работ по seo-оптимизации. Мы проанализируем технические характеристики, архитектуру, контент и ссылочную массу вашей площадки. Найдём огрехи наших предшественников и представим вам детальный отчёт с рекомендациями по ликвидации недостатков ресурса с точки зрения SEO.
        </div>
        <a href="http://webakula.ua/service/analiz-sajta/" class="order-button">Узнать подробнее</a>
        <img src="/interactive/images/seo-analysis.png" alt=""/>
    </div>
    <div id="conversiya" class="step service">
        <div class="step-head">
            <a href="#step-6" class="back-btn"></a>
            <div class="step-title">Рекомендуем услугу повышение конверсии</div>
        </div>
        <div class="step-descr">
            У вашего сайта хорошие показатели посещаемости, но при этом низкий процент заказов/заявок/звонков. Вам подойдёт услуга повышения конверсии. Мы тщательно проанализируем сайт, определим его потенциальные проблемы, создадим индивидуальную стратегию устранения недостатков и выполним объективную оценку проведенных мероприятий. Наша цель – увеличить ваши продажи за счёт повышения юзабилити сайта.
        </div>
        <a href="http://webakula.ua/service/povyshenie-konversii/" class="order-button">Узнать подробнее</a>
        <img src="/interactive/images/conversiya.png" alt=""/>
    </div>
    <div id="prodvizhenie" class="step service">
        <div class="step-head">
            <a href="#step-7" class="back-btn"></a>
            <div class="step-title">Предлагаем услугу продвижения сайта</div>
        </div>
        <div class="step-descr">
            Вы ориентированы на долгосрочный результат и располагаете достаточным количеством времени для его достижения. Мы предлагаем услугу продвижения сайта в ТОП-10. На первой странице поиска ваш сайт гарантированно найдёт и по достоинству оценит целевая аудитория.
        </div>
        <a href="http://webakula.ua/prodvizhenie-po-trafiku/" class="order-button">Узнать подробнее</a>
        <img src="/interactive/images/prodvizhenie.png" alt=""/>
    </div>
    <div id="kontekst" class="step service">
        <div class="step-head">
            <a href="#step-7" class="back-btn"></a>
            <div class="step-title">Предлагаем услугу контекстной рекламы</div>
        </div>
        <div class="step-descr">
            Быстро привлечь на сайт целевых посетителей поможет контекстная реклама в поисковых системах Google и Яндекс. Пользователи априори заинтересованы в вашем предложении, поскольку оно соответствует введённому ими в поле поиска запросу. Результат – в сжатые сроки вы гарантированно сможете привлечь новых клиентов и увеличить объемы продаж.
        </div>
        <a href="http://webakula.ua/service/kontekstnaya-reklama/" class="order-button">Узнать подробнее</a>
        <img src="/interactive/images/kontekst.png" alt=""/>
    </div>
</div>