размещают весь основной контент сайта, который читает пользователь.","type":"unstyled","key":"fc2at"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Код получился такой","type":"header-three","key":"74g0c"},{"data":{"image":{"id":"68f5c70300aefd3868fe1fcb"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"cg4g7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь все элементы страницы находятся в главном диве врапер, как это и должно быть. Это я сделал подготовку страницы к добавлению футера","type":"unstyled","key":"53ldo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Футер я буду писать отдельно чтобы не на косячить с основной html страницей.","type":"unstyled","key":"c39co"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Проверка работоспособности","type":"header-three","key":"515sh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"На досуге чтобы проверить, работает ли правильно, сделал цвета","type":"unstyled","key":"f6urv"},{"data":{"image":{"id":"68f5c79d2fcfb25379ce6c85"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"eg74r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"И ожидаемо браузер всё покрасил.","type":"unstyled","key":"fm2ea"},{"data":{"image":{"id":"68f5c7dafada3048da7192f2"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"42j7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Чертёж подвала","type":"header-three","key":"daj8p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Нужно придумать дизайн футера","type":"unstyled","key":"e44m3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Дизайн такой","type":"unstyled","key":"50gl7"},{"data":{"image":{"id":"68f5c833c43b0d0a4e581a61"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"8pfjr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Отдельный HTML файл ","type":"header-two","key":"ck4ij"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создал отдельный Html файл, чтобы не накосячить","type":"unstyled","key":"7qom"},{"data":{"image":{"id":"68f5c86a9b16f276f8409ade"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"609sv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"И базовую структуру html c css файлом","type":"unstyled","key":"98tqa"},{"data":{"image":{"id":"68f5fa69dd73ca4c236219e7"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"7nbo5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вопрос с иконками футера","type":"header-two","key":"9eo4o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":49,"style":"BOLD"}],"text":"Раздел соц сети иконки в футере делают с помощью Font Awesome, это библиотека готовых иконок. Чтобы не мучится с рисовкой иконок буду использовать её.","type":"unstyled","key":"org6"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":32,"offset":30}],"inlineStyleRanges":[{"length":30,"offset":0,"style":"BOLD"}],"text":"Переходим на официальный сайт https://fontawesome.com/download","type":"unstyled","key":"qc1q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Font Awesome бывает 2-х видов платный и бесплатный, бесплатного мне хватит мне нужно всего лишь 6 иконок.","type":"unstyled","key":"k559"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Нюанс: Сайт у меня, пока будет лежать на флешке, а значит чтобы иконки соц сетей отображались даже тогда когда комп не подключен к интернету, иконки надо скачивать. Вместе со всей библиотекой.","type":"unstyled","key":"emh0j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сделал папки src – icons как в основном html файле туда буду складывать иконки","type":"unstyled","key":"59v2r"},{"data":{"image":{"id":"68f5fbad9d4f575c0a70f163"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"fs3m6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Нажимаем сюда, Архив скачается, Распаковываем его.","type":"unstyled","key":"d8vpt"},{"data":{"image":{"id":"68f5fbda2eaabd0e2da19129"},"images":[{"id":"68f5fbda2eaabd0e2da19129"},{"id":"68f5fc12c378027f3dab4938"},{"id":"68f5fc17967ee46a8aa2bcf3"}],"contents":{"68f5fbda2eaabd0e2da19129":""}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"9l0bn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Закидываем папку с иконками в папку сайта","type":"unstyled","key":"83ftd"},{"data":{"image":{"id":"68f5fc77c378027f3dabc554"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"bi5i0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":50,"style":"BOLD"}],"text":"И самое важное надо запомнить где лежит этот файл alLmin.css","type":"unstyled","key":"e4n0u"},{"data":{"image":{"id":"68f5fcaf3b3ecd35b5f6a107"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"780tb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":31,"offset":29,"style":"BOLD"}],"text":"Теперь в html коде пишем тег ","type":"unstyled","key":"424hd"},{"data":{"image":{"id":"68f5fd3bc08a034d010316ed"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"80al3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":28,"style":"BOLD"}],"text":"И прописываем путь до файла alLmin.css в кавычках","type":"unstyled","key":"deha3"},{"data":{"image":{"id":"68f5fdc3873b8000fb56f83c"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"395s0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":15,"style":"BOLD"}],"text":"Сначало ставим ./ потом пишем путь","type":"unstyled","key":"872q5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Тем самым я подключил библиотеку иконок, и они будут отображаться без подключения к интернету.","type":"unstyled","key":"alo26"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":23,"offset":18,"style":"BOLD"}],"text":"Дальше я прописал семантические теги html как в основном html файле, и добавил семантический тег Footer.","type":"unstyled","key":"590r"},{"data":{"image":{"id":"68f5fe362eaabd0e2da49d1e"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"58a4o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь можно писать код футера","type":"unstyled","key":"b0nuk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HTML Код футера","type":"header-three","key":"5e8o6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":0,"style":"BOLD"}],"text":"04.05.2024","type":"unstyled","key":"ffi5e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Внутри футера сделал див в нём будут лежать все компоненты футера.","type":"unstyled","key":"dfv1e"},{"data":{"image":{"id":"68f60017088fcb6faaed53ee"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"6ilau"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Внутри дива container создал див с классом box-1","type":"unstyled","key":"4gi1h"},{"data":{"image":{"id":"68f6003c8721e57af634f8d8"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"42ulm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Внутри него создаём список с классом link. И помещаем туда все ссылки","type":"unstyled","key":"8bt1g"},{"data":{"image":{"id":"68f6007b537d6b0e3e1494ac"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"q21f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Делаем пробел","type":"unstyled","key":"9dpm9"},{"data":{"image":{"id":"68f600ca6bb2167d9e72dfb5"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"d5ke9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"И пишу туда див с классом box-2","type":"unstyled","key":"414fl"},{"data":{"image":{"id":"68f6010101ce6634a7f12aea"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"b5bi2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":62,"offset":0,"style":"BOLD"}],"text":"И первый и второй раздел, должны быть в главном диве container","type":"unstyled","key":"dkhav"},{"data":{"image":{"id":"68f6024803ee4a7716ae400a"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"c32us"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":37,"offset":24,"style":"BOLD"}],"text":"Внутри дива box-2 пишем

class=\"brand\">Социальные сети

","type":"unstyled","key":"8bpfa"},{"data":{"image":{"id":"68f6027d873b8000fb607098"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"79o87"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создаём Ul c класcом","type":"unstyled","key":"dlnrd"},{"data":{"image":{"id":"68f602bdc43b0d0a4e972b79"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"au2j8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Внутри тега Ul cтавим тег li","type":"unstyled","key":"8qgk"},{"data":{"image":{"id":"68f602ee3b3ecd35b5031e03"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"7a9tp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":37,"style":"BOLD"}],"text":"Внутри тега li пишем тег с заглушкой ","type":"unstyled","key":"2qj77"},{"data":{"image":{"id":"68f60336247c9d646f3dd43c"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"2r6c4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":36,"offset":18,"style":"BOLD"}],"text":"Пишем эту строчку ","type":"unstyled","key":"ebdc1"},{"data":{"image":{"id":"68f60359e83dbf7b38031bd8"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"d1896"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Эту строчку я взял от сюда скапировав","type":"unstyled","key":"93t9r"},{"data":{"image":{"id":"68f603abc378027f3db4ff32"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"22jjo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вставляем остальные иконки","type":"unstyled","key":"4qtjf"},{"data":{"image":{"id":"68f603f2408e9b15fbfce7f9"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"ffviu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь пишем зону коперайта","type":"blockquote","key":"fo8u8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"За приделами и дива container, но в пределах тега footer ставим пробел","type":"unstyled","key":"83rjv"},{"data":{"image":{"id":"68f60454c378027f3db5cdfd"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"135t4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Пишем див с классом копирайт","type":"unstyled","key":"fl21n"},{"data":{"image":{"id":"68f60494e83dbf7b380582d4"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"1od9d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Внутри дива копирайт делаем див copyright-txt","type":"unstyled","key":"2v3u7"},{"data":{"image":{"id":"68f604d303ee4a7716b360e9"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"ao9gu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"И пишем текст","type":"unstyled","key":"7bsnv"},{"data":{"image":{"id":"68f6051c45b08308e0f1c880"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"33u6j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Код получился такой","type":"unstyled","key":"fjnsb"},{"data":{"image":{"id":"68f6057a873b8000fb666492"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"fqh35"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":0,"style":"BOLD"}],"text":"Результат","type":"unstyled","key":"c3lr0"},{"data":{"image":{"id":"68f605b3e50c2f095fee0b11"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"blf63"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Осталось написать CSS стили.","type":"blockquote","key":"35t8e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"CSS код","type":"header-three","key":"5khhp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Залил футер цветом","type":"unstyled","key":"7j30n"},{"data":{"image":{"id":"68f725fdb32a3c75126f5478"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"4qs44"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"вот так выглядит","type":"unstyled","key":"7ahf9"},{"data":{"image":{"id":"68f72626ad04fb7068291cf7"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"s95u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Убрал кружки","type":"unstyled","key":"f64lr"},{"data":{"image":{"id":"68f7265218deb60b41fed0c9"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"94gul"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат","type":"unstyled","key":"dmom"},{"data":{"image":{"id":"68f72669873b8000fbd5f582"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"8jrtp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Убрал подчёркивания, залил цветом.","type":"unstyled","key":"asaur"},{"data":{"image":{"id":"68f726ad247c9d646fb30a65"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"6bali"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат","type":"unstyled","key":"80df9"},{"data":{"image":{"id":"68f726d1c2b3b253b091c817"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"3ec86"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Изменил размеры цвет текста, задал интервал.","type":"unstyled","key":"7p5i5"},{"data":{"image":{"id":"68f72703c429ea0f29afcb89"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"ak99d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат","type":"unstyled","key":"ci78o"},{"data":{"image":{"id":"68f7273e5c4c0c534b3e4581"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"30omu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Задал положение всему диву container","type":"unstyled","key":"9svgr"},{"data":{"image":{"id":"68f72812247c9d646fb50c09"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"b81mn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат","type":"unstyled","key":"b6naa"},{"data":{"image":{"id":"68f72840e50c2f095fda2060"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"6iqas"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Нужно footer и div container сделать flex элементами, чтобы ссылки и иконки были в одну линию.","type":"unstyled","key":"ea27i"},{"data":{"image":{"id":"68f7286f68a0d6080aa48ad9"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"c5g9h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат","type":"unstyled","key":"1grjq"},{"data":{"image":{"id":"68f728c8c2b3b253b093853b"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"bkr7c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Делаем небольшое расстояние между ссылками и иконками","type":"unstyled","key":"eu4bi"},{"data":{"image":{"id":"68f72905408e9b15fbec481e"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"2tujn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат","type":"unstyled","key":"29vp0"},{"data":{"image":{"id":"68f7293be50c2f095fdb0c21"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"ea4t4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Разносим ссылки по разные стороны","type":"unstyled","key":"6lt7e"},{"data":{"image":{"id":"68f729ac873b8000fbda9f19"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"88fil"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вот так это всё выглядит","type":"unstyled","key":"al97f"},{"data":{"image":{"id":"68f729e69d4f575c0af853e6"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"2l6t9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Изменил текст социальные сети","type":"unstyled","key":"1igt2"},{"data":{"image":{"id":"68f72a0ee50c2f095fdbdae3"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"75b3l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат","type":"unstyled","key":"f4ic"},{"data":{"image":{"id":"68f72a4a9d4f575c0af8e7f7"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"28bar"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Делаем иконки в строчку","type":"unstyled","key":"9evmu"},{"data":{"image":{"id":"68f72a8a088fcb6faae2ae02"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"dpum0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат","type":"unstyled","key":"9gm1"},{"data":{"image":{"id":"68f72ad9eb471660f5bdf23c"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"3hg8s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Увеличиваем расстояние между иконками справа","type":"unstyled","key":"bsicb"},{"data":{"image":{"id":"68f72b1dc2b3b253b095bb31"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"48j7d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат","type":"unstyled","key":"4a302"},{"data":{"image":{"id":"68f72b3aad04fb70682db5f8"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"j52n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сделал размеры и рамку вокруг иконок","type":"unstyled","key":"5gsaq"},{"data":{"image":{"id":"68f72b909d4f575c0afaef99"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"2c3r1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат","type":"unstyled","key":"1p8jp"},{"data":{"image":{"id":"68f72ba82661983e0c9d09cb"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"85iou"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Делаем рамку кругом","type":"unstyled","key":"22r3d"},{"data":{"image":{"id":"68f72bcfe83dbf7b387f7c1d"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"1m410"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат","type":"unstyled","key":"c9eql"},{"data":{"image":{"id":"68f72bea761e3c292e331dba"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"cndnk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Выровнял иконки внутри круга по центру","type":"unstyled","key":"12tou"},{"data":{"image":{"id":"68f72c00408e9b15fbef44b6"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"10rur"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат","type":"unstyled","key":"86sln"},{"data":{"image":{"id":"68f72c6187a9a83b63e43aa0"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"c3f1o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сделал смену цвета иконки при наведении мыши","type":"unstyled","key":"chnef"},{"data":{"image":{"id":"68f72ca63b3ecd35b58146b9"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"9bsfu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат","type":"unstyled","key":"avjn"},{"data":{"image":{"id":"68f72cc9247c9d646fbc4b78"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"aj5l3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сделал полоску копирайта","type":"unstyled","key":"cg4vo"},{"data":{"image":{"id":"68f72cf8eb471660f5c01c33"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"c7cg4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат","type":"unstyled","key":"2r1bq"},{"data":{"image":{"id":"68f72d4d45b08308e0e2bc16"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"2mc7k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Изменил вид ссылок","type":"unstyled","key":"5ntf1"},{"data":{"image":{"id":"68f72d9b088fcb6faae5c683"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"7dcds"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат","type":"unstyled","key":"avqb0"},{"data":{"image":{"id":"68f72e1dfc20fc05aae6b180"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"4s3pt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":43,"offset":0,"style":"BOLD"}],"text":"Не ровно расположился текст социальные сети","type":"unstyled","key":"fcudm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Это стандартные отступы виноваты","type":"blockquote","key":"14q55"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сбросил стандартные отступы, и задал всему что есть в футере стиль шрифта Arial, Helvetica, sans-serif","type":"unstyled","key":"5c71t"},{"data":{"image":{"id":"68f72fbce50c2f095fe19a1a"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"1a69h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат","type":"unstyled","key":"7bnm1"},{"data":{"image":{"id":"68f73010fc20fc05aae8ad87"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"3olpg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В полностью развёрнутом браузере","type":"unstyled","key":"8ifvf"},{"data":{"image":{"id":"68f7306a247c9d646fc1eb85"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"7lmj3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В мобильном режиме","type":"unstyled","key":"94lk2"},{"data":{"image":{"id":"68f73092873b8000fbe5673e"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"9j7v5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Как прибить футер к низу страницы","type":"header-three","key":"1kst8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"08.05.2024","type":"blockquote","key":"e1gdp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Осталось прибить футер к низу, чтобы он был всегда внизу страницы даже в мобильном режиме.","type":"unstyled","key":"b3nh8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для начала сделал разметку чтобы было видно.","type":"unstyled","key":"4pihc"},{"data":{"image":{"id":"68f7324887a9a83b63ea11f8"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"av75g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":27,"offset":0,"style":"BOLD"}],"text":"Пометка от 21.10.2025 года:","type":"unstyled","key":"ee343"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":0,"style":"BOLD"}],"text":"Тут есть ошибка: У блока main я сделал фиксированную высоту 50 пикселей. Так лучше не делать. Из-за этого, блок main не будет растягиваться на всю высоту содержимого страницы и будет стоять на месте. А контент в блоке main будет выходить за футер, если его будет много.","type":"unstyled","key":"74tuq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":27,"style":"BOLD"}],"text":"Убери в блоке Main строчку height: 50px;","type":"unstyled","key":"9fvip"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В дальнейшем в статьях ты увидишь косяк, который мне придётся исправлять из-за этого.","type":"blockquote","key":"eqagj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат","type":"unstyled","key":"3rpvq"},{"data":{"image":{"id":"68f732a718deb60b410b1856"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"b1d0o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Красный - Это heder, шапка сайта.","type":"unordered-list-item","key":"f51vv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Зелёный - Это nav, место где у меня \tнавигационная панель.","type":"unordered-list-item","key":"1dtr5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Светло-фиолетовый - Это main, там будет зона контента.","type":"unordered-list-item","key":"5aj6m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Серый - Это footer.","type":"unordered-list-item","key":"40tqk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Белый - Несуществующее пространство.","type":"unordered-list-item","key":"bn2gp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"У меня все части сайта лежат в диве wrapper он самый главный, ему надо задать минимальную высоту 100%","type":"unstyled","key":"1gmqc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":31,"offset":65,"style":"BOLD"}],"text":"Но ещё нужно задать высоту 100% всей Html странице и тегу иначе ничего работать не будет.","type":"unstyled","key":"1rji3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Потому что див wrapper лежит в теге , значит тег это начальник дива wrapper, а сам тег лежит в теге html, значит тег html старше всех и он начальник их обоих.","type":"unstyled","key":"24i8i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"У всех троих и див wrapper должна быть высота 100%, тогда всё будет правильно работать.","type":"unstyled","key":"6ngtg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Прописывается это так","type":"unstyled","key":"3buat"},{"data":{"image":{"id":"68f73429e50c2f095fe624b7"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"4icbp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":53,"style":"BOLD"}],"text":"Ставим все элементы на странице друг за другом через display: flex","type":"unstyled","key":"3t6jq"},{"data":{"image":{"id":"68f734688721e57af6c52fa5"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"6ihmn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат будет такой","type":"unstyled","key":"84og"},{"data":{"image":{"id":"68f735003946723b620849dd"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"85f94"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Это значит что всё примерилось правильно, теперь все элементы страницы ставим в столбик с помощью этой команды.","type":"unstyled","key":"1n6fe"},{"data":{"image":{"id":"68f7352e247c9d646fc99ecd"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"ena9r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Всё вернётся обратно","type":"unstyled","key":"8bdqv"},{"data":{"image":{"id":"68f7358fc429ea0f29c67178"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"2i99c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь прибиваем футер к низу страницы, вот этой командой","type":"unstyled","key":"1v980"},{"data":{"image":{"id":"68f736076539c44524c87c5a"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"84plp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат будет такой","type":"unstyled","key":"23n10"},{"data":{"image":{"id":"68f736755a4b3d7104371512"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"8uv78"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"А если контента на странице будет много, будет полоса прокрутки у страницы","type":"unstyled","key":"5vaq5"},{"data":{"image":{"id":"68f736b2b32a3c75128982ca"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"5u9no"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Перенёс футер в основной Html файл","type":"header-two","key":"24qlk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Подключил заново библиотеку иконок в основном файле.","type":"unstyled","key":"8uqkk"},{"data":{"image":{"id":"68f73f7468a0d6080abcdfed"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"diav"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Перенёс HTML код который я писал, в основной файл","type":"unstyled","key":"egckj"},{"data":{"image":{"id":"68f73fcf9f5ab306df0105c8"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"9esrc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"CSS стили тоже перенёс, и заменил цвет футера на чёрный.","type":"unstyled","key":"4fak"},{"data":{"image":{"id":"68f74008c429ea0f29d8bf01"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"fkvkl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат","type":"unstyled","key":"5cr4h"},{"data":{"image":{"id":"68f740523b3ecd35b5a27391"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"c4hd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Прибил футер к низу","type":"unstyled","key":"cdt83"},{"data":{"image":{"id":"68f74188247c9d646fdf985f"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"34nbj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат","type":"header-two","key":"5fmvk"},{"data":{"image":{"id":"68f741c1eb471660f5d70176"},"images":[{"id":"68f741c1eb471660f5d70176"},{"id":"68f741e103ee4a7716534f60"}],"contents":{"68f741e103ee4a7716534f60":"","68f741c1eb471660f5d70176":""}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"b5434"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Можно переходить к середине сайта, то есть к main контенту","type":"blockquote","key":"9qfoc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если бы я знал, куда я лезу: Коммент из 2025 года.","type":"unstyled","key":"48m52"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"cjta9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"f9iho"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"40htq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"9atqe"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"ElRQfmx0YfFzbYSj8nL9"}],"entityMap":{"0":{"data":{"url":"https://fontawesome.com/download"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}