Вёрстка карточки товара за 30 минут
Вставка
- Опубліковано 2 жов 2024
- Верстаем карточку товара с Aliexpress - создаю HTML и сразу идёт оформление через CSS. CDN для font-awesome можно подключить отсюда cdnjs.com/libr..., а названия классов для значков вот тут fontawesome.co...
✅ 00:23 Карточкав каталоге aliexpress
✅ 00:41 Заготовка для вёрстки + образец
✅ 01:00 Создание каркаса карточки .card
✅ 02:30 Изображение товара img.card-image
✅ 03:32 Тело карточки .card-body
✅ 06:09 Плашка с 'SALE': .card-sale::before
✅ 07:28 Цена товара .card-price
✅ 08:52 Старая цена + скидка .card.discount
✅ 12:28 'Бесплатная доставка' .card-delivery
✅ 13:27 'Доставка 10 дней' .card-options
✅ 17:20 Плашка 'plus' .card-options-plus
✅ 19:29 Звёзды товара и продано .card-popularity
✅ 23:28 Название магазина .card-shop
✅ 25:22 Сердечко для лайка .card-heart
✅ 28:55 Тень при наведении на карточку
✅ 29:50 Несколько карточек!
✅ 30:19 Поставьте лайк и до встречи!
Станьте спонсором канала, и вы получите доступ к эксклюзивным бонусам. Подробнее: / @htmllabru
Спасибо, очень понравилось видео! Всё 30 минут смотрела не отрываясь.
Даже новую информацию узнала)
Это Евгения.
Супер! Рад, что понравилось)
Блин классное видео! Все достаточно развернуто! Жаль так просмотров мало..
Alena, спасибо!
А что изменилось ?
С React Native не стали продолжать?
Пошли траблы с запуском expo, поставил на паузу
Красава!)