Наши преимущества

Вертикальный аккордеон

<div class="p-accordion">
    <div class="p-accordion__item">
        <div class="p-accordion__title">
            Адаптивный дизайн
            <div class="p-accordion__icon">
                <svg class="icon20 i-plus"><use xlink:href="#i-plus"></use></svg>
            </div>
        </div>
        <div class="p-accordion__content">
            <b>Адаптивный дизайн</b> – это конфигурация, в которой сервер отправляет одинаковый HTML-код на любые устройства, а размеры элементов страницы корректируются с помощью CSS.<br /><br />
            Адаптивный дизайн предусматривает, что на всех устройствах выполняется одинаковый код, позволяющий автоматически изменять форматирование страницы на разных экранах.
        </div>
    </div>
    <div class="p-accordion__item">
        <div class="p-accordion__title">
            SEO оптимизация
            <div class="p-accordion__icon">
                <svg class="icon20 i-plus"><use xlink:href="#i-plus"></use></svg>
            </div>
        </div>
        <div class="p-accordion__content">
            <b>Поиско́вая оптимиза́ция</b> — комплекс мер по внутренней и внешней оптимизации для поднятия позиций сайта в результатах выдачи поисковых систем по определённым запросам пользователей, с целью увеличения сетевого трафика и потенциальных клиентов и последующей монетизации этого трафика.<br /><br />
            Произведена оптимизация для продвижения. Добавлена микроразметка Schema.org, файлы js перенесены вниз, высокая скорость загрузки сайта из goggle speed из коробки: 95/100 для компьютеров, 90/100 для мобильных.
        </div>
    </div>
    <div class="p-accordion__item">
        <div class="p-accordion__title">
            Валидный и чистый код
            <div class="p-accordion__icon">
                <svg class="icon20 i-plus"><use xlink:href="#i-plus"></use></svg>
            </div>
        </div>
        <div class="p-accordion__content">
            <b>Валидная, чистая и кроссбраузерная верстка</b>, без использования фреймворков по технологии бэм. Легко и удобно для разработчиков переставлять блоки и дополнять css.<br /><br />
            Валидный код сайта позволяет поисковым системам эффективнее работать с вашим сайтом, и, при прочих равных условиях, роботы поисковых систем отдают предпочтение сайту с валидным кодом, а значит этот сайт будет находиться выше в поисковой выдаче.
        </div>
    </div>
    <div class="p-accordion__item">
        <div class="p-accordion__title">
            Удобство для пользователя
            <div class="p-accordion__icon">
                <svg class="icon20 i-plus"><use xlink:href="#i-plus"></use></svg>
            </div>
        </div>
        <div class="p-accordion__content">
            Продуманная навигация, удобная для пользователя, сделаны акценты на важные моменты, карточки товара, акции и баннеры, для быстрых продаж.
        </div>
    </div>
    <div class="p-accordion__item">
        <div class="p-accordion__title">
            Поддержка и обновления
            <div class="p-accordion__icon">
                <svg class="icon20 i-plus"><use xlink:href="#i-plus"></use></svg>
            </div>
        </div>
        <div class="p-accordion__content">
            Помощь в настройках и установке, бесплатные обновления в рамках соглашения SLA.
        </div>
    </div>
    <div class="p-accordion__item">
        <div class="p-accordion__title">
            Подарки от разработчика темы на плагины
            <div class="p-accordion__icon">
                <svg class="icon20 i-plus"><use xlink:href="#i-plus"></use></svg>
            </div>
        </div>
        <div class="p-accordion__content">
            На все плагины и темы разработчика, при покупке темы скидка 20%. Необходимо написать на почту, с запросом на получении скидки и на какой плагин или тему и предъявить номер заказа.
        </div>
    </div>
</div>

Горизонтальный аккордеон

<div class="p-l-accordion">
    <div class="p-l-accordion__left">
        <div class="p-l-accordion__title">
            01 - Адаптивный дизайн
        </div>
        <div class="p-l-accordion__title">
            02 - SEO оптимизация
        </div>
        <div class="p-l-accordion__title">
            03 - Валидный и чистый код
        </div>
    </div>
    <div class="p-l-accordion__right">
        <div class="p-l-accordion__item">
            <div class="p-l-accordion__title p-l-accordion__title-mobile">01 - Адаптивный дизайн</div>
            <div class="p-l-accordion__content">
                <b>Адаптивный дизайн</b> – это конфигурация, в которой сервер отправляет одинаковый HTML-код на любые устройства, а размеры элементов страницы корректируются с помощью CSS.<br /><br />
                Адаптивный дизайн предусматривает, что на всех устройствах выполняется одинаковый код, позволяющий автоматически изменять форматирование страницы на разных экранах.
            </div>
        </div>
        <div class="p-l-accordion__item">
            <div class="p-l-accordion__title p-l-accordion__title-mobile">02 - SEO оптимизация</div>
            <div class="p-l-accordion__content">
                <b>Поиско́вая оптимиза́ция</b> — комплекс мер по внутренней и внешней оптимизации для поднятия позиций сайта в результатах выдачи поисковых систем по определённым запросам пользователей, с целью увеличения сетевого трафика и потенциальных клиентов и последующей монетизации этого трафика.<br /><br />
                Произведена оптимизация для продвижения. Добавлена микроразметка Schema.org, файлы js перенесены вниз, высокая скорость загрузки сайта из goggle speed из коробки: 95/100 для компьютеров, 90/100 для мобильных.
            </div>
        </div>
        <div class="p-l-accordion__item">
            <div class="p-l-accordion__title p-l-accordion__title-mobile">03 - Валидный и чистый код</div>
            <div class="p-l-accordion__content">
                <b>Валидная, чистая и кроссбраузерная верстка</b>, без использования фреймворков по технологии бэм. Легко и удобно для разработчиков переставлять блоки и дополнять css.<br /><br />
                Валидный код сайта позволяет поисковым системам эффективнее работать с вашим сайтом, и, при прочих равных условиях, роботы поисковых систем отдают предпочтение сайту с валидным кодом, а значит этот сайт будет находиться выше в поисковой выдаче.
            </div>
        </div>
    </div>
</div>