Вёрстка карточки товара за 30 минут
Верстаем карточку товара с Aliexpress - создаю HTML и сразу идёт оформление через CSS. CDN для font-awesome можно подключить отсюда https://cdnjs.com/libraries/font-awesome, а названия классов для значков вот тут https://fontawesome.com/v5.15/icons?d...
✅ 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 минут онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь htmllab 29 Ноябрь 2021, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 3,617 раз и оно понравилось 82 людям.