Создайте веб-страницу личного портфолио
Цель: создать приложение CodePen.io , функционально подобное этому: https://codepen.io/freeCodeCamp/full/zNBOYG . Выполните приведенные ниже истории пользователей и пройдите все тесты для завершения. Созадйте для приложения свой личный стиль. Вы можете использовать HTML, JavaScript и CSS для выполнения этого проекта. Рекомендуется использовать простой CSS, так как это то, что вы изучили в предыдущих уроках, и вы должны получить некоторую практику с простым CSS. Вы можете использовать Bootstrap или SASS. Дополнительные технологии (например, jQuery, React, Angular или Vue) не рекомендуется использовать для этого задания, но вы можете применять их на свой страх и риск. Последующие проекты дадут вам возможность работать с другими различными технологиями, напирмер, такими как React. Мы примем и попытаемся исправить все отчеты о проблемах, которые используют предлагаемый стек технологий для этого проекта. Счастливого кодирования! Пользовательская история №1: у моего портфолио должен быть раздел приветствия с идентификатором welcome-section . User Story # 2: В разделе приветствия должен быть элемент h1 , содержащий текст. Пользовательская история №3: у моего портфолио должен быть раздел проектов с идентификатором projects . User Story # 4: Раздел проектов должен содержать по крайней мере один элемент с классом project-tile для проведения проекта. User Story # 5: Раздел проектов должен содержать как минимум одну ссылку на проект. User Story # 6: Мое портфолио должно иметь навигационную панель с идентификатором navbar . User Story # 7: Навигация должна содержать хотя бы одну ссылку, на которую я могу щелкнуть, чтобы перейти к различным разделам страницы. User Story # 8: у моего портфолио должна быть ссылка с идентификатором profile-link , который открывает мою GitHub или FCC-профиль на новой вкладке. User Story # 9: у моего портфолио должен быть хотя бы один медиа-запрос. User Story # 10: Высота секции приветствия должна быть равна высоте окна просмотра. User Story # 11: навигационная панель всегда должна находиться в верхней части окна просмотра. Вы можете создать свой проект, нажимая эту ручку CodePen . Или вы можете использовать эту ссылку CDN для запуска тестов в любой среде: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js Как только вы закончите, отправьте URL-адрес своего рабочего проекта с прохождением всех тестов. Не забудьте использовать метод Read-Search-Ask, если вы застряли.