Верстка сайта туристической компании 'VladTravel33' в формате landing page. Часть 1

Показать описание

#webdevhouse
#html_css
#верстка_для_начинающих
#landing_page

Эпизоды:
00:00 Вступление
00:54 Создаем структуру файла
04:25 Подключаем шрифты
05:42 Подготовка к верстке
06:38 Разбор first screen
08:27 Верстаем first screen
24:10 Стилизуем first screen
01:08:01 Разбор блока с результатами
01:09:34 Верстаем блок с результатами
01:19:45 Стилизуем блок с результатами

На сайте есть стилизованная форма поиска, стилизованный выпадающий список у фильтра, элементы с позиционированием. Использовали display: flex; и flex-direction.

Что сделано в видео:
1 - Шапка сайта
1.1 - Текстовый логотип
1.2 - Стилизованная форма поиска
1.3 - Кнопка log in
1.4 - Фоновая декоративная надпись
2. Секция с результатами поиска
2.1 - Шапка
2.1.1 - Заголовок
2.1.2 - Стилизированная панель управления фильтром с выпадающим списком(тег select)