57
Раздел «Контакты». Данный раздел прилегает к разделу «О нас» и
имеет тот же background. Напротив, иконок
Frontawesome расположена
соответствующая информация, такая как номера телефонов и адрес. Тексту
соответствует ссылка на социальную сеть vk.com, сервис отзывов Flamp и
карты 2Гис. Добавление данной информации происходило с помощью
HTML кода (Рисунок 38).
Рисунок 38 – HTML код с текстом раздела «Контакты»
Раздел «Галерея». В
качестве background был выбран фон с кодом цвета
#ffffff. Далее был выбран шрифт и размер текста оглавления. Изображения
были предоставлены заказчиком с размером 600х600 пикселей для
58
корректного отображения на любых устройствах. В галереи находятся
изображения работ предприятия (Рисунок 39).
Рисунок 39 – Раздел «Галерея»
Раздел «Обратная связь». В качестве background был выбран фон с кодом
цвета #ffffff. В
данном разделе мы используем готовую форму обратной
связи через электронную почту. Для обращения нужно заполнить
следующие пункты:
1. Имя
2. Ваш электронный адрес
3.
Сообщение
И нажать кнопку «Отправить сообщение на электронную почту»
(Рисунок 40).
59
Рисунок 40 – Раздел «Обратная связь»
Как мы видим на рисунке 40, в разделе «Обратная связь» имеется
подключенный виджет социальной сети Вконтакте для связи с
администрацией предприятия путем прямого чата. В
данном случае был
использован виджет «Напишите нам» от разработчиков Вконтакте. Для его
подключения нам нужно перейти в раздел Developers Вконтакте и настроить
данный виджет. Укажем ссылку на страницу сообщения нужному
пользователю,
текст кнопки, высоту кнопки и на основе этих данных
получим код javascript для вставки на сайте (Рисунок 41).
60
Рисунок 41 – Настройка виджета Вконтакте «Напишите нам»
Достарыңызбен бөлісу: