Будь ласка, використовуйте цей ідентифікатор, щоб цитувати або посилатися на цей матеріал:
https://er.chdtu.edu.ua/handle/ChSTU/6895| Назва: | WEB-ОРІЄНТОВАНА ІНФОРМАЦІЙНА СИСТЕМА НАДАННЯ ПОСЛУГ ОРЕНДИ АВТОМОБІЛІВ |
| Автори: | Тарасенко , Ярослав Володимирович Артюшенко, Вадим Михайлович |
| Ключові слова: | web-сайт;web-сторінка;оренда автомобілів;web-орієнтована;інформаційна система |
| Дата публікації: | 14-чер-2022 |
| Короткий огляд (реферат): | На сьогодні існує широкий спектр програмних та технічних засобів для побудови web-систем. Проте подальший розвиток web-технологій стає неможливим без побудови ґрунтовної формально математичної основи, насамперед без створення формальної моделі web-системи. Без такої основи неможливо розробити методики її проектування. Отже, сьогодні відсутні розширення для web-технологій усталених методів і засобів аналізу та проектування інформаційних систем (зокрема, структурних методології). Відсутність математичної моделі web-системи унеможливлює розроблення інтелектуальних засобів їх адміністрування, які ґрунтуються на алгоритмах її оптимізації та прогнозуванні поведінки в час. Предметом дослідження даної кваліфікаційної роботи є реалізація процесу створення web-орієнтованої інформаційної системи надання послуг оренди автомобілів. Сам процес створення web-орієнтованої інформаційної системи надання послуг оренди автомобілів можна охарактеризувати такими етапами: - Завантаження на комп’ютер програмного забезпечення; - Налаштування програмного забезпечення під користувача; - Створення дизайну web-сторінок; - Створення функціоналу web-сторінок; - Створення php бази даних. Створення і розвиток таких мереж є цілком закономірним і природнім процесом. Розглядаючи сучасне суспільство як деяку складну динамічну систему, всередині якої постійно відбуваються процеси інформаційного обміну, необхідно особливо виділити як базовий елемент побудови інформаційної інфраструктури такого суспільства технології інформаційного обміну, технології передачі даних на великі відстані, технології побудови систем оперативного доступу до різноманітної інформації. Оренда автомобілів яка наближається до більш розвинутої бізнес технології самообслуговування та цифрового підходу. Причини по яким люди їздять більше за кермом автомобілів являється в тому, що коли виїжджають на відпочинок без власного авто, почувають себе безпечніше на автомобілі ніж на громадському транспорті, також є дуже корисним для тих людей які хочуть придбати собі автомобіль тої чи іншої марки. З’являється така можливість як тестування автомобіля перед покупкою чи сподобається вам те як він керується і інші критерії. Компанії повідомляють, що зростання цін на страхування автомобілів зростають. Така компанія як ОСАГО, спостерігає до компаній прокату автомобілів більший інтерес. Вона йде на зустріч компаніям як здають свої автомобілі в оренду і робить приємні для них знижки. Метою даної кваліфікаційної роботи являється розробка web-орієнтованої інформаційної системи надання послуг оренди автомобілів, web-додатку по оренді автомобілів у місті Черкаси. Даний web-сайт допоможе легко і просто для користувача перевірити репутацію компанії, оцінити якість послуг та ознайомитися з діапазоном цін на прокат автомобілів та інформацією для оренди автомобіля, які потрібні документі повинні бути для взяття авто. На даному сайті є можливість бронювання автомобіля також вона матиме певну кількість користувачів. До яких входять користувачі і адміністратор. Адміністратор матиме такі можливості як редагування та додавання нових автомобілів в систему та корегування цін та інформації. Для користувача буде розписано детальна інформація про авто та зручний перегляд автомобілів також зручність вибору авто яке буде замовляти. Формуючи конкретні завдання які будуть вирішуватися в даній кваліфікаційній роботі – це розробка зручного для користувача сайту в якому знаходиться база даних, прості умови для взяття автомобіля в оренд. |
| URI (Уніфікований ідентифікатор ресурсу): | https://er.chdtu.edu.ua/handle/ChSTU/6895 |
| Розташовується у зібраннях: | 126 Інформаційні системи та технології (Web-технології, web-дизайн) |
Файли цього матеріалу:
| Файл | Опис | Розмір | Формат | |
|---|---|---|---|---|
| РЕП_БАК_Артюшенко_WEB-1811.pdf Restricted Access | 2.6 MB | Adobe PDF | Переглянути/Відкрити Запит копії |
Усі матеріали в архіві електронних ресурсів захищено авторським правом, усі права збережено.
Extracted text
МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ
ЧЕРКАСЬКИЙ ДЕРЖАВНИЙ ТЕХНОЛОГІЧНИЙ УНІВЕРСИТЕТ
ФАКУЛЬТЕТ ІНФОРМАЦІЙНИХ ТЕХНОЛОГІЙ І СИСТЕМ
КАФЕДРА ІНФОРМАЦІЙНИХ ТЕХНОЛОГІЙ ПРОЕКТУВАННЯ
Пояснювальна записка
до кваліфікаційної роботи бакалавра
на тему: "WEB-ОРІЄНТОВАНА ІНФОРМАЦІЙНА СИСТЕМА НАДАННЯ
ПОСЛУГ ОРЕНДИ АВТОМОБІЛІВ"
Виконав: студент 4 курсу,
групи Webс-2011
спеціальності 126 Інформаційні
системи та технології
ОП «Web-технології, Web-дизайн»
Артюшенко Вадим Михайлович
ПІП
Керівник
Рецензент
Черкаси – 2022 року
ЗМІСТ
Список скорочень та умовних позначень .................................................................... 3
ВСТУП ................................................................................................................................. 4
1. АНАЛІЗ ПРЕДМЕТНОЇ ОБЛАСТІ ........................................................................... 6
1.1 Дослідження актуальності проблеми ............................................................ 6
1.2 Аналіз сайтів по оренді автомобілів .............................................................. 7
1.3 Постановка задачі проекту ............................................................................ 14
2. ОБҐРУНТУВАННЯ ТЕХНІЧНОГО ЗАВДАННЯ ................................................ 15
2.1 Технічне завдання ........................................................................................... 15
2.2 Вибір засобів реалізації додатка ................................................................... 16
3. МОДЕЛЮВАННЯ ТА ПРОЕКТУВАННЯ WEB-ДОДАТКУ ............................ 18
3.1 Проектування web-сайту по оренді автомобілів ....................................... 18
3.2 Розробка web-орієнтованої інформаційної системи ................................. 21
3.3 Створення сайту .............................................................................................. 22
3.4 Тестування web-сторінки .............................................................................. 28
ВИСНОВОК ..................................................................................................................... 30
СПИСОК ВИКОРИСТАНОЇ ЛІТЕРАТУРИ ............................................................. 31
ДОДАТКИ ......................................................................................................................... 34
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 2
.
Список скорочень та умовних позначень
PHP – скриптова мова програмування, була створена для генерації HTML-
сторінок на стороні web-сервера.
JS – JavaScript динамічна, об’єктно-орієнтована прототипна мова
програмування. Реалізація стандарту ECMAScript.
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк 3
. № докум Підпис Дата
.
ВСТУП
На сьогодні існує широкий спектр програмних та технічних засобів для
побудови web-систем. Проте подальший розвиток web-технологій стає
неможливим без побудови ґрунтовної формально математичної основи,
насамперед без створення формальної моделі web-системи. Без такої основи
неможливо розробити методики її проектування. Отже, сьогодні відсутні
розширення для web-технологій усталених методів і засобів аналізу та
проектування інформаційних систем (зокрема, структурних методології).
Відсутність математичної моделі web-системи унеможливлює розроблення
інтелектуальних засобів їх адміністрування, які ґрунтуються на алгоритмах її
оптимізації та прогнозуванні поведінки в час.
Предметом дослідження даної кваліфікаційної роботи є реалізація процесу
створення web-орієнтованої інформаційної системи надання послуг оренди
автомобілів. Сам процес створення web-орієнтованої інформаційної системи
надання послуг оренди автомобілів можна охарактеризувати такими етапами:
- Завантаження на комп’ютер програмного забезпечення;
- Налаштування програмного забезпечення під користувача;
- Створення дизайну web-сторінок;
- Створення функціоналу web-сторінок;
- Створення php бази даних.
Створення і розвиток таких мереж є цілком закономірним і природнім
процесом. Розглядаючи сучасне суспільство як деяку складну динамічну систему,
всередині якої постійно відбуваються процеси інформаційного обміну, необхідно
особливо виділити як базовий елемент побудови інформаційної інфраструктури
такого суспільства технології інформаційного обміну, технології передачі даних на
великі відстані, технології побудови систем оперативного доступу до різноманітної
інформації.
Оренда автомобілів яка наближається до більш розвинутої бізнес технології
самообслуговування та цифрового підходу. Причини по яким люди їздять більше
за кермом автомобілів являється в тому, що коли виїжджають на відпочинок без
власного авто, почувають себе безпечніше на автомобілі ніж на громадському
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 4
.
транспорті, також є дуже корисним для тих людей які хочуть придбати собі
автомобіль тої чи іншої марки. З’являється така можливість як тестування
автомобіля перед покупкою чи сподобається вам те як він керується і інші критерії.
Компанії повідомляють, що зростання цін на страхування автомобілів
зростають. Така компанія як ОСАГО, спостерігає до компаній прокату автомобілів
більший інтерес. Вона йде на зустріч компаніям як здають свої автомобілі в оренду
і робить приємні для них знижки.
Метою даної кваліфікаційної роботи являється розробка web-орієнтованої
інформаційної системи надання послуг оренди автомобілів, web-додатку по оренді
автомобілів у місті Черкаси. Даний web-сайт допоможе легко і просто для
користувача перевірити репутацію компанії, оцінити якість послуг та
ознайомитися з діапазоном цін на прокат автомобілів та інформацією для оренди
автомобіля, які потрібні документі повинні бути для взяття авто.
На даному сайті є можливість бронювання автомобіля також вона матиме певну
кількість користувачів. До яких входять користувачі і адміністратор. Адміністратор
матиме такі можливості як редагування та додавання нових автомобілів в систему
та корегування цін та інформації. Для користувача буде розписано детальна
інформація про авто та зручний перегляд автомобілів також зручність вибору авто
яке буде замовляти.
Формуючи конкретні завдання які будуть вирішуватися в даній кваліфікаційній
роботі – це розробка зручного для користувача сайту в якому знаходиться база
даних, прості умови для взяття автомобіля в оренд.
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 5
.
1. АНАЛІЗ ПРЕДМЕТНОЇ ОБЛАСТІ
1.1 Дослідження актуальності проблеми
2022 рік став дуже жорстоким роком для багатьох галузей, включаючи
автомобільну, у співвідношенню прибутку і витрат опинились під серйозною
загрозою. А так, то прокат автомобілів – дуже надійна бізнес справа в даному
столітті.[1,2,3].
В Україні багато нових послуг з оренди автомобілів які розвиваються дуже
динамічно, впроваджуючи нові технології з прокату автомобілів і поновлюючи свій
автопарк новими елітними автомобілями. З’являється дуже сильна конкуренція і не
всі компанії витримують тому деякі вибувають з даного бізнесу. Хорошим
прикладом прокату автомобілів є компанія «7Car» у Києві. Вони збільшили
автопарк до 100 авто різних сегментів та відкрив свої філії у Одесі, Львові та Дніпрі
і це з кінця 2013 року.
Популярність такого заробітку також з’являється у власників свого автомобіля.
Так як багато людей дуже рідко користуються автомобілем. Однак їм потрібно
сплачувати регулярно гараж, паркування, страхування. Звісно можна продати свій
автомобіль але не всі власники хочуть продавати його.
Здавати власний автомобіль в оренду на котрому дуже рідко їздить власник це
ідеальне рішення в таких випадках. Адже власник отримує прибуток який заробив
його «сталевий кінь» без будь-яких зусиль. Якщо власник здає своє авто через
компанію, то компанія обробляє все, починаючи від пошуку клієнта, догляд
автомобіля і створення всіх документів.
По статистиці у Києві для того щоб окупити компанію з орендою автомобілів
потрібно два роки. Тому багатьом бізнесам по оренді приходиться брати кредити
або позичати гроші для покупки нових автомобілів також набиратися знання де і
коли потрібно вкластися.
На даний період український ринок по оренді автомобілів свідчить те, що у
великих містах попит на оренду стабільно зростає. Це компаніям котрі розпочали
свій бізнес можна почуватися впевнено що він не прогорить.
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 6
.
1.2 Аналіз сайтів по оренді автомобілів
В даний час все більше компаній щодо прокату автомобілів. Якщо клієнт шукає
авто по більш вигідній ціні, то це не займе багато часу. На даний момент багато
компаній і велика конкуренція по оренді автомобілів.
Для того щоб досягти мету кваліфікаційної роботи буде проведено дослідження
web-сторінок оренди автомобілів по містах України:
- Оренда авто в Сумах;[4]
- MEGARENT;[5]
- DriveUp;[6]
«Оренда авто в Сумах»[4] на головній сторінці сайту зроблено слайд-шоу на якій
демонструються різні автомобілі, які можна взяти в оренду.
Це виглядає дуже привабливо і сучасно виглядає web-дизайн, і дуже професійна
виконано завдяки фотографій (рис.1.1)
Рисунок 1.1 - Головна сторінка сайту "Оренда авто в Сумах"
Також на даному сайті є список з цінами на автомобілі які можна взяти в оренду
в даний момент (рис.1.2). Недолік даного сайту є те що клієнт не може переглянути
є той чи інший автомобіль в наявності.
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 7
.
Рисунок 1.2 - Цінова політика на "Оренда авто в Сумах"
Також знаходиться кнопка «Детальніше» переходячи на неї ми стикаємося з
описом автомобіля є можливість подивитися на інформацію про нього (рис.1.3).
Рисунок 1.3 - Детальна інформація про автомобіль на сайті "Оренда авто в Сумах"
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк 8
. № докум Підпис Дата
.
Недоліком даного сайту є те, що замовити автомобіль котрий сподобався не є
можливо так як не є такого функціоналу тому воно являється відсутньою. Для того
щоб зробити замовлення потрібно зв’язуватися з компанією по телефону чи
приїжджати до них за адресом, який знаходиться в розділі «Контакти».
Проаналізуємо наступну сторінку «MEGARENT»[5]. На даному сайті на
головній сторінці, є вікно в якому відразу є можливість замовити автомобіль
різного класу. Недолік даного сайту є надокучлива реклама (рис.1.4.)
Рисунок 1.4 – Головна сторінка сайту «MEGARENT»
Сайт хоч і має окрему сторінку для перегляду та вибору автомобілів для оренди,
ну тут є відсутня фільтрація саме в даному розділі і це не є зручно для використання
додатку (рис.1.5)
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 9
.
Рисунок 1.5 – Каталог автомобілів на сайті «MEGARENT»
Проаналізуємо наступну сторінку «DriveUp» [6] . Дана компанія пишається
тим, що не є похожою компанією з іншими. На головній сторінці відразу
показується їх професійний підхід у вигляді високоякісного фото яке вказує на
професійний підхід. Також на головній сторінці знаходиться блок для оформлення
бронювання (рис.1.6).
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 10
.
Рисунок 1.6 – Головна сторінка сайту «DriveUp»
Також є можливість вибрати фільтрацію за місцем проживання та оренди авто
на сайті можна відмітити позитивно (рис.1.7).
Рисунок 1.7 – Умови прокату на сайті «DriveUp»
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум 11
Підпис Дата
.
Сторінка «Контакти» надає карту, що дає можливість переглянути розміщення
компанії в різних містах України.( рис.1.8).
Рисунок 1.8 – Сторінка із контактами на сайті «DriveUp»
Після перегляду трьох web-сторінок з’явився аналіз по оренді автомобілів у
різних містах України, та проведений порівняльний аналіз у вигляді (табл.1.2) де
було вказано на недоліки та переваги.
До недоліків віднесемо:
- реклама;
- використання похожих і не зручний дизайн сайту;
- старий дизайн;
- відсутня фільтрація для пошуку;
До переваг віднесемо:
- можливість замовлення з сайту;
- детальна інформація;
- зручний пошук;
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум 12
Підпис Дата
.
Критерії Оренда MEGARENT DriveUp
авто в
Сумах
Реклама + + -
Використання похожих + + -
і не зручний дизайн
сайту
Старий дизайн + - -
Відсутня фільтрація - - +
для пошуку
Можливість - - +
замовлення з сайту
Детальна інформація - + +
Зручний пошук + - +
Отже після аналізу сайтів по оренді автомобілів можна зробити висновок, що
більшість компаній на своєму сайті не реалізують функціонал для оренди
автомобілів, а розробляють сайт як інформаційну сторінку.
Висновок полягає в тому, що потрібно розробити сайт в якому будуть
реалізовані такі функції:
- Можливість орендувати автомобіль на сайті.
- База данник користувачів.
- Зміна інформації на сайті.
- Зручність сайту для користувачів.
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк 13
. № докум Підпис Дата
.
1.3 Постановка задачі проекту
Метою кваліфікаційної роботи бакалавра є розробка сайту по оренді автомобілів
у місті Черкаси. В якому система допоможе оцінювати якість послуг та
ознайомлення цін на автомобілі.
Web-сайт із надання послуг з оренди автомобілів має таких користувачів як
адміністратор та сам користувач.
Головні задачі проекту:
створення технічного завдання;
прототипування та розробка макету сайту;
front-end розробка;
back-end розробка;
заповнення бази даних;
тестування;
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 14
.
2. ОБҐРУНТУВАННЯ ТЕХНІЧНОГО ЗАВДАННЯ
2.1 Технічне завдання
Метою технічного завдання є те, щоб створити web-сайт за темою «web-
орієнтована інформаційна система надання послуг оренди автомобілів». В нього
буде входити такі розділи як:
1. Головна сторінка;
2. Автопарк;
3. Умови оренди;
4. Зв’язок через Viber, ел. пошту;
5. Зручне використання сайту користувачем;
Для створення головної сторінки були використані наступні критерії:
- На головній сторінці не повинна міститися надокучлива реклама;
- Відсутність зайвої інформації;
- Привабливий дизайн;
- Повинна знаходитися коротка інформація про компанію.
На сторінці автопарк було використано наступні критерії:
- Кожного авто має своє фото та короткий опис про нього;
- Біля кожного авто є кнопка замовити;
- Вказана ціна за автомобіль за добу.
На сторінці Умови оренди:
- Вказана інформація про страхування;
- Інформація для користувача які потрібно мати документи;
- Детальна інформація про компанію.
Для того щоб користувачу було зручно користуватися web-сайтом було
вирішено зробити зручний дизайн. В даному дизайні було використано привабливі
фотографії автомобілів різних марок, а також було створено короткий опис
компанії та умови прокату автомобіля на головній сторінці і вказаний номер
телефону для зв'язку.
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 15
.
Створення головна сторінка було розпочато за допомогою html-тегів. HTML –
стандартизована мова розмітки документів для перегляду web-сторінок у браузері.
Елементами html є будівельними блоками сторінок, за допомогою конструкцій
html, зображень та інших об’єктів.
Це мова яку більшість використовують для створення web-сторінок. Для
створення головної сторінки потрібно було створити в блокноті два файли. Один
який називається index.html, а другий style.css, щоб .html і .css були розширенням
файлу, а не його іменем.
2.2 Вибір засобів реалізації додатка
Потреба у моделюванні багаторівневої web-системи глобального характеру
приводить до необхідності побудови їх формальної моделі та алгоритмів їхньої
оптимізації як основи для якісної розробки ефективних систем, незалежно від їх
складності та характеру.[7,8].
Для кожного бізнесу на ринку є головним пріоритетом номер один взаємодія з
користувачем. Front-end фреймворки - це програмне забезпечення розробки
перших блоків процесу. Також коли заходить про мову створення візуально
привабливих програм, то є багато варіантів на вибір.
Інженери для створення інтерфейсу використовують комбінацію HTML для
базової структури сторінки та вмісту, CSS використовують для редагування
візуального, JavaScript створення web-сайтів ітеративами[9,10,11]. Створення
прогресивних web-програм використовуються тим самим набором інструментів
для мобільних додатків з використанням інтерфейсних технологій.
Vue.js – найпопулярніший фреймворк з відкритим кодом JavaScript. Його
використовують розробники для полегшення процесів, створення простих і
привабливих для використання інтерфейсів.
Переваги даного фреймворку:
- простий в обслуговування та навчанні;
- займає малий розмір;
- швидко розвивається;
- використання повторних компонентів;
- працює з різними програмами;
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 16
.
Недоліки Vue.js:
- Плагіат та компоненти;
- Не має стабільності в інструментах;
В основному back-end складається з трьох основних частин: сервер,
застосування та база даних [12,13,14,15].
Також програми використовуються для передачі інформації бази даних
браузеру. Зі сторони сервера back-end підсилює роботу web-сайту.
Для даної частини розробки буде використовуватись мова PHP. Можливість
розробки web-сайтів в даній мові програмування вбудована. Мова PHP сприяє на
швидку розробку web-сайтів, спрощуючи його базовою структурою. Для
розробників є можливість без написання складних і довгих кодів додавати функції
в додаток.
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 17
.
3. МОДЕЛЮВАННЯ ТА ПРОЕКТУВАННЯ WEB-ДОДАТКУ
3.1 Проектування web-сайту по оренді автомобілів
Створена діаграма для web-сайту по оренді автомобілів [16].
Рисунок 3.1 – Діаграма «Підтримка процесу вибору автомобіля при оренді»
Діаграма з більш розкритою поетапністю[16] , для цього проекту на (рис3.2).
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 18
.
Рисунок 3.2 – Модель.
Подивимося на опис авторів створеної системи (табл.3.1), та опис інформації
варіанти використання (табл.3.2)
Назва Опис
Користувач Користувач інформаційної системи для оренди автомобіля.
Адміністратор Користувач системи у ролі «адміністратора»
Таблиця 3.1 – Опис авторів-користувачів
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 19
.
Назва Опис
Додавання Адміністратор має змогу додавати та
автомобілів на сайт редагувати дані про автомобілі та додавати
нові на сайт.
Редагування Адміністратор має змогу редагувати та
інформації на сайті додавати дані на сайті
Підтвердження Адміністратор має можливість підтвердити
оренди запит на оренду автомобіля.
Перегляд Користувач може переглянути інформацію
інформації на сайті які потрібні документи.
Оренда автомобіля Користувач може заповнити запит на оренду
обраного автомобіля.
Таблиця 3.2 – Опис варіантів використання
Діаграма в якій вказано варіанти використання адміністратора та користувача
інформаційної системи оренди автомобілів (рис.3.3).
Рисунок 3.3 – Діаграма використання
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 20
.
3.2 Розробка web-орієнтованої інформаційної системи
Для розробки web- додатку було використано php- laravel (рис.3.4). Вибраний
спосіб дозволяє створити web-додаток.
Рисунок 3.4 – архітектура з використанням laravel
HTML-вміст генерує сервер і відправляє його клієнту як повноцінну HTML-
сторінку. Інколи цю архітектуру називають “Web 1.0”, оскільки вона з’явилася
першою і в даний час домінує у сфері web-розробки. Це найстаріша архітектура
web-розробки, тому можна вибрати будь-яку мову сервера та фреймворк для
певних потреб. HTML, під великим навантаження настає момент, коли потрібен
баланс навантаження. Найскладнішою складністю є ситуація з масштабуванням
бази даних, але однакове для цих трьох прикладів архітектури програмного
забезпечення.
Стисло зв’язаний з можливістю масштабування. Продуктивність порівняно
низька, тому що потрібно передавати велику кількість даних, що містить HTML,
дизайн та бізнес-дані. Тому необхідно генерувати дні для всієї сторінки, не тільки
для змінених бізнес-даних а також усієї супровідної інформації.
Виходячи з порівнянь між іншими web-сторінками компаній з оренди
автомобілів, були взяті недоліки з сайтів та опрацьовані в даній кваліфікаційній
роботі. Тому було прийнято рішення розробити web-сайт у зручному використанні
для користувача для замовлення автомобіля та перегляду авто в наявності. Якщо
користувач переходить на сторінку «Автопарк» (рис.3.10), то там з’являються
автомобілі. Біля кожного авто знаходиться короткий опис про нього і є кнопка
«Замовити», після натискання на яку з’являється вікно (рис.3.12), в якому
проходить замовлення того автомобіля на якому була натиснута кнопка.
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 21
.
3.3 Створення сайту
Для створення сайту було використано платформу Nicepage. Це візуальний
редактор сайтів Joomla і WordPress, після встановлення виглядає він так(рис.3.5).
Рисунок 3.5 – Програма Nicepage.
Для створення сайту потрібно натиснути кнопку «Новий сайт». Після чого
з’являється вікно (рис.3.6). Після чого потрібно натиснути на «розпочати з пустої
сторінки». Потім з’являється головна сторінка на якій можна розпочинати
розробляти сайт.
Рисунок 3.6 – Створення нового сайту
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 22
.
На уже головній сторінці на якій можна розпочати працювати на сайтом
знаходиться безліч різноманітних блоків та шаблонів які можна використовувати
для дизайну сайту(рис.3.7).
Рисунок 3.7 – Блоки та шаблони сайту.
Для створення головної сторінки сайту було використано такі блоки сайтів як:
Заголовок, Ілюстрації.
Відведено місце під шапку сайту, на якому знаходився логотип компанії та
меню з різними розділами.
Створено дизайн за власним бажанням у вигляді чотирьох різних малок
автомобілів.
Створений підвал головної сторінки сайту у стандартному вигляді в який було
вписано короткий опис про автопарк та умови прокату.
Результатом головної сторінки є те, що вона вміщує в собі: Логотип сайту,
Зручне меню, Зручний доступ до інших розділів.
Переходячи на головну сторінку web-сайту (рис.3.8) можна побачити і знайти
посилання на інші сторінки сайту також деяку інформацію. Також короткий опис
сайту який знаходиться в кінці головної сторінки (рис.3.9).
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 23
.
Рисунок 3.8- Головна сторінка сайту
Рисунок 3.9- Короткий опис сайту
Наступним етапом було створення сторінки на якій повинен знаходитися
автопарк компанії.
Для того щоб створити сторінку «Автопарк» було використано наступне:
- Кнопка яка повертає на Головну сторінку;
- Ілюстрації автомобілів;
- Кнопка для замовлення;
- Короткий опис про авто;
- Ціна на автомобіль;
- Назва автомобіля.
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 24
.
Також на було створено підвал сайту. В якому вказаний номер телефону для
зв’язку та короткий опис.
На сайті за посиланням «Автопарк» знаходяться автомобілі які можна взяти
в оренду з коротким описом про авто(рис.3.10). Також в кінці знаходиться короткий
опис сайту в кінці сторінки.
Рисунок 3.10 – Посилання «Автопарк»
На сайті за посилання «Умови оренди» (рис.3.11) розписано більш детальна
інформація від компанії. В якій знаходиться така інформація як, що потрібно від
клієнта для оформлення автомобіля в оренду та детальна інформація про страхові
випадки.
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис 25
Дата
.
Рисунок 3.11 – Інформація з «Умови оренди»
Якщо вибрати посилання «Замовити» з’являється заповнення заявки
(рис.3.12).
Рисунок 3.12 – Заповнення заявки з посилання «Замовити»
Тестове заповнення користувачем замовлення автомобіля зображено на
(рис.3.13).
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк 26
. № докум Підпис Дата
.
Рисунок 3.13 - Замовлення
Як працює кнопка «Замовити»: після натискання з’являється вікно замовлення
туди потрібно вписати дані і після чого замовлення потрапляє в базу до
адміністратора на опрацювання. Після чого коли адміністратор розгляне
замовлення користувачеві надійде повідомлення за номером телефону або йому
зателефонують для уточнення замовлення.
Код сторінки «Замовити» css:
.u-section-1 {
background-image: none;}
.u-section-1 .u-sheet-1 {
min-height: 896px;}
.u-section-1 .u-btn-1 {
border-style: none;
font-weight: 700;
text-transform: uppercase;
font-size: 0.875rem;
letter-spacing: 1px;
margin: 20px auto 60px 20px;}
@media (max-width: 1199px) {
.u-section-1 .u-btn-1 {
margin-left: 0; }}
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 27
.
3.4 Тестування web-сторінки
Використовувалися такі типи тестування як:
Регресійне тестування (рис3.14):
Застосовуючи регресійне тестування, ми зможемо виявити дефекти при
використанні канцелярської скрипти.
Рисунок 3.14 – Регресійне тестування
Інтеграційне тестування (рис3.15):
Інтеграційне тестування дозволе дізнатися як найбільше місць для використання
канцелярської скрипки.
Рисунок 3.15 – Інтеграційне тестування.
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк 28
. № докум Підпис Дата
.
Після розробки сайту та проведення тестування можна сказати, що сайт є дуже
простим у порівнянні з аналогами. Користувачу для оренди автомобіля потрібно
лише вибрати авто яке сподобалося та замовити його. Також для сайту DriveUp та
NarsCar було проведено тестування на GTMetrix (рис.3.16, рис.3.17).
Рисунок 3.16 – Результат GTMetrix тестування DriveUp.
Рисунок 3.17 – Результат GTMetrix тестування NarsCar.
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк 29
. № докум Підпис Дата
.
ВИСНОВОК
Отже, було досліджено та проаналізовано всі головні аспекти при оренді
автомобілів. На базі аналогів інформаційних систем були виявлені недоліки та
переваги інформаційних сторінок, які допоможуть в проектуванні сайту та
розробити його більш універсальним й зручним у використанні.
Було вирішено наступні задачі:
Пошук та аналіз інформації згідно тематики, а саме використання та оренда
автомобілів;
Ознайомлення з подібними реалізаціями у вигляді сайтів й виділення їх
переваг та недоліків;
Було розроблено технічне задання (Додаток А);
Проаналізовано можливі ризики та шляхи їх попередження або усунення.
У результаті роботи було реалізовано можливості перегляду контенту,
представленого у web-додатку. Було розроблено зручний спосіб вибору
автомобілів для замовлення та створення замовлення. Користувач також має
можливість заповнення заявки для оренди обраного автомобіля.
Редагування текстової інформації, що відображається на сторінках web-
додатку, додавання нової інформації про автомобілі на сайт та робота із
інформаційною системою ведеться через адміністративну панель.
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 30
.
СПИСОК ВИКОРИСТАНОЇ ЛІТЕРАТУРИ
1. Top 10 Global Automotive Trends [Електронний ресурс]. – 2021. – Режим доступу
до ресурсу : https://www.forbes.com/sites/sarwantsingh/2021/01/27/top-10- global-
automotive-trends-2021/?sh=7adcc997605b (дата звернення: 11.04.2022);
2. M. Fitzgerald, Building a better car company with analytics. MIT Sloan Management
Review. 57, 5–5 (2016).
3. TRENDS IN THE AUTOMOTIVE INDUSTRY FOR 2021 [Електронний ресурс].
– 2020. – Режим доступу до ресурсу :
https://www.endava.com/en/blog/Business/2020/Trends-in-the-automotive-
industryfor-2021 (дата звернення: 11.04.2022);
4. Оренда авто в Сумах [Електронний ресурс]. – 2020. Режим доступу до ресурсу
- https://4wheels.in.ua/ (дата звернення 14.04.2022);
5. MEGARENT [Електронний ресурс]. – 2020. Режим доступу до ресурсу -
https://megarent.ua/ua/ (дата звернення 14.04.2022);
6. DriveUp [Електронний ресурс]. – 2020. – Режим доступу до ресурсу:
https://www.driveup.com.ua (дата звернення: 14.04.2022);
7. Automotive Software [Електронний ресурс]. – 2021. – Режим доступу до ресурсу:
https://www.eetasia.com/2021-auto-industry-outlook-what-can-we-expect-from-
bevs-connected-cars-software/ (дата звернення: 16.04.2022);
8. TOP 5 TECH TRENDS THAT WILL TRANSFORM THE AUTOMOTIVE
INDUSTRY [Електронний ресурс]. – 2021. – Режим доступу до ресурсу:
https://www.analyticsinsight.net/top-5-tech-trends-that-will-transform-the-
automotive-industry-in-2021/ (дата звернення: 16.04.2022);
9. J. Yang, L. Sun, Q. Wu, Parts inventory information integrated security technology of
automobile industry chain SaaS platform. Jisuanji Jicheng Zhizao Xitong/Computer
Integrated Manufacturing Systems, CIMS. 26, 1277–1285 (2020).
10. C. Legacy, D. Ashmore, J. Scheurer, J. Stone, C. Curtis, Planning the driverless city.
Transport Reviews. 39, 84–102 (2019).
11. The best new electric and petrol/diesel/hybrid cars coming in 2021-2022
[Електронний ресурс]. – 2020. – Режим доступу до ресурсу :
https://www.carwow.co.uk/news/4498/best-new-cars-coming-2020-2021-2022
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 31
.
12. The Front-End Web Developer Roadmap for 2021 [Електронний ресурс]. – 2020. –
Режим доступу до ресурсу: https://javascript.plainenglish.io/the-front-end-web-
developer-roadmap-for-2021-bcf88c5d4ccd (дата звернення: 22.04.2022);
13. Best Front-End Web Development Frameworks of 2021 [Електронний ресурс]. –
2020. – Режим доступу до ресурсу : https://dev.to/codedthemes/best-front-end-web-
development-frameworks-of-2021-56hk (дата звернення: 22.04.2022);
14. J. Peng, G. Zhang, S. Zhang, X. Dai, J. Li, Effects of online advertising on automobile
sales. Management Decision. 52, 834–851 (2014).
15. Top 5 picks for backend development in 2021 [Електронний ресурс]. – 2021. –
Режим доступу до ресурсу: https://www.thirdrocktechkno.com/blog/top-5-picks-
for-backend-development-in-2021/ (дата звернення: 22.04.2022);
16. Лешек, А. Мацяшек Аналіз і проектування інформаційних систем за допомогою
UML 2.0 / Лешек А. Мацяшек. - М . : Вільямс, 2016. - 816 cПутілін, А. Б.
компонентний моделювання та програмування на мові UML. Практичний
посібник з проектування інформаційних систем: монографія. / А.Б. Путілін, Е.А.
Юрагов. - М . : НТ Пресс, 2005. - 664 c
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 32
.
Позначення Найменування Примітка
Документація
482 ЧДТУ 222072-01 12 1 Текст програми
Пояснювальна записка
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис 33
Дата
.
ДОДАТКИ
Додаток А
ЗАТВЕРДЖЕНО:
Зав. кафедрою ІТП, професор
___________ Прокопенко Т.О.
«____»________________ 2022 р.
Web - орієнтована інформаційна система самоперевірки здобувачів вищої освіти
Специфікація
482.ЧДТУ.222072-01 ПЗ
Листів 20
Розробник _____Вадим Артюшенко _________
Керівник _____Ярослав ТАРАСЕНКО________
Н.Контроль _____Ярослав ТАРАСЕНКО______
Черкаси 2022
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 34
.
Web - орієнтована інформаційна система самоперевірки здобувачів вищої освіти
482 ЧДТУ 222072-01 12 1
Текст програми
Листів 20
Розробник_____Вадим Артюшенко_____
Н
Черкаси 2022
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк № докум Підпис Дата 35
.
.
482 ЧДТУ 222072-01 12 1
Код головної сторінки html:
<!DOCTYPE html>
<html style="font-size: 16px;">
<head>
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<meta charset="utf-8">
<meta name="keywords" content="В ОРЕНДУ В ЧЕРКАСАХ">
<meta name="description" content="">
<meta name="page_type" content="np-template-header-footer-from-
plugin">
<title>Головна</title>
<link rel="stylesheet" href="nicepage.css" media="screen">
<link rel="stylesheet" href="Головна.css" media="screen">
<script class="u-script" type="text/javascript" src="jquery.js"
defer=""></script>
<script class="u-script" type="text/javascript" src="nicepage.js"
defer=""></script>
<meta name="generator" content="Nicepage 3.1.3, nicepage.com">
<link id="u-theme-google-font" rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,30
0i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,6
00,600i,700,700i,800,800i">
<script type="application/ld+json">{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Site1",
"url": "index.html",
"logo":
"images/57e5d0414c55b108f5d084609629317e113fdce15b4c704f75287dd59e4c
cc5c_1280.png",
"sameAs": []
}</script>
<meta property="og:title" content="Головна">
<meta property="og:type" content="website">
<meta name="theme-color" content="#478ac9">
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 36
.
482 ЧДТУ 222072-01 12 1
<link rel="canonical" href="index.html">
<meta property="og:url" content="index.html">
</head>
<body class="u-body"><header class="u-align-center-xs u-border-1 u-
border-grey-25 u-clearfix u-header u-header" id="sec-9e10"><div
class="u-clearfix u-sheet u-sheet-1">
<a href="Головна.html" data-page-id="29359140" class="u-image
u-logo u-image-1" data-image-width="1280" data-image-height="946"
title="Страница 1">
<img
src="images/57e5d0414c55b108f5d084609629317e113fdce15b4c704f75287dd5
9e4ccc5c_1280.png" class="u-logo-image u-logo-image-1" data-image-
width="80">
</a>
<nav class="u-align-left u-menu u-menu-dropdown u-nav-
spacing-25 u-offcanvas u-menu-1">
<div class="menu-collapse">
<a class="u-button-style u-nav-link" href="#"
style="padding: 4px 0px; font-size: calc(1em + 8px);">
<svg class="u-svg-link" preserveAspectRatio="xMidYMin
slice" viewBox="0 0 302 302" style=""><use
xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-
7b92"></use></svg>
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="svg-
7b92" x="0px" y="0px" viewBox="0 0 302 302" style="enable-
background:new 0 0 302 302;" xml:space="preserve" class="u-svg-
content"><g><rect y="36" width="302" height="30"></rect><rect y="236"
width="302" height="30"></rect><rect y="136" width="302"
height="30"></rect>
</g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><
g></g><g></g><g></g><g></g><g></g><g></g></svg>
</a>
</div>
<div class="u-custom-menu u-nav-container">
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 37
.
482 ЧДТУ 222072-01 12 1
<ul class="u-nav u-unstyled u-nav-1"><li class="u-nav-item"><a
class="u-button-style u-nav-link" href="Автопарк.html">Автопарк</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link"
href="Умови-Аренди.html">Умови аренди</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link"
href="tel:+380674405869">Оплата</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link"
href="tel:+380674405869">Viber</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link"
href="mailto:[email protected]">Почта</a>
</li></ul> </div>
<div class="u-custom-menu u-nav-container-collapse">
<div class="u-align-center u-black u-container-style u-
inner-container-layout u-opacity u-opacity-95 u-sidenav">
<div class="u-sidenav-overflow">
<div class="u-menu-close"></div>
<ul class="u-align-center u-nav u-popupmenu-items u-
unstyled u-nav-2"><li class="u-nav-item"><a class="u-button-style u-
nav-link" href="Автопарк.html">Автопарк</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link"
href="Умови-Аренди.html">Умови аренди</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link"
href="tel:+380674405869">Оплата</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link"
href="tel:+380674405869">Viber</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link"
href="mailto:[email protected]">Почта</a>
</li></ul>
</div>
</div>
<div class="u-black u-menu-overlay u-opacity u-opacity-
70"></div>
</div>
</nav>
</div></header>
<section class="u-clearfix u-section-1" id="sec-cb73">
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 38
.
482 ЧДТУ 222072-01 12 1
<div class="u-clearfix u-expanded-width u-gutter-0 u-layout-spacing-
top u-layout-wrap u-layout-wrap-1">
<div class="u-layout">
<div class="u-layout-row">
<div class="u-align-left u-container-style u-grey-5 u-
layout-cell u-left-cell u-size-20 u-layout-cell-1" src="">
<div class="u-container-layout u-container-layout-1">
<p class="u-text u-text-1">
<span style="font-size: 1.875rem;">Авто</span>
</p>
<h2 class="u-subtitle u-text u-text-2">В ОРЕНДУ В
ЧЕРКАСАХ</h2>
</div>
</div>
<div class="u-container-style u-image u-layout-cell u-
right-cell u-size-40 u-image-1" src="" data-image-width="1280" data-
image-height="850">
<div class="u-container-layout u-valign-middle u-
container-layout-2"></div>
</div>
</div>
</div>
</div>
</section>
<section class="u-clearfix u-section-2" id="sec-39a1">
<div class="u-expanded-width u-list u-repeater u-list-1">
<div class="u-align-center u-container-style u-image u-image-
round u-list-item u-repeater-item u-shading u-image-1" data-image-
width="1280" data-image-height="853">
<div class="u-container-layout u-similar-container u-
container-layout-1">
<h3 class="u-text u-text-1">BMW M5</h3>
</div>
</div>
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 39
.
482 ЧДТУ 222072-01 12 1
<div class="u-align-center u-container-style u-image u-image-round u-
list-item u-repeater-item u-shading u-image-2" data-image-
width="1280" data-image-height="721">
<div class="u-container-layout u-similar-container u-
container-layout-2">
<h3 class="u-text u-text-2">Mercedes-Benz E 63</h3>
</div>
</div>
<div class="u-align-center u-container-style u-image u-image-
round u-list-item u-repeater-item u-shading u-image-3" data-image-
width="1280" data-image-height="850">
<div class="u-container-layout u-similar-container u-
container-layout-3">
<h3 class="u-text u-text-3">Audi A4</h3>
</div>
</div>
</div>
</section>
<footer class="u-clearfix u-footer u-grey-80" id="sec-9012"><div
class="u-clearfix u-sheet u-sheet-1">
<img src="images/1.png" alt="" class="u-image u-image-default u-
image-1" data-image-width="474" data-image-height="272">
<img src="images/22.png" alt="" class="u-image u-image-
default u-image-2" data-image-width="503" data-image-height="289">
<div class="u-border-1 u-border-white u-expanded-width u-line
u-line-horizontal u-opacity u-opacity-50 u-line-1"></div>
<div class="u-social-icons u-spacing-10 u-social-icons-1">
<a class="u-social-url" target="_blank" href=""><span
class="u-icon u-icon-circle u-social-facebook u-social-type-logo u-icon-
1"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice"
viewBox="0 0 112 112" style=""><use
xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-
3c15"></use></svg><svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
xml:space="preserve" class="u-svg-content" viewBox="0 0 112 112" 482
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 40
.
ЧДТУ 222072-01 12 1
x="0px" y="0px" id="svg-3c15"><path d="M75.5,28.8H65.4c-1.5,0-4,0.9-
4,4.3v9.4h13.9l-1.5,15.8H61.4v45.1H42.8V58.3h-8.8V42.4h8.8V32.2 c0-
7.4,3.4-18.8,18.8-18.8h13.8v15.4H75.5z"></path></svg></span>
</a>
<a class="u-social-url" target="_blank" href=""><span
class="u-icon u-icon-circle u-social-twitter u-social-type-logo u-
icon-2"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice"
viewBox="0 0 112 112" style=""><use
xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-
bf6f"></use></svg><svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
xml:space="preserve" class="u-svg-content" viewBox="0 0 112 112"
x="0px" y="0px" id="svg-bf6f"><path
d="M92.2,38.2c0,0.8,0,1.6,0,2.3c0,24.3-18.6,52.4-52.6,52.4c-
10.6,0.1-20.2-2.9-28.5-8.2 c1.4,0.2,2.9,0.2,4.4,0.2c8.7,0,16.7-
2.9,23-7.9c-8.1-0.2-14.9-5.5-17.3-
12.8c1.1,0.2,2.4,0.2,3.4,0.2c1.6,0,3.3-0.2,4.8-0.7 c-8.4-1.6-14.9-
9.2-14.9-18c0-0.2,0-0.2,0-0.2c2.5,1.4,5.4,2.2,8.4,2.3c-5-3.3-8.3-
8.9-8.3-15.4c0-3.4,1-6.5,2.5-9.2 c9.1,11.1,22.7,18.5,38,19.2c-0.2-
1.4-0.4-2.8-0.4-4.3c0.1-10,8.3-18.2,18.5-
18.2c5.4,0,10.1,2.2,13.5,5.7c4.3-0.8,8.1-2.3,11.7-4.5 c-1.4,4.3-
4.3,7.9-8.1,10.1c3.7-0.4,7.3-1.4,10.6-
2.9C98.9,32.3,95.7,35.5,92.2,38.2z"></path></svg></span>
</a>
<a class="u-social-url" target="_blank" href=""><span
class="u-icon u-icon-circle u-social-instagram u-social-type-logo u-
icon-3"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice"
viewBox="0 0 112 112" style=""><use
xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-
a0f1"></use></svg><svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
xml:space="preserve" class="u-svg-content" viewBox="0 0 112 112"
x="0px" y="0px" id="svg-a0f1"><path d="M55.9,32.9c-12.8,0-
23.2,10.4-23.2,23.2s10.4,23.2,23.2,23.2s23.2-10.4,23.2-
23.2S68.7,32.9,55.9,32.9z M55.9,69.4c-7.4,0-13.3-6-13.3-13.3c-0.1-7.4,6-
13.3,13.3-
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 41
.
482 ЧДТУ 222072-01 12 1
13.3s13.3,6,13.3,13.3C69.3,63.5,63.3,69.4,55.9,69.4z"></path><path
d="M79.7,26.8c-3,0-5.4,2.5-5.4,5.4s2.5,5.4,5.4,5.4c3,0,5.4-2.5,5.4-
5.4S82.7,26.8,79.7,26.8z"></path><path
d="M78.2,11H33.5C21,11,10.8,21.3,10.8,33.7v44.7c0,12.6,10.2,22.8,22.
7,22.8h44.7c12.6,0,22.7-10.2,22.7-22.7
V33.7C100.8,21.1,90.6,11,78.2,11z M91,78.4c0,7.1-5.8,12.8-
12.8,12.8H33.5c-7.1,0-12.8-5.8-12.8-12.8V33.7 c0-7.1,5.8-12.8,12.8-
12.8h44.7c7.1,0,12.8,5.8,12.8,12.8V78.4z"></path></svg></span>
</a>
<a class="u-social-url" target="_blank" href=""><span
class="u-icon u-icon-circle u-social-google u-social-type-logo u-
icon-4"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice"
viewBox="0 0 112 112" style=""><use
xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-
8613"></use></svg><svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
xml:space="preserve" class="u-svg-content" viewBox="0 0 112 112"
x="0px" y="0px" id="svg-8613"><path d="M62.2,81.6c-8.6,11.2-
24.6,14.4-37.6,10C10.9,87,0.8,73.2,1,58.5c-0.8-18,15.2-34.6,33.1-
34.9 c9.2-0.8,18.2,2.7,25,8.6c-2.9,3.1-5.7,6.2-8.9,9.2c-6.2-3.8-13.5-
6.5-20.6-4C18.1,40.7,11,54.2,15.4,65.6
c3.5,11.8,17.8,18.3,29.2,13.2c5.8-2.1,9.7-7.4,11.3-13.2c-6.6-0.1-
13.2,0-20.1-0.3c0-3.9,0-7.9,0-11.9c11.2,0,22.2,0,33.3,0
C69.9,63.4,68.3,73.9,62.2,81.6z M110.9,63.7c-3.4,0-6.6,0-
10,0c0,3.4,0,6.6,0,10c-3.4,0-6.6,0-10,0c0-3.4,0-6.6,0-10 c-3.4,0-
6.6,0-10,0c0-3.4,0-6.6,0-10c3.4,0,6.6,0,10,0c0-3.4,0-6.6,0.1-
10c3.4,0,6.6,0,10,0c0,3.4,0,6.6,0,10c3.4,0,6.6,0,10,0
C110.9,56.9,110.9,60.3,110.9,63.7z"></path></svg></span>
</a>
<a class="u-social-url" target="_blank" href=""><span
class="u-icon u-icon-circle u-social-pinterest u-social-type-logo u-
icon-5"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice"
viewBox="0 0 112 112" style=""><use
xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-
301d"></use></svg><svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
xml:space="preserve" class="u-svg-content" viewBox="0 0 112 112" 482
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 42
.
ЧДТУ 222072-01 12 1
x="0px" y="0px" id="svg-301d"><path d="M61.9,79.8c-5.5-0.3-7.8-3.1-
12-5.8c-2.3,12.4-5.4,24.3-13.8,30.5c-2.6-18.7,3.8-32.8,6.9-47.7 c-
5.1-8.7,0.7-26.2,11.5-21.9c13.5,5.4-
11.6,32.3,5.1,35.7c17.6,3.5,24.7-30.5,13.8-41.4c-15.7-16.1-45.7-0.5-
42,22.3 c0.9,5.6,6.7,7.2,2.3,15c-10.1-2.2-13-10.2-12.7-20.7c0.6-
17.3,15.5-29.3,30.5-31.1c19-2.2,36.8,6.9,39.2,24.7
C93.4,59.5,82.3,81.3,61.9,79.8z"></path></svg></span>
</a> </div>
<a href="https://nicepage.com" class="u-image u-logo u-image-3" data-
image-width="1280" data-image-height="946">
<img
src="images/57e5d0414c55b108f5d084609629317e113fdce15b4c704f75287dd5
9e4ccc5c_12801.png" class="u-logo-image u-logo-image-1" data-image-
width="64">
</a>
<a href="Головна.html" data-page-id="29359140" class="u-
active-none u-btn u-button-style u-hover-none u-none u-text-hover-
palette-1-base u-btn-1"><span class="u-icon u-text-palette-1-
base"><svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
xml:space="preserve" class="u-svg-content" viewBox="0 0 405.333
405.333" x="0px" y="0px" style="width: 1em; height: 1em;"><path
d="M373.333,266.88c-25.003,0-49.493-3.904-72.704-11.563c-11.328-
3.904-24.192-0.896-31.637,6.699l-46.016,34.752 c-52.8-28.181-
86.592-61.952-114.389-114.368l33.813-44.928c8.512-8.512,11.563-
20.971,7.915-32.64 C142.592,81.472,138.667,56.96,138.667,32c0-
17.643-14.357-32-32-32H32C14.357,0,0,14.357,0,32
c0,205.845,167.488,373.333,373.333,373.333c17.643,0,32-14.357,32-
32V298.88C405.333,281.237,390.976,266.88,373.333,266.88z"></path></s
vg><img></span>
</a>
<p class="u-text u-text-default u-text-palette-1-base u-text-
1">+ 380 (67) 440 58 69</p>
</div></footer>
<section class="u-backlink u-clearfix u-grey-80">
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 43
.
482 ЧДТУ 222072-01 12 1
<a class="u-link" href="https://nicepage.com/website-templates"
target="_blank">
<span>Website Templates</span>
</a>
<p class="u-text">
<span>created with</span>
</p>
<a class="u-link" href="https://nicepage.com/" target="_blank">
<span>Website Builder Software</span>
</a>.
</section>
</body>
</html>
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 44
.
482 ЧДТУ 222072-01 12 1
Головна сторінка CSS:
.u-section-1 {
min-height: 588px;
}
.u-section-1 .u-layout-wrap-1 {
margin-top: 54px;
margin-bottom: 0;
}
.u-section-1 .u-layout-cell-1 {
min-height: 534px;
}
.u-section-1 .u-container-layout-1 {
padding: 30px 50px;
}
.u-section-1 .u-text-1 {
font-size: 1.25rem;
margin: 147px 209px 0 37px;
}
.u-section-1 .u-text-2 {
width: 239px;
margin: 15px auto 0;
}
.u-section-1 .u-image-1 {
min-height: 534px;
background-image:
url("images/57e0dd424d56ae14f6da8c7dda793678153bdee757596c48732f7cd2
9644c758bb_1280.jpg");
background-position: 50% 50%;
}
.u-section-1 .u-container-layout-2 {
padding: 30px 60px;
}
@media (max-width: 1199px) {
.u-section-1 {
min-height: 100px;
}
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 45
.
482 ЧДТУ 222072-01 12 1
.u-section-1 .u-layout-cell-1 {
min-height: 440px;
}
.u-section-1 .u-text-1 {
margin-right: 176px;
margin-left: 4px;
}
.u-section-1 .u-text-2 {
width: 213px;
}
.u-section-1 .u-image-1 {
min-height: 440px;
}
}
@media (max-width: 991px) {
.u-section-1 .u-layout-cell-1 {
min-height: 100px;
}
.u-section-1 .u-container-layout-1 {
padding-left: 30px;
padding-right: 30px;
}
.u-section-1 .u-text-1 {
margin-right: 147px;
margin-left: 0;
}
.u-section-1 .u-text-2 {
width: 180px;
}
.u-section-1 .u-image-1 {
min-height: 337px;
}
.u-section-1 .u-container-layout-2 {
padding-left: 30px;
padding-right: 30px;
}}
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 46
.
482 ЧДТУ 222072-01 12 1
@media (max-width: 767px) {
.u-section-1 .u-image-1 {
min-height: 379px;
}
.u-section-1 .u-container-layout-2 {
padding-left: 10px;
padding-right: 10px;
}
}
@media (max-width: 575px) {
.u-section-1 .u-text-1 {
margin-right: 0;
}
.u-section-1 .u-image-1 {
min-height: 239px;
}
}.u-section-2 {
min-height: 612px;
}
.u-section-2 .u-list-1 {
grid-template-columns: calc(33.3333% - 6px) calc(33.3333% - 6px)
calc(33.3333% - 6px);
grid-template-rows: auto;
grid-gap: 9px 9px;
min-height: 612px;
margin-top: 0;
margin-bottom: 0;
}
.u-section-2 .u-image-1 {
background-image: linear-gradient(0deg, rgba(0,0,0,0.25),
rgba(0,0,0,0.25)),
url("images/51e6dd45425ab108f5d084609629317e113fdce15b4c704f75287dd5
9e4ccc5c_1280.jpg");
background-position: 50% 50%;
}
.u-section-2 .u-container-layout-1 {
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 47
.
482 ЧДТУ 222072-01 12 1
padding: 30px;
}
.u-section-2 .u-text-1 {
margin: 453px 34px 0;
}
.u-section-2 .u-image-2 {
background-image: linear-gradient(0deg, rgba(0,0,0,0.25),
rgba(0,0,0,0.25)),
url("images/57e3d2434f51aa14f6da8c7dda793678153bdee757596c48732f7cd2
954dc550b8_1280.jpg");
background-position: 50% 50%;
}
.u-section-2 .u-container-layout-2 {
padding: 30px;
}
.u-section-2 .u-text-2 {
margin: 453px 34px 0;
}
.u-section-2 .u-image-3 {
background-image: linear-gradient(0deg, rgba(0,0,0,0.25),
rgba(0,0,0,0.25)),
url("images/55e8d64b4355b108f5d084609629317e113fdce15b4c704f75287dd6
974dc358_1280.jpg");
background-position: 50% 50%;
}
.u-section-2 .u-container-layout-3 {
padding: 30px;
}
.u-section-2 .u-text-3 {
margin: 453px 34px 0;
}
@media (max-width: 1199px) {
.u-section-2 {
min-height: 505px;
}
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк 48
. № докум Підпис Дата
.
482 ЧДТУ 222072-01 12 1
.u-section-2 .u-list-1 {
grid-template-columns: repeat(3, calc(33.333333333333336% -
6px));
height: auto;
min-height: 505px;
}
.u-section-2 .u-text-1 {
margin-left: 0;
margin-right: 0;
}
.u-section-2 .u-text-2 {
margin-left: 0;
margin-right: 0;
}
.u-section-2 .u-text-3 {
margin-left: 0;
margin-right: 0; }}
@media (max-width: 991px) {
.u-section-2 {
min-height: 1160px;
}
.u-section-2 .u-list-1 {
grid-template-columns: repeat(2, calc(50% - 4.5px));
min-height: 1160px; }}
@media (max-width: 767px) {
.u-section-2 .u-list-1 {
grid-template-columns: 100%; }}
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк № докум Підпис Дата 49
.
.
482 ЧДТУ 222072-01 12 1
Автопарк HTML:
<!DOCTYPE html>
<html style="font-size: 16px;">
<head>
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<meta charset="utf-8">
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="page_type" content="np-template-header-footer-from-
plugin">
<title>Автопарк</title>
<link rel="stylesheet" href="nicepage.css" media="screen">
<link rel="stylesheet" href="Автопарк.css" media="screen">
<script class="u-script" type="text/javascript" src="jquery.js"
defer=""></script>
<script class="u-script" type="text/javascript" src="nicepage.js"
defer=""></script>
<meta name="generator" content="Nicepage 3.1.3, nicepage.com">
<link id="u-theme-google-font" rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,30
0i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,6
00,600i,700,700i,800,800i">
<link id="u-page-google-font" rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,2
00i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i">
<script type="application/ld+json">{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Site1",
"url": "index.html",
"logo":
"images/57e5d0414c55b108f5d084609629317e113fdce15b4c704f75287dd59e4c
cc5c_12801.png",
"sameAs": []
}</script>
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 50
.
482 ЧДТУ 222072-01 12 1
<meta property="og:title" content="Автопарк">
<meta property="og:type" content="website">
<meta name="theme-color" content="#478ac9">
<link rel="canonical" href="index.html">
<meta property="og:url" content="index.html">
</head>
<body class="u-body">
<section class="u-align-center u-clearfix u-palette-5-dark-3 u-
section-1" id="carousel_93f6">
<div class="u-clearfix u-sheet u-sheet-1">
<a href="Головна.html" data-page-id="29359140" class="u-btn
u-btn-round u-button-style u-hover-palette-1-light-1 u-palette-1-base
u-radius-50 u-btn-1">НАЗАД</a>
<h1 class="u-custom-font u-font-raleway u-text u-text-default
u-text-1">Авто в наявності<br>
<br>
</h1>
<div class="u-list u-repeater u-list-1">
<div class="u-container-style u-list-item u-repeater-item
u-white u-list-item-1">
<div class="u-container-layout u-similar-container u-
container-layout-1">
<h1 class="u-text u-text-2">Mersedes-Bens E63</h1>
<img alt="" class="u-expanded-width u-image u-image-
default u-image-1"
src="images/57e3d2434f51aa14f6da8c7dda793678153bdee757596c48732f7cd2
954dc550b8_12801.jpg" data-image-width="1280" data-image-
height="721">
<div class="u-container-style u-expanded-width u-group
u-group-1">
<div class="u-container-layout u-container-layout-2">
<p class="u-align-center u-text u-text-3">Ціна
1800грн Доба </p>
<ul class="u-align-left u-custom-list u-text u-
text-4">
<li>
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк № докум 51
. Підпис Дата
.
482 ЧДТУ 222072-01 12 1
<div class="class u-list-icon">
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
xml:space="preserve" class="u-svg-content" viewBox="0 0 512.019
512.019" x="0px" y="0px" id="svg-b379"><path fill="currentColor"
d="M362.676,0H149.343C119.888,0,96.01,23.878,96.01,53.333v448 c-
0.011,5.891,4.757,10.675,10.648,10.686c2.84,0.005,5.565-1.123,7.571-
3.134L256.01,367.083l141.781,141.781
c4.16,4.171,10.914,4.179,15.085,0.019c2.006-2.001,3.133-4.717,3.134-
7.55v-448C416.01,23.878,392.131,0,362.676,0z"></path></svg>
</div>5/7 Seats </li> <li>
<div class="class u-list-icon">
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
xml:space="preserve" class="u-svg-content" viewBox="0 0 512.019
512.019" x="0px" y="0px" id="svg-b379"><path fill="currentColor"
d="M362.676,0H149.343C119.888,0,96.01,23.878,96.01,53.333v448 c-
0.011,5.891,4.757,10.675,10.648,10.686c2.84,0.005,5.565-1.123,7.571-
3.134L256.01,367.083l141.781,141.781
c4.16,4.171,10.914,4.179,15.085,0.019c2.006-2.001,3.133-4.717,3.134-
7.55v-448C416.01,23.878,392.131,0,362.676,0z"></path></svg>
</div>velit esse cillum </li>
<footer class="u-clearfix u-footer u-grey-80" id="sec-9012"><div
class="u-clearfix u-sheet u-sheet-1">
<img src="images/1.png" alt="" class="u-image u-image-default
u-image-1" data-image-width="474" data-image-height="272">
<img src="images/22.png" alt="" class="u-image u-image-
default u-image-2" data-image-width="503" data-image-height="289">
<div class="u-border-1 u-border-white u-expanded-width u-line
u-line-horizontal u-opacity u-opacity-50 u-line-1"></div>
<div class="u-social-icons u-spacing-10 u-social-icons-1">
<a class="u-social-url" target="_blank" href=""><span
class="u-icon u-icon-circle u-social-facebook u-social-type-logo u-icon-
1"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice"
viewBox="0 0 112 112" style=""><use
xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 52
.
482 ЧДТУ 222072-01 12 1
3c15"></use></svg><svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
xml:space="preserve" class="u-svg-content" viewBox="0 0 112 112"
x="0px" y="0px" id="svg-3c15"><path d="M75.5,28.8H65.4c-1.5,0-4,0.9-
4,4.3v9.4h13.9l-1.5,15.8H61.4v45.1H42.8V58.3h-8.8V42.4h8.8V32.2 c0-
7.4,3.4-18.8,18.8-18.8h13.8v15.4H75.5z"></path></svg></span>
</a>
<a class="u-social-url" target="_blank" href=""><span
class="u-icon u-icon-circle u-social-twitter u-social-type-logo u-
icon-2"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice"
viewBox="0 0 112 112" style=""><use
xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-
bf6f"></use></svg><svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
xml:space="preserve" class="u-svg-content" viewBox="0 0 112 112"
x="0px" y="0px" id="svg-bf6f"><path
d="M92.2,38.2c0,0.8,0,1.6,0,2.3c0,24.3-18.6,52.4-52.6,52.4c-
10.6,0.1-20.2-2.9-28.5-8.2 c1.4,0.2,2.9,0.2,4.4,0.2c8.7,0,16.7-
2.9,23-7.9c-8.1-0.2-14.9-5.5-17.3-
12.8c1.1,0.2,2.4,0.2,3.4,0.2c1.6,0,3.3-0.2,4.8-0.7 c-8.4-1.6-14.9-
9.2-14.9-18c0-0.2,0-0.2,0-0.2c2.5,1.4,5.4,2.2,8.4,2.3c-5-3.3-8.3-
8.9-8.3-15.4c0-3.4,1-6.5,2.5-9.2 c9.1,11.1,22.7,18.5,38,19.2c-0.2-
1.4-0.4-2.8-0.4-4.3c0.1-10,8.3-18.2,18.5-
18.2c5.4,0,10.1,2.2,13.5,5.7c4.3-0.8,8.1-2.3,11.7-4.5 c-1.4,4.3-
4.3,7.9-8.1,10.1c3.7-0.4,7.3-1.4,10.6-
2.9C98.9,32.3,95.7,35.5,92.2,38.2z"></path></svg></span>
</a>
<a class="u-social-url" target="_blank" href=""><span
class="u-icon u-icon-circle u-social-instagram u-social-type-logo u-
icon-3"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice"
viewBox="0 0 112 112" style=""><use
xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-
a0f1"></use></svg><svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
xml:space="preserve" class="u-svg-content" viewBox="0 0 112 112" x="0px"
y="0px" id="svg-a0f1"><path d="M55.9,32.9c-12.8,0-23.2,10.4-
23.2,23.2s10.4,23.2,23.2,23.2s23.2-10.4,23.2-23.2S68.7,32.9,55.9,32.9z
M55.9,69.4c-7.4,0-13.3-6-13.3-13.3c-0.1-7.4,6-13.3,13.3-
13.3s13.3,6,13.3,13.3C69.3,63.5,63.3,69.4,55.9,69.4z"></path><path
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 53
.
482 ЧДТУ 222072-01 12 1
d="M79.7,26.8c-3,0-5.4,2.5-5.4,5.4s2.5,5.4,5.4,5.4c3,0,5.4-2.5,5.4-
5.4S82.7,26.8,79.7,26.8z"></path><path
d="M78.2,11H33.5C21,11,10.8,21.3,10.8,33.7v44.7c0,12.6,10.2,22.8,22.
7,22.8h44.7c12.6,0,22.7-10.2,22.7-22.7
V33.7C100.8,21.1,90.6,11,78.2,11z M91,78.4c0,7.1-5.8,12.8-
12.8,12.8H33.5c-7.1,0-12.8-5.8-12.8-12.8V33.7 c0-7.1,5.8-12.8,12.8-
12.8h44.7c7.1,0,12.8,5.8,12.8,12.8V78.4z"></path></svg></span>
</a>
<a class="u-social-url" target="_blank" href=""><span
class="u-icon u-icon-circle u-social-google u-social-type-logo u-
icon-4"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice"
viewBox="0 0 112 112" style=""><use
xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-
8613"></use></svg><svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
xml:space="preserve" class="u-svg-content" viewBox="0 0 112 112"
x="0px" y="0px" id="svg-8613"><path d="M62.2,81.6c-8.6,11.2-
24.6,14.4-37.6,10C10.9,87,0.8,73.2,1,58.5c-0.8-18,15.2-34.6,33.1-
34.9 c9.2-0.8,18.2,2.7,25,8.6c-2.9,3.1-5.7,6.2-8.9,9.2c-6.2-3.8-13.5-
6.5-20.6-4C18.1,40.7,11,54.2,15.4,65.6
c3.5,11.8,17.8,18.3,29.2,13.2c5.8-2.1,9.7-7.4,11.3-13.2c-6.6-0.1-
13.2,0-20.1-0.3c0-3.9,0-7.9,0-11.9c11.2,0,22.2,0,33.3,0
C69.9,63.4,68.3,73.9,62.2,81.6z M110.9,63.7c-3.4,0-6.6,0-
10,0c0,3.4,0,6.6,0,10c-3.4,0-6.6,0-10,0c0-3.4,0-6.6,0-10 c-3.4,0-
6.6,0-10,0c0-3.4,0-6.6,0-10c3.4,0,6.6,0,10,0c0-3.4,0-6.6,0.1-
10c3.4,0,6.6,0,10,0c0,3.4,0,6.6,0,10c3.4,0,6.6,0,10,0
C110.9,56.9,110.9,60.3,110.9,63.7z"></path></svg></span> </a>
<a class="u-social-url" target="_blank" href=""><span
class="u-icon u-icon-circle u-social-pinterest u-social-type-logo u-
icon-5"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice"
viewBox="0 0 112 112" style=""><use
xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-
301d"></use></svg><svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
xml:space="preserve" class="u-svg-content" viewBox="0 0 112 112" x="0px"
y="0px" id="svg-301d"><path d="M61.9,79.8c-5.5-0.3-7.8-3.1-12-5.8c-
2.3,12.4-5.4,24.3-13.8,30.5c-2.6-18.7,3.8-32.8,6.9-47.7 c-5.1-8.7,0.7-
26.2,11.5-21.9c13.5,5.4-11.6,32.3,5.1,35.7c17.6,3.5,24.7-30.5,13.8-
41.4c-15.7-16.1-45.7-0.5-42,22.3
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 54
.
482 ЧДТУ 222072-01 12 1
c0.9,5.6,6.7,7.2,2.3,15c-10.1-2.2-13-10.2-12.7-20.7c0.6-17.3,15.5-
29.3,30.5-31.1c19-2.2,36.8,6.9,39.2,24.7
C93.4,59.5,82.3,81.3,61.9,79.8z"></path></svg></span></a> </div>
<a href="https://nicepage.com" class="u-image u-logo u-image-
3" data-image-width="1280" data-image-height="946"> <img
src="images/57e5d0414c55b108f5d084609629317e113fdce15b4c704f75287dd5
9e4ccc5c_12801.png" class="u-logo-image u-logo-image-1" data-image-
width="64"> </a>
<a href="Головна.html" data-page-id="29359140" class="u-
active-none u-btn u-button-style u-hover-none u-none u-text-hover-
palette-1-base u-btn-1"><span class="u-icon u-text-palette-1-
base"><svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
xml:space="preserve" class="u-svg-content" viewBox="0 0 405.333
405.333" x="0px" y="0px" style="width: 1em; height: 1em;"><path
d="M373.333,266.88c-25.003,0-49.493-3.904-72.704-11.563c-11.328-
3.904-24.192-0.896-31.637,6.699l-46.016,34.752 c-52.8-28.181-
86.592-61.952-114.389-114.368l33.813-44.928c8.512-8.512,11.563-
20.971,7.915-32.64 C142.592,81.472,138.667,56.96,138.667,32c0-
17.643-14.357-32-32-32H32C14.357,0,0,14.357,0,32
c0,205.845,167.488,373.333,373.333,373.333c17.643,0,32-14.357,32-
32V298.88C405.333,281.237,390.976,266.88,373.333,266.88z"></path></s
vg><img></span> </a>
<p class="u-text u-text-default u-text-palette-1-base u-text-
1">+ 380 (67) 440 58 69</p>
</div></footer>
<section class="u-backlink u-clearfix u-grey-80">
<a class="u-link" href="https://nicepage.com/web-design"
target="_blank">
<span>Responsive Web Design</span> </a>
<p class="u-text"> <span>created with</span> </p>
<a class="u-link" href="https://nicepage.com/website-builder"
target="_blank">
<span>Website Builder</span> </a>.
</section><span style="height: 64px; width: 64px; margin-left: 0px;
margin-right: auto; margin-top: 0px; background-image: none;
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 55
.
482 ЧДТУ 222072-01 12 1
right: 20px; bottom: 20px" class="u-back-to-top u-icon u-icon-circle
u-opacity u-opacity-85 u-palette-1-base u-spacing-15" data-href="#">
<svg class="u-svg-link" preserveAspectRatio="xMidYMin slice"
viewBox="0 0 551.13 551.13"><use
xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-
1d98"></use></svg>
<svg class="u-svg-content" enable-background="new 0 0 551.13
551.13" viewBox="0 0 551.13 551.13" xmlns="http://www.w3.org/2000/svg"
id="svg-1d98"><path d="m275.565 189.451 223.897 223.897h51.668l-
275.565-275.565-275.565 275.565h51.668z"></path></svg>
</span>
</body>
</html>
Арк.
ЧДТУ 222072.001 ПЗ
Змн Арк. № докум Підпис Дата 56
.