Ранее мы предоставили расширенную форму обратной связи, у неё те же функции, но у этой есть всплывающая функция. По сути, форма является важной частью каждого веб-сайта. Если ваша основная цель - ориентировать пользователей на контактную форму, вы должны разместить форму на каждой странице, а не на одной странице. Используя такую форму контактной формы, вы можете разместить форму на каждой странице, поместив ее в нижний колонтитул, навигацию или боковую панель.
Сегодня мы научимся создавать расширяющуюся форму для обратной связи. В основном, есть кнопка с текстом «открыть обратную связь», и когда вы нажмете на нее, появится всплывающая форма. Всплывающее окно содержит 3 поля ввода и кнопку, 3 ввода для имени, электронной почты, сообщения и кнопку для отправки. Кроме того, есть значок минуса для закрытия всплывающего окна.
Данная форма использует HTML, CSS и JavaScript. А так же библиотеку JQuery, шрифт Open Sans и иконки Awesome.
Всю остальную информацию можно посмотреть тут - источник