Привет! Сегодня мы сверстаем непростой макет по продаже/покупке недвижимости. В этом уроке тебя ждет много интересного, так как мы сделаем несколько слайдеров, галерею, поработаем с CSS-переменными, поработаем с волшебной формулой, а также сразу же сделаем адаптив для нашего сайта! Присаживайся поудобнее, тебя ждет сочный контент! Приятного просмотра :)
Код для подключения шрифта:
@import url(“ Sans:regular,500,600&display=swap“);
Сайт с большим количеством макетов на любой вкус:
Архив с результатом:
Ссылка на макет: (после перехода нажми на название макета, затем на Duplicate to your drafts)
Сайт Swiper:
Сайт Min-Max Value Interpolation:
Соцсети:
Telegram:
Github:
Поддержать автора:
Тинькофф:
USDT: TUHbvntkGV5G1EaRqupQYYScPk1nbqtGAT
BTC: bc1qxwx7mz74mac6um282dgsz2889026mxm79p6vc2
ETH: 0x784E7dcbAdF4fd08Bd26bF0702395105D4B0c864
Таймкоды:
00:00 – Начинаем
00:32 – Смотрим макет
02:16 – Создаем и настраиваем проект
10:42 – Верстаем шапку
28:04 – Верстаем первую секцию
50:17 – Верстаем секцию с логотипами
56:26 – Верстаем первый слайдер
01:15:44 – Секция с преимуществами
01:28:22 – Слайдер с отзывами
01:40:05 – Галерея
01:49:49 – Секция со слоганом
01:54:43 – Верстаем футер (а потом доделываем слоган)
02:06:24 – Проверяем весь макет и поправляем косяки
Теги:
#webdev
#верстка
#layout
4 views
5
0
5 days ago 00:06:32 1
Форма авторизации и регистрации для сайта на HTML, CSS и JavaScript
6 days ago 05:05:31 1
Адаптивная верстка сайта с SCSS и JS. Объясняю по шагам. CSS Grid, БЭМ. Макет LoftHouse
6 days ago 00:16:13 1
Интенсивный курс адаптивная верстка сайта за 15 минут! html css
6 days ago 00:06:12 1
#1 Вводный урок [Курс по Верстке от AROKEN]
7 days ago 00:41:17 1
CSS EM REM и прочие единицы измерения CSS. Что когда использовать? Подробное объяснение на практике.
7 days ago 00:08:54 1
Уроки Bootstrap 5 - Введение и установка
7 days ago 00:12:06 1
Junior фронтенд-разработчик: 11 идей проектов для резюме
1 week ago 00:03:34 1
«ВЕРА ВЕЧНА» – МУЖСКОЙ ХОР «РУССКИЙ ФОРМАТ» & АРХИДИАКОН КОНСТАНТИН БАРГАН & АРТЕМ ВАСИЛЕВИЧ
1 week ago 06:41:57 1
Курс по верстке и созданию сайтов с нуля. Все основы HTML / CSS на практике.
1 week ago 00:00:35 1
Интерактивный каталог с перелистыванием страниц
1 week ago 00:17:27 1
6.Создаем крутой слайдер с заменой фона используя HTML,CSS #webdevelopment #web #slider #HTML #CSS
1 week ago 04:29:35 1
Адаптивная верстка интернет магазина с НУЛЯ. Выполняю реальный заказ. Верстка сайта за $150
1 week ago 00:26:50 1
Как сделать профессиональный макет визитки? Как сделать визитку для типографии?
1 week ago 00:12:28 1
Создаём и подключаем базу данных MySQL + PHP | Урок 2
1 week ago 00:11:41 1
Анализируем новый макет в #Figma глазами разработчика
1 week ago 00:35:13 1
Создание потрясающей галереи на HTML, CSS и JavaScript (CSS-анимация, Blur, Parallax, Gradient)
1 week ago 00:07:30 1
Прижать футер к низу сайта (flex, grid). #Типичные задачи