This file includes the task that i was given to do during my frontend lesson at my university of 2024 task 1 is mostly focused on using html css to create a personal portfolio task 2 is creating a Макет страницы task 3 is Карточки товаров
Задание 1: Страница профиля
Создайте простую страницу профиля с использованием изученных HTML-тегов и CSS-стилей.
Требования:
HTML:
Добавьте заголовок уровня 1 с вашим именем. Разместите фотографию или изображение аватара (можно использовать любой URL). Добавьте параграф с коротким описанием вас (например, ваши интересы). Создайте список ваших любимых фильмов или хобби (упорядоченный или неупорядоченный список). Включите ссылку на вашу любимую социальную сеть.
CSS:
Установите цвет фона страницы. Задайте шрифт текста (используйте стандартные шрифты, такие как Arial, Times New Roman и т.д.). Установите ширину изображения и добавьте к нему рамку. Используйте свойство text-align для центрирования заголовка. Примените отступы и внешние отступы (padding и margin) для элементов списка.
Задание 2: Макет страницы
Создайте страницу, используя свойства CSS display (например, flex или block).
Требования:
HTML: Разделите страницу на три блока: Шапка (header): содержит название сайта. Основной блок (main): содержит два раздела: текст (параграф) и изображение. Подвал (footer): содержит текст "Все права защищены".
CSS:
Для шапки задайте фон другого цвета и выровняйте текст по центру. Основной блок: Используйте display: flex для размещения текста и изображения рядом друг с другом. Задайте фиксированную ширину и высоту изображения. Для подвала: Сделайте текст мелким шрифтом и выровняйте по центру. Добавьте отступ сверху.
Задание 3: Карточки товаров Создайте страницу с карточками товаров.
Требования:
HTML:
Создайте контейнер, который будет включать три карточки. Каждая карточка должна содержать: Название товара (заголовок). Картинку товара. Описание товара (параграф). Кнопку "Купить".
CSS: Используйте display: flex для расположения карточек в ряд. Задайте фон, рамку и тень для каждой карточки. Подсказки: