October 27, 2023

Лендинг с курсами и тегами

Внешний вид

Код импорта

https://share.one-way.dev/?93a690c847c8f1c0#HK3PpnbdCRCJZtHmCQXw68X8NpUTzvDpmsNFoJ2BRm9J

Как задать теги

Для задания своих тегов составьте пары по аналогии. Слева должен быть класс, который вы назначите блокам, а справа — соответствующий тег. Пары должны разделяться запятыми, классы должны состоять из одного слова

Например,

const classesPair = {
lessons: 'Уроки',
trainings: 'Тренинги',
}

После этого назначаем блоку с курсом теги из списка наших пар

CSS-класс trains в моем случае равен тегу "тренировки"

Задание ссылки

Во все красивые блоки геткурса нельзя нативно вставить ссылки. Поэтому вставляем ее просто в текст. Скрипт решения сам скроет ее из текста и навесит на сам элемент