https://github.com/irynadidkivska/task_3

Виконано HTML-розмітку та CSS оформлення відповідно до завдань
https://github.com/irynadidkivska/task_3

css-flexbox css3 html5

Last synced: 9 days ago
JSON representation

Виконано HTML-розмітку та CSS оформлення відповідно до завдань

• Host: GitHub
• URL: https://github.com/irynadidkivska/task_3
• Owner: IrynaDidkivska
• Created: 2024-05-20T08:57:51.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-05-20T14:15:03.000Z (6 months ago)
• Last Synced: 2024-05-20T15:56:42.835Z (6 months ago)
• Topics: css-flexbox, css3, html5
• Language: HTML
• Homepage: https://irynadidkivska.github.io/Task_3
• Size: 112 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Завдання

## Завдання 1: Створення меню

Створіть меню, використавши змішаний тип елементу.

## Завдання 2: Блок з притиснутим текстом

Створіть блок, в якому, незалежно від ширини, вкладений текст, виділений фоном, буде притиснутий до правої сторони.

## Завдання 3: Панель соціальних мереж

Створіть панель соціальних мереж, використовуючи зображення в папці DZ. Зображення мають бути посиланнями.

## Завдання 4: Сторінка з заголовком та параграфами

Створіть сторінку із заголовком та двома параграфами, в одному з яких одне зі слів є посиланням. Додайте стилі тексту лише для body: font-family: Arial; color: grey.

## Завдання 5: Сторінка з різними змінами шрифту

Створити сторінку з різними змінами шрифту, підключивши окремий файл CSS:

1. Вгорі біля заголовку першого рівня текст по центру та сімейство шрифту виставлено Arial, фон світло-сірого кольору.

2. У всіх заголовків нижче є нижнє підкреслення.

3. У "Заголовку посту 1" є відступи між словами.

4. У "Заголовку посту 2" є відступи між літерами.

5. Під заголовками розмістити звичайний текст, загорнутий у параграф (колір фону можна будь-який за бажанням) і стилізувати таким чином, як підказує текст у ньому (всі зміни мають бути виконані стилями, а не тегами).

6. Кнопка під текстом шириною 100 пікселів, текст по горизонталі та по вертикалі знаходиться по центру. В останній кнопці текст притиснутий до правої сторони.

## Завдання 6: Блок з відступами і посиланням

Створіть блок, у якому:

1. Текст сімейства шрифту Arial та розміром 20 пікселів.

2. Частина тексту «15% до 30%» розміром 24 пікселі та жирним накресленням.

3. Частина тексту «До розкладу IT-курсів» виділена посиланням і так само чорного кольору тексту.

## Завдання 7: Створення шапки сторінки

Створіть шапку сторінки як на картинці, використовуючи файли з папки DZ.