Jan 29, 2022 · Jan 27, 2022 · Jan 29, 2022 · Jan 29, 2022 · Jan 29, 2022 · Jan 29, 2022
diff --git a/2-ui/1-document/08-styles-and-classes/2-create-notification/solution.view/index.html b/2-ui/1-document/08-styles-and-classes/2-create-notification/solution.view/index.html

 <body>

  <h2>Notification is on the right</h2>
  <h2>Сповіщення знаходиться справа</h2>

  <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum aspernatur quam ex eaque inventore quod voluptatem adipisci omnis nemo nulla fugit iste numquam ducimus cumque minima porro ea quidem maxime necessitatibus beatae labore soluta voluptatum
diff --git a/2-ui/1-document/08-styles-and-classes/2-create-notification/source.view/index.html b/2-ui/1-document/08-styles-and-classes/2-create-notification/source.view/index.html

 <body>

  <h2>Notification is on the right</h2>
  <h2>Сповіщення знаходиться справа</h2>

  <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum aspernatur quam ex eaque inventore quod voluptatem adipisci omnis nemo nulla fugit iste numquam ducimus cumque minima porro ea quidem maxime necessitatibus beatae labore soluta voluptatum
diff --git a/2-ui/1-document/08-styles-and-classes/2-create-notification/task.md b/2-ui/1-document/08-styles-and-classes/2-create-notification/task.md

 ---

 #Create a notification
 #Створити сповіщення

 Write a function`showNotification(options)` that creates a notification:`<div class="notification">`with the given content. The notification should automatically disappear after1.5seconds.
 Напишіть функцію`showNotification(options)`, яка створює сповіщення`<div class="notification">`з переданим вмістом. Сповіщення повинно автоматично зникати через1.5секунди.

 The options are:
 Вхідні параметри такі:

 ```js
 //shows an element with the text"Hello"near the right-top of the window
 //показує елемент з текстом"Hello"біля правого верхнього кутка вікна
 showNotification({
  top: 10, // 10pxfrom the top of the window (by default 0px)
  right: 10, // 10pxfrom the right edge of the window (by default 0px)
  html: "Hello!", //theHTML of notification
  className: "welcome" //an additional class for thediv (optional)
  top: 10, // 10pxвід верха вікна (усталено має бути 0px)
  right: 10, // 10pxвід правого краю вікна (усталено — 0px)
  html: "Hello!", // HTML-код сповіщення
  className: "welcome" //додатковий клас для елементаdiv (необов'язково)
 });
 ```

 [demo src="solution"]


 UseCSSpositioning to show the element at giventop/right coordinates. The source document has the necessary styles.
 Використовуйте позиціонуванняCSSдля розміщення елемента за вказаними координатами `top/right`. Документ з оточенням вже містить всі необхідні стилі.
Original file line number	Diff line number	Diff line change
Expand Up		@@ -6,7 +6,7 @@

		<body>

		<h2>Notification is on the right</h2>
		<h2>Сповіщення знаходиться справа</h2>

		<p>
		Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum aspernatur quam ex eaque inventore quod voluptatem adipisci omnis nemo nulla fugit iste numquam ducimus cumque minima porro ea quidem maxime necessitatibus beatae labore soluta voluptatum
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -2,23 +2,23 @@ importance: 5

		---

		#Create a notification
		#Створити сповіщення

		Write a function`showNotification(options)` that creates a notification:`<div class="notification">`with the given content. The notification should automatically disappear after1.5seconds.
		Напишіть функцію`showNotification(options)`, яка створює сповіщення`<div class="notification">`з переданим вмістом. Сповіщення повинно автоматично зникати через1.5секунди.

		The options are:
		Вхідні параметри такі:

		```js
		//shows an element with the text"Hello"near the right-top of the window
		//показує елемент з текстом"Hello"біля правого верхнього кутка вікна
		showNotification({
		top: 10, // 10pxfrom the top of the window (by default 0px)
		right: 10, // 10pxfrom the right edge of the window (by default 0px)
		html: "Hello!", //theHTML of notification
		className: "welcome" //an additional class for thediv (optional)
		top: 10, // 10pxвід верха вікна (усталено має бути 0px)
		right: 10, // 10pxвід правого краю вікна (усталено — 0px)
		html: "Hello!", // HTML-код сповіщення
		className: "welcome" //додатковий клас для елементаdiv (необов'язково)
		});
		```

		[demo src="solution"]


		UseCSSpositioning to show the element at giventop/right coordinates. The source document has the necessary styles.
		Використовуйте позиціонуванняCSSдля розміщення елемента за вказаними координатами `top/right`. Документ з оточенням вже містить всі необхідні стилі.