Компоненты

Классы с цветами

.color-default

.color-red

.color-text

.color-white

Кнопки

<button class="btn">Кнопка #1</button>
<button class="btn white">Кнопка #2</button>
<button class="btn icon">Кнопка #3</button>
<button class="btn icon white">Кнопка #3</button>
<button class="btn blue">Кнопка #5</button>
<button class="btn blue white">Кнопка #6</button>
<button class="btn icon blue">Кнопка #7</button>
<button class="btn icon blue white">Кнопка #8</button>
<a class="btn link" data-where="" href="javascript:;">Кнопка #9</a>
<a class="btn link white" data-where="" href="javascript:;">Кнопка #10</a>
<a class="btn link" data-where="" href="javascript:;">Кнопка #11<span class="arrow"></span></a>
<a class="btn link white" data-where="" href="javascript:;">Кнопка #12<span class="arrow"></span></a>
<a class="btn link reverse-arrow white" data-where="" href="javascript:;">Кнопка #13<span class="arrow"></span></a>
<a class="btn icon link" data-where="" href="javascript:;">Кнопка #14</a>
<a class="btn icon link white" data-where="" href="javascript:;">Кнопка #15</a>

Блок с цифрой в верхнем левом углу, заголовком, описанием и кнопкой

Сдача отчетности в ФСС через интернет

Работодатели должны сообщать Фонду социального страхования сведения о суммах начисленных взносов и фактически проведенных платежах на случаи травматизма персонала.

Подробнее

Сдача отчетности в Росстат через интернет

Организации в РФ в обязательном порядке представляют информацию в разные уполномоченные органы, в том числе в Федеральную службу государственной статистики.

Подробнее

Сдача нулевой отчетности для ООО

Периодическая сдача нулевой отчетности обязательна для ООО и индивидуальных предпринимателей, которые не совершали финансовых операций в течение отчетного периода.

Подробнее

Налоговая отчетность: особенность формирования и сдачи

Любой экономический субъект, обязан периодически сдавать налоговую отчетность, то есть сообщать ФНС о результатах своей деятельности.

Подробнее

<div class="block_style_1 d-flex flex-wrap justify-content-around">
    <div class="item shadow-box d-flex flex-column justify-content-between">
        <div class="text">
            <p class="title strong"></p>
            <p class="my-4"></p>
        </div>
        <p class="button mb-0">
            <a href="#" class="btn">Подробнее</a>
        </p>
    </div>
</div>

Цитата

Акция для новых пользователей. Получите дополнительные месяцы к годовой или двухгодовой подписке по следующим тарифам: «Стартовый», «Общий», «Общий+», «Оптимальный+», «Бюджетник+» и «Максимальный»!

<div class="block_style_3 mx-auto">
    <div class="content">
        <span class="shadow"></span>
        
    </div>
</div>

Блок с иконкой на фоне

Постоянные требования от ФНС

Как показывает практика, риск обнаружения несоответствий большой. Во встречных документах отличаются номера, даты или суммы. В редких случаях значения ИНН и КПП компаний. Независимо от категории расхождения, бухгалтерии приходится давать пояснения по каждому обнаруженному факту, что приводит к увеличению нагрузки на персонал.

Отказ по расчетам с НДС

После проведения камеральной проверки, налоговые органы могут усомниться в сумме вычета НДС. Для подтверждения может потребоваться предоставление дополнительных документов. В случае, если необходимые документы не будут представлены или руководитель не сможет объяснить причину несоответствия, то могут отказать в проведении вычета.

<div class="block_style_4 d-flex flex-wrap justify-content-around">
    <div class="item shadow-box" style="background-image: url(/wp-content/themes/govorov.top/assets/img/pages/IMG.png)">
        <p class="color-default title">ЗАГОЛОВОК</p>
        <div class="desc">
            <p>ТЕКСТ</p>
        </div>
    </div>
    <div class="item shadow-box" style="background-image: url(/wp-content/themes/govorov.top/assets/img/pages/IMG_2.png)">
        <p class="color-default title">ЗАГОЛОВОК</p>
        <div class="desc">
            <p>ТЕКСТ</p>
        </div>
    </div>
</div>

Блок с иконкой в верхнем правом углу

Совместная
проверка

После подключения, модуль проверит счет-фактуры контрагентов, которые были загружены в сервис. Если необходимые документы отсутствуют, то на указанный e-mail будет направлено приглашение и просьба загрузить недостающую документацию.

Проверка
контрагентов

Контур. НДС+ имеет доступ к сервису проверки контрагентов Контур. Фокус. В сервисе присутствует информация об организациях и ИП, которая опубликована в открытых официальных источниках. Получайте самую актуальную информацию по контрагентам.

Ошибки в
документах

Контур. НДС+ проверяет информацию, представленную в счёт-фактурах. При обнаружении несоответствия в дате, сумме или номере появится соответствующее уведомление. Полная проверка информации помогает снизить риск получения требований из ФНС.

<div class="block_style_5 d-flex flex-wrap justify-content-lg-around justify-content-center">
    <div class="item block_style_1 shadow-box" style="background-image: url(/wp-content/themes/govorov.top/assets/img/ICON)">
        <p class="color-default title">Постоянные требования от ФНС</p>
        <div class="desc">
            <p>ТЕКСТ</p>
        </div>
    </div>
    <div class="item block_style_1 shadow-box" style="background-image: url(/wp-content/themes/govorov.top/assets/img/ICON)">
        <p class="color-default title">Отказ по расчетам с НДС</p>
        <div class="desc">
            <p>ТЕКСТ</p>
        </div>
    </div>
</div>

Блок с иконкой слева + подложка

Создание отчетов

Создание и проверка готовых форм требуемых отчетов.

Интеграция документации

Взаимодействует с любыми системами и программами, что позволяет использовать любую из существующих программ.

<div class="block_style_6 d-flex flex-wrap justify-content-lg-around justify-content-center">
    <div class="item shadow-box d-flex flex-column justify-content-center" style="background-image: url(/wp-content/themes/govorov.top/assets/img/pages/null/comfort-1.svg)">
        <p class="title strong">ТЕСКТ</p>
        <p class="desc m-0">Создание и проверка готовых форм требуемых отчетов.</p>
    </div>
    <div class="item shadow-box d-flex flex-column justify-content-center" style="background-image: url(/wp-content/themes/govorov.top/assets/img/pages/null/comfort-2.svg)">
        <p class="title strong">ТЕСКТ</p>
        <p class="desc m-0">Взаимодействует с любыми системами и программами, что позволяет использовать любую из существующих программ.</p>
    </div>
</div>

Попап

У кнопки должен быть класс popClick и атрибут data-pop, куда передается ID попапа.

Атрибуту data-max-width у попапа (Элемента с классом .popup) можно указать максимальную ширину, по умолчанию это 500px

Кнопка:

<button class="btn popClick mb-5" data-pop="PRIMER">Отправить заявку</button>

Попап №1:

<!--noindex-->
<!--googleoff: all-->
<div class="popup" data-max-width="931" id="PRIMER">
    <div class="pop html">
        <p class="title">Загаловок</p>
        <p class="desc">Заполните форму и нажмите «Отправить»<br> Наш специалист свяжется с вами в ближайшее время!</p>
        <div class="form-right d-flex justify-content-end">
            <div class="item">
                <!--<?=do_shortcode('[contact-form-7 id="4148" title="/ Форма в баннере акция"]')?>-->
            </div>
        </div>
    </div>
</div>
<!--googleon: all-->
<!--/noindex-->

Попап №2:

<!--noindex-->
<!--googleoff: all-->
    <div class="popup" data-max-width="500" id="PRIMER_2">
        <div class="pop html bg-white">
            <p class="title">Загаловок</p>
            <p class="desc">Заполните форму и нажмите «Отправить»<br> Наш специалист свяжется с вами в ближайшее время!</p>
            <!--<?=do_shortcode('[contact-form-7 id="4148" title="/ Форма в баннере акция"]')?>-->
        </div>
    </div>
<!--googleon: all-->
<!--/noindex-->

Блок превью определённой акции

<section class="page-kontur-nds-so-skidkoj-do-30 block-promo-action-tpl">
    <div class="container mb-0">
        <div class="shadow-box">
            <div class="row align-items-center justify-content-center">
                <div class="col-md-5 mb-4 mb-xl-0 d-flex justify-content-center d-sm-block">
                    <picture>
                        <source media="(max-width: 1199.98px)" srcset="/wp-content/themes/govorov.top/assets/img/pages/blog/actions/kontur-nds-so-skidkoj-do-30/kontur-nds-so-skidkoj-do-30-1-1200.png">
                        <source media="(max-width: 991.98px)" srcset="/wp-content/themes/govorov.top/assets/img/pages/blog/actions/kontur-nds-so-skidkoj-do-30/kontur-nds-so-skidkoj-do-30-1-992.png">
                        <source media="(max-width: 767.98px)" srcset="/wp-content/themes/govorov.top/assets/img/pages/blog/actions/kontur-nds-so-skidkoj-do-30/kontur-nds-so-skidkoj-do-30-1-768.png">
                        <source media="(max-width: 575.98px)" srcset="/wp-content/themes/govorov.top/assets/img/pages/blog/actions/kontur-nds-so-skidkoj-do-30/kontur-nds-so-skidkoj-do-30-1-576.png">
                        <img width="522" height="490" alt="Скидка до 30% на Контур.НДС+" src="/wp-content/themes/govorov.top/assets/img/pages/blog/actions/kontur-nds-so-skidkoj-do-30/kontur-nds-so-skidkoj-do-30-1.png">
                    </picture>
                </div>
                <div class="info col-md-7">
                    <p class="action-label color-default h5 text-start pb-3">Акция</p>
                    <p class="date-label mb-4">c 01.01.2021 до 31.12.<span class="rg-today-year"></span></p>
                    <h1 class="p-0 text-start action-title"><span>Скидка</span> до 30% на Контур.НДС+</h1>
                    <div class="desc my-4">
                        <p>Успейте подключить модуль Контур.НДС+ со скидкой до 30%. Пользуйтесь сверкой счетов-фактур с контрагентами и снижайте риски связанные с проверками ФНС</p>
                    </div>
                    <div class="items d-flex flex-wrap justify-content-start align-items-center">
                        <div class="item me-2 mb-2 mb-sm-0 mb-md-2 mb-lg-0">
                            <button class="btn" data-where="connect_action">Отправить заявку</button>
                        </div>
                        <div class="item">
                            <p class="mb-0">
                                <a class="btn icon link" data-where="conditions" href="#more">Подробнее о модуле</a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

Блок с заголовком и тире

Сумма налогов от 100 миллионов:

Сумма налогов за предшествующий год составляет не менее 100 млн. рублей;

<div class="box-hyphen-text mx-auto">
            <div class="items d-flex flex-xl-row flex-wrap align-items-center">
                <p class="item color-default d-block mb-sm-3 mb-xl-0 strong">ТЕКСТ</p>
                <div class="item dash"></div>
                <p class="item d-block mb-0">ТЕКСТ;</p>
            </div>
</div>

Меню

Классы с цветами

Кнопки

Блок с цифрой в верхнем левом углу, заголовком, описанием и кнопкой

Цитата

Блок с иконкой на фоне

Блок с иконкой в верхнем правом углу

Блок с иконкой слева + подложка

Попап

Кнопка:

Попап №1:

Попап №2:

Блок превью определённой акции

Скидка до 30% на Контур.НДС+

Блок с заголовком и тире