Данный сайт использует файлы cookie. Данный сайт может запрашивать персональные данные.
(Политика использования cookie), (Соглашение на обработку персональных данных) Я согласен с использованием файлов cookie. Даю согласие на обработку персональных данных. Принять

 
<section class="locations">
  <h2>Где находятся аппараты печати</h2>
  <p class="subtitle">Выберите ближайший аппарат FastPrint24 / Принтер ТУТ</p>

  <div class="location-grid">

    <div class="location-card">
      <h3>Пушкино</h3>
      <p><strong>Адрес:</strong> Московский проспект, д. 20</p>
      <p>Рядом с магазином КуулКлевер</p>
      <ul>
        <li>Чёрно-белая печать</li>
        <li>Цветная печать</li>
        <li>Фото на документы 3,5×4,5</li>
        <li>Печать фото 10×15, 15×15, 15×20</li>
        <li>Копирование и сканирование</li>
      </ul>
    </div>

    <div class="location-card">
      <h3>Платформа Зеленоградская</h3>
      <p><strong>Адрес:</strong> ул. Печати, д. 2Б</p>
      <p>В магазине Дикси, рядом со станцией</p>
      <ul>
        <li>Чёрно-белая печать</li>
        <li>Цветная печать</li>
        <li>Фото на документы 3,5×4,5</li>
        <li>Печать фотографий</li>
        <li>Копирование и сканирование</li>
      </ul>
    </div>

    <div class="location-card">
      <h3>Мытищи</h3>
      <p><strong>Адрес:</strong> ул. 2-я Институтская, д. 24А</p>
      <p>Внутри магазина Верный</p>
      <ul>
        <li>Чёрно-белая печать</li>
        <li>Цветная печать</li>
        <li>Фото на документы</li>
        <li>Фото 10×15, 15×15, 15×20</li>
        <li>Копирование цветное и ч/б</li>
      </ul>
    </div>

  </div>
</section>

CSS для красивого вида:


 
.locations {
  padding: 40px 20px;
  background: #f7f7f7;
  font-family: Arial, sans-serif;
}

.locations h2 {
  text-align: center;
  font-size: 32px;
  margin-bottom: 10px;
}

.subtitle {
  text-align: center;
  font-size: 18px;
  margin-bottom: 30px;
}

.location-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
}

.location-card {
  background: #ffffff;
  border-radius: 18px;
  padding: 24px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.08);
}

.location-card h3 {
  font-size: 24px;
  margin-bottom: 12px;
  color: #111111;
}

.location-card p {
  font-size: 16px;
  margin: 6px 0;
}

.location-card ul {
  margin-top: 14px;
  padding-left: 20px;
}

.location-card li {
  margin-bottom: 6px;
}