Привет! Сегодня мы сверстаем непростой макет по продаже/покупке недвижимости. В этом уроке тебя ждет много интересного, так как мы сделаем несколько слайдеров, галерею, поработаем с 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
2 months ago 00:24:19 1
КРАСНЫЕ ЛИНИИ ПУТИНА: Будут ли удары вглубь России? Прорыв ВСУ под Курском обнулил эти линии?
2 months ago 00:00:00 1
Вёрстка крутого сайта с нуля по макету Figma на Taptop. С разбором вопросов.
2 months ago 00:37:31 1
Урок верстки журнала в Индизайн. Работа с текстом.
2 months ago 00:16:55 1
Типографика — уроки дизайнерам из жизни.
2 months ago 00:33:05 1
Типографика. Как оформить абзац текста. Пошаговый урок.
2 months ago 00:03:34 1
«ВЕРА ВЕЧНА» – МУЖСКОЙ ХОР «РУССКИЙ ФОРМАТ» & АРХИДИАКОН КОНСТАНТИН БАРГАН & АРТЕМ ВАСИЛЕВИЧ
2 months ago 00:05:54 1
HTML уроки. Первый урок по HTML верстке. Уроки HTML CSS JS. Урок №1
2 months ago 00:35:02 1
Как срочников отправляют на верную смерть в Курскую область / тру-крайм «Черный ящик»
2 months ago 01:23:35 1
60 минут о типографике
2 months ago 00:46:19 1
МЯТЕЖ ПРИГОЖИНА глазами его участников. Все, что вы не знали о бунте главы ЧВК «Вагнер»
2 months ago 00:00:24 1
Изготовление блокнотов | Fresh Agency
2 months ago 00:00:00 1
Старт курса по созданию и верстке сайтов. Организационные моменты. Открытый вебинар. г.
2 months ago 00:52:29 1
Мятеж Пригожина | Бунт, которого не было #минутавминуту (English subtitles) @Maxim_Katz
2 months ago 00:10:09 1
Реальный Заказ на Taplink: Верстка в Taplink | Часть 2
2 months ago 00:02:29 1
ДУШЕ МОЯ - МУЖСКОЙ ХОР “РУССКИЙ ФОРМАТ“
2 months ago 00:26:31 4
CSS Grid, flexbox, float. В чем разница и как использовать. Практический пример
2 months ago 00:49:33 1
CSS Grid - самая понятная инструкция с примерами по гридам (сеткам) в CSS
2 months ago 00:27:01 1
Старт курса по созданию и верстке сайтов. Организационные моменты. Открытый вебинар. г.
2 months ago 00:25:11 1
Полный гайд по CSS Grid: адаптивная верстка за пару минут
2 months ago 01:12:09 1
Создание красивого сайта с Parallax эффектом при скролле (HTML CSS JavaScript)
2 months ago 00:00:00 1
ПУТЬ ДИЗАЙНЕРА в 2024: верстка на Taptop после Webflow
3 months ago 00:06:49 145
Dimpiks SPORT
3 months ago 00:27:40 1
Кремль готовит аресты за провал в Курской области
3 months ago 01:23:17 1
. Массаж при контрактурах | Медицинский массаж. Цикл 2