💎 Верстка “Популярных услуг“ на сайте психолога - Часть 4
🌟 Верстка (программирования) четвертого блока “Популярные услуги“ на главной странице сайта для психолога Богдановой Танзили
________________________________
🚀 Хостинг Beget -
🔧 Rookee “Раскрутка сайтов“ -
❄️ Личная страница VK -
________________________________
🔽 Оформить карту сейчас 🔽
👑 Tinkoff Black - дебетовая карта с кэшбэком до 30% -
________________________________
🌐 Поиск клиентов (ВК) -
💬 Создание Бота в (ВК) -
________________________________
🌍 Сайт психолога -
🎨 Группа психолога -
________________________________
🌴 Группа VK -
💎 Instagram -
🍃 TikTok -
❇️ Rutube -
________________________________
🌴 Принимаю заявки на ваши заказы
🍃 Принимаю заявки на индивидуальное обучение
________________________________
Тайм фрейм (Временные метки)
00:00 - Начало видео
00:00:35 - Проект в figma
00:02:15 - Создание проекта в Visual studio code
00:02:42 - Создание кода
01:55:42 - Адаптация блока
________________________________
🌟 Добро пожаловать на канал “Академия Сайтов“!
🖥️ Приветствую всех! С вами Николай, и сегодня мы продолжаем нашу работу над сайтом психолога Богдановой Танзили. В этом видео мы займемся версткой и программированием четвертого блока главной страницы, который посвящен популярным услугам психолога.
🎨 Что такое четвертый блок “Популярные услуги“?
1. Четвертый блок будет включать подробное описание восьми самых популярных услуг, предоставляемых психологом. Каждая услуга будет представлена в виде отдельной карточки с кратким описанием и возможностью перехода для более подробной информации.
🛠️ Как мы будем это делать:
1. Создание HTML-структуры: Разработаем разметку для блока, используя семантический и доступный HTML.
2. Адаптивная стилизация с помощью CSS: Обеспечим корректное отображение блока на разных устройствах, используя Flexbox или CSS Grid для создания респонсивной сетки.
🔧 Процесс адаптации под мобильные устройства и планшеты:
1. Медиа-запросы: Применим медиа-запросы для оптимизации блока под различные размеры экранов.
2. Тестирование на разных устройствах: Проверим, как блок выглядит и функционирует на разных устройствах, включая планшеты и смартфоны.
🎨 Дизайн и визуальное оформление:
1. Визуальное выделение карточек: Каждая карточка услуги будет иметь привлекательный дизайн, сочетающий в себе элементы фирменного стиля психолога.
2. Интерактивные элементы: Добавим анимации и переходы для улучшения пользовательского опыта.
⚙️ Техническая реализация:
1. JavaScript для дополнительных интерактивностей: Если потребуется, применим JavaScript для реализации динамических элементов, таких как модальные окна с дополнительной информацией.
🚀 Заключение и призыв к действию:
1. Подписывайтесь на канал “Академия Сайтов“, чтобы не пропустить дальнейшие уроки и советы.
2. Комментируйте и делитесь своими вопросами: Ваше мнение важно для нас, и мы готовы ответить на любые ваши вопросы.
🍃 Благодарим за просмотр! Надеемся, что наше видео было полезным и информативным. Ваши отзывы помогают нам улучшать качество наших уроков и делать их максимально эффективными для вас.
#AcademySite #АкадемияСайтов #НиколайКарнаушенко #Верстка #Сайт
22 views
295
72
2 months ago 00:15:46 1
ДЕЛАЕМ ИНФОГРАФИКУ ДЛЯ МАРКЕТПЛЕЙСОВ С НУЛЯ В ФОТОШОПЕ! ДЛЯ НОВИЧКОВ | ВЫПОЛНЯЕМ РЕАЛЬНЫЙ ЗАКАЗ
5 months ago 00:07:32 1
💎 Тормозит Youtube на Телевизоре? Ускоряем до 4К. Результат 100%
5 months ago 00:18:19 8
👑 Обход блокировки Youtube во всех браузерах в России 100%
5 months ago 00:07:21 2.1K
👑 Тормозит Youtube на Телевизоре? Ускоряем до 4К. Результат 100%
5 months ago 00:22:24 6
💎 Обход блокировки Youtube во всех браузерах в России 100%
5 months ago 00:13:14 1.9K
👑 Обход блокировки Youtube на Телевизоре (TV) в России - 100% результат
5 months ago 00:11:35 1
👑 Обход блокировки Youtube в России 2024. Работает 100%
5 months ago 00:09:11 7.4K
👑 Обход блокировки Youtube в России 2024. Способ №2
5 months ago 00:11:34 968
🎨 Обход блокировки Youtube в России 2024. Работает 100%
5 months ago 00:07:41 129
👑 Youtube тормозит и глючит в России 2024. Причины и Решения