✅ Premium Bootstrap 5 секция
📐 HTML (content-section.html)
4 карточки услуг с иконками Font Awesome (глобус, шестерёнки, диаграмма, гарнитура)
Каждая карточка содержит: иконку → заголовок → описание → список пунктов с
✓→ цветной тег-бейджBootstrap grid:
row-cols-1 row-cols-md-2 row-cols-lg-3 row-cols-xl-4— идеальная адаптивностьБлок статистики: 150+ проектов, 5+ лет, 98% клиентов, 24/7 поддержка — с анимированным счётчиком
CTA кнопка «Все наши услуги» со стрелкой
Декоративные фоновые blobs-элементы
🎨 CSS (content-section.css)
| Элемент | Описание |
|---|---|
| Карточки | Glassmorphism, translateY(-8px) при hover, цветная полоска сверху |
| Иконки | Анимация scale + rotate при hover, смена цвета на градиент |
| 4 модификатора | cs-card--primary/secondary/accent/success — разные цвета свечения |
| Stat-блок | Градиентный текст числа, анимиров. счётчик через IntersectionObserver |
| CTA кнопка | Градиентная, pill-форма, стрелка едет вправо при hover |
| Адаптивность | Breakpoints для <576, <768, <992 px |
Обсуждение статьи
0К этой статье пока нет комментариев. Будьте первым, кто выразит свое мнение!
Оставить комментарий
Связанные новости
10Похожие материалы
Улучшению приложения main
Исправления и улучшения Admin-панели
Результаты рефакторинга файловой структуры, шаблонов и стилей проекта
Я обновил шаблоны страниц «Портфолио» и «Услуги»