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

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

      
<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>