Создай современный и визуально привлекательный HTML/CSS шаблон карточки для каталога файлов на основе следующей структуры: Требования к дизайну:
- Современный минималистичный стиль.
- Добавь кнопку перехода к файлу («Открыть» / «Подробнее») и кнопку скачивания («⬇️ Скачать» или 📥) с лёгкими hover-эффектами (небольшое изменение цвета или лёгкое затемнение).
- Карточка должна иметь плавные тени, скруглённые углы и отступы между элементами.
- Без градиентов — только чистые цвета, контраст и аккуратная типографика.
- Добавь hover-анимацию карточки: лёгкое поднятие и усиление тени при наведении.
- Используй лейблы с emoji (📁 для категории, 👤 для автора, 👁 для просмотров, 💬 для комментариев).
- Сделай заголовок выразительным — крупнее, полужирным, с ограничением по длине и троеточием при переполнении.
- Сохрани совместимость с переменными шаблона.
- Обеспечь адаптивность для мобильных устройств.
- Используй нейтральную палитру (белый, серый, чёрный, акцентные оттенки синего или зелёного для кнопок и ссылок).
- Карточка должна выглядеть как элемент современного контент-каталога (в духе Dribbble, Behance или uKit).
- Карточка должна растягиваться по ширине контента.
В результате предоставь полный HTML и CSS-код, чтобы карточка выглядела чисто, современно и гармонично.
|
