Дизайн и вёрстка GetCourse | Tilda

Для начала нужно немного подготовить блоки: ✅ Каждой кнопке надо задать свой уникальный класс; ✅ Потом внутри формы создать разные заголовки и тексты для каждой кнопки, им тоже задать уникальные классы, при этом последняя цифра у кнопки, заголовка и текста должны совпадать. Самому блоку с формой задаём класс .castom-form ✅ Потом добавить скрипт в конец страницы Скрипт выложу в комментариях под этим постом 👌

Индикатор прокрутки страницы разметка ⬇️ <div id="progress-bar"></div> <style> #progress-bar { &nbsp; position: fixed; &nbsp; top: 0; &nbsp; left: 0; &nbsp; height: 4px; &nbsp; width: 0%; &nbsp; background-color: #0E7EE5; &nbsp; z-index: 9999; &nbsp; -webkit-transition: width 0.2s ease; &nbsp; -o-transition: width 0.2s ease; &nbsp; transition: width 0.2s ease; } </style> <script> document.addEventListener('scroll', function() { &nbsp;&nbsp;&nbsp; var scrollTop = window.scrollY || window.pageYOff...

Друзья, всем привет 🤗 В видео показываю решение частного случая в работе. Возможно у вас тоже возникают подобные ситуации 🤓 В следующем посте выложу скрипт ⬇️😜

#полезное Друзья, привет 🤗 Я, как и обещала, с новой полезняхой 😉 Индикатор прокрутки страницы ⬇️ ✅ Это тонкая полоска вверху экрана, которая заполняется, когда вы прокручиваете страницу вниз. Смотрите видео☝️ 💡 Для чего она нужна ✳️ Показывает, сколько осталось до конца страницы Посетитель сразу понимает — дочитал он половину, почти всё или только начал. ✳️ Помогает не потеряться Особенно удобно на длинных страницах с большим количеством текста или блоков. ✳️ Мотивирует дочитать до конца Люд...

В этом видео я показываю слайдер в действии⬆️ Если среди вас есть те, кому интересна вёрстка и желание научиться верстать на Геткурс не уходит из головы (как у меня в свое время 😜), то у меня для вас есть новость🤗 В ближайшее время я планирую мастер-группу по верстке лендинга на Геткурс для новичков. Меня давно об этом спрашивали и даже группа учеников собралась, но я все откладывала до момента, пока "звезды не сошлись" 😊 ✅ Мест в мастер-группе будет всего 10 ✅ Продолжительность обучения 3 не...

❄️❄️❄️❄️❄️❄️❄️❄️❄️❄️❄️❄️ Друзья, вот вам предновогодняя забава с предсказаниями на 2️⃣0️⃣2️⃣6️⃣ год! 1. Запускайте видео 2. Делайте скриншот 3. Присылайте, что у вас выпало в комментарии. Буду рада репостам. 😂

Друзья, всем доброго субботнего вечера ❤️ На лендингах мы часто используем различные слайдеры. Они позволяют последовательно демонстрировать несколько блоков контента в ограниченном пространстве экрана. Учитывая, что сейчас большинство пользователей заходят на сайт с мобильных устройств, слайдеры актуальны как никогда) На скринах примеры слайдера, которые я использую в работе с лендингами. Это не стандартный блок Геткурс, а блок html, с использованием css/js Несмотря на сложившееся мнение, вноси...

Одна форма вместо восьми Демо на видео ⬆️ Верстала я на днях первый экран страницы, где настроены продажи серии уроков и удивилась от количества форм, их было столько же, сколько карточек с уроками😳 Это было сделано для того, чтобы выбранный урок при открытии формы всегда был на первом месте в списке, с активным чекбоксом и выделением. Что логично с точки зрения покупателя, сразу видно, что выбрано и исключен лишний клик. Но 8 форм😳 А если позиций на странице будет 20, 30... При таком количест...

Первое видео это страница тренинга, второе страница сайта, где мы используем тот же приём 😜

Алиса придумала забаву, мне нравится 😜