Оформление SIMPLE-карточек продуктов

Привет! Сегодня я расскажу вам, как оформить простые карточки товаров. Это мой очень ленивый и непрофессиональный способ показать вам, как это сделать. Видео длинное, но я хотел убедиться, что рассказал всё, что нужно знать для создания карточек товаров. :)

Так как я ненавижу игры, вот код: http://bit.ly/3Y7VXUN
___________
☕Пожалуйста, угостите меня кофе :)
http://bit.ly/3kZwf5Y

💖КУПИТЬ МОИ ШАБЛОНЫ
МОЙ МАГАЗИН - https://bit.ly/3QEBSUA
МОЙ МАГАЗИН НА ETSY: https://etsy.me/3La6b2I

✨ПОЛУЧИТЬ БЕСПЛАТНОЕ РУКОВОДСТВО ПО ШРИФТАМ И ЦВЕТУ
https://shedesignsthings.thrivecart.c...

💫КУРСЫ ПО GOOGLE-САЙТАМ
https://www.shedesignsthings.com/for-...

🌟ПОЛУЧИТЬ РУКОВОДСТВО ПО SEO
Мой магазин - http://bit.ly/3YDs7q2
Магазин на Etsy - https://etsy.me/3ZRHqwk

🌟ЗАДАЙТЕ ВОПРОС — Хотите узнать, как это создаётся? Нужен совет по дизайн-проекту? Просто хотите поздороваться? Задавайте вопросы анонимно.

https://forms.gle/kDfXMTcHuQrPZnri9

ДОБАВЬТЕ СВОЙ САЙТ
https://forms.gle/C16BYMugF6CaJ6Gr5

__________
ОБО МНЕ

Привет! Меня зовут Челси! Я владелица She Designs Things. Я профессиональный фотограф, веб-дизайнер и дизайнер логотипов. Если вы готовы узнать что-то интересное или просто хотите стать немного креативнее в этом цифровом мире, я буду рада помочь.

__________
СЕГМЕНТЫ

00:00 — Вступление
01:00 — Где взять примеры карточек товаров
03:04 — Карточка товара 1
04:31 — Хостинг изображений
04:53 — Импорт шрифтов
06:05 — Текст карточки
06:45 — Стилизация текста
08:40 — Жирный текст
11:06 — Горизонтальная линия
12:16 — Единицы измерения в CSS
12:43 — Удаление связанного стиля
12:56 — Изменение тегов для пользовательского CSS
13:56 — Стилизация кнопки
16:00 — Границы кнопок
17:25 — Контейнер границ
18:29 — Добавление на сайт Google
19:58 — Карточка товара 2 (добавление в корзину через PayPal)
20:55 — Переполнение внутри карточки товара
21:38 — Граница Стиль
22:05 — Стиль кнопки
25:18 — Карточка товара 3
26:20 — Изменение размера кнопки
26:25 — Изменение курсора кнопки
26:40 — Кнопка телефонного звонка
27:18 — Изменение цвета кнопки
27:41 — Курсив
28:55 — Изменение текста кнопки
30:41 — Градиентный фон
35:36 — Добавить на сайт Google

__________
РЕСУРСЫ И ССЫЛКИ

CSS — https://www.tutorialbrain.com/css_tut...
Основы CSS — https://developer.mozilla.org/en-US/d...
Градиенты — https://www.w3schools.com/css/css3_gr...
HTML для удаления полос прокрутки: https://www.siearaproject.org/codes/r...
Дизайн в Canva: https://www.canva.com/join/weekly-lea...
Создайте бесплатный сайт: https://sites.google.com/
Музыка: от Tunetank.com и моя собственная

__________
СОЦИАЛЬНЫЕ СЕТИ

Привет!

Ссылка в биографии: http://bit.ly/3T5bvWV
Сайт: https://shedesignsthings.com
Instagram:   / shedesignsthingsco  
Сайт фотографии: https://thebokehlens.com
#googlesitestutorial #googlesites #googlesitehacks