Примеры блоков

Информация о компании

      
<div class="widget-company">
  <div class="widget-company-grid">
    <div class="widget-company-info">
      <div class="widget-company-info-logo"><img class="lead-company-logo__img" title="лого компании" src="https://image.mindbox.ru/draw/6pq6KG8OiIZ5MfVQJhcxebyvsyH8tbZZIytQiqqJ.png/-/size/286/webp/1" alt="лого"></div>
      <div class="widget-company-info-text"><a href="https://journal.tinkoff.ru/" rel="noopener" target="_blank">Т&mdash;Ж</a>&nbsp;&mdash; издание про деньги и&nbsp;жизнь, первое и&nbsp;самое охватное бренд-медиа в&nbsp;России</div>
      <div class="widget-company-info-size">
        <div class="widget-company-info-title">Масштаб бизнеса.</div>
        33 млн уникальных читателей в месяц</div>
    </div>
    <div class="widget-company-content">
      <div class="widget-company-content-item">
        <div class="widget-company-content-item-label">Задача</div>
        <div class="widget-company-content-item-title">Сохранить репутацию почтового домена</div>
      </div>
      <div class="widget-company-content-item">
        <div class="widget-company-content-item-label">Решение</div>
        <div class="widget-company-content-item-text">Расследовать причины недоставок и неотправок, чтобы снизить их количество</div>
      </div>
      <div class="widget-company-content-item">
        <div class="widget-company-content-item-label">Результат</div>
        <div class="widget-company-content-item-text">60 тыс. &rarr; 30 тыс. среднее количество недоставок и неотправок в месяц</div>
      </div>
      <div class="widget-company-content-item">
        <div class="widget-company-content-item-text"><strong>Срок.</strong> 3 месяца</div>
      </div>
    </div>
  </div>
</div>

      
    

Примеры Табов


    <h2>Часто задаваемые вопросы</h2>
    <p class="faq-info">Мы всегда рядом, что развеять любые сомнения! Если вы не нашли ответ на интересующий вопрос свяжитесь с нами удобным способом и мы с радостью ответим вам.</p>
    <details>
      <summary>Вопрос 1</summary>
      <p>Ответ 1</p>
    </details>
    <details>
      <summary>Вопрос 2</summary>
      <p>Ответ 2</p>
    </details>
    <details>
      <summary>Вопрос 3</summary>
      <p>Ответ 3</p>
    </details>
  </pre>


    

Примеры Цитаты



    <div class="article-comment">
      <p>Пример того, как будет выглядеть иллюстрация в статье. Самые популярные ниши, в которых обычно открывают интернет-магазины. Изучаем ЦА — целевую аудиторию.</p>
    </div>

    <blockquote class="quote">
      <cite>Мишель Обама</cite>
      <p class="author-role">Жена Барака Обамы и бывшая первая леди</p>
      <p class="quote-text">«Без надёжного хостинга бизнес-проект не только не сможет стабильно работать в сети, но и грозит остаться невидимым для потенциальных клиентов. Есть несколько типов хостинга, подходящих под определённые задачи и требования.»</p> <!-- Текст цитаты -->
    </blockquote>



    

Примеры Faq (табы в статьях)



<div class="tabs-block-container">
    <h1 class="tabs-block-title">Как помогает inSales</h1>
    
    <div class="tabs-block-item">
        <div class="tabs-block-question" >
Можно ли попробовать бесплатно?
            <span class="tabs-block-toggle"></span>
        </div>
        <div class="tabs-block-answer">
            <p class="tabs-block-answer-text">
Да, есть возможность получить бесплатные 7 дней. Кроме того, можно бесплатно запросить <a class="green-link">демонстрацию в демо-кабинете</a>, где вам расскажут об основных возможностях системы.
              </p>
        </div>
    </div>
    
    <div class="tabs-block-item">
        <div class="tabs-block-question">
Можно ли использовать собственный домен?
            <span class="tabs-block-toggle"></span>
        </div>
        <div class="tabs-block-answer">
            <p class="tabs-block-answer-text">
Если у вас есть собственное доменное имя (например www.my-store.ru), то вы можете использовать его для своего сайта или интернет-магазина на inSales на любом тарифном плане. Если у вас нет домена, выберите новый, и мы подключим его к вашему магазину. Также вы можете <a class="green-link">купить новый домен через inSales </a> или использовать бесплатный: <Название-магазина>.myinsales.ru. 
<br>
Более подробную информацию ищите в разделе  <a>документация</a>.
              </p>
        </div>
    </div>

    <div class="tabs-block-item">
        <div class="tabs-block-question" >
Что делать если я сам не могу что-то настроить сам?
            <span class="tabs-block-toggle"></span>
        </div>
        <div class="tabs-block-answer">
            <p class="tabs-block-answer-text">
Мы готовы помочь вам в настройке — для этого  <a class="green-link">свяжитесь с нашей тех. поддержкой </a>. Кроме того, есть услуги доработки функционала вашего сайта как  <a class="green-link">бесплатно </a>, так и  <a>за отдельную плату </a>.
              </p>
        </div>
    </div>

    <div class="tabs-block-item">
        <div class="tabs-block-question" >
Могут ли мне сразу сделать готовый сайт?
            <span class="tabs-block-toggle"></span>
        </div>
        <div class="tabs-block-answer">
            <p class="tabs-block-answer-text">
Да, у нас есть услуга разработки  <a href="/page/custom-website" class="green-link">интернет-магазина под ключ </a>на нашей CMS.
              </p>
        </div>
    </div>

    <div class="tabs-block-item">
        <div class="tabs-block-question" >
Будет ли inSales осуществлять поддержку моего сайта?
            <span class="tabs-block-toggle"></span>
        </div>
        <div class="tabs-block-answer">
            <p class="tabs-block-answer-text">
Да, компания inSales оказывает услуги технической поддержки и мониторинга вашего сайта 24/7.
              </p>
        </div>
    </div>

    <div class="tabs-block-item">
        <div class="tabs-block-question" >
 Защищен ли мой сайт?
            <span class="tabs-block-toggle"></span>
        </div>
        <div class="tabs-block-answer">
            <p class="tabs-block-answer-text">
Да. Безопасность обеспечивается с помощью автоматической нейтрализации DDoS-атак на всех уровнях OSI до L7 (уровень приложения) включительно. Система блокирует как высокоскоростные атаки сетевого уровня (L3 и L4), так и низкочастотные разрушительные L7-атаки, выявить которые можно только с помощью поведенческого, корреляционного анализа и мониторинга трафика.
Кроме того, есть возможность подключения SSL-сертификата для вашего домена.
              </p>
        </div>
    </div>






<p>КОД ТАБОВ ЗАКОНЧИЛСЯ<p>





ЭТО ОТДЕЛЬНО 2 КНОПКИ НА ВЫБОР

<p>1 вариант<p>
  <a class="article-link-btn"
          data-open-modal="register" 
          href="" data-fancybox="" 
          data-src="#modal-cms" 
          target="_blank"
  >Демо кабинет</a>

<p>2 вариант<p>
  <a href="https://www.insales.ru/blogs/news/test-1" class="article-link-btn-more">Подробнее</a>




    

    
Продолжая пользоваться сайтом,
вы соглашаетесь с использованием cookie