Подключаем всплывающее окно popup на сайт заказчика.

Получилось подключить popup? Всплывающее окно,
которое сделал по видеоуроку!Фрилансерпожизни!!
И так сделал я это окно , всё работает , всё
всплывает как надо, плавно!!
Вот этот сайт,я загрузил на свой хостинг.
https://s1.kruglovo.ru/gruzchiki_09
И решил попробовать поставить на сайт, практика , значит!!
Всё надо закреплять практикой!!

1. Поставил кнопку_Обратный звонок.
<a href=»#popup»><span class=»elementor-button-text» style=»color:white;»>
ОБРАТНЫЙ ЗВОНОК</span></a></span>
подключил стили к сайту кодом
<link rel=»stylesheet» href=»css/style.css»>

Можно делать со спаном, где прописываются стили текста, удобно,
Ниже сразу поставил , подключил стили, так не рекомендуется , но работает!!

2. Папку со стилями окна перемещаем в корень сайта.

3. Затем в низ кода сайта через любой редактор кода, ставим код самого модального окна.
Если всё правильно , то вначале его(содержание окна) видно на на странице сата внизу.
Потом , когда подключим стили и переместим папку со стилями в корень сайта,
содержимое окна должно исчезнуть.

4. Проверяем работу модального , всплывающего окна.

У меня всё получилось, окно плавно всплывает сверху,
и исчезает при клике рядом с окном.
Ура!! Всё работает.Мы молодцы, правильно выучили урок!!

Ещё раз , вот этот сайт
https://s1.kruglovo.ru/gruzchiki_09