Верстка сайта с нуля, для новичков. Марафон по верстке, день 1

Марафон по верстке сайта. За 3 дня полностью сверстаем сайт и сделаем адаптив. Объясню все что делаю, и зачем. Отвечу на вопросы.

Тема в VSC - плагин Material Theme

Все исходники, инструкция и информация в телеграм канале.
Ссылка на телеграм канал:

Чат верстальщиков:

Написать мне в телеграм:

Отзывы о моем авторском курсе по верстке:

Подпишитесь на канал, если вам понравилось данное видео:

[Patrick-lywt]

Вадим зажигает, и разжигает любовь к верстке. Спасибо друг.

[yankuandykov]

Урок топ, Влад топ, Дизайнер топ, Дизайнер который может дать по другому в PSD вообще топ

[MrMakaronik]

Мне одному это видео смотреть интересно не только за полезный контент но и из за юмор этого прекрасного человека?)

[МаксимКруковец-юэ]

Спасибо за урок. Полезно, интересно, познавательно!)

[DmitryYanushkevich]

Спасибо за труды 🙏 очень увлекательные и позитивные получаются вечеринки!

[MsAlecksey]

Молодец. Все расказуєшь дословно, а не так как многие "так надо уложиться в 1 или 2 часа вёрстку и полетел без разбора.С вами преуспел в вёрстке.

[nataliolli]

Марафон огонь, огромное спасибо за информацию за то, что есть такой замечательный человек Влад, который все очень понятно и доступно объясняет!!!

[FirstnameLastname-reei]

Не пишу комментрии, но ты на столько круто и просто все объясняешь, что я просто в шоке!
Спасибо тебе!

[РоманЗотов-сы]

На кнопку можно добавить бордер, чтобы при наведении на белом фоне у кнопки оставались границы и она не терялась.

[ЕвгенийЛогвиненко-шк]

Вадим конечно молодец. Я сам начинал смотреть когда-то его уроки. Сугубо моё личное мнение и наблюдение, ни в коем случае не хочу как-то Вадима и его детище обидеть, но, сейчас чисто верстальщиком быть уже не канает. Во многих студиях вёрстку делают в купе с чем-то, с тем же бэкэндом например, а на фрилансе заказов чисто по вёрстке практически нет, а если и есть немного, то за копейки, потому что всем нужен сайт под ключ, если мы говорим о фрилансе, а это значит, что ты должен быть на все руки мастер - и дизайн составить и вёрстку склепать и логику сделать и на cms посадить и все все вместе, причем за эту работу тебе заплатят как за одно действие, хотя по сути ты выполняет работу 3 разных специалистов, ну или фулстекера одного (фронт+бэкэнд разработчик), которая и должна оплачиваться соответствующе. Это просто наблюдение и логические выводы.

[ВалераЛадыга-жу]

Кайф чувак не знаю кто ты но ты мой спаситель

[ЭйсВентура-бд]

А почему не делали фон Хедера заливкой цвета? Зачем именно картинкой делать фон у хедера? И что со шрифтами? Почему сразу не выяснили какие где и не подключили сразу их? Я в body сразу по умолчанию ставлю шрифт которого больше всего на сайте и font-size: 17px; например.очень удобно.

[gorobart]

Где исходные Файлы ? Ссылка на телеграм не работает

[maksgeer]

Бля просто очень крутой чел все ясно хорошо объясняет сразу лайк 👍!!!!))

[fobianka]

спасибо огромнейшее, это был мой первый сайт, который сверстала сама, не без косяков... до min-hight в header не додумалась. Counter записывала неправильно и не туда, поэтому не работал)) И не смогла в input прописать белый шрифт для ввода пользователя)) 3 дня верстала). После ваших уроков смогла такое сделать, сейчас смотрю на проделанное и не верю глазам) До этого знала только о параграфах и h1-h6)

[movieclips]

Сделайте уроки по меню на чистом JavaScript пожалуйста 🙏

[capstanfearless]

Пора бы своим ученикам сказать, что все скрипты в подвале можно мерджить в один.

[exer]

1:14:23 я написал всё как говорили вплоть до конца но почему то не сработало когда я написал padding: 47px 0 45px; display: flex; justify-content: space between; элементы не раз бросились что делать?

[asdasd-hguz]

а есть на макет ссылка? Вроде везде просмотрел не вижу

[jbsharan]

Я конечно извиняюсь но когда писать header__top а когда header__inner (за ранее спасибо)