4. Верстка Подвала. Уроки по верстке сайта Портфолио HTML CSS

Видео урок из курса по HTML верстке "Создай свой первый сайт на HTML5 и CSS3".

Мини курс по HTML верстке сайта. Как сверстать сайт HTML из дизайн шаблона в Figma. Добавить адаптивность и сделать внутренние страницы. Этот курс подойдет для тех кто хочет научиться создавать сайты и хочет сверстать свой первый сайт.

Верстаем подвал сайта. Размещаем копирайт и ссылки на социальные сети.

Открыть макет проекта в Figma вы можете по следующей ссылке:

Скачать макет проекта вы можете по следующей ссылке:

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3"
От установки редактора, до публикации в сети.

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
Старт обучения: 18 Ноября 2024 года.

Обучение с наставником, 3 месяца, результат, гарантия.
Старт обучения: 25 Ноября 2024 года.

💻 Курс "Разработка сайтов на PHP + MySQL":
Создание сайтов с системой управления.
Присоединиться к курсу можно прямо сейчас.

🏁 Обучение с нуля
💁‍♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе

💳 возможна рассрочка
💳 если курс не понравится, вернём деньги в первую неделю
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

[NIkFreedomForce]

про "соседство" просто огонь!))

[metak]

В Footer'e, по высоте, начала объектов на разном уровне. Аж глаз режет.
Может было бы оптимизированно, использовать flexbox для этих трёх объектов? (copyright, icons, contacts) и выровнять их????

[alexl]

Спасибо за доходчивые и полезные уроки! Вопрос: этом макет если сверстать на Wordpress в Elementor и потом сохранить как HTML шаблон.. Аналогично получиться данной ручной верстке? Drag & drop побыстрее будет наверное?)

[ДмитрийБегун-чэ]

а почему ссылкам (иконкам) в футере нельзя было просто прописать "margin-right: 30px;", или это как то неправильно?

[kayeEmin]

.footer-icons-row > * {
background-color: deeppink;
margin-left: 30px; {Не могу получить расстояние между иконками}

[dimabliznets]

офигенный урок, кроме самого главного зачем я и пришел: как теперь всю эту шляпу вниз страницы поставить... чот ору с этого

[HaykVoskanyan-pd]

И мы не можем получить расстояние между логотипами justify-content: space-between

[sonia_skalska]

привет, делаю все как в уроке, но карточки не упорядочиваются как на макете и при написании кода для подвала текст пишется друг под другом. В чем может быть проблема если код на валидность верен как html так и css

[iznaur_]

23:35 можно было же просто margin-right написать

[dandanq]

у меня под иконками соц сетей, появились красные лампочки-кнопки это что???