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

Кто из вас уже достиг планки "У меня куча проектов которые принесут мне денег, не могу взять ещё один, хотя от денег бы я не отказался(лась)..." ? 🧐

Думаю, многие узнают себя в этом вопросе. Или же кому попросту не хватает времени чтобы доделать какие-то задачи или целые проекты. Здесь существует вполне логичный ответ, с которым я всецело согласен:

ДЕЛЕГИРУЙ!

Не знаете как, кому, а главное как выстроить плодотворное сотрудничество на доверительной основе? В этом как раз сможет помочь новый онлайн-курс в школе Никиты Трофимова новый онлайн-курс в школе Никиты Трофимова TECH EDUCATION, где главной темой стал рост в доходе, работая с помощником или целой командой. На курсе вы в практической форме найдёте себе помощника и делигируете 80% своих задач. Ну разве не круто? И не нужно отказывать целым проектам, которые потенциально принесут вам доход.

✅ ОБУЧЕНИЕ 100% ПОДОЙДЕТ, ЕСЛИ ВЫ:

➖ Еще не делегировали, но в ваших проектах есть задачи, с которыми может справиться другой специалист
➖ Опытный специалист, который отказывает новым проектам из-за загруженности или простых задач, которые уже не интересны
➖ Руководитель / технический продюсер, которому важно выстроить работу команды в онлайн школе, но кажется, что на вас будет много операционки
➖ Командный игрок и понимаете, что с другими специалистами вы будете расти быстрее и без выгорания, т.к. в любой момент у вас будет замена

📚ПРОГРАММА ОБУЧЕНИЯ:

➖ Модуль 1. Фундамент делегирования
➖ Модуль 2. Подготовка к делегированию
➖ Модуль 3. Поиск помощника
➖ Модуль 4. Стажировка помощника
➖ Модуль 5. Работа с задачами
➖ Модуль 6. Долгосрочное сотрудничество

🔥 РЕЗУЛЬТАТ В КОНЦЕ ОБУЧЕНИЯ:

➖ Научитесь описывать вакансию и привлекать техспециалиста по своим ценностями и задачам
➖ Поймёте мотивацию помощника и научитесь получать от него нужный результат
➖ Сможете перевести коммуникацию с работодателем / заказчиком на помощника и договориться о его работе в проекте
➖ Научитесь освобождать свое время для других задач и проектов, которые можете конвертировать в дополнительный заработок или отдых
➖ Получите навыки организации работы команды и сможете перейти на другой уровень в компании
➖ Напишете инструкции, чек-листы, регламенты на частые задачи и подготовите проект к адаптации своего помощника

⚠️ САМОЕ ГЛАВНОЕ

➖ Старт обучения: 26 сентября
➖ Длительность: 5 недель
➖ Автор курса: Сергей Щаев (@shchaev)

И конечно же для вас, подпичсиков канала "Каморка Геткурсовода" действует промо-код delegate_pr286E94EE на странице после создания заказа, где можно получить скидку 15% на любой из тарифов 😎

📢 ЗАПИСАТЬСЯ НА ОБУЧЕНИЕ

А что это тут у нас? 😳

А это платежный модуль GC Pay в моём классическом исполнении в стиле "Чекаут. Страницы оплаты". Все нужные функции и платежные системы включены в стилизацию, а так же при переходе на внутреннюю частичную оплату (по кнопке от Геткурса) убираются все методы рассрочек и оплат частями, да так, что ловкие умельцы их не найдут и не активируют (система защиты) ☺️

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

А теперь, я полагаю, остались некоторые вопросы:

КОГДА? — Уже совсем скоро... 😜
ГДЕ? — В Клубе Магии Геткурса
СКОЛЬКО? — Для каждого сегмента будет сформирован отдельный ценник, в зависимости от того, у кого есть мой легендарный мини-курс «Чекаут. Страницы оплаты» с которого и началась история красивых и функциональных платежных страниц 😎

А пока вот такой вот тизер получился.
Всем хороших выходных! 😊

Ну вот и дождались 😏

Теперь GC Pay в оформлении и функционале «Чекаут. Страницы оплаты» доступен в мини-курсе!

Отдельно благодарю Петра за снятый видео-обзор 😎 Он как нельзя лучше показывает что же творится внутри, а так же, посмотрев сам обзор, я пофиксил некоторые баги релизной версии 😜

Тот самый обзор на GC Pay в стиле «Чекаут. Страницы оплаты»:
✔️ https://youtu.be/P8M1FWVJnts

Ссылка на покупку:
▶️ https://gcwithme.ru/checkout

И теперь по условиям, которые описал Пётр в своём посте:

❤️ Если у вас уже есть мини-курс "Чекаут" и у вас есть клубная карта — я вас поздравляю! Вы сможете забрать это дополнение за 3000 руб., а также применить к ним 500 бонусных рублей.

❤️ Если у вас есть «Чекаут», но GTFcard почему-то нету — для вас стоимость дополнениня состаавит 5000 руб, и еще 1000 руб. можно сбить бонусами.

❤️ Если у вас нет «Чекаута», но есть карта — полный комплект будет стоить 10 000 руб., можно использовать 2000 бонусов в качестве скидки.

❤️ Если у вас нет ни «Чекаута», ни клубной карты — полный комплект будет стоить 15 000 руб., можно использовать 2000 бонусов.

Ссылка на покупку:
▶️ https://gcwithme.ru/checkout

Ух, работа и сторонние проекты поглотили меня. Но вот возвращаюсь к ведению своего канала. И у меня есть для вас один очень интересный инструмент, который лежит на просторах интернета, и делает очень красивые переходы между блоками 😎

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

Заходите, генерируйте, и пользуйтесь! Всё достаточно просто. Как только выберите цвет и сгенерируете привлекательную для вас волну, нажимаете кнопку по центру, и вам выдаётся свг, который нужно поставить в HTML-блок в Геткурсе. Советую делать такие вставки между блоками поставив HTML-блок. Если захотите по каким-то причинам использовать внутри блока в html-элементе, то вам придётся повозиться с тем, чтобы отменить некоторые позиционирования у родительских элементов 😂

#полезная_фишка

Поменяемся местами?

На случай, если вы хотели поменять местами какие-то элементы в "Карточках", а именно заголовки с подзаголовками и текстом местами (кстати можно так же перетащить и картинку), существуют очень простые стилевые правила флексбокса как "Порядок", он же order. Естественно он не будет работать просто так, а работает в контексте flex-контейнера родителя.

Для начала следует упорядочить элементы флексовой сеткой внутри родителя lt-tsr-content, а затем уже играться со свойством order. Чем ниже номер который вы присвоите элементу, тем важнее его порядок в структуре. То есть элемент под номером 0 будет идти первее, чем элемент под номером 1, и так далее.

В качестве примера с моих скриншотов, чтобы сделать такой вид вам нужно прописать в Стили блока в "Подрбные настройки" следующий CSS:

.lt-tsr-content {
display: flex;
flex-direction: column;
}

.button {
order: 0;
margin-bottom: 20px;
}

.description {
order: 1;
}

.header, .subheader {
order: 2;
}

Ко всему прочему я добавил margin-bottom контейнеру содержащему кнопку, чтобы снизу было адекватное расстояние до описания. Вы можете на основе этого CSS экспериментировать по-своему, и добиваться наиболее подходящего для вас вида. И да, по поводу картинки: контейнер с ней имеет класс image-card. Так что вы можете перетащить и картинку в нужное вам место 😉

📱 Подборка полезных каналов и чатов для техспеца❣️EdTech.

📈 Жми «Посмотреть чаты» и добавляй себе всю папку сразу.

👇👇👇👇👇👇
https://t.me/addlist/0gjHsFGssLtkMWU6

✅ Если у тебя не открывается ссылка, обнови приложение Telegram в мобильной или десктопной версии.

Как в книгах! 🤓

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

За определение первой буквы в тексте отвечает псевдокласс ::first-letter. Таким образом мы выберем первую букву, но что же делать дальше?

По-хорошему нам нужно сделать ещё и обтекание в тексте, чтобы на эту самую букву не наслаивался другой текст. В этом нам прекрасно поможет свойство обтекания float. Изначально в старых браузерах оно активно использовалось как свойство позиционирования, но в современном вебе используется как правило обтекания. Далее с помощью применения правил отступов немного подправить его начальную позицию.

В моём примере я поставил на текстовый блок класс article и обращаясь к элементу p я выбираю его первую букву, а затем применяю следующие правила:

.article p::first-letter {
color:#FE5F55;
font-weight: bold;
font-size: 70px;
float: left;
line-height: 60px;
padding-right: 8px;
margin-top: -3px;
}

И благодаря этому получается такой красивый эффект "Буквицы" с обтеканием текста вокруг. Можно так же навесить на эту первую букву другой, более "сказочный" шрифт. Далее фантазия зависит только от вас ☺️

#полезная_фишка

Когда заказчик предоставил макет в фигме, и ты пытаешься его сделать на Геткурсе 😆

Всем хорошей пятницы и прекрасных выходных! 😊

Когда-то мы показали миру, что Геткурс может быть красивым.

Мы продемонстрировали тысячам технических специалистов, что CSS и HTML – не только страшные аббревиатуры, но и достаточно простые языки, на которых держится любой веб-сайт, в том числе, Геткурс.

Что мы только не украшали — кнопки, формы, вебинарные команты, списки тренингов, списки уроков, страницы оплаты, страницы входа. А я, так вообще люблю издеваться над карточками (многие уже знают 😁).

И вот наконец добрались до страниц уроков — страниц, где ученики проводят больше всего времени, путаются в навигации, забывают ответить на задания...

27 ноября начнется юбилейный марафон Клуба Магии CSS/HTML/JS – «Неделя Магии X. Страницы уроков».

Посмотреть дизайн-макет, который мы будем претворять в жизнь, можно по ссылке: https://gcwithme.ru/y/9bb875c (PDF)

Весной этого года, ввиду высокой ценности и сложности разработки, мы приняли решение сделать марафоны закрытыми — с доступом по клубной карте.

Но в преддверии Дня рождения Клуба мы открыли вход для всех по минимальной цене.

➡️ Стоимость участия в этом марафоне — 1000 руб.
Доступ к урокам сохранится до 1 марта 2024 г.

РЕГИСТРАЦИЯ НА МАРАФОН 😊

Выходим за пределы сознания формы кнопки 👀

Всегда остро стоял вопрос в визуализации и красивой анимации кнопок. Хочу поделиться с вами одним своим полезным стилем, который поможет сделать классный эффект "стрелки" на кнопке при наведении на неё.

Рецепт такой кнопки прост:
1) Возьмите блок с кнопкой или любую кнопку (шок-контент 😮 )
2) Вставьте в стили блока в "Подробные настройки" следующие стили:

.btn {
text-transform: uppercase;
font-weight: 500;
letter-spacing: 2px;
transition: 0.5s;
clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 0 50%, 0% 0%);
}

.btn:hover {
letter-spacing: 4px;
font-weight: 800;
clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0 0);
}

Я немного приукрасил анимацию тем, что не просто изменяю форму кнопки, но ещё и раздвигаю буквы друг от друга. Будет полезно тем, кто хочет открыть для себя новые свойства в CSS, и тем, кому нравится такой эффект.

И да, конечно же всех с пятницей! 😎

#полезная_фишка

Друзья, тут у моих коллег @DmitrySpace и @daniilpostnov стартовала Чёрная Пятница 😉

Если вы давно хотели приобрести какой-нибудь полезный скрипт, или оформить свою онлайн-школу в стиле Remake, то сейчас у вас есть такая возможность сделать это со скидкой 30%.

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

➡️ Перейти к распродаже скриптов и оформления Remake