Создание лендинга на WordPress. Часть 4. HTML верстка секций

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

Четвертый урок по созданию сайта на WordPress по типу Landing Page. HTML разметка секций.

  1. WebDesign Master
  2. html wordpress
  3. хтмл верстка
  4. верстка сайта
  5. верстка на вордпресс
  6. верстка на wordpress
Рекомендации по теме
Создание лендинга на 0:29:18

Создание лендинга на WordPress. Часть 1

Создание лендинга на 1:27:22

Создание лендинга на WordPress. Часть 2. Parallax шапка

Создание лендинга на 0:46:47

Создание лендинга на WordPress. Часть 10. Посадка верстки на WordPress...

Создание лендинга на 0:31:40

Создание лендинга на WordPress. Часть 12. Сортировка плиток в WordPress...

Создание лендинга на 0:38:22

Создание лендинга на WordPress. Часть 6. Popup и анимация

Создание лендинга на 1:01:41

Создание лендинга на WordPress. Часть 8. Сортируемые плитки

Создание лендинга на 0:44:38

Создание лендинга на WordPress. Часть 9. Форма обратной связи...

Создание лендинга на 0:07:41

Создание лендинга на WordPress. Часть 13. Заключительная

Создание лендинга на 0:16:47

Создание лендинга на WordPress. Часть 5. Анимация при скролле...

Создание лендинга на 0:43:33

Создание лендинга на WordPress. Часть 7. Верстка второй секции...

Почему Landing Page 0:03:08

Почему Landing Page на Wordpress это плохая идея

Создание лендинга в 0:13:06

Создание лендинга в Elementor и Wordpress - 1 часть. Первый экран лендинга по ремонту квартир....

Создание лендинга на 1:05:55

Создание лендинга на WordPress. Часть 3. Анимация меню

Создание лендинга на 0:35:48

Создание лендинга на WordPress. Часть 4. HTML верстка секций

Создание лендинга на 0:42:36

Создание лендинга на WordPress. Часть 11. Посадка верстки секций 'Обо мне' и 'Резюме&...

Делаем лендинг на 1:03:23

Делаем лендинг на Wordpress + Elementor | Как создать лендинг самому с нуля...

Создание лендинга на 0:17:42

Создание лендинга на Wordpress + Elementor без программирования

Как создать Landing 0:37:40

Как создать Landing Page на WordPress

Создание лендинга с 0:07:31

Создание лендинга с нуля на WordPress за 8 минут. Делаем Landing Page своими руками...

Как создать Landing 0:42:20

Как создать Landing Page на WordPress в 2020 | Elementor

Создание лендинга в 0:26:21

Создание лендинга в Elementor и Wordpress - 2 часть. Остальные экраны лендинга по ремонту квартир....

Создание Landing Page 0:38:22

Создание Landing Page на WordPress Часть 6

Создание Landing Page 0:17:07

Создание Landing Page на WordPress

WordPress - Создание 0:36:49

WordPress - Создание лендинга с использованием шаблона

Комментарии
Автор

Спасибо огромное за Ваш труд. Отличные уроки-проекты. Ничего не меняйте. Пусть урок будет разбит на несколько видео, но это будет красивый полноценный рабочий проект со всякими "вкусностями".

suspiciouscandy
Автор

Спасибо за курс и за хорошее освещение многих front-end инструментов.

PozitiveJazz
Автор

Здравствуйте! Спасибо огромное за Ваши уроки! Вот кстати с after, можно было так сделать
.s-descr-wrap
text-align: center
.s-descr
display: inline-block
text-transform: uppercase
font-size: 12px
position: relative
&::after
content: ''
width: 150px
height: 1px
display: block
margin-top: 60px
margin-left: auto
margin-right: auto

fisherman
Автор

можно использовать для оборачивания элемента в другой элемент в Sublime сочетание клавиш Ctrl + Alt + Enter

DoctorFriG
Автор

я может что-то пропустил, но у меня .top_wrapper -> h1 -> box-shadow: rgba(0, 0, 0, .3) 0 0 0 1000px, затемнение вылазит на следующую секцию.

vitaliym.
Автор

Скажите, а есть ли плагин-валидатор для Chrome?

vitaliikononenko
Автор

Добрый день, хочу сделать себе сайт портофолио похожий на этот, не подскажите где можно разместить свой сайт портфолио, что бы не платить за хостинг ради 1 ой странички)?

ГаврилАвангардовович
Автор

у меня не срабатывает $bg_light фон секции серый, а $main_color срабатывает. может у кого-то была такая же проблема?

eltorro
Автор

не пробовали работать с расширением SCSS?

MrProzbik