Вёрстка карточки товара за 30 минут

Uploaded By: Myvideo

Published on

30 Nov 2021

20 views

0

0 votes

0

About Share Download Add to

Верстаем карточку товара с Aliexpress - создаю HTML и сразу идёт оформление через CSS. CDN для font-awesome можно подключить отсюда , а названия классов для значков вот тут ✅ 00:23 Карточкав каталоге aliexpress ✅ 00:41 Заготовка для вёрстки образец ✅ 01:00 Создание каркаса карточки .card ✅ 02:30 Изображение товара ✅ 03:32 Тело карточки .card-body ✅ 06:09 Плашка с 'SALE': .card-sale::before ✅ 07:28 Цена товара .card-price ✅ 08:52 Старая цена скидка . ✅ 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 Поставьте лайк и до встречи! Станьте спонсором канала, и вы получите доступ к эксклюзивным бонусам. Подробнее:

Share with your friends

Link:

Embed:

<iframe width="640" height="360" src="//myvideo.cc/embed/c250SzFBT2tiN1BYZ3d1b0lRKytyQWdSL004dGZGam5raGw2NGwwenQ4Yz0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Video Size:

Custom size:

x

Autoplay video

Hide player controls

Hide resume playing

Add to Playlist:

Favorites

My Playlist

Watch Later

Junior фронтенд-разработчик: 11 идей проектов для резюме

1 week ago

00:12:06

Junior фронтенд-разработчик: 11 идей проектов для резюме

1 37%

HTML, CSS - 146 - Проект Практика Grid - Вёрстка карточки - Упражнение

2 weeks ago

00:18:13

HTML, CSS - 146 - Проект Практика Grid - Вёрстка карточки - Упражнение

1 20%

Гайд по MoonShine v.2. Подготовка проекта. Видеоинструкция по использованию админ-панели

2 weeks ago

00:17:49

Гайд по MoonShine v.2. Подготовка проекта. Видеоинструкция по использованию админ-панели

1.3K 63%

ОНЛАЙН КУРС ПО ОБУЧЕНИЮ ЗАРАБОТКА ВАКАНСИИ УДАЛЕННЫЕ НОВОСИБИРСК

2 weeks ago

00:01:53

ОНЛАЙН КУРС ПО ОБУЧЕНИЮ ЗАРАБОТКА ВАКАНСИИ УДАЛЕННЫЕ НОВОСИБИРСК

6 16%

РАБОТА ЧЕРЕЗ ТЕЛЕФОН НА ДОМУ БЕЗ ВЛОЖЕНИЙ

3 weeks ago

00:01:04

РАБОТА ЧЕРЕЗ ТЕЛЕФОН НА ДОМУ БЕЗ ВЛОЖЕНИЙ

34 95%

Саит портфолио на React JS урок для новичков. Базовый вводный курс в React для начинающих

4 weeks ago

02:56:40

Саит портфолио на React JS урок для новичков. Базовый вводный курс в React для начинающих

1 77%

КАК ЗАРАБОТАТЬ НА ПОКУПКЕ ВАЛЮТЫ ЗАРАБОТОК НА ВЕРСТКЕ САЙТОВ

1 month ago

00:01:21

КАК ЗАРАБОТАТЬ НА ПОКУПКЕ ВАЛЮТЫ ЗАРАБОТОК НА ВЕРСТКЕ САЙТОВ

19 38%

Как вставить КАРТУ в ZERO-блок на Tilda С ВЫСОТОЙ. Яндекс и Google карты в Зеро-блоке на Тильде 100%

1 month ago

00:04:20

Как вставить КАРТУ в ZERO-блок на Tilda С ВЫСОТОЙ. Яндекс и Google карты в Зеро-блоке на Тильде 100%

21 58%

Как вставить КАРТУ в ZERO-блок на Tilda. Яндекс карты и Google карты в Зеро-блоке на Тильде.

1 month ago

00:02:12

Как вставить КАРТУ в ZERO-блок на Tilda. Яндекс карты и Google карты в Зеро-блоке на Тильде.

14 17%

Выровнять текст по ширине Тильда. Текст по двум краям Тильда. Выравнивание текста Tilda. ЛЮБЫЕ блоки

1 month ago

00:02:49

Выровнять текст по ширине Тильда. Текст по двум краям Тильда. Выравнивание текста Tilda. ЛЮБЫЕ блоки

32 67%

Советы А. Г. Ориентирование на конкурентов, дизайн карточки игрока и подготовка к Школе дизайнеров

2 months ago

00:21:16

Советы А. Г. Ориентирование на конкурентов, дизайн карточки игрока и подготовка к Школе дизайнеров

12.7K 72%

3D Card Покемон

2 months ago

00:00:09

3D Card Покемон

60 13%

Кейс по заработку в интернете Заработок в интернете с выводом на карту беларусь без вложений

2 months ago

00:00:59

Кейс по заработку в интернете Заработок в интернете с выводом на карту беларусь без вложений

1 83%

ТЕХНОЛОГИЯ УДАЛЕННОГО ЗАРАБОТКА НА ИНТЕРНЕТ РЕКЛАМЕ ОТЗЫВЫ РУЛЕТКА НА РЕАЛЬНЫЕ ДЕНЬГИ БЕЗ ВЛОЖ

2 months ago

00:01:53

ТЕХНОЛОГИЯ УДАЛЕННОГО ЗАРАБОТКА НА ИНТЕРНЕТ РЕКЛАМЕ ОТЗЫВЫ РУЛЕТКА НА РЕАЛЬНЫЕ ДЕНЬГИ БЕЗ ВЛОЖ

7 89%

Vue 3 для начинающих / Разработка интернет-магазина Vue Sneakers

2 months ago

07:33:41

Vue 3 для начинающих / Разработка интернет-магазина Vue Sneakers

1 40%

Портфолио. Сайт-визитка.#ЗАКАЗАТЬСАЙТ#НАTilda#

2 months ago

00:01:10

Портфолио. Сайт-визитка.#ЗАКАЗАТЬСАЙТ#НАTilda#

1 66%

Работа находится дома

2 months ago

00:01:20

Работа находится дома

26 37%

Визитка в фигме слабоумие и отвага. Как не надо делать и почему

2 months ago

00:10:04

Визитка в фигме слабоумие и отвага. Как не надо делать и почему

1 29%

Hover эффект бордера при наведении на карточку

2 months ago

00:00:25

Hover эффект бордера при наведении на карточку

141 88%

HTML верстка сайта каталога интернет магазина на Gulp сборке

3 months ago

07:53:40

HTML верстка сайта каталога интернет магазина на Gulp сборке

1 15%

№6. Создание Яндекс.карты на сайте. Фильтрация меток на карте

3 months ago

00:14:57

№6. Создание Яндекс.карты на сайте. Фильтрация меток на карте

10 61%

№3. Создание Яндекс.карты на сайт. Балуны для карты

3 months ago

00:08:02

№3. Создание Яндекс.карты на сайт. Балуны для карты

8 36%

№2. Создание Яндекс.карты на сайт. Метки на карте

3 months ago

00:06:45

№2. Создание Яндекс.карты на сайт. Метки на карте

8 65%

Фиксация карточек по скроллу с кликабельными элементами с наложением СВЕРХУ в Тильде

3 months ago

00:39:11

Фиксация карточек по скроллу с кликабельными элементами с наложением СВЕРХУ в Тильде

1 14%

0 Comments

Guest