Практична робота

1. Перейдіть до сервісу CodePen та зареєструйтесь/авторизуйтесь на ньому:  http://bit.ly/3yUUful

2. Відкрийте власний Pen із назвою Instagram_Прізвище. Якщо такого проєкту немає, то створіть новий Pen із HTML: https://bit.ly/3WeAby4 та CSS: https://bit.ly/3MusQa6

3. Розмістіть вікна для зручної роботи (Change View) та максимально зменшіть вікно JS

4. Довідник-презентація з теоретичним матеріалом: http://bit.ly/3TxsbXq

5. Виконайте завдання:

- огорніть в тег input слово Пошук з атрибутом placeholder

- CSS для тегу input

* немає границі

* немає границі при вееденні

* колір фону кнопки #efefef

* тип шрифту Segoe UI light, розмір шрифту 16 пікселів

- огорніть в тег а блок login та signup, з посиланням на https://infoschool16.zt.ua/

- CSS для тегу а блоку button

* немає підкреслення

- при наведенні на кнопку login змінюється колір кнопки на #1877f2

- при наведенні на кнопку Зареєструватися змінюється колір тексту на #7fcafa

6. Збрежіть (Save) та скопіюйте посилання для поширення (Share - Copy link)

7. Надішліть посилання на html-проєкт Instagram_Прізвище через платформу Human