Привет! Сегодня мы сверстаем непростой макет по продаже/покупке недвижимости. В этом уроке тебя ждет много интересного, так как мы сделаем несколько слайдеров, галерею, поработаем с 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
1 month ago 06:41:57 1
Курс по верстке и созданию сайтов с нуля. Все основы HTML / CSS на практике.
1 month ago 00:37:31 1
Урок верстки журнала в Индизайн. Работа с текстом.
1 month ago 00:19:37 1
⚡️ Эта CSS новинка уничтожила SCSS
1 month ago 00:03:34 1
«ВЕРА ВЕЧНА» – МУЖСКОЙ ХОР «РУССКИЙ ФОРМАТ» & АРХИДИАКОН КОНСТАНТИН БАРГАН & АРТЕМ ВАСИЛЕВИЧ
1 month ago 00:12:30 1
Украл? Выпил? В Думу! Как спиваются российские чиновники | Разборы
1 month ago 00:36:01 4
Интеграционные тесты с базой данных | Java QA Automation
1 month ago 00:10:06 1
В чем разница между Float, Flexbox и Grid CSS?
1 month ago 02:34:22 1
Figma основы. Бесплатный курс по figma.
1 month ago 01:10:44 1
Обучение FlutterFlow, с нуля до про. Часть 2 из 2. API, работа с базой даных, local state, backend
1 month ago 00:59:04 1
Обучение FlutterFlow, с нуля до про. Часть 1 из 2
1 month ago 00:10:12 1
Уроки MySQL | Введение. Как подключить базу данных
1 month ago 00:50:51 1
Создание сайта с красивой анимацией при скролле (HTML CSS JavaScript)
1 month ago 00:07:13 1
Что такое ВЕРСТКА сайта? Как работает сайт? Что такое HTML CSS JS // Фрилансер по жизни
1 month ago 00:28:11 1
VS Code — настройка, установка, плагины ✅ Подробный гайд за 30 минут про VS Code
1 month ago 03:55:02 1
Верстка сайта с нуля, для новичков. Интенсив по верстке, день 1
1 month ago 00:33:05 1
Типографика. Как оформить абзац текста. Пошаговый урок.
1 month ago 00:50:16 1
Как построить сетку. Графический дизайн, ч1
1 month ago 00:03:17 1
❗️❗️ Новая мобилизация после выборов: Путин все решил
1 month ago 00:25:04 1
Создаем калькулятор 👨💻 JavaScript. Без eval, по шагам для начинающих
1 month ago 01:05:42 3
Верстка сайта HTML/CSS с использованием переменных и clamp()
1 month ago 01:05:51 1
Адаптивная верстка одностраничного сайта на чистом HTML & CSS || Travel Agency Website HTML&CSS
1 month ago 00:27:10 1
Восполнение потерь и слухи о мобилизации | Потери России в войне: сводка 29 марта 2024