JSFiddle - React, Tailwind, and code Playground

by Sergey khorev

HTML

<h1>Зеркала оптом и в розницу в Иваново – «Мир Зазеркалья»</h1>

<p>Широкий ассортимент зеркал для дома и бизнеса</p>
<p>Предлагаем стильные и функциональные решения для интерьера:</p>
<ul>
  <li>
    <svg
      class="icon"
      viewBox="0 0 24 24"
      fill="none"
      stroke="#27ae60"
      stroke-width="2"
    >
      <path d="M5 13l4 4L19 7" stroke-linecap="round" stroke-linejoin="round" />
    </svg>
    Готовые модели – от классики до модерна
  </li>
  <li>
    <svg
      class="icon"
      viewBox="0 0 24 24"
      fill="none"
      stroke="#27ae60"
      stroke-width="2"
    >
      <path d="M5 13l4 4L19 7" stroke-linecap="round" stroke-linejoin="round" />
    </svg>
    Зеркала на заказ – любые размеры и формы
  </li>
  <li>
    <svg
      class="icon"
      viewBox="0 0 24 24"
      fill="none"
      stroke="#27ae60"
      stroke-width="2"
    >
      <path d="M5 13l4 4L19 7" stroke-linecap="round" stroke-linejoin="round" />
    </svg>
    Декоративные модели – с подсветкой, гравировкой, фацетом
  </li>
  <li>
    <svg
      class="icon"
      viewBox="0 0 24 24"
      fill="none"
      stroke="#27ae60"
      stroke-width="2"
    >
      <path d="M5 13l4 4L19 7" stroke-linecap="round" stroke-linejoin="round" />
    </svg>
    Оптовые поставки – для магазинов, дизайн-студий, отелей
  </li>
</ul>

<h2>Почему выбирают нас?</h2>
<ul>
  <li>
    <svg class="icon" viewBox="0 0 24 24" fill="#27ae60">
      <path
        d="M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16zm-1 5l4 4-4 4-1.5-1.5L11 14H7v-2h4l-1.5-1.5L11 9z"
      />
    </svg>
    Собственное производство – контроль качества и гибкие условия
  </li>
  <li>
    <svg class="icon" viewBox="0 0 24 24" fill="#27ae60">
      <path
        d="M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16zm-1 5l4 4-4 4-1.5-1.5L11 14H7v-2h4l-1.5-1.5L11 9z"
      />
    </svg>
    Выгодные цены...

CSS

.icon {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  vertical-align: middle;
}
.highlight {
  color: #e74c3c;
  font-weight: bold;
}