❗️Осталось всего 6 часов до конца распродажи и это последнее напоминание❗️

🎄▶️ https://train-it.ru/newyearsale ◀️🎄

1 января в 0:00 старые цены останутся в старом году и на смену им придут новые. У вас ещё есть шанс успеть приобрести абонементы и стримы по очень выгодным ценам ✅

Сделайте подарок, удивите заказчиков своей новой квалификацией и скилом, а себя гарантированным ростом доходов соответственно 😉

Вижу, что очень многие в прошлом посте отметились своей реакцией и хотят прокачаться в теме маркетинга, чтобы подтянуть свой уровень продаж. Отлично! 🥳

Но знаете ли вы, что достаточно только 4-х базовых элементов маркетинговой упаковки, чтобы получить себе очередь из клиентов и закрывать их на тот чек, который вы поставите? 🧐

Каждый из этих 4-х элементов выполняет свою роль в привлечении клиентов - закрываются возражения, не нужно объяснять клиенту, почему ваша услуга стоит именно столько и т.д.

Каждый технический специалист может поднять планку своего дохода, не изучая новые технические навыки. Не обязательно знать еще одну платформу-аналог Геткурса или платформу по сборке чат-ботов. Ведь вы можете с текущими навыками зарабатывать намного больше, чем у вас есть сейчас - вам нужен лишь пошаговый план по самостоятельной маркетинговой упаковке, которая состоит из этих 4-х элементов 😉

Именно этот план предоставит вам мой коллега Томас Кинг на своем бесплатном вебинаре "Базовая Маркетинговая Упаковка". Вебинар пройдет 18 февраля в 18:00 по МСК.

Зарегистрироваться можно тут:
▶️ https://thomas-king.ru/bmu/free_web/reg?gcao=36176&gcpc=fb2ce

Бесплатные мероприятия у Томаса это всегда кладезь полезных знаний, которые можно применять сразу же. Ранее он проводил марафоны по Salebot и другие вебинары по маркетингу и монетизации знаний техспеца. И этот вебинар не будет исключением!

Почему стоит идти на вебинар к нему:
— У Томаса мощные и прокачанные знания по маркетингу. Летом прошлого года у него было большое обучение для техспецов, и есть весомые результаты у участников (пришло понимание как покупают клиенты, ученики полностью переупаковались и научились продавать на высокие чеки);
— Более 5 лет работает техническим специалистом и уже более года ведет свой обучающий проект;
— Зарабатывает от 300 000 рублей как техспец за счет упаковки и маркетинговых знаний, так как сам более 2-х лет проходит разные обучения у гуру-маркетологов;
— Там буду я, тоже прокачивать свои навыки маркетинга, поэтому увидимся с вами там 😉

Регистрируйся на бесплатный вебинар и получи на нем свой персональный пошаговый план по маркетинговой упаковке, которая масштабирует твой доход и поток клиентов:
▶️ https://thomas-king.ru/bmu/free_web/reg?gcao=36176&gcpc=fb2ce

Немного пошаманил и показываю, как можно добавить некоторые возможности при стилизации и разнообразить некоторыми эффектами предыдущую лёгкую кастомизацию.

Сперва следует применить все наработки из этого поста, затем будем творить магию 😮

Для начала отключим у Геткурсовских инпутов их выделение при фокусе (делается это на основе псевдокласса :focus-visible) и допишем в имеющийся CSS такое правило:

.field-content input:focus-visible {
border: none;
outline: none;
}

И теперь мы можем во всей красе использовать ещё один мало известный псевдокласс :focus-within, который позволяет стилизовать элемент, если внутри него произошел фокус или же сам элемент был взят в фокус. Звучит сложно, да, но на деле отталкиваясь от этого мы можем присвоить стили всему, что лежит внутри этого родительского элемента, например нашему псевдоэлементу :after, а так же стилизовать при этом input.

Добавляем вот такой CSS:

.field-content:focus-within input {
border: 1px solid red;
box-shadow: 0 0 5px red;
}

.field-content:focus-within::after {
color: red;
}

И получаем красивый, а так же стильный эффект на наших полях для ввода! 😉

#лёгкая_кастомизация #полезная_фишка

Друзья, всем отличного завершения пятницы и хороших выходных 🥳

Каждую неделю мы становимся лучше, развивая свои навыки. Вот и я буду прокачивать себя в маркетинге на бесплатном вебинаре моего коллеги Томаса Кинга уже завтра (18 февраля) в 18:00 по МСК про 4 элемента упаковки в маркетинге.

Зарегистрироваться на бесплатный вебинар здесь:
▶️ https://thomas-king.ru/bmu/free_web/reg?gcao=36176&gcpc=fb2ce ◀️

План вебинара остаётся в секрете, но что я точно знаю так это:
— Через две недели, идя по плану, который вы составите для себя лично на вебинаре, вы получите первые весомые результаты: увеличите средний чек, получите больше клиентов и заказов;
— Сможете применять полученные знания не только на одну конкретную услугу, но и на весь свой набор. Не важно, сопровождение запуска это или настройка Геткурса;
— Дружеское и тёплое общение под чаёк/кофеёк 😉

Увидимся на вебинаре! 😊

Друзья, привет! 🙂

Проболел всю прошлую неделю. В данный момент чувствую себя лучше, и есть силы заниматься делами дальше.

В своём клубе Train IT на главной странице в блоке «Текущие направления клуба» вновь добавил кнопочку с бесплатным уроком в "Вебе с нуля" и в "Тильде" и обновил оба урока с полезным материалом из этих направлений. Кто хочет познакомиться с клубом или просто посмотреть полезный материал в общей сложности на 30 минут, то не стесняйтесь и жмите на кнопочку «бесплатный урок» 😊

Так же я усиленно доделываю тренажер кода. Задания для первой ступени уже спроектированы, теперь переношу их и заскриптовываю в тренажере.

К тому же я задумался о том, что год уже давно начался и надо бы подготовить для вас что-то вкусненькое к моему очередному сезонному стриму. Есть у меня одна шикарная идея, но об этом позже. Считайте, что это был анонс 😂

Всем отличного начала рабочей недели!

Как часто вы пользуетесь HTML-блоками в Геткурсе? 🤨

К HTML-блоку приходят тогда, когда нужно сделать что-то из ряда вон выходящее, что практически невозможно сотворить путём модификации какого-либо блока. Так же возникает и проблема с адаптацией такой вёрстки, ведь её нужно делать практически с нуля и из-за этого к решению сделать всё на HTML-блоке приходят в самую последнюю очередь, а зря.

Если знать некоторые особенности Геткурса и Bootstrap (в частности 3.3.5 версии), на котором сделан сам Геткурс, можно эту адаптацию частично привить к вашим самописным блокам. Если поставить HTML-блок на лендинг, то зайдя в него мы увидим, что там уже стоит <div class="container text-center"></div>. Исходя из названий классов мы уже можем понять, что этот див вполне себе можно использовать как обёртку для наших блоков, которые мы будем делать внутри. Класс container ограничит нам ширину контейнера, подгоняя его под формат многих блоков ГК, ведь эти контейнеры так же есть внутри них. Класс text-center даст нам центрированный текст внутри этого контейнера.

К примеру, если мы делаем какие-то свои роскошные карточки в HTML-блоке, то можно всем карточкам задать класс lt-tsr-block, что в свою очередь задаст минимальный размер данным блокам (min-width: 250px). Даже если вы поставите больше, при сужении экрана ваши блоки будут сжиматься до ширины 250px, не ниже. Так же этот класс даст относительное позиционирование (position: relative) для расположения своих псевдоэлементов внутри блока.

Всё это пища для размышления над тем, что изучив классы Геткурса и Bootstrap достаточно хорошо (инспектируя элементы на странице), можно не отодвигать HTML-блок на последний план, а превратить его в мощный инструмент для реализации ваших задумок ☺️

#размышления_пост #лайфхак

Процесс доработки тренажера в Train IT идёт полным ходом 😎

Отказался от того, чтобы размещать ссылки в заданиях на файлы с разметкой/стилями/кодом и поставил всё в более удобный формат. Правлю алгоритмы принятия выполненных заданий, чтобы учитывалась вариативность выполнения, если она присутствует. Например, задачу по окрашиванию фона в какой-либо цвет может решить свойство как background так и background-color. В новой версии Енотокода всё это будет учтено.

Кстати, при успешном выполнении задания в тренажере вам выскочит окно о прохождении испытания, оно автоматически засчитается выполненным без моего участия (проверки). Проверку каждого испытания я заскриптовал внутри 😎

Дорогие девушки, я поздравляю вас с Международным женским днём! Желаю вам всегда ярких и солнечных дней, быть любимыми, радости в мелочах и неповторимой красоты! Вы наша главная мотивация 🥰

Предыдущая лёгкая кастомизация с полями формы вам определённо понравилась, поэтому я продолжу эту рубрику на канале ☺️

В этот раз я поделюсь с вами кастомизацией эффекта при наведении на мой любимый блок карточек (да-да, видели бы вы, сколько я издевался над ними в своих уроках в Магии Геткурса). Конкретно этот блок называется "Картинка - подзаголовок - заголовок - текст". При наведении на карточки получился интересный эффект преобразования формы картинки. В стили блока был прописан следующий CSS:

.lt-tsr-content .image-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
}

.lt-tsr-content .image {
    transition: 0.5s;
}

.lt-tsr-content:hover .image {
    border-radius: 50%;
    width: 200px;
    height: 200px;
}

Благодаря этому мы получим вполне крутой эффект, который превосходно смотрится даже на стандартном блоке без всякой дополнительной кастомизации, который уже не стыдно показать 😉

P.S. для тех, кто в теме: обнаружил забавный факт, что если убрать галочку из Стилей "Гибкая вёрстка", то на image-wrapper появятся флексы, а с image-card уберутся ненужные абсолютные позиционирования с паддингом в размере 75%, что меня всегда сильно смущал. То есть flex ставится боксу с картинкой при отключении "Гибкой вёрстки". Л — логика 😆

#лёгкая_кастомизация #полезная_фишка