Інформаційна система поліграфічного підприємства

СЛАБА, Софія
Будь ласка, використовуйте цей ідентифікатор, щоб цитувати або посилатися на цей матеріал: https://er.chdtu.edu.ua/handle/ChSTU/8591
Title:	Інформаційна система поліграфічного підприємства
Authors:	ГРЕСЬКО, Світлана СЛАБА, Софія
Keywords:	ВЕБ-САЙТ;ІНФОРМАЦІЙНА СИСТЕМА;ПРОГРАМНЕ ЗАБЕЗПЕЧЕННЯ;ВЕБ-ТЕХНОЛОГІЇ;ІНФОРМАЦІЙНІ ТЕХНОЛОГІЇ
Issue Date:	2023
Abstract:	У кваліфікаційній роботі бакалавра була розроблена інформаційна система для поліграфічного підприємства. Метою даної роботи є створення веб-сайту, який забезпечує надійний доступ до інформації про поліграфічне підприємство, його послуги та продукцію. Веб-сайт має за завдання надати користувачам зручну навігацію, швидкий доступ до потрібної інформації та можливість здійснити замовлення чи зв'язатися з представниками підприємства. Під час розробки веб-сайту були використані сучасні інструменти та технології, а саме конструктор Wix. Створений веб-сайт виконує наступні функції:  представлення компанії та її портфоліо;  надає детальний перелік послуг і продукції;  містить каталог з різноманітними поліграфічними виробами;  дозволяє замовляти послуги та продукцію через сайт;  надає контактну інформацію та форму зворотного зв'язку для зручності клієнтів. В першому розділі розглянуто сучасні технології розробки інформаційних систем. В другому розділі виконано огляд аналогів інформаційних систем поліграфічних підприємств. В третьому розділі обґрунтовано вибір програмних засобів розробки інформаційної системи. В четвертому розділі виконано проектування інформаційної системи поліграфічного підприємства. Кваліфікаційна робота бакалавра складається з пояснювальної записки об’ємом 91 сторінки та 2 додатків.
URI:	https://er.chdtu.edu.ua/handle/ChSTU/8591
Appears in Collections:	123 Комп’ютерна інженерія (Комп'ютерні системи та мережі)
Files in This Item:
Файл	Опис	Розмір	Формат
1_ТИТУЛКА_Слаба_ДРУК-merged.pdf Restricted Access		3.43 MB	Adobe PDF	Переглянути/Відкрити Запит копії
Показати повний опис матеріалу Перегляд статистики
Усі матеріали в архіві електронних ресурсів захищено авторським правом, усі права збережено.
Extracted text
МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ
ЧЕРКАСЬКИЙ ДЕРЖАВНИЙ ТЕХНОЛОГІЧНИЙ УНІВЕРСИТЕТ
ФАКУЛЬТЕТ ІНФОРМАЦІЙНИХ ТЕХНОЛОГІЙ І СИСТЕМ
КАФЕДРА ІНФОРМАЦІЙНОЇ БЕЗПЕКИ ТА КОМП’ЮТЕРНОЇ ІНЖЕНЕРІЇ
ПОЯСНЮВАЛЬНА ЗАПИСКА
до кваліфікаційної роботи бакалавра
на тему:«Інформаційна система поліграфічного
підприємства»
ЧДТУ.231936.002 ПЗ
Виконала: студентка 4 курсу, групи ЗКМ-195
спеціальності 123 – «Комп’ютерна інженерія»
за освітньою програмою – «Комп’ютерні системи та
мережі»
Софія СЛАБА
Керівник
старший викладач Світлана ГРЕСЬКО
Рецензент
старший викладач кафедри інформаційних
технологій Черкаського національного університету
ім. Б. Хмельницького, к.т.н. Інна РОЗЛОМІЙ
«ЗАХИСТ ДОЗВОЛЯЮ»
Завідувач кафедри ІБ та КІ
д.т.н., професор ______ Володимир РУДНИЦЬКИЙ
Черкаси 2023 року
Форма № Н-9.01
ЧЕРКАСЬКИЙ ДЕРЖАВНИЙ ТЕХНОЛОГІЧНИЙ УНІВЕРСИТЕТ
Факультет: інформаційних технологій і систем
Кафедра: інформаційної безпеки та комп’ютерної інженерії
Освітньо-кваліфікаційний рівень: Бакалавр
Спеціальність 123 – Комп’ютерна інженерія
Освітня програма Комп’ютерні системи та мережі
«ЗАТВЕРДЖУЮ»
Завідувач кафедри ІБ та КІ
д.т.н., професор ________ Володимир РУДНИЦЬКИЙ
«28» лютого 2023 року
ЗАВДАННЯ
на кваліфікаційну роботу бакалавра студентці
Слаба Софії Іллівні
(прізвище, ім‘я, по батькові)
1. Тема роботи: Інформаційна система поліграфічного підприємства
Керівник роботи: старший викладач, Гресько Світлана Олексіївна
(прізвище, ім’я, по батькові, науковий ступінь, вчене звання)
затверджені наказом університету від «24» лютого 2023 р. № 43/04
2. Строк подання студентом роботи:
3. Вихідні дані до роботи:
 розробка сайту інформаційної системи в середовищі Wix;
 реалізація інформаційної системи на платформі Wix;
4. Зміст розрахунково-пояснювальної записки (перелік питань, що їх належить розробити):
Вступ
1. Сучасні технології розробки інформаційних систем
2. Огляд аналогів
3. Обґрунтування вибору засобів розробки інформаційної системи
4. Розробка інформаційної системи поліграфічного підприємства
Висновки
Список використаних джерел
Додатки
5. Перелік графічного матеріалу (з точним зазначенням обов’язкових креслень, плакатів):
1. Специфікація
2. Текст програми
6. Консультанти розділів роботи:
Розділ Прізвище, ініціали Підпис, дата
консультанта завдання видав завдання прийняв
7. Дата видачі завдання: 27 лютого 2023 року
КАЛЕНДАРНИЙ ПЛАН
Термін
№ з/п Назва етапів роботи виконання Примітка
етапів роботи
1 Збір матеріалу 01.03 – 14.03 виконано
2 Обробка матеріалу 15.03 – 20.03 виконано
3 Планування структури роботи 21.03 - 31.03 виконано
4 Написання вступу 01.04 - 10.04 виконано
5 Розробка основної частини 11.04 - 20.04 виконано
6 Проведення дослідження або аналіз даних 21.04 - 30.04 виконано
7 Формулювання висновків 01.05 - 10.05 виконано
8 Оформлення пояснювальної записки 11.05 - 20.05 виконано
9 Оформлення графічного матеріалу 21.05 - 31.05 виконано
10 Подання роботи на відгук та рецензування 30.05.2023 виконано
Студентка ___________________________ Софія СЛАБА
(підпис)
Керівник роботи ___________________________ Світлана ГРЕСЬКО
(підпис)
АНОТАЦІЯ
У кваліфікаційній роботі бакалавра була розроблена інформаційна
система для поліграфічного підприємства.
Метою даної роботи є створення веб-сайту, який забезпечує надійний
доступ до інформації про поліграфічне підприємство, його послуги та
продукцію. Веб-сайт має за завдання надати користувачам зручну навігацію,
швидкий доступ до потрібної інформації та можливість здійснити
замовлення чи зв'язатися з представниками підприємства.
Під час розробки веб-сайту були використані сучасні інструменти та
технології, а саме конструктор Wix.
Створений веб-сайт виконує наступні функції:
 представлення компанії та її портфоліо;
 надає детальний перелік послуг і продукції;
 містить каталог з різноманітними поліграфічними виробами;
 дозволяє замовляти послуги та продукцію через сайт;
 надає контактну інформацію та форму зворотного зв'язку для зручності
клієнтів.
В першому розділі розглянуто сучасні технології розробки
інформаційних систем.
В другому розділі виконано огляд аналогів інформаційних систем
поліграфічних підприємств.
В третьому розділі обґрунтовано вибір програмних засобів розробки
інформаційної системи.
В четвертому розділі виконано проектування інформаційної системи
поліграфічного підприємства.
Кваліфікаційна робота бакалавра складається з пояснювальної записки
об’ємом 91 сторінки та 2 додатків.
Ключові слова: ВЕБ-САЙТ, ІНФОРМАЦІЙНА СИСТЕМА,
ПРОГРАМНЕ ЗАБЕЗПЕЧЕННЯ, ВЕБ-ТЕХНОЛОГІЇ, ІНФОРМАЦІЙНІ
ТЕХНОЛОГІЇ.
ANNOTATION
An information system for a printing company was developed in the
bachelor's qualification work.
The purpose of this work is to create a website that provides reliable access
to information about the printing company, its services and products. The website's
task is to provide users with convenient navigation, quick access to the necessary
information and the ability to place an order or contact company representatives.
During the development of the website, modern tools and technologies were
used, namely the Wix builder.
The created website performs the following functions:
 presentation of the company and its portfolio;
 provides a detailed list of services and products;
 contains a catalog with various printed products;
 allows you to order services and products through the site;
 provides contact information and a feedback form for the convenience of
customers.
In the first section, modern technologies for the development of information
systems are considered.
In the second section, a review of analogues of information systems of
printing enterprises is carried out.
The third section substantiates the choice of software tools for information
system development.
In the fourth section, the design of the information system of the printing
enterprise is performed.
The bachelor's qualification work consists of an explanatory note of 91
pages and 2 appendices.
Key words: WEBSITE, INFORMATION SYSTEM, SOFTWARE, WEB
TECHNOLOGIES, INFORMATION TECHNOLOGIES.
ЗМІСТ
ВСТУП………………………………………………………………................. 3
. 6
1 СУЧАСНІ ТЕХНОЛОГІЇ РОЗРОБКИ ІНФОРМАЦІЙНИХ 7
СИСТЕМ…... 9
1.1 Види 1
сайтів………………………………………………………....... 1
1.2 Засоби розробки ………………………………………………...….. 1
1.3 Налаштування засобів 5
розробки………………………………….... 1
2 ОГЛЯД АНАЛОГІВ…………………………………………………………. 6
2.1 Огляд аналогів веб-сайтів поліграфічних 2
підприємств…………... 0
2.2 Аналіз та порівняння функціоналу та інтерфейсу………………... 2
2.3 Визначення переваг та недоліків ………………………………….. 2
2.4 Висновки до розділу………………………………………………... 2
3 ОБГРУНТУВАННЯ ВИБОРУ ЗАСОБІВ РОЗРОБКИ 3
ІНФОРМАЦІЙНОЇ
СИСТЕМИ…………………………………………………………………… 2
… 6
4 РОЗРОБКА ІНФОРМАЦІЙНОЇ СИСТЕМИ ПОЛІГРАФІЧНОГО
ПІДПРИЄМСТВА……………………………………………………………... 2
4.1 Завдання та мета веб- 8
сайту………………………………………..... 2
4.2 Налаштування середовища розробки Wix ………………………... 8
4.3 Розробка 2
дизайну ………………………………Ч…Д…ТУ….2…31…9…36….0.0..2. ПЗ 9
Змн. Арк. № д4о.к4умО. пис рПоідзприсобкДиат………………………………………………............ 3
РозрКобив Слаба С.І а
Керівник Гресько С.О. Інформаційна система Літ. Лист Листів
2 91
Рецеанзент Розломій І.О. поліграфічного
Н.Контроль Гресько С.О. підприємства Кафедра ІБ та КІ
Затвфердив Рудницький В.М. Пояснювальна записка гр. ЗКМ-195
е
д
р
а
К
К
-
0
6
ВИСНОВКИ………………………………………………………………….... 9
. 4
ПЕРЕЛІК СКОРОЧЕНЬ ТА УМОВНИХ ПОЗНАЧЕНЬ…………………..... 1
ДОДАТКИ: 5
А – 482.ЧДТУ.31936.01 Інформаційна система поліграфічного 1
підприємства 5
СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ…………………………...……….... 3
9
0
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 3
а
ВСТУП
Метою кваліфікаційної роботи бакалавра є розробка інформаційної
системи для поліграфічного підприємства, яка допоможе забезпечити
ефективне функціонування компанії та збільшити її прибуток.
Для досягнення цієї мети необхідно вирішити такі задачі:
 дослідити сучасні технології розробки веб-сайтів та вибрати
оптимальний інструмент для розробки інформаційної системи;
 провести огляд існуючих аналогів інформаційних систем для
поліграфічних підприємств з метою виявлення їх переваг та
недоліків, що дасть змогу підібрати оптимальний варіант;
 обґрунтувати вибір конкретної інформаційної системи та розробити
її, враховуючи потреби та вимоги поліграфічного підприємства;
 розробити технологію наповнення сайту контентом та вивчити
особливості розміщення даних на сайті;
 проаналізувати різновиди сайтів та підібрати оптимальний варіант
для поліграфічного підприємства;
 вивчити особливості роботи зі звуком та відео на сайті.
 провести налаштування необхідних інструментів розробки для
забезпечення ефективної роботи.
В результаті виконання кваліфікаційної роботи бакалавра буде створена
інформаційна система для поліграфічного підприємства, яка забезпечить
підвищення ефективності діяльності компанії та збільшення її прибутку.
Крім того, в рамках роботи було поставлено такі завдання:
 Проаналізувати сучасні технології розробки та проектування веб-
сайтів.
 Оглянути наявні аналоги інформаційних систем для
поліграфічного підприємства.
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 4
а
 Обґрунтувати вибір інформаційної системи для розробки сайту
поліграфічного підприємства.
 Розробити інформаційну систему на базі конструктора Wix.
 Дослідити технології наповнення сайтів контентом.
 Оглянути різновиди сайтів і їх відмінності.
 Розглянути основні засоби розробки та настройки середовища
розробки.
 Створити логічну модель сайту.
Для досягнення поставлених завдань, було вирішено провести аналіз
сучасних технологій розробки та проектування веб-сайтів, оглянути наявні
аналоги інформаційних систем для поліграфічного підприємства,
обґрунтувати вибір конструктора Wix для розробки інформаційної системи,
розробити сайт на базі цього конструктора, дослідити технології наповнення
сайту контентом, оглянути різновиди сайтів і їх відмінності, розглянути
основні засоби розробки та настройки середовища розробки, а також створити
логічну модель сайту.
На завершення дипломної роботи буде зроблено висновки, у яких
будуть підведені підсумки дослідження і розробки інформаційної системи для
поліграфічного підприємства, описано отримані результати, а також визначено
перспективи подальшої роботи над проектом.
Зокрема, для досягнення мети дослідження будуть використані наступні
методи: аналіз наукової літератури, спостереження за роботою аналогічних
існуючих систем, проведення експериментів з розробкою власної
інформаційної системи та тестуванням її роботи.
Також, у процесі написання кваліфікаційної роботи бакалавра будуть
використані інші методи дослідження, такі як аналіз статистичних даних,
опитування користувачів тощо.
Щоб побудувати ефективну та конкурентоспроможну інформаційну
систему для поліграфічного підприємства, було необхідно ретельно
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 5
а
проаналізувати сучасні технології та підходи до розробки веб-сайтів. Для
цього було проведено огляд літератури та ресурсів Інтернету з даної тематики.
Дослідження показало, що в сучасних умовах найбільш поширеним
способом розробки веб-сайтів є використання конструкторів сайтів, таких як
Wix, Weebly, Squarespace, WordPress тощо. Використання таких платформ
дозволяє швидко та ефективно створювати веб-сайти, що добре
пристосовуються до різних пристроїв, мають високий рівень безпеки та
функціональності.
Отже, на основі проведеного аналізу, для розробки інформаційної
системи поліграфічного підприємства було обрано конструктор сайтів Wix.
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 6
а
1 СУЧАСНІ ТЕХНОЛОГІЇ РОЗРОБКИ
Сучасний веб-розвиток залежить від технологій, які використовуються
для створення та розгортання веб-сайтів. В цьому розділі будуть описані
технології, які дозволяють розробникам створювати веб-сайти з високою
продуктивністю та ефективністю.
1) HTML, CSS та JavaScript
HTML є основою створення веб-сторінок. Цей мову використовується
для створення структури веб-сторінки, додавання тексту, зображень, таблиць
та інших елементів. CSS використовується для оформлення веб-сторінок. Це
означає, що ви можете визначити, які кольори, розміри, шрифти та інші
атрибути має мати кожен елемент на сторінці. JavaScript використовується для
створення динамічних веб-сторінок, які можуть реагувати на взаємодію
користувача, змінювати стан сторінки та взаємодіяти з веб-сервером.[1]
2) Розробка на стороні клієнта та на стороні сервера
Одна з найбільш популярних технологій для розробки на стороні клієнта
є AngularJS. Це фреймворк JavaScript, який дозволяє розробникам створювати
багатофункціональні веб-додатки з динамічним вмістом та взаємодією з
користувачем. ReactJS є ще одним популярним фреймворком для розробки на
стороні клієнта. Цей фреймворк забезпечує швидку та ефективну розробку
веб-додатків, які можуть працювати на різних платформах та пристроях.
У розробці на стороні сервера популярними є фреймворки Node.js та
Ruby on Rails. Node.js дозволяє розробникам створювати веб-додатки на мові
JavaScript, що дозволяє розробникам використовувати одну мову для розробки
як на стороні клієнта, так і на стороні сервера. Ruby on Rails є фреймворком
для розробки веб-додатків на мові Ruby, який забезпечує високу
продуктивність та швидкість розробки.[1]
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 7
а
3) Бази даних та їх розгортання
Для зберігання та організації даних на веб-сайті використовуються бази
даних. MySQL є однією з найбільш популярних відкритих реляційних баз
даних. MongoDB є нереляційною базою даних, яка використовує документи
замість таблиць для зберігання даних.
4) Хмарні технології
Хмарні технології, такі як Amazon Web Services, Microsoft Azure та
Google Cloud Platform, надають можливість розгортання та масштабування
веб-додатків у хмарі. Це забезпечує високу доступність та продуктивність веб-
сайту.
5) Responsive та Adaptive Web Design
Responsive та Adaptive Web Design - це техніки дизайну веб-сторінок, які
дозволяють сайту підлаштовуватися під різні розміри екранів пристроїв. Це
дозволяє забезпечити користувачам комфортний та зручний досвід
використання веб-сайту на будь-яких пристроях.[1]
1.1 Види сайтів
Залежно від призначення, веб-сайти можна розділити на кілька
типі:[2]
 Корпоративні сайти
Корпоративні сайти використовуються для презентації бізнесу та його
послуг. Основна мета такого сайту полягає в тому, щоб користувачі могли
знайти інформацію про компанію, її послуги та контакти. Корпоративний сайт
може також містити блог, новини та інші матеріали.
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 8
а
 Інтернет-магазини
Інтернет-магазини дозволяють продавати товари та послуги в Інтернеті.
Такий сайт містить каталог товарів, корзину покупок та оплату онлайн. Для
створення інтернет-магазину використовуються спеціальні платформи, які
дозволяють забезпечити безпеку операцій та взаємодію з клієнтами.
 Сайти-візитки
Сайти-візитки використовуються для презентації фізичних або
юридичних осіб. Вони містять інформацію про людину або компанію, її
послуги та контакти. Сайт-візитка може також містити портфоліо, блог та інші
матеріали.
 Сайти-портали
Сайти-портали є складними веб-сайтами, які містять багато розділів та
функцій. Наприклад, на порталі можуть бути новини, блоги, форуми,
соціальні мережі та інші сервіси. Цей тип сайту використовується для
залучення великої аудиторії та забезпечення її взаємодії.
 Сайти змісту
Сайти змісту створюються з метою надання користувачам
високоякісного контенту, такого як новини, статті, відео та інше. Ці сайти
можуть бути спеціалізованими на певній тематиці, наприклад, новинах,
спорті, моді, кулінарії, науці тощо. Сайти змісту можуть бути як
безкоштовними, так і платними, залежно від моделі бізнесу, яку обрав власник
сайту.
Одним з важливих факторів успіху сайту змісту є якість та унікальність
контенту. Власники таких сайтів повинні забезпечувати постійне оновлення та
підтримку контенту, щоб залучити та зберегти аудиторію. Для забезпечення
високої якості та ефективності веб-сайту змісту використовуються спеціальні
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 9
а
системи управління контентом (Content Management System, CMS), такі як
WordPress, Drupal, Joomla та інші.
 Портфоліо
Сайти-портфоліо - це сайти, які використовуються для показування
робіт або проектів, створених людьми, які працюють в галузі дизайну,
фотографії, веб-розробки тощо. Вони часто містять галереї зображень, описи
робіт та контактну інформацію.
 Системи бронювання.
Такі сайти дозволяють користувачам знайти та забронювати
різноманітні послуги, такі як готелі, квартири, автомобілі та інші. Крім того,
вони надають можливість користувачам шукати та порівнювати різні варіанти,
замовляти та оплачувати послуги онлайн. Завдяки розвитку технологій, такі
системи стали дуже зручним та швидким способом забронювати будь-яку
послугу, що дозволяє користувачам економити свій час та гроші. Деякі
системи бронювання надають можливість зберігати раніше зроблені
бронювання та переглядати їх інформацію в будь-який час, що забезпечує
зручність та надійність для користувачів. Серед найбільш відомих систем
бронювання можна виділити такі як Booking.com, Airbnb та Expedia.
1.2 Засоби розробки
Засоби розробки веб-сайтів є надзвичайно важливим елементом у
процесі створення якісних та ефективних веб-сайтів. Відправною точкою
розробки є HTML та CSS, які відповідають за структуру та зовнішній вигляд
веб-сторінок. За допомогою JavaScript розробники можуть додати взаємодію
до веб-сайту, створити динамічні веб-сторінки та функціональність, яка
забезпечує інтерактивність веб-сайтів.
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 10
а
Навколо HTML, CSS та JavaScript побудовано безліч бібліотек та
фреймворків, що допомагають розробникам створювати веб-сайти швидше та
ефективніше. Наприклад, React, Vue.js та Angular є дуже популярними
фреймворками, які допомагають розробникам створювати якісні та ефективні
веб-сторінки.
CMS або системи управління вмістом - це ще один важливий засіб
розробки веб-сайтів. Вони дозволяють веб-розробникам створювати та
керувати веб-сайтами без необхідності писати власний код. Деякі з
найпопулярніших CMS включають WordPress, Drupal та Joomla.
Інтегровані середовища розробки (IDE) є дуже корисними засобами для
веб-розробників, які дозволяють розробляти, тестувати та налагоджувати веб-
сайти в зручному та ефективному середовищі. Веб-розробники можуть
використовувати такі популярні IDE, як Visual Studio Code, Atom та Sublime
Text для своєї роботи.
Також, у сучасному світі з'явилися нові засоби розробки, які дозволяють
створювати веб-сайти швидше та ефективніше.
Static Site Generators: SSG - це інструменти, які генерують статичний
HTML-код з шаблонів та даних. Вони зазвичай використовуються для
розробки сайтів з великою кількістю статичного контенту, таких як блоги та
сайти змісту. Деякі з найпопулярніших SSG включають Jekyll, Hugo та Gatsby.
API-First CMS: API-First CMS - це системи управління вмістом, які
побудовані на базі API технологій. Вони дозволяють розробникам створювати
зміст та використовувати його на будь-яких платформах та пристроях. Деякі з
найпопулярніших API-First CMS включають Contentful, Strapi та Sanity.
Headless CMS: Headless CMS - це системи управління вмістом, які
надають розробникам API для доступу до змісту, але не мають вбудованого
фронтенду. Це дає більшу свободу в розробці фронтенду та дозволяє
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 11
а
створювати веб-сайти та додатки на будь-яких платформах. Деякі з
найпопулярніших Headless CMS включають Strapi, Prismic та Contentful.
1.3 Налаштування засобів розробки
Для ефективної розробки веб-сайтів необхідно мати належні засоби
розробки та налаштувати їх для роботи над конкретним проектом. При цьому
важливо враховувати такі аспекти, як система контролю версій, навички
відлагодження коду, налаштування середовища розробки, зручність та
ефективність використання засобів, а також продуктивність та швидкість веб-
сайту.
1. Налаштування системи контролю версій
Для того, щоб ефективно зберігати та керувати версіями коду веб-сайту,
необхідно використовувати систему контролю версій (VCS), наприклад, Git.
Використання VCS дозволяє розробникам зберігати та керувати версіями
коду, що є необхідною умовою ефективної командної розробки та зберігання
історії змін. Для успішної роботи з VCS необхідно ознайомитися з основними
командами Git, такими як git add, git commit, git pull, git push, git merge та інші.
Крім того, важливо налаштувати доступ до репозиторію на віддаленому
сервері, наприклад, на GitHub або GitLab, для забезпечення безпеки зберігання
та зручного доступу до проекту в будь-який момент часу.
Застосування VCS та правильна його настройка є ключовими аспектами
для успішної та ефективної розробки веб-сайтів. Використання VCS дозволяє
розробникам бути впевненими в тому, що код завжди зберігається та
захищений від втрати чи пошкодження. Крім того, завдяки історії змін можна
відстежувати всі зміни, які були внесені до проекту, і в будь-який момент
повернутися до попередніх версій.
Також варто зазначити, що належна настройка VCS є важливою для
командної роботи. Кожен розробник може працювати з окремою гілкою та
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 12
а
злити свої зміни з головною гілкою після їх перевірки. Це забезпечує
ефективну роботу команди та уникнення конфліктів.
2. Навички відлагодження коду та налаштування середовища
розробки
Відлагодження коду є невід'ємною частиною розробки веб-сайтів. Це
важливий процес, що дозволяє виявляти та виправляти помилки в коді, що
може значно зекономити час і зусилля. Для ефективного відлагодження
необхідно знати різноманітні засоби, які надає редактор коду, такі як
відлагоджувальники, логери, консоль розробника та інші. Крім того, важливо
правильно налаштувати середовище розробки для роботи з конкретним
проектом.
При налаштуванні середовища розробки необхідно враховувати різні
фактори, такі як мова програмування, фреймворки, бібліотеки та засоби, які
будуть використовуватися під час розробки. Наприклад, для розробки веб-
сайтів на PHP можна використовувати середовище розробки XAMPP або
WAMP, яке включає в себе Apache, MySQL та PHP. Для розробки веб-сайтів
на JavaScript можна використовувати середовище Node.js та пакетний
менеджер npm для управління залежностями проекту.
Крім того, під час налаштування середовища розробки необхідно
встановлювати різноманітні плагіни, розширення та налаштовувати
конфігураційні файли. Це дозволить розробникам працювати зручно та
ефективно, скорочуючи час розробки та збільшуючи якість коду.
Загалом, вивчення засобів відлагодження та належна настройка
середовища розробки є важливими аспектами розробки веб-сайтів, які
допоможуть розробникам зберегти час та підвищити якість своєї роботи.
3. Використання зручних та ефективних засобів
Успішна розробка веб-сайту залежить від використання зручних та
ефективних засобів. Наявність правильних інструментів для роботи з HTML,
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 13
а
CSS та JavaScript дозволяє розробникам працювати швидко та забезпечує
якість коду. Наприклад, для редагування HTML та CSS варто використовувати
редактори коду, такі як Sublime Text, Visual Studio Code, Atom тощо. Ці
інструменти забезпечують розробникам можливість швидко створювати та
змінювати код, підсвічують синтаксис та надають інші корисні функції.
Для роботи з JavaScript можна використовувати фреймворки та
бібліотеки, такі як React, Angular, Vue.js тощо. Ці інструменти дозволяють
розробникам ефективно створювати складні функції та додавати динаміку на
сторінки веб-сайту. Крім того, фреймворки та бібліотеки забезпечують багато
готових рішень, що зменшує час на розробку та дозволяє економити ресурси.
Для роботи з CSS можна використовувати препроцесори, такі як Sass,
Less, Stylus, що спрощують написання коду та збільшують його читабельність.
Ці інструменти дозволяють використовувати змінні, функції та інші корисні
функції, що забезпечують простоту та швидкість написання коду. Крім того,
використання препроцесорів забезпечує більшу стабільність та зручність
розробки, оскільки зменшує кількість можливих помилок та спрощує процес
тестування.
4. Продуктивність та швидкість веб-сайту
Для забезпечення ефективної роботи веб-сайту, потрібно
вдосконалювати його продуктивність та швидкість завантаження. Повільна
швидкість завантаження сторінок може негативно вплинути на
користувацький досвід та SEO-оптимізацію. Існує кілька методів, які можна
використовувати для досягнення оптимальної швидкості веб-сайту.
Одним з таких методів є оптимізація зображень. Це може включати
видалення зайвих даних, зменшення розміру зображень та використання
форматів, що забезпечують кращу стисненість. Крім того, можна
використовувати кешування ресурсів, що дозволяє зберігати дані на стороні
клієнта та зменшує час завантаження сторінок.
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 14
а
Іншим методом є мініфікація та злиття файлів. Це дозволяє зменшити
розмір файлів шляхом видалення пробілів, коментарів та злиття декількох
файлів у один. Використання CDN також може покращити швидкість
завантаження веб-сайту. Це дозволяє збільшити швидкість завантаження
ресурсів за рахунок розміщення їх на серверах, що знаходяться ближче до
користувачів.
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 15
а
2 ОГЛЯД АНАЛОГІВ
Огляд аналогів є важливою частиною будь-якої дослідницької або
проектної роботи, включаючи інформаційну систему поліграфічного
підприємства. Цей процес дозволяє визначити наявні на ринку інструменти,
що надають подібні функціональні можливості та порівняти їх з
розроблюваною системою, забезпечуючи правильний вибір та максимальну
ефективність роботи підприємства.
Під час огляду аналогів потрібно визначити критерії, за якими будуть
порівнюватися існуючі системи, такі як функціональність, надійність,
швидкодія, вартість та інші параметри. Для кожного критерію варто визначити
максимально допустиме значення, яке має мати розроблювана система.
Наступним кроком є зібрання інформації про існуючі системи за
допомогою пошукових систем, фахових джерел та інших джерел інформації.
Варто мати на увазі, що інформація може бути застарілою або не точною, тому
потрібно перевіряти її на достовірність.
Далі необхідно проаналізувати інформацію та порівняти існуючі
системи з розроблюваною. Це дозволяє визначити переваги та недоліки
кожної системи, а також виявити їх відповідність заданим критеріям. Загальна
мета огляду аналогів полягає в тому, щоб вибрати оптимальний варіант, який
найкраще відповідає потребам підприємства, забезпечуючи його ефективність,
конкурентноздатність та прибутковість.
Огляд аналогів зазвичай проводиться на етапі вибору інформаційної
системи для певної мети або задачі. Аналоги можуть бути як комерційні, так і
безкоштовні, з відкритим вихідним кодом або закритим.
Серед популярних аналогів інформаційної системи для поліграфічного
підприємства можна виділити такі системи, як "PrintVis", "EFI Monarch" та
"Heidelberg Prinect". Кожна з цих систем має свої переваги та недоліки, але
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 16
а
загалом надають схожі функціональні можливості для автоматизації та
оптимізації роботи поліграфічного підприємства.
Огляд аналогів допомагає визначити переваги та недоліки кожної
системи, порівняти їх та вибрати ту, яка найкраще відповідає потребам
організації. Важливо враховувати розмір компанії, її потреби та бюджет, щоб
зробити правильний вибір.
Важливою складовою огляду аналогів є також аналіз трендів та
інновацій в галузі. Вимоги до інформаційних систем змінюються з часом,
тому потрібно враховувати актуальні тенденції та новинки на ринку. Це
дозволяє забезпечити конкурентоздатність та зберегти лідерство на ринку.
Також важливим етапом огляду аналогів є відвідування виробничих
підприємств, що вже використовують аналогічні інформаційні системи. Це дає
можливість отримати практичний досвід використання системи, оцінити її
реальну ефективність та надійність. Також можна отримати поради та
рекомендації щодо впровадження та підтримки системи в роботі
підприємства.
Отже, огляд аналогів є важливим етапом в розробці будь-якої
інформаційної системи для підприємства. Він дозволяє визначити найкращий
варіант для задоволення потреб підприємства та забезпечення його ефективної
та прибуткової роботи. Огляд аналогів вимагає відповідального та детального
підходу, але результати його проведення значно полегшують процес розробки
та впровадження інформаційної системи.
2.1 Огляд аналогів веб-сайтів поліграфічних підприємств
У сучасному світі практично кожна компанія має власний веб-сайт, який
відображає діяльність організації, надає інформацію про послуги та товари, а
також дозволяє замовляти їх в режимі онлайн. Не є винятком і поліграфічні
підприємства, які надають різноманітні послуги в галузі друку та реклами.
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 17
а
Огляд аналогів веб-сайтів поліграфічних підприємств показав, що
більшість таких сайтів мають схожі функціональні можливості та
складаються з наступних розділів:
1. Головна сторінка, яка містить вітальний текст, основні контакти,
пропозиції та акції компанії.
2. Про нас, де розповідається про історію створення компанії, її місію та
цінності, склад колективу та досягнення.
3. Послуги, де детально описуються всі доступні послуги компанії та їх
характеристики.
4. Каталог продукції, який містить фотографії та опис товарів, ціни та
можливості замовлення.
5. Портфоліо, де демонструються роботи компанії та їх якість.
6. Блог або новини, де публікуються новини компанії, цікаві статті з
галузі, поради та рекомендації.
7. Контакти, де можна знайти всі доступні контакти компанії, зв'язатися
з ними та надіслати запит.
Деякі сайти поліграфічних підприємств також мають можливість
онлайн-замовлення, розрахунок вартості та зручний кабінет клієнта, який
дозволяє зберігати історію замовлень та переглядати статус поточних
проектів.
Деякі приклади веб-сайтів поліграфічних підприємств:
Print-Service (рисунок 2.1) – веб-сайт компанії, яка надає послуги з
друку та реклами. На головній сторінці можна знайти акції та новини
компанії, каталог продукції та зручний калькулятор вартості замовлення.
Також на сайті є блог, портфоліо та контактна інформація.
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 18
а
Режим доступу до сайту: https://print-service.ua/
Рисунок 2.1 – Головна сторінка ПринтСервіс
PrintInUA – веб-сайт, який спеціалізується на друці на пластикових
картках та інших матеріалах. На сайті можна знайти інформацію про
компанію, послуги, ціни та контакти. Також є можливість замовлення та
розрахунку вартості онлайн.
Режим доступу до сайту: https://print.in.ua/
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 19
а
Рисунок 2.3 – Головна сторінка ПрінтІнЮА
Divoreklama – веб-сайт компанії, яка надає повний спектр послуг з
друку та реклами. На сайті можна знайти інформацію про компанію, послуги
та портфоліо. Також є можливість замовлення та розрахунку вартості онлайн.
Режим доступу до сайту: https://divo-reklama.com.ua/ua/
Рисунок 2.4 – Головна сторінка
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 20
а
2.2 Аналіз та порівняння функціоналу та інтерфейсу
У цьому розділі будуть проаналізовані та порівняні такі сайти:
1. https://divo-reklama.com.ua/ua/
2. http://print.in.ua/
3. https://print-service.ua/
Дизайн та інтерфейс
Сайт https://divo-reklama.com.ua/ua/ має доволі застарілий дизайн та не
дуже зручний інтерфейс. На головній сторінці можна побачити лише основні
категорії товарів та послуг, але немає можливості переглянути повний каталог
або відразу замовити товар чи послугу. Навігаційне меню знаходиться в
верхній частині сайту, але не дуже зручне та неінтуїтивне. В цілому, сайт
виглядає застарілим та може не задовольняти потребам сучасного
користувача.
Сайт http://print.in.ua/ має більш сучасний дизайн та більш зручний
інтерфейс, ніж попередній сайт. Головна сторінка містить основні категорії
товарів та послуг, а також пропозиції та акції. Навігаційне меню знаходиться в
верхній частині сайту та містить основні категорії товарів та послуг, а також
додаткові посилання на інші розділи сайту. Також є можливість переглянути
повний каталог товарів та послуг, або замовити їх відразу з головної сторінки.
Загалом, сайт виглядає досить сучасним та зручним для користування.
Сайт https://print-service.ua/ має дуже сучасний та чистий дизайн, що
робить його дуже зручним для користування. Головна сторінка містить
основні категорії товарів та послуг, а також пропозиції та акції. Навігаційне
меню знаходиться в верхній частині сайту та містить основні категорії товарів
та послуг, що дозволяє легко та швидко знайти потрібний розділ.
Крім того, на сайті https://print-service.ua/ є можливість замовлення
послуг онлайн, що є дуже зручним для клієнтів. Кожен товар чітко описаний
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 21
а
та має фотографію, що дозволяє користувачам оцінити товар до його
замовлення. Також на сайті є можливість скористатись розрахунком вартості
замовлення та замовити зворотний дзвінок для отримання консультації.
У порівнянні з іншими сайтами, https://print-service.ua/ має більш
розгорнутий каталог продукції, який містить широкий вибір товарів та послуг
для друку. Всі товари розміщені у зручних категоріях та підкатегоріях, що
дозволяє швидко знайти потрібний товар.
Також слід зазначити, що сайт https://print-service.ua/ має швидку та
зручну систему оформлення замовлення, що зменшує час очікування та
спрощує процес замовлення для клієнтів.
Узагалі, можна зробити висновок, що сайт https://print-service.ua/ має
багато переваг порівняно з іншими сайтами, які були проаналізовані в цьому
розділі. Він має чистий та сучасний дизайн, зручну навігацію, широкий вибір
продукції, зручну систему оформлення замовлення та багато іншого. Такі
переваги дозволяють сайту зберігати свою конкурентоспроможність та
забезпечувати задоволення потреб клієнтів.
У порівнянні з https://divo-reklama.com.ua/ua/, інтерфейс та функціонал
на сайті https://print.in.ua/ та https://print-service.ua/ більш розвинені та
забезпечують більше можливостей для користувачів. На обох сайтах є
можливість замовлення продукції з вказанням розміру, кольору та інших
параметрів, а також є калькулятор вартості замовлення.
У порівнянні між https://print.in.ua/ та https://print-service.ua/, можна
зазначити, що на першому сайті можливо замовити більш широкий
асортимент продукції, включаючи наочні матеріали, промо-сувеніри та інші
нестандартні замовлення. Однак, на другому сайті є більш детальний каталог
продукції та можливість замовлення послуг дизайну та монтажу.
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 22
а
Загалом, у всіх трьох вищезгаданих сайтах є позитивні та негативні
сторони, проте кожен з них пропонує достатньо функціоналу та забезпечує
можливість замовлення якісної рекламної продукції та послуг.
2.3 Аналіз та порівняння функціоналу та інтерфейсу розглянутих
веб-сайтів
У процесі аналізу та порівняння функціоналу та інтерфейсу трьох веб-
сайтів, зокрема https://divo-reklama.com.ua/ua/, http://print.in.ua/ та https://print-
service.ua/, було виявлено ряд переваг та недоліків кожного сайту.
Почнемо з https://divo-reklama.com.ua/ua/. Серед переваг можна
відзначити розгорнутий каталог продукції та послуг, що дає можливість
користувачам знайти те, що їм потрібно. Також на сайті присутній великий
вибір способів оплати, що робить його зручним для використання.
Додатковою перевагою є наявність розділів, таких як блог та портфоліо, які
можуть бути корисними для користувачів. Незважаючи на це, на сайті
присутній застарілий дизайн та інтерфейс, що може вплинути на користування
сайтом. Також на сайті відсутня інформація про контакти та графік роботи.
Щодо http://print.in.ua/, можна відзначити сучасний та простий дизайн,
що робить його привабливим для користувачів. На сайті присутній онлайн-
дизайнер та інші корисні програмні засоби, що дозволяють користувачам
створювати власний дизайн. Додатковою перевагою є наявність розділів,
таких як портфоліо та блог, які можуть стати корисними для користувачів.
Проте сайт має обмежений каталог продукції, що може обмежувати вибір
користувачів. Також на сайті відсутня детальна інформація про компанію.
Крім того, для визначення переваг та недоліків кожного сайту також
були враховані інші фактори, такі як швидкість завантаження сторінок,
наявність мобільної версії, зручність навігації та пошуку продукції, а також
наявність інформації про компанію та контактні дані.
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 23
а
Наприклад, сайт https://divo-reklama.com.ua/ua/ має великий каталог
продукції та послуг, а також різні способи оплати, що може бути зручним для
клієнтів. Однак, на сайті відсутня інформація про контакти та графік роботи,
що може стати проблемою для користувачів, які хочуть зв'язатися з
компанією.
Сайт http://print.in.ua/ має досить модерний та простий дизайн, а також
доступність корисного програмного забезпечення, такого як онлайн-дизайнер.
Однак, на сайті обмежений каталог продукції та відсутня детальна інформація
про компанію.
Нарешті, сайт https://print-service.ua/ має дуже сучасний та чистий
дизайн, що робить його дуже зручним для користування. Головна сторінка
містить основні категорії товарів та послуг, а також пропозиції та акції.
Навігаційне меню знаходиться в верхній частині сайту та містить основні
категорії товарів. Однак, на сайті відсутні додаткові розділи, такі як блог та
портфоліо, що може бути недоліком для деяких користувачів.
2.4 Висновки до розділу
Під час огляду та порівняння трьох веб-сайтів, https://divo-
reklama.com.ua/ua/, http://print.in.ua/ та https://print-service.ua/, було виявлено,
що кожен з них має свої переваги та недоліки. Однак, залежно від потреб та
вимог користувача, можливо знайти оптимальний варіант для замовлення
друкованої продукції.
Перший сайт, https://divo-reklama.com.ua/ua/, пропонує розгорнутий
каталог продукції та послуг, великий вибір способів оплати та додаткові
розділи, такі як блог та портфоліо. Однак, застарілий дизайн та інтерфейс, а
також відсутність інформації про контакти та графік роботи можуть
відлякувати користувачів. Цей сайт, хоч і має багато додаткових ресурсів, має
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 24
а
потенціал для покращення та оновлення свого дизайну та інтерфейсу для
привабливості користувачів.
Другий сайт, http://print.in.ua/, відрізняється сучасним та простим
дизайном, наявністю онлайн-дизайнера та іншого програмного забезпечення, а
також додатковими розділами, такими як портфоліо та блог. Однак,
обмежений каталог продукції та відсутність детальної інформації про
компанію можуть стати недоліками. За цим сайтом можна спостерігати
стеження за тенденціями у сфері дизайну та програмування, що робить його
конкурентоспроможним.
Третій сайт, https://print-service.ua/, має дуже сучасний та чистий дизайн,
розгорнутий каталог продукції та послуг, наявність акцій та пропозицій.
Однак, відсутність додаткових розділів, таких як блог та портфоліо, та
обмежена інформація про компанію можуть бути недоліками цього сайту.
Перевагою сайту https://print-service.ua/ є його дизайн та зручний
інтерфейс. Чистий та сучасний дизайн дозволяє користувачам легко
зорієнтуватись на сайті та швидко знайти необхідну інформацію. Розгорнутий
каталог продукції та послуг також допомагає користувачам знайти те, що їм
потрібно.
На сайті також є можливість використовувати акції та пропозиції, що
може знизити вартість замовлення та зробити його більш доступним для
користувачів. Однак, відсутність додаткових розділів, таких як блог та
портфоліо, може бути недоліком для тих, хто хоче дізнатись більше про
компанію та її послуги.
Також важливо відзначити, що інформація про компанію на сайті
обмежена. Хоча на сайті є сторінка "Про нас", вона містить мінімальну
інформацію про компанію та її історію. Це може не задовольнити
користувачів, які бажають знати більше про компанію, її цінності та підхід до
роботи.
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 25
а
Отже, при виборі веб-сайту для замовлення послуг друкованої
продукції, варто враховувати, що кожен сайт має свої переваги та недоліки.
Найкращим варіантом може бути сайт, який пропонує потрібну продукцію та
функціонал, має зручний та сучасний дизайн, а також додаткові ресурси, що
можуть бути корисними для користувачів, такі як блог або портфоліо.
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 26
а
3 ОБГРУНТУВАННЯ ВИБОРУ ЗАСОБІВ РОЗРОБКИ
ІНФОРМАЦІЙНОЇ СИСТЕМИ
Обґрунтування вибору інформаційної системи є ключовим етапом в
будь-якому проекті, який передбачає створення веб-сайту. Серед різних
конструкторів, що дозволяють швидко та легко створювати веб-сторінки,
особливе місце займає конструктор Wix. У цьому розділі буде розглянуто,
чому саме Wix був вибраний для створення веб-сайту, які переваги та
можливості він має.
Основна перевага конструктора Wix полягає у його простоті та
зручності в користуванні. На відміну від інших конструкторів, Wix має дуже
інтуїтивно зрозумілий інтерфейс, що дозволяє легко та швидко створювати
професійні веб-сторінки. Крім того, в Wix є велика кількість шаблонів, що
можна використовувати для створення сайту. Це дозволяє значно заощадити
час, який потрібен для дизайну та розробки сайту, та зосередитися на
заповненні контентом та просуванні.
Іншою перевагою Wix є можливість налаштування сайту під різні
потреби та завдання. За допомогою спеціального конструктора, користувач
може створити не тільки звичайний сайт, а й онлайн-магазин, блог,
фотогалерею та багато іншого. Крім того, Wix має велику кількість
різноманітних інструментів, що дозволяють додавати різні функції на сайт:
форми зворотного зв'язку, калькулятори вартості послуг, онлайн-чати та інші.
Також варто зазначити, що Wix надає користувачам можливість
створювати мобільні версії сайту. Це дуже важливо в сучасному світі,
оскільки все більше людей користуються мобільними пристроями для
перегляду веб-сайтів. Інтерфейс мобільної версії Wix адаптований до різних
розмірів екрану, тому користувачі зможуть зручно переглядати ваш сайт як на
маленьких, так і на великих екранах.
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 27
а
Розглянемо конструктор Wix зі сторони масштабованості. За допомогою
цієї платформи можна створити сайти різної складності: від простих лендінгів
до складних інтернет-магазинів. Це дає можливість зробити сайт, який
відповідатиме всім потребам бізнесу. Крім того, Wix пропонує широкий вибір
дизайнів та шаблонів, що робить його доступним для різних галузей бізнесу.
Ще однією важливою перевагою Wix є його простота використання.
Платформа пропонує інтуїтивно зрозумілий інтерфейс та дружній
користувацький досвід. Навіть ті, хто не має досвіду у створенні сайтів,
зможуть з легкістю створити власний сайт на платформі Wix.
Wix пропонує велику кількість інструментів та функцій для покращення
SEO сайту. Зокрема, платформа дає можливість налаштовувати метатеги,
використовувати ключові слова, покращувати швидкість завантаження
сторінок та інше. Це допоможе підняти сайт у пошукових результатах і
залучити більше відвідувачів. Також він має ряд інших функцій, таких як
інтеграція з соціальними мережами, можливість додавати онлайн-форми,
калькулятори, галереї та інші інструменти для роботи з відвідувачами сайту.
Отже, конструктор Wix є ідеальним вибором для тих, хто хоче створити
власний сайт без зайвих витрат часу та коштів. З його допомогою можна
швидко та просто створити візитівку бізнесу, лендінг або інтернет -магазин.
Важливо також зазначити, що Wix пропонує широкі можливості для
кастомізації сайту, що дозволяє створити унікальний дизайн та функціонал,
який відповідає потребам конкретного бізнесу.
Узагалі, вибір інформаційної системи для створення власного сайту є
важливим етапом для кожного бізнесу. З одного боку, потрібно враховувати
вимоги та потреби бізнесу, а з іншого - обрати найбільш оптимальний варіант
за ціною та якістю. У випадку з Wix, цей конструктор є ідеальним вибором
для тих, хто хоче швидко та просто створити свій власний сайт з можливістю
розширення та кастомізації.
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 28
а
4 РОЗРОБКА ІНФОРМАЦІЙНОЇ СИСТЕМИ
4.1 Завдання та мета веб-сайту
Завдання та мета веб-сайту є критичними елементами в процесі
проектування та розробки інформаційної системи для поліграфічного
підприємства. У цьому розділі ми розглянемо основні завдання, які стоять
перед веб-сайтом, а також чітко сформулюємо його загальну мету.
Завдання веб-сайту:
Надання інформації про поліграфічне підприємство: Основне завдання
веб-сайту полягає в тому, щоб стати центральним джерелом інформації про
підприємство. Відвідувачі повинні мати можливість ознайомитися з профілем
підприємства, його історією, командою, технологічними можливостями та
партнерами. Важливо, щоб веб-сайт містив актуальну та зрозумілу
інформацію, яка задовольняє потреби відвідувачів.
Презентація послуг та продукції: Веб-сайт повинен ефективно
відображати широкий спектр послуг та продукції, що надаються
поліграфічним підприємством. Важливо представити детальну інформацію
про кожну послугу, її особливості, переваги та вартість. Це допоможе
відвідувачам зробити обґрунтовані рішення та зрозуміти, як підприємство
може задовольнити їхні потреби.
Забезпечення зручності користувачів: Веб-сайт повинен бути зручним і
простим у використанні для різних категорій користувачів. Це означає, що
навігація має бути інтуїтивно зрозумілою, а інформація повинна бути легко
доступною. Відвідувачі повинні мати змогу знайти потрібну інформацію
швидко і без зусиль, здійснювати замовлення чи зв'язуватися з
представниками підприємства.
Мета веб-сайту:
Підвищення впізнаваності та репутації підприємства: Основною метою
веб-сайту є створення сильного бренду та позитивне представлення
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 29
а
поліграфічного підприємства в онлайн-середовищі. Шляхом візуально
привабливого дизайну, вмісту високої якості та підкресленням унікальних
характеристик підприємства, веб-сайт має сприяти підвищенню впізнаваності
та позитивній сприйняттю підприємства клієнтами та партнерами.
Залучення нових клієнтів та збільшення обсягів продажів: Веб-сайт є
важливим інструментом просування послуг та продукції підприємства.
Основна мета полягає в тому, щоб привернути увагу потенційних клієнтів і
переконати їх у перевагах співпраці з підприємством. Веб-сайт має
створювати позитивний імідж та стимулювати замовлення послуг, що в
результаті призведе до збільшення обсягів продажів.
Забезпечення зручності та задоволеності клієнтів: Веб-сайт повинен
надати зручність клієнтам у взаємодії з поліграфічним підприємством. Це
охоплює можливість замовлення послуг чи продукції онлайн, швидкий доступ
до інформації та можливість отримати консультацію або підтримку від
представників підприємства. Задоволеність клієнтів та надання їм зручностей
на веб-сайті сприятимуть побудові позитивних взаємин та повторним
замовленням послуг.
Таким чином, завданням веб-сайту інформаційної системи
поліграфічного підприємства є надання інформації, презентація послуг та
продукції, а також забезпечення зручності користувачів. Основною метою веб-
сайту є підвищення впізнаваності та репутації підприємства, залучення нових
клієнтів та задоволення потреб і очікувань клієнтів.
4.2 Налаштування середовища розробки Wix
Для успішної реалізації інформаційної системи поліграфічного
підприємства на платформі Wix, важливо правильно налаштувати середовище
розробки, щоб забезпечити ефективну роботу та оптимальні умови для
розробки та тестування.
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 30
а
Першим кроком, обов’язково є реєстрація на платформі Wix. Для цього
треба перейти на сайт: https://uk.wix.com/ та натиснути на кнопку «увійти».
Зовнішній вигляд сайту Wix на рисунку 4.1.
Рисунок 4.1 – Головна сторінка сайту Wix
Проходимо невелику реєстрацію або авторизуємось за допомогою інших
платформ, таких як: Google, Apple та Facebook. Обов’язково треба прочитати
умови користування сервісом. Більш детально можна побачити на рис. 4.2.
Рисунок 4.2 – Авторизація на сайті
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 31
а
Другим кроком, є вибір шаблонів для нашого сайту. Після реєстрації
перед нами з’являються питання, відповівши на які платформа нам
порекомендує готові шаблони, які в майбутньому є можливим змінити під свої
наміри. Більш детально можна побачити на рисунку 4.3.
Рисунок 4.3 – Запропоновані варіанти шаблонів сайтом
Сайт створив нам власний кабінет, де вже сам по крокам розписав, що
треба робити для того, щоб сайт був доступний для пошуку. Більш детально
можна побачити на рис. 4.4.
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 32
а
Рисунок 4.4 – Власний кабінет
Третім кроком є налаштування макетів під запит компанії. Для цього
натискаємо на кнопку «налаштувати дизайн сайту». За кілька хвилин підбору,
він пропонує готові варіанти з підписами та малюнками. Для обирання макету,
що сподобався натискаємо на нього та кнопку «Далі». Детальніше на
рисунку 4.5 та рисунку 4.6.
Рисунок 4.5 – Варіанти головної сторінки
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 33
а
Рисунок 4.6 – Варіанти додаткових сторінок сторінки
Четвертим кроком, є налаштування функціональності. Тобто
налаштування функцій під потреби. Встановлення місцезнаходження та
додавання контактних номерів. Коли ми вперше заходимо до редагування
сайту, то Wix підказує, які інструменти можна використовувати. Гарно
проілюстровано це на рисунку 4.7.
Рисунок 4.7 – Інструменти для налаштування
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 34
а
Оскільки інструментів занадто багато та перевірити усі на одному сайті
може зайняти неймовірну кількість часу, тому було розглянуто один
інструмент, а саме «Сторінки й меню». Він гарно ілюструє структуру сайту та
додає можливість міняти сторінки місцями. При цьому людина, яка вперше
створює сайт не пише код самостійно, за нього це робить конструктор Wix
(рисунок 4.8).
Рисунок 4.8 – Інструмент «Сторінки сайту та меню»
Натискаючи правою кнопкою миші по місцю, де плануємо щось
змінити, з’являться віконечко вибору дій (рисунок 4.9), де ми маємо
різноманітний вибір дій.
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 35
а
Рисунок 4.9 – Вікно вибору дій
При натисканні двічі на текст, з’являться віконечко інструментів
пов’язаних з текстом (рисунок 4.10). Ці два інструменти є найголовнішими
при роботі з сайтом.
Рисунок 4.10 – Інструменти зміни тексту
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 36
а
Завдяки розмаїттю доступних інструментів, сайт може набути будь-
якого вигляду, який потрібен для проекту. Після виконання всіх необхідних
налаштувань, користувач може натиснути кнопку "Опублікувати" для того,
щоб зробити сайт доступним пошуковим системам. Це дозволяє швидко і
легко представити веб-проект у Інтернеті.
Крім того, на платформі Wix є можливість підключення власного
домену, що є зручним рішенням для користувача. Завдяки цій
функціональності не потрібно шукати сторонні сервіси для реєстрації
доменного імені і налаштування його для сайту. Цей процес є простим і
ефективним.
У разі виникнення питань або потреби у додатковій допомозі,
користувач може скористатися вспливаючою підказкою, яка розташована у
верхній частині сторінки. Це забезпечує зручну навігацію і надає корисні
вказівки для полегшення процесу налаштування.
Рисунок 4.11 – Підказка підключення власного домену
З метою досягнення ефективного позиціонування в пошукових
системах, на платформі сайт-конструктора доступна потужна функція
налаштування SEO. Ця функція допомагає оптимізувати ваш сайт для
пошукових систем і забезпечити йому більш високий рейтинг у пошукових
результатів.
Зручність процесу налаштування SEO забезпечується автоматизацією та
інтуїтивно зрозумілим інтерфейсом. Сайт-конструктор надає набір запитань,
які вам потрібно відповісти, щоб встановити відповідні параметри для вашого
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 37
а
сайту. Це включає ключові слова, метатеги, описи сторінок та інші фактори,
які впливають на видимість вашого сайту в пошукових системах.
Налаштування SEO важливо для забезпечення видимості вашого сайту в
пошукових системах і привертання більше відвідувачів. Це допомагає
підвищити рейтинг вашого сайту і залучити цільову аудиторію. Загальний
вигляд SEO-налаштувань можна побачити на рисунку 4.12, де представлений
інтерфейс, який дозволяє зручно встановлювати параметри для оптимізації
вашого сайту з метою досягнення кращих результатів у пошукових системах.
Рисунок 4.12 – Налаштування SEO
Не можливо не вказати і про те, що платформа пропонує інструменти і
для просування, а саме розширення для браузеру (рисунок 4.13).
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 38
а
Рисунок 4.13 – Розширення для браузера
Коли усі ключові слова введені, сайт знову дає покроковий план дій, що
до просування та відео, яке можна побачити у правій частині сайту.
Детальніше на рисунку 4.14.
Рисунок 4.14 – Покроковий план для просування
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 39
а
Після успішного налаштування середовища Wix та виконання всіх
необхідних конфігурацій, сайт готовий до завершальних кроків, які
допоможуть довести його налаштування до кінця. Один з важливих аспектів -
це підключення системи оплати та налаштування варіантів доставки. Це
особливо важливо для комерційних сайтів, де користувачі мають змогу
здійснювати покупки і отримувати товари або послуги без зайвих зусиль.
Останнім, що треба зробити, це провести тестування. Рекомендовано
перевірити візуальний вигляд сайту на різних пристроях та в різних веб-
браузерах. Це допоможе впевнитися, що дизайн та макет відображаються
належним чином і немає помилок або зміщень елементів. Користувацький
досвід грає важливу роль у впевненості і задоволеності відвідувачів, тому
забезпечення правильного відображення сайту на різних пристроях є
критичним етапом.
4.3 Розробка дизайну
Під час вибору естетики та кольорової схеми для сайту поліграфічного
підприємства, необхідно врахувати корпоративний стиль та образ компанії.
Основним завданням цього етапу є створення дизайну, який буде відповідати
цілям підприємства, привертати увагу відвідувачів та позитивно впливати на
їх перцепцію.
У процесі вибору естетики необхідно врахувати специфіку
поліграфічної галузі. Важливо підкреслити професійний характер діяльності
підприємства та передати естетику, що асоціюється з друкарською справою.
Однак, при цьому також необхідно дотримуватись сучасних тенденцій у веб-
дизайні, щоб сайт виглядав актуально та привабливо для цільової аудиторії.
При виборі естетики та кольорової схеми важливо також забезпечити їх
консистентність і відповідність іншим елементам бренду поліграфічного
підприємства, наприклад, логотипу, фірмовому стилю та іншим матеріалам.
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 40
а
Вибір естетики та кольорової схеми повинен бути підкріплений
мотивацією і дослідженням ринку. Таким чином, це є важливим етапом
розробки дизайну сайту для поліграфічного підприємства. Він повинен
враховувати специфіку галузі, передавати професійність та сучасні тенденції
веб-дизайну, а також відповідати корпоративному стилю і образу
підприємства.
Для фону сайту поліграфічного підприємства було обрано спокійні
кольори з метою створення приємної та професійної атмосфери для
відвідувачів. Спокійні кольори, такі як відтінки блакитного, сірого або
бежевого, викликають відчуття стабільності, довіри та професіоналізму. Це
особливо важливо для поліграфічного підприємства, яке має передати
відчуття якості та надійності своїх послуг.
Такий вибір кольорової палітри також сприяє зосередженості уваги на
основних контентових елементах сайту, наприклад, тексті та графічних
зображеннях. Відсутність яскравих кольорів на фоні дозволяє зменшити
візуальний шум і підкреслити важливість інформації, яка має бути передана
відвідувачам.
Однак, для малюнків та графічних елементів було обрано яскраві
кольори. Це дозволяє привернути увагу користувачів і створити враження
енергії та жвавості. Яскраві кольори можуть бути використані для виділення
основних послуг або акцентування унікальних особливостей поліграфічного
підприємства. Вони додають веселощі та позитивний настрій, що може бути
цікавим для відвідувачів і створювати позитивне сприйняття бренду.
Таке поєднання спокійних кольорів для фону та яскравих кольорів для
малюнків створює гармонійний баланс між професіоналізмом і
привабливістю. Воно відображає специфіку поліграфічного підприємства, яке
поєднує надійність та якість з творчим підходом до своєї роботи. Такий
дизайн допоможе привернути увагу відвідувачів та створити позитивне
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 41
а
враження про поліграфічне підприємство. Кольорову гаму сайту зображено на
рисунку 4.15.
Рисунок 4.15 – Кольорова гама сайту
4.3 Опис розробки
Розробка проекту починається зі створення верхнього блоку, який буде
містити головне меню сайту. Це меню буде відображатися на кожній сторінці
інформаційної системи і буде використовуватися для зручної навігації по
сайту. В ньому будуть прописані основні сторінки, такі як:
 «Головна сторінка»,
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 42
а
 «Замовлення»,
 «Контакти»,
 «Матеріали»,
 «Портфоліо».
Крім того, у верхньому блоку буде доданий логотип компанії, щоб
відображати бренд і створити єдиний стиль сайту. Зображення верхнього
блоку можна побачити на рисунку 4.16.
Рисунок 4.16 – Верхня частина сайту
Після цього перейдемо до створення головної сторінки. У верхній
частині цієї сторінки ми створимо банер з надписом, який включатиме назву
компанії та її лозунг. Це дозволить відразу привернути увагу відвідувачів і
встановити їх у правильну атмосферу, щоб ознайомитися з послугами та
продуктами, які пропонує наша компанія. Банер буде оформлений з
урахуванням візуального стилю і корпоративного дизайну, щоб створити
єдність з рештою сайту та підкреслити професійність та унікальність компанії.
Зображення банера можна побачити на рисунку 4.17.
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 43
а
Рисунок 4.17 – Банер сайту
Оскільки головна сторінка нашого сайту не обмежується лише верхнім
блоком, ми також додаємо центральний блок на сторінки, де розповідаємо про
нашу компанію та використовуємо зображення, щоб створити довіру та
сприяти більш відкритому сприйняттю.
Центральний блок сторінки має важливе значення, оскільки саме тут ми
можемо надати детальну інформацію про нашу компанію, її цінності, місію та
основні переваги. Ми використовуємо зручний та привабливий макет, щоб
зробити цю інформацію доступною та легко сприйнятою для відвідувачів.
Однак, щоб бути більш привабливими та залучити увагу користувачів,
ми також додаємо зображення. Ці зображення створюють візуальну
привабливість та сприяють створенню більш особистого зв'язку з
відвідувачами, допомагаючи їм бути більш відкритими до нашої компанії та її
пропозицій. Зображення банера можна побачити на рисунку 4.18.
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 44
а
Рисунок 4.18 – Центральний блок
Необхідно також звернути увагу на нижню частину нашого сайту,
відому як футер. Футер відіграє важливу роль, оскільки в ньому міститься
контактна інформація для зв'язку з нами. Наш футер має професійний дизайн
та розташовується внизу сторінки.
Він включає в себе мінімалістичний надпис контактної пошти, щоб
забезпечити єдність стилю з усім сайтом та не відволікати клієнтів від
основної інформації розташованої на сторінці. Зображення футера можна
переглянути на рисунку 4.19, яке надає ясне уявлення про його зовнішній
вигляд та компоненти.
Рисунок 4.19 – Футер сайту
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 45
а
Надалі розглядатимемо лише центральні частини наступних сторінок,
оскільки верхня та нижня частини сайту повторюються на кожній сторінці. Це
логічне рішення, яке дозволяє зосередитися на основному вмісті та
функціоналі сторінки, не повторюючи загальну навігацію та контактну
інформацію.
Концепція зосередження на центральних частинах сторінок сприяє
оптимізації простору та полегшує сприйняття інформації відвідувачами.
Кожна сторінка може мати свою унікальну центральну частину, яка відповідає
конкретному контенту, послугам або продуктам, що пропонуються на даній
сторінці.
Використання цього підходу дозволяє ефективно використовувати
простір сайту та надавати користувачам зміст, який вони очікують побачити
на конкретній сторінці, зберігаючи при цьому стабільну навігаційну структуру
та доступність інформації з верхньої та нижньої частин сайту.
Сторінка «Замовлення»
На сторінці «Замовлення» ми можемо ознайомитись з фото-зразками
продукції, яку компанія може виготовити. Кожне фото має підпис, який
пояснює, що саме це за продукт, і супроводжується кнопкою «Дізнатися
більше». При наведенні на кнопку, вона змінює свою насиченість кольору,
тобто стає трохи блідшою, та містить посилання на сторінку з матеріалами. З
цієї сторінки можна дізнатися докладнішу інформацію про матеріал, з якого
саме цей продукт виготовлений.
Додатково на сторінці «Замовлення» нижче розміщена карта Google з
відображенням місцезнаходження нашої компанії. Ця карта дозволяє
відвідувачам легко зорієнтуватися та знайти нас. Завдяки графічному
відображенню та інтерактивності карти, користувачі зможуть зручно знайти
місце розташування компанії і скористатися наданою інформацією для
досягнення своїх цілей. Зображення сторінки замовлення можна побачити на
рисунку 4.20.
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 46
а
Рисунок 4.20 – Центральний блок сторінки «Замовлення»
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 47
а
Сторінка «Матеріали»
На сторінці «Матеріали» представлені фотографії матеріалів, які
використовуються поліграфічною компанією для виготовлення своєї
продукції. Кожен матеріал має свої унікальні характеристики і переваги, які
відображаються у невеликому підписі. Це допомагає користувачам зрозуміти,
чому саме цей матеріал був вибраний для конкретної продукції, а також
дозволяє зробити обґрунтований вибір при замовленні. Зображення сторінки
матеріали можна побачити на рисунку 4.21.
Рисунок 4.21 – Центральний блок сторінки «Матеріали»
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 48
а
Сторінка «Портфоліо»
Неможливо не вказати, що сторінка портфоліо грає важливу роль у
візуальному представленні найкращих робіт та проектів, що були реалізовані
поліграфічним підприємством. Цей розділ надає можливість відвідувачам
переглянути наші успішні досягнення і ознайомитися з якісними продуктами,
які запропоновані.
Кожна фото-картка на сторінці портфоліо презентує окремий продукт,
створений нами з метою задоволення потреб наших клієнтів. При наведенні
курсора на фото-картку, з'являється підпис, що доповнює зображення та надає
корисну інформацію. В цьому підписі вказано назву продукту та його ціну, що
дозволяє відвідувачам отримати докладніші деталі про конкретний продукт.
Ця інтерактивна функція підсилює враження від перегляду нашого
портфоліо, дозволяючи відвідувачам з легкістю отримати доступ до важливої
інформації про кожен продукт. Конкретно, підпис, який з'являється при
наведенні курсора на фото-картку, надає назву продукту та вказує його ціну,
що допомагає виявити зацікавленість відвідувача і сприяє раціональному
вибору. Зображення сторінки портфоліо можна побачити на рисунку 4.22.
Рисунок 4.22 – Центральний блок сторінки «Портфоліо»
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 49
а
Сторінка «Контакти»
Розділ «Контакти» є одним з найважливіших компонентів веб-сайту,
оскільки він забезпечує зручний спосіб зв'язку між поліграфічним
підприємством та клієнтами та відвідувачами. Цей розділ надає необхідну
контактну інформацію, яка допомагає зв'язатися для отримання додаткової
інформації, розміщення замовлення або вирішення питань.
Тут же розміщена форма зворотного зв'язку, яка є важливим елементом.
Ця форма дозволяє відвідувачам надсилати повідомлення та запитання
безпосередньо через веб-сайт, що забезпечує зручну та швидку комунікацію.
Вона дозволяє висловити свої потреби та отримати відповіді в найкоротші
терміни.
Оскільки ми живемо у 21 сторіччі, то майже неможливо уявити веб-
сторінку без посилань на інші мережі, тому саме тут розташовані посилання
компанії. Це дозволяє бути в курсі останніх новин, акцій та подій, пов'язаних з
компанією. Можна перейти на сторінки в соціальних мережах, підписатися на
оновлення та бути в контакті за допомогою обраної соціальної мережі.
Зображення сторінки контакти можна побачити на рисунку 4.23.
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 50
а
Рисунок 4.23 – Центральний блок сторінки контакти
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 51
а
ВИСНОВКИ
У кваліфікаційній роботі бакалавра була розроблена інформаційна
система для поліграфічного підприємства, яка має велике значення для
підвищення ефективності та конкурентоспроможності організації в сучасному
цифровому світі.
Метою даного проекту було створення веб-сайту, який забезпечує
надійний доступ до інформації про поліграфічне підприємство, його послуги
та продукцію. Веб-сайт має за завдання надати користувачам зручну
навігацію, швидкий доступ до потрібної інформації та можливість здійснити
замовлення чи зв'язатися з представниками підприємства.
Під час розробки веб-сайту були використані сучасні інструменти та
технології, а саме конструктор Wix.
Результатом роботи є створений веб-сайт, який успішно виконує
поставлені завдання. Веб-сайт надає інформацію про поліграфічне
підприємство, його послуги та продукцію. Користувачі мають можливість
ознайомитися з детальним описом кожної послуги, завантажити методичні
матеріали та надіслати свої роботи для перевірки викладачам.
Окрім цього, веб-сайт сприяє підвищенню впізнаваності та репутації
поліграфічного підприємства, залученню нових клієнтів та збільшенню
обсягів продажів. Він створює сприятливе враження про компанію як
надійного та професійного постачальника поліграфічних послуг.
Зазначена інформаційна система виявила свою актуальність та великий
потенціал для розвитку поліграфічного підприємства. Вона сприяє
автоматизації процесів, покращує комунікацію з клієнтами та спрощує
замовлення послуг.
Протягом роботи над проектом були вирішені деякі технічні та
організаційні питання, однак, з урахуванням швидкого розвитку технологій,
існує потенціал для подальшого вдосконалення та розширення інформаційної
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 52
а
системи. Наприклад, можливість інтеграції з іншими системами, розширення
функціоналу для забезпечення додаткових послуг та зручностей для клієнтів.
У цілому, розроблена інформаційна система є важливим кроком у
розвитку поліграфічного підприємства та його взаємодії з клієнтами. Вона
дозволяє поліпшити доступ до інформації, забезпечити зручність взаємодії та
підвищити конкурентоспроможність організації на ринку поліграфічних
послуг. З метою подальшого успішного функціонування системи
рекомендується провести тестування, вдосконалення та підтримку
інформаційної системи з урахуванням змін в сфері технологій та потреб
клієнтів.
У процесі виконання роботи було досліджено особливості процесу
проектування, розробки та реалізації інформаційної системи поліграфічного
підприємства.
Робота виконана в повному обсязі згідно технічного завдання.
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 53
а
СПИСОК СКОРОЧЕНЬ ТА УМОВНИХ ПОЗНАЧЕНЬ
HTML – HyperText Markup Language. Є стандартною мовою розмітки, яка
використовується для створення та відображення веб-сторінок.
Вона дозволяє організувати структуру контенту на веб-сторінці,
визначаючи різні елементи, такі як заголовки, абзаци,
зображення та посилання.
ПЗ – програмне забезпечення.
SEO – Search Engine Optimization – це процес оптимізації веб-сторінок
та веб-сайтів з метою поліпшення їх видимості та
позиціонування в результатах пошукових систем.
CDN – Content Delivery Network – це глобальна мережа серверів, що
розташовані у різних регіонах, і призначена для ефективної
доставки вмісту користувачам. Вона забезпечує швидкий
доступ до веб-ресурсів, знижує завантаження сервера та
покращує продуктивність.
CMS – Content Management System – це програмне забезпечення, що
дозволяє легко створювати, редагувати та керувати вмістом
веб-сайту без необхідності в розробці власного веб-додатку.
IDE – Integrated Development Environment – це середовище розробки,
яке надає інтегровані інструменти для написання, редагування,
налагодження та тестування програмного коду.
VCS – Version Control System – це система контролю версій, що
дозволяє розробникам зберігати та керувати змінами в
програмному коді. Вона дозволяє відстежувати, порівнювати та
об'єднувати версії файлів для забезпечення ефективної роботи
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 54
а
команди розробників.
CSS – Cascading Style Sheets – це мова стилів, використовувана для
опису зовнішнього вигляду веб-сторінок, включаючи кольори,
шрифти, розташування елементів та інші аспекти дизайну.
JS – JavaScript – це мова програмування, що використовується для
реалізації динамічної поведінки на веб-сторінках. Вона
дозволяє додавати інтерактивність, змінювати вміст сторінок,
обробляти події та взаємодіяти з користувачем.
MySQL – це система управління базами даних, що забезпечує
зберігання, керування та доступ до структурованої інформації.
Вона використовується для зберігання даних у веб-додатках
та інших системах.
MongoDB – це документоорієнтована база даних, що дозволяє зберігати,
керувати та обробляти документи у форматі JSON-подібних
об'єктів. Вона широко використовується в сучасних веб-
додатках та системах, де гнучкість схеми даних є важливою.
Git – це розподілена система керування версіями, яка дозволяє
зберігати та відстежувати зміни в програмному коді. Вона
забезпечує ефективне керування різними версіями файлів та
спільну роботу розробників над проектом.
Лист
ЧДТУ.231936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 55
а
ДОДАТОК А
«ЗАТВЕРДЖУЮ»
Завідувач кафедри ІБ та КІ
д.т.н., професор Володимир РУДНИЦЬКИЙ
__________________
«___» ____________ 2023 року
Інформаційна система поліграфічного підприємства
Специфікація
482.ЧДТУ.31936-01
Листів 2
Розробник _______________ Софія СЛАБА
Керівник _______________ Світлана ГРЕСЬКО
Черкаси 2023
2
482.ЧДТУ.31936-01
Позначення Найменування Примітка
Документація
482.ЧДТУ.31936-01 12 01 Текст програми
ДОДАТОК Б
Інформаційна система поліграфічного підприємства
Текст програми
482.ЧДТУ.31936-01 12 01
Листів 33
Розробник: Софія СЛАБА
Черкаси 2023
2
482.ЧДТУ.31936-01 12 01
Index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset='utf-8'>
<meta name="viewport" content="width=device-width, initial-scale=1" id="wixDesktopViewport" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="Wix.com Website Builder"/>
<link rel="icon" sizes="192x192" href="https://www.wix.com/favicon.ico">
<link rel="shortcut icon" href="https://www.wix.com/favicon.ico" type="image/x-icon"/>
<link rel="apple-touch-icon" href="https://www.wix.com/favicon.ico" type="image/x-icon"/>
(function () {
var noop = function noop() {};
if ("performance" in window === false) {
window.performance = {};
}
window.performance.mark = performance.mark || noop;
window.performance.measure = performance.measure || noop;
if ("now" in window.performance === false) {
var nowOffset = Date.now();
if (performance.timing && performance.timing.navigationStart) {
nowOffset = performance.timing.navigationStart;
}
window.performance.now = function now() {
return Date.now() - nowOffset;
};
}
})();
(function () {
var now = Date.now()
window.initialTimestamps = {
initialTimestamp: now,
initialRequestTimestamp: Math.round(performance.timeOrigin ? performance.timeOrigin : now -
performance.now())
}
window.thunderboltTag = "libs-releases-GA-local"
window.thunderboltVersion = "1.12295.0"
})();
window.viewerModel = JSON.parse(document.getElementById('wix-viewer-model').textContent)
window.fetchDynamicModel = () =>
<style data-url="https://static.parastorage.com/services/wix-thunderbolt/dist/main.a594dd2c.min.css»>
body.device-mobile-optimized{overflow-x:hidden;overflow-y:scroll}body.device-mobile-
optimized:not(.responsive) … </style>
<style data-url="https://static.parastorage.com/services/wix-thunderbolt/dist/main.renderer.59eb9703.min.css">
wixSiteProperties{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}</style>
<meta name="format-detection" content="telephone=no">
<meta name="skype_toolbar" content="skype_toolbar_parser_compatible">
<meta http-equiv="X-Wix-Meta-Site-Id" content="0e87fcc0-c20e-437a-920d-87d76ba2988c">
<meta http-equiv="X-Wix-Application-Instance-Id" content="6cd4a326-c726-4901-b6d6-a72761fe2727">
<meta http-equiv="X-Wix-Published-Version" content="22"/>
<meta http-equiv="etag" content="bug"/>
<style data-href="https://static.parastorage.com/services/editor-elements-
library/dist/thunderbolt/rb_wixui.thunderbolt_bootstrap-responsive.ec2d27ea.min.css">.R7lArd{overflow-
x:hidden}.R7lArd .l9EQj1{display:flex;flex-
direction:column;he
ight:100%;width:100%}.R7lArd .l9EQj1 .
WNM2rt{flex:1}.R7lArd .l9EQj1 .DN7syf{height:calc(1
00% - (var(--menuTotalBordersY, 0px)));overflow:visible;white-space:nowrap;width:calc(100% - (var(--
menuTotalBordersX, 0px)))}.R7lArd .l9EQj1 .DN7syf .rqt3qI{display:inline-
block}.R7lArd .l9EQj1 .DN7syf .d4jfwp{display:block;width:100%}.R7lArd .JdScD2{display:block;opacity:1;z-
3
482.ЧДТУ.31936-01 12 01
index:99999}.R7lArd .JdScD2 .k8K0Wj{display:inherit;overflow:visible;visibility:inherit;white-
space:nowrap;width:auto}.R7lArd .JdScD2._3URS4{transition:visibility;transition-
delay:.2s;visibility:visible}.R7lArd .JdScD2 .iryznZ{display:inline-
block}.
R7lArd .BKX7vq{displa
y:none}.BSjLjI>nav{bottom:0;left:0;right:0;top:0}.BSjLj
I .DN7syf,.BSjLjI .JdScD2,.B
SjLjI>nav{position:absolute}.BSjLjI .JdScD2{margin-
top:7px;visibility:hidden}.BSjLjI .JdScD2[data-dropMode=dropUp]{margin-bottom:7px;margin-
top:0}.BSjLjI .k8K0Wj{background-color:rgba(var(--bgDrop,var(--color_11)),var(--alpha-bgDrop,1));border-
radius:var(--rd,0);box-shadow:var(--shd,0 1px 4px rgba(0,0,0,.6))}.RfkZFw,.vDnwi4{box-sizing:border-
box;height:100%;overflow:visible;position:relative;width:auto}.RfkZFw[data-state~=header] a,.RfkZFw[data-
state~=header] div,[data-state~=header].vDnwi4 a,[data-state~=header].vDnwi4
div{cursor:default!important}.RfkZFw .lY3Nwh,.vDnwi4 .lY3Nwh{display:inline-
block;height:100%;width:100%}.vDnwi4{--display:inline-block;cursor:pointer;display:var(--display);font:var(--
fnt,var(--font_1))}.vDnwi4 .rBTT56{padding:0 var(--pad,5px)}.vDnwi4 .foFAdY{color:rgb(var(--txt,var(--
color_15)));display:inline-block;padding:0 10px;transition:var(--trans,color .4s ease 0s)}.vDnwi4[data-
state~=drop]{display:block;width:100%}.vDnwi4[data-state~=drop] .foFAdY{padding:0 .5em}.vDnwi4[data-
state~=link]:hover .foFAdY,.vDnwi4[data-state~=over] .foFAdY{color:rgb(var(--txth,var(--
color_14)));transition:var(--trans,color .4s ease 0s)}.vDnwi4[data-state~=selected] .foFAdY{color:rgb(var(--
txts,var(--color_14)));transition:var(--trans,color .4s ease 0s)}.P0dCOY .PJ4KCX{background-color:rgba(var(--
bg,var(--color_11)),var(--alpha-bg,1));bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}</style>
<style data-href="https://static.parastorage.com/services/editor-elements-
library/dist/thunderbolt/rb_wixui.thunderbolt[HeaderContainer_IronScreen].4d83996f.min.css">.JiXvMh{bottom:0;
left:0;position:absolute;right:0;top:0;width:100%}.SJA17Y{transform:translateY(-100%);transition:.2s ease-
in}.CDHTie{transition:.2s}.xhQhuH{opacity:0;transition:.2s ease-in}.xhQhuH.wMBb7L{z-index:-
1!important}.oEfGLU{opacity:1;transition:.2s}.UgTgJQ{height:auto}.GbfeNm,.UgTgJQ{position:relative;width:10
0%}:host(:not(.device-mobile-optimized)) .BKbcU1,body:not(.device-mobile-optimized) .BKbcU1{margin-
left:calc((100% - var(--site-width))/2);width:var(--site-width)}.nHpahh[data-focuscycled=active]{outline:1px solid
transparent}.nHpahh[data-focuscycled=active]:not(:focus-within){outline:2px solid
transparent;transition:outline .01s ease}.nHpahh .JiXvMh{background-color:var(--screenwidth-corvid-background-
color,rgba(var(--bg,var(--color_11)),var(--alpha-bg,1)));background-
image:url(https://static.parastorage.com/services/editor-elements-
library/dist/thunderbolt/media/ironpatern.84ec58ff.png);box-shadow:var(--shd,0 0 5px
rgba(0,0,0,.7))}.nHpahh .E_zeDg{box-shadow:var(--shadow,inset 0 4px 6px -4px hsla(0,0%,100%,.59),inset 0 1px
0 0 hsla(0,0%,100%,.59),inset 0 -5px 5px -5px hsla(0,0%,100%,.9))}:host(.device-mobile-
optimized) .nHpahh .E_zeDg,body.device-mobile-optimized .nHpahh .E_zeDg{left:10px;right:10px}</style>
<style data-href="https://static.parastorage.com/services/editor-elements-
library/dist/thunderbolt/rb_wixui.thunderbolt[SkipToContentButton].39deac6a.min.css">.LHrbPP{background:#fff;
border-radius:24px;color:#116dff;cursor:pointer;font-family:Helvetica,Arial,メイリオ,meiryo,ヒラギノ角ゴ pro
w3,hiragino kaku gothic pro,sans-serif;font-size:14px;height:0;left:50%;margin-left:-94px;opacity:0;padding:0 24px
0 24px;pointer-events:none;position:absolute;top:60px;width:0;z-index:9999}.LHrbPP:focus{border:2px
solid;height:40px;opacity:1;pointer-events:auto;width:auto}</style>
<style data-href="https://static.parastorage.com/services/editor-elements-
library/dist/thunderbolt/rb_wixui.thunderbolt[ClassicSection].0e152168.min.css">.Oqnisf{overflow:visible}.cM88e
O{backface-
visibility:hidden}.YtfWHd{left:0;position:absolute;top:0}.HlRz5e{display:block;height:100%;width:100%}.HlRz5
e img{max-width:var(--wix-img-max-width,100%)}.HlRz5e[data-animate-blur]
img{filter:blur(9px);transition:filter .8s ease-in}.HlRz5e[data-animate-blur] img[data-load-
done]{filter:none}.I5zqsT{display:block}.I5zqsT,.MW5IWV{height:100%;width:100%}.MW5IWV{left:0;-webkit-
mask-image:var(--mask-image,none);mask-image:var(--mask-image,none);-webkit-mask-position:var(--mask-
position,0);mask-position:var(--mask-position,0);-webkit-mask-repeat:var(--mask-repeat,no-repeat);mask-
repeat:var(--mask-repeat,no-repeat);-webkit-mask-size:var(--mask-size,100%);mask-size:var(--mask-
size,100%);overflow:hidden;pointer-events:var(--fill-layer-background-media-pointer-
events);position:absolute;to
p:0}.MW5IWV.N3eg0s{clip:rect(0,auto,auto,0)}.MW5
IWV .Kv1aVt{height:100%;positi
on:absolute;top:0;width:100%}.MW5IWV .dLPlxY{height:var(--fill-
layer-image-height,100%);opacity:var(--fill-layer-image-opacity)}.MW5IWV .dLPlxY
4
482.ЧДТУ.31936-01 12 01
img{height:100%;width:100%}@supports(-webkit-hyphens:none){.MW5IWV.N3eg0s{clip:auto;-webkit-clip-
path:inset(0)}}.VgO9Yg{height:100%}.LWbAav{background-color:var(--bg-overlay-color);background-
image:var(--bg-gradient)}.K_YxMd,.yK6aSC{opacity:var(--fill-layer-video-opacity)}.NGjcJN{bottom:var(--media-
padding-bottom);height:var(--media-padding-height);position:absolute;top:var(--media-padding-
top);width:100%}.mNGsUM{transform:scale(var(--scale,1));transition:var(--transform-duration,transform
0s)}.K_YxMd{height:100%;position:relative;width:100%}.bX9O_S{-webkit-clip-path:var(--fill-layer-clip);clip-
path:var(--fill-layer-clip)}.Z_wCwr,.bX9O_S{position:absolute;top:0}.Jxk_UL
img,.Z_wCwr,.bX9O_S{height:100%;width:100%}.K8MSra{opacity:0}.K8MSra,.YTb3b4{position:absolute;top:0
}.YTb3b4{height:0;left:0;overflow:hidden;width:0}.SUz0WK{left:0;pointer-events:var(--fill-layer-background-
media-pointer-events);position:var(--fill-layer-background-media-
position)}.FNxOn5,.SUz0WK,.m4khSP{height:100%;top:0;width:100%}.FNxOn5{position:absolute}.m4khSP{bac
kground-color:var(--fill-layer-background-overlay-color);opacity:var(--fill-layer-background-overlay-blend-opacity-
fallback,1);position:var(--fill-layer-background-overlay-position);transform:var(--fill-layer-background-overlay-
transform)}@supports(mix-blend-mode:overlay){.m4khSP{mix-blend-mode:var(--fill-layer-background-overlay-
blend-mode);opacity:var(--fill-layer-background-overlay-blend-opacity,1)}}.dkukWC{--divider-pin-
height__:min(1,calc(var(--divider-layers-pin-factor__) + 1));--divider-pin-layer-height__:var(--divider-layers-pin-
factor__);--divider-pin-border__:min(1,calc(var(--divider-layers-pin-factor__) / -1 + 1));height:calc(var(--divider-
height__) + var(--divider-pin-height__)*var(--divider-layers-size__)*var(--divider-layers-
y__))}.dkukWC,.dkukWC .FRCqDF{left:0;position:absolute;width:100%}.dkukWC .FRCqDF{--divider-layer-
i__:var(--divider-layer-i,0);background-position:left calc(50% + var(--divider-offset-x__) + var(--divider-layers-
x__)*var(--divider-layer-i__)) bottom;background-repeat:repeat-x;border-bottom-style:solid;border-bottom-
width:calc(var(--divider-pin-border__)*var(--divider-layer-i__)*var(--divider-layers-y__));height:calc(var(--divider-
height__) + var(--divider-pin-layer-height__)*var(--divider-layer-i__)*var(--divider-layers-y__));opacity:calc(1 -
var(--divider-layer-i__)/(var(--divider-layer-i__) + 1))}.xnZvZH{--divider-height__:var(--divider-top-height,auto);--
divider-offset-x__:var(--divider-top-offset-x,0px);--divider-layers-size__:var(--divider-top-layers-size,0);--divider-
layers-y__:var(--divider-top-layers-y,0px);--divider-layers-x__:var(--divider-top-layers-x,0px);--divider-layers-pin-
factor__:var(--divider-top-layers-pin-factor,0);border-top:var(--divider-top-padding,0) solid var(--divider-top-
color,currentColor);opacity:var(--divider-top-opacity,1);top:0;transform:var(--divider-top-flip,scaleY(-
1))}.xnZvZH .FRCqDF{background-image:var(--divider-top-image,none);background-size:var(--divider-top-
size,contain);border-color:var(--divider-top-color,currentColor);bottom:0;filter:var(--divider-top-
filter,none)}.xnZvZH .FRCqDF[data-divider-layer="1"]{display:var(--divider-top-layer-1-
display,block)}.xnZvZH .FRCqDF[data-divider-layer="2"]{display:var(--divider-top-layer-2-
display,block)}.xnZvZH .FRCqDF[data-divider-layer="3"]{display:var(--divider-top-layer-3-
display,block)}.MBOSCN{--divider-height__:var(--divider-bottom-height,auto);--divider-offset-x__:var(--divider-
bottom-offset-x,0px);--divider-layers-size__:var(--divider-bottom-layers-size,0);--divider-layers-y__:var(--divider-
bottom-layers-y,0px);--divider-layers-x__:var(--divider-bottom-layers-x,0px);--divider-layers-pin-factor__:var(--
divider-bottom-layers-pin-factor,0);border-bottom:var(--divider-bottom-padding,0) solid var(--divider-bottom-
color,currentColor);bottom:0;opacity:var(--divider-bottom-opacity,1);transform:var(--divider-bottom-
flip,none)}.MBOSCN .FRCqDF{background-image:var(--divider-bottom-image,none);background-size:var(--
divider-bottom-size,contain);border-color:var(--divider-bottom-color,currentColor);bottom:0;filter:var(--divider-
bottom-filter,none)}.MBOSCN .FRCqDF[data-divider-layer="1"]{display:var(--divider-bottom-layer-1-
display,block)}.MBOSCN .FRCqDF[data-divider-layer="2"]{display:var(--divider-bottom-layer-2-
display,block)}.MBOSCN .FRCqDF[data-divider-layer="3"]{display:var(--divider-bottom-layer-3-
display,block)}</style>
<style data-href="https://static.parastorage.com/services/wix-
thunderbolt/dist/group_2.0772bc74.chunk.min.css">body.ZR3zoU{overflow:hidden}.OrmmIf{bottom:0;left:0;marg
in:0 auto;position:fixed;right:0;top:0;z-index:2147483647}.OrmmIf .Ybd4pF{background-
color:#000;height:
100%;opacity:0;position:absolute;transition:opacity .25s;width:1
00%}.OrmmIf ._dnQfP{margin:12px 20px 0 0;position:fixed;right:0}@media only screen and (max-
width:750px){.OrmmIf ._dnQfP{margin:20px 20px 0 0}}@media only screen and (max-
width:420px){.OrmmIf ._dnQfP{margin:12px 12px 0
0}}.OrmmIf.yxJ7zC .Ybd4pF{opacity:.6}.OrmmIf.yxJ7zC .JULGm2{opacity:1;transform:translate(-50%,-
50%)}.OrmmIf .JULGm2{background:#fff;box-shadow:-8px -7px 20px 0 rgba(0,0,0,.1);box-sizing:border-
box;display:flex;flex-direction:column;height:571px;left:50%;max-height:80%;max-
width:600px;opacity:0;padding:0;position:absolute;top:50%;transform:translate(-50%,-20%);transition:.25s ease-in-
out;width:80%}.OrmmIf .JULGm2 .iAJ7my{color:#000;font-family:Madefor;font-size:24px;font-
stretch:normal;font-style:normal;font-weight:400;line-height:1.33;margin:0;padding:24px 24px 0
24px}.OrmmIf .JULGm2 .yY8Q09{border-bottom:1px solid rgba(0,0,0,.1);flex-grow:1;margin-
top
5
482.ЧДТУ.31936-01 12 01
:5px;overflo
w:auto;position:relative}.OrmmIf .JU
LGm2 .hl0vwj{position:absolute;right:0;top:24px
}.OrmmIf .JULGm2 .OmCSzS{align-self:flex-end;display:flex;padding:24px;text-
align:right}.OrmmIf .JULGm2 .OmCSzS .ZiMuyv{font-family:Madefor;font-size:14px;width:172px}@media(max-
width:420px){.OrmmIf .JULGm2{height:100%;max-height:100%;max-
width:100%;width:100%}.OrmmIf .JULGm2 .iAJ7my{font-size:24px;line-height:24px;padding:64px 24px 0
24px}.OrmmIf .JULGm2 .mIzAGE{border-bottom:1px solid rgba(0,0,0,.1);margin-right:20px;padding:20px 76px
20px 0}.OrmmIf .JULGm2 .yY8Q09{max-height:none}.OrmmIf .JULGm2 .OmCSzS{align-
self:stretch}}.AIZrzn{back
ground:transparent;border:none;margin:0;padding:0}.
AIZrzn .C2Qds2{cursor:pointer;height:24p
x;width:24px}.AIZrzn .C2Qds2.QWIKQX{filter:invert(100%)}@media only screen and
(max-
width:750px){.AIZrzn{height:48px;positi
on:relative;width:48px}.AIZrzn .C2Qds2{position:absolute;right:0;top:0}}.vYNqaN
{border-bottom:1px solid rgba(0,0,0,.1);padding:24px 90px 24px 24px;position:relative}.vYNqaN:last-
child{border:none}.S2mqHe{font-size:16px;line-height:1.5;margin:0}.GwpLsI,.S2mqHe{color:#000;font-
family:Madefor;font-stretch:normal;font-style:normal;font-weight:400;letter-
spacing:normal;padding:0}.GwpLsI{font-size:12px;line-height:1.33;margin:12px 0 0
0}.TSiC1t{position:absolute!important;right:24px;top:24px}@media(max-width:375px){.S2mqHe{font-
size:16px;line-height:22px}.GwpLsI{margin-top:6px}}.hB3n1Z{-webkit-tap-highlight-color:rgba(0,0,0,0);box-
sizing:border-box;display:inline-block;height:24px;position:relative;width:48px}.hB3n1Z.hfCC2_{outline:3px solid
#c1e4fe}.g4BQnU{border:none;box-
shadow:none;cursor:inherit;left:0;margin:0;opacity:0;outline:none;padding:0;top:0}.EaTE6z{color:#cbd3dc;cursor:
pointer}.EaTE6z,.fve_dT{height:100%;left:0;position:absolute;top:0;width:100%}.fve_dT{background-
color:currentColor;border-radius:12px;transition:all .3s
ease}.EaTE6z{color:#a4a4a4}.EaTE6z:active,.EaTE6z:hover{color:#cbd3dc}.g4BQnU:checked+.EaTE6z:hover{c
olor:#4c4c4c}.g4BQnU:checked+.EaTE6z,.g4BQnU:checked+.EaTE6z:active,.g4BQnU:checked+.EaTE6z:active:h
over{color:#000}.g4BQnU:disabled+.EaTE6z,.g4BQnU:disabled+.EaTE6z:active,.g4BQnU:disabled+.EaTE6z:acti
ve:hover,.g4BQnU:disabled+.EaTE6z:hover{color:rgba(22,45,61,.1)}.tFjtot{align-
items:center;background:#fff;border-radius:12px;box-shadow:0 2px 1px 0 rgba(22,45,61,.48),0 0 3px 0
rgba(22,45,61,.12);display:flex;height:22px;justify-
content:center;left:1px;position:absolute;top:1px;transition:all .3s
ease;width:22px}.g4BQnU:checked+label .tFjtot{left:calc(50% + 1px)}.YtCu80{height:11px;margin-
top:1px;transition:opacity .3s
ease;width:11px}.g4BQnU:chec
ked+label .IXCAQH,.g4BQnU:not(:checked)+label .S
DQhnQ{display:none;opacity:0}@media(max-width:375px){.hB3n1Z{height:20px;width:36px}.tFjtot{border-
radius:9px;height:18px;width:18px}.g4BQnU:checked+label .tFjtot{left:calc(50% -
1px)}.YtCu80{height:9px;width:9px}}.dDg9Rk{display:none;left:0;max-width:195px;min-
height:0;overflow:hidden;pointer-events:none;position:fixed;text-align:center;top:0;z-
index:2147483648}.dDg9Rk .l2Nfc6{background-color:#162d3d;border:none;border-
radius:8px;color:#fff;display:block;font-family:Madefor;font-size:14px;line-height:18px;padding:12px 24px 12px
24px}.dDg9Rk .sm4axf{border-color:#162d3d transparent transparent transparent;border-style:solid;border-
width:8px;display:inline-block;height:0;width:0}:root{--cookie-banner-primary-color:#fff;--cookie-banner-
secondary-color:#000;--cookie-banner-font-family:Madefor;--cookie-banner-font-size:14px}.ULXLLu{align-
self:center;background-color:var(--cookie-banner-secondary-color);color:var(--cookie-banner-primary-
color);cursor:pointer;display:inline-block;font-family:var(--cookie-banner-font-family);font-size:var(--cookie-
banner-font-size);font-stretch:normal;font-style:normal;font-weight:400;height:32px;letter-
spacing:normal;margin:6px;min-width:55px;overflow:hidden;padding:0 16px 0 16px;text-align:center;white-
space:nowrap}.ULXLLu,.ULXLLu.sFHMHu{border:solid 1px var(--cookie-banner-secondary-
color)}.ULXLLu.sFHMHu{background-color:var(--cookie-banner-primary-color);color:var(--cookie-banner-
secondary-color)}.ULXLLu.tKj_Y2{background-color:#000;border:1px solid
#000;color:#fff}.ULXLLu.WaT3C4,.ULXLLu.tKj_Y2.sFHMHu{border:1px solid
#fff}.ULXLLu.WaT3C4{background-color:#fff;color:#000}.ULXLLu.WaT3C4.sFHMHu{border:1px solid
#000}@media only screen and (min-width:750px){.ULXLLu{flex-basis:auto!important}}</style>
<title>Головна | Packprint</title>
<link rel="canonical" href="https://sonya2002slaba.wixsite.com/packprint"/>
<meta property="og:title" content="Головна | Packprint"/>
6
482.ЧДТУ.31936-01 12 01
<meta property="og:url" content="https://sonya2002slaba.wixsite.com/packprint"/>
<meta property="og:site_name" content="Packprint"/>
<meta property="og:type" content="website"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:title" content="Головна | Packprint"/>
</head>
<body class='' >
window.firstPageId = 'duqso'
window.bi.sendBeat(12, 'Partially visible', {pageId: window.firstPageId})
if (window.requestCloseWelcomeScreen) {
window.requestCloseWelcomeScreen()}
if (!window.__browser_deprecation__) {
window.fedops.phaseStarted('partially_visible', {paramsOverrides: { pageId: firstPageId }})
</body>
</html>
Order.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset='utf-8'>
<meta name="viewport" content="width=device-width, initial-scale=1" id="wixDesktopViewport" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="Wix.com Website Builder"/>
<link rel="icon" sizes="192x192" href="https://www.wix.com/favicon.ico">
<link rel="shortcut icon" href="https://www.wix.com/favicon.ico" type="image/x-icon"/>
<link rel="apple-touch-icon" href="https://www.wix.com/favicon.ico" type="image/x-icon"/>
<script nomodule="" src="https://static.parastorage.com/unpkg/[email protected]/minified.js"></script>
<script nomodule="" src="https://static.parastorage.com/unpkg/[email protected]/dist/focus-within-
polyfill.js"></script>
<script nomodule="" src="https://polyfill.io/v3/polyfill.min.js?features=fetch"></script>
<script>
(function () {
var noop = function noop() {};
if ("performance" in window === false) {
window.performance = {};
}
window.performance.mark = performance.mark || noop;
window.performance.measure = performance.measure || noop;
if ("now" in window.performance === false) {
var nowOffset = Date.now();
if (performance.timing && performance.timing.navigationStart) {
nowOffset = performance.timing.navigationStart;
}
window.performance.now = function now() {
return Date.now() - nowOffset;
};
}
})();
</script>
<script>
(function () {
var now = Date.now()
window.initialTimestamps = {
initialTimestamp: now,
initialRequestTimestamp: Math.round(performance.timeOrigin ? performance.timeOrigin : now -
performance.now())
}
7
482.ЧДТУ.31936-01 12 01
window.thunderboltTag = "libs-releases-GA-local"
window.thunderboltVersion = "1.12295.0"
})();
</script>
<script id="sentry">
(function(c,t,u,n,p,l,y,z,v){if(c[l] && c[l].mute) {return;}function e(b){if(!w){w=!0;var
d=t.getElementsByTagName(u)[0],a=t.createElement(u);a.src=z;a.crossorigin="anonymous";a.addEventListener("lo
ad",function(){try{c[n]=q;c[p]=r;var a=c[l],d=a.init;a.init=function(a){for(var b in
a)Object.prototype.hasOwnProperty.call(a,b)&&(v[b]=a[b]);d(v)};B(b,a)}catch(A){console.error(A)}});d.parentNo
de.insertBefore(a,d)}}function B(b,d){try{for(var a=0;a<b.length;a++)if("function"===typeof b[a])b[a]();var
f=m.data,g=!1,h=!1;for(a=0;a<f.length;a++)if(f[a].f){h=!0;var
e=f[a];!1===g&&"init"!==e.f&&d.init();g=!0;d[e.f].apply(d,e.a)}!1===h&&d.init();var
k=c[n],l=c[p];for(a=0;a<f.length;a++)f[a].e&&k?k.apply(c,f[a].e):f[a].p&&l&&l.apply(c,[f[a].p])}catch(C){console
.error(C)}}for(var g=!0,x=!1,k=0;k<document.scripts.length;k++)if(-
1<document.scripts[k].src.indexOf(y)){g="no"!==document.scripts[k].getAttribute("data-lazy");break}var
w=!1,h=[],m=function(b){(b.e||b.p||b.f&&-1<b.f.indexOf("capture")||b.f&&-
1<b.f.indexOf("showReportDialog"))&&g&&e(h);m.data.push(b)};m.data=[];c[l]={onLoad:function(b){h.push(b);
g&&!x||e(h)},forceLoad:function(){x=!0;g&&setTimeout(function(){e(h)})}};"init addBreadcrumb captureMessage
captureException captureEvent configureScope withScope showReportDialog".split("
").forEach(function(b){c[l][b]=function(){m({f:b,a:arguments})}});var
q=c[n];c[n]=function(b,d,a,f,e){m({e:[].slice.call(arguments)});q&&q.apply(c,arguments)};var
r=c[p];c[p]=function(b){m({p:b.reason});r&&r.apply(c,arguments)};g||setTimeout(function(){e(h)})})(window,doc
ument,"script","onerror","onunhandledrejection","Sentry","605a7baede844d278b89dc95ae0a9123","https://browser.
sentry-cdn.com/6.18.2/bundle.min.js",{"dsn":"https://605a7baede844d278b89dc95ae0a9123@sentry-
next.wixpress.com/68"});
</script>
<!-- sendFedopsLoadStarted.inline -->
<script type="application/json" id="wix-fedops">{"data":{"site":{"metaSiteId":"0e87fcc0-c20e-437a-920d-
87d76ba2988c","userId":"2475b287-9b7d-4f93-9fe8-d3e59a6cfea2","siteId":"6cd4a326-c726-4901-b6d6-
a72761fe2727","externalBaseUrl":"https:\/\/sonya2002slaba.wixsite.com\/packprint","siteRevision":22,"siteType":"
UGC","dc":"84","isResponsive":false,"sessionId":"8a57330d-2d47-400c-b3fc-
0ea60d65db70"},"rollout":{"siteAssetsVersionsRollout":false,"isDACRollout":0,"isTBRollout":false},"fleetConfig"
:{"fleetName":"thunderbolt-renderer-
light","type":"GA","code":0},"requestUrl":"https:\/\/sonya2002slaba.wixsite.com\/packprint\/%D0%B7%D0%B0%
D0%BC%D0%BE%D0%B2%D0%BB%D0%B5%D0%BD%D0%BD%D1%8F","isInSEO":false,"platformOnSite"
:true,"shouldSendFirstBeat":true}}</script>
<script>window.fedops = JSON.parse(document.getElementById('wix-fedops').textContent)</script>
sourceMappingURL=https://static.parastorage.com/services/wix-thunderbolt/dist/webpack-
runtime.cc184b88.bundle.min.js.map</script>
<script data-url="https://static.parastorage.com/services/wix-thunderbolt/dist/bi-
common.inline.83966b6a.bundle.min.js">i=Symbol.for("BI"),r=Symbol.for("WixBiSessionSymbol"),o=Symbol.for
("appName")}}]);
sourceMappingURL=https://static.parastorage.com/services/wix-thunderbolt/dist/bi-
common.inline.83966b6a.bundle.min.js.map</script>
<script data-url="https://static.parastorage.com/services/wix-
thunderbolt/dist/sendFedopsLoadStarted.inline.1c8fd250.bundle.min.js">"use
strict";(self.webpackJsonp__wix_thunderbolt_app=self.webpackJsonp__wix_thunderbolt_app||[]).push([[5987],{},f
unction(n){n.O(0,[142],(function(){return p=85430,n(n.s=p);var p}));n.O()}]);</script>
<script>
if (
typeof Promise === 'undefined' ||
typeof Set === 'undefined' ||
typeof Object.assign === 'undefined' ||
typeof Array.from === 'undefined' ||
typeof Symbol === 'undefined'
) {
window.fedops.phaseStarted('missing_polyfills')
}
</script>
<script>
8
482.ЧДТУ.31936-01 12 01
window.viewerModel = JSON.parse(document.getElementById('wix-viewer-model').textContent)
window.fetchDynamicModel = () =>
(window.viewerModel.siteFeaturesConfigs.sessionManager.isRunningInDifferentSiteContext?
Promise.resolve({}) : fetch(window.viewerModel.dynamicModelUrl, { credentials: 'same-
origin' }).then(function(r){if(!r.ok)throw new Error(`[${r.status}]${r.statusText}`);return r.json()}))
window.dynamicModelPromise = window.fetchDynamicModel()
window.commonConfig = viewerModel.commonConfig
<meta name="wix-dynamic-custom-elements" content="DropDownMenu">
<script async="" onload="externalsRegistry.lodash.onload()"
src="https://static.parastorage.com/unpkg/[email protected]/lodash.min.js"></script>
<script crossorigin="" defer="" onload="externalsRegistry.react.onload()"
src="https://static.parastorage.com/unpkg/[email protected]/umd/react.production.min.js"></script>
<script defer="" src="https://static.parastorage.com/services/tag-manager-
client/1.705.0/siteTags.bundle.min.js"></script>
<meta name="format-detection" content="telephone=no">
<meta name="skype_toolbar" content="skype_toolbar_parser_compatible">
<script type="wix/htmlEmbeds" id="pageHtmlEmbeds.head start"></script>
<script type="wix/htmlEmbeds" id="pageHtmlEmbeds.head end"></script>
<script async="" id="wix-perf-measure" src="https://static.parastorage.com/services/wix-perf-
measure/1.1058.0/wix-perf-measure.umd.min.js"></script>
<script crossorigin="" defer="" onload="externalsRegistry.reactDOM.onload()"
src="https://static.parastorage.com/unpkg/[email protected]/umd/react-dom.production.min.js"></script>
<meta http-equiv="X-Wix-Meta-Site-Id" content="0e87fcc0-c20e-437a-920d-87d76ba2988c">
<meta http-equiv="X-Wix-Application-Instance-Id" content="6cd4a326-c726-4901-b6d6-a72761fe2727">
<meta http-equiv="X-Wix-Published-Version" content="22"/>
<meta http-equiv="etag" content="bug"/>
<title>Замовлення | Packprint</title>
<link rel="canonical"
href="https://sonya2002slaba.wixsite.com/packprint/%D0%B7%D0%B0%D0%BC%D0%BE%D0%B2%D0%BB
%D0%B5%D0%BD%D0%BD%D1%8F"/>
<meta property="og:title" content="Замовлення | Packprint"/>
<meta property="og:url"
content="https://sonya2002slaba.wixsite.com/packprint/%D0%B7%D0%B0%D0%BC%D0%BE%D0%B2%D0%B
B%D0%B5%D0%BD%D0%BD%D1%8F"/>
<meta property="og:site_name" content="Packprint"/>
<meta property="og:type" content="website"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:title" content="Замовлення | Packprint"/>
</head>
<body class='' >
<script type="text/javascript">
var bodyCacheable = true;
var exclusionReason = {"shouldRender":true,"forced":false};
var ssrInfo = {"renderBodyTime":499,"renderTimeStamp":1685353549690}
</script>
<script>
window.clientSideRender = false;
window.bi.wixBiSession.isServerSide = 1;
</script>
<script type="wix/htmlEmbeds" id="pageHtmlEmbeds.bodyStart start"></script>
<script type="wix/htmlEmbeds" id="pageHtmlEmbeds.bodyStart end"></script>
<script id="wix-first-paint">
if (window.ResizeObserver &&
(!window.PerformanceObserver || !PerformanceObserver.supportedEntryTypes ||
PerformanceObserver.supportedEntryTypes.indexOf('paint') === -1)) {
new ResizeObserver(function (entries, observer) {
entries.some(function (entry) {
var contentRect = entry.contentRect;
9
482.ЧДТУ.31936-01 12 01
if (contentRect.width > 0 && contentRect.height > 0) {
requestAnimationFrame(function (now) {
window.wixFirstPaint = now;
dispatchEvent(new CustomEvent('wixFirstPaint'));
});
observer.disconnect();
return true; }});}).observe(document.body);}
</script>
<div id="SITE_CONTAINER"><style id="STYLE_OVERRIDES_ID">#comp-
lgij9ji8{visibility:hidden !important;}</style><div id="main_MF" class="wix-global-css"><div
id="SCROLL_TO_TOP" class="Vd6aQZ ignore-focus SCROLL_TO_TOP" tabindex="-1" role="region" aria-
label="top of page"><span class="mHZSwn">top of page</span></div><div id="WIX_ADS" class="WIX_ADS
L27qsU c7bzh_"><a data-testid="linkElement"
href="//www.wix.com/lpviral/enviral?utm_campaign=vir_wixad_live&amp;adsVersion=white&amp;orig_msid=0e
87fcc0-c20e-437a-920d-87d76ba2988c" target="_blank" rel="nofollow" class="Oxzvyr YD5pSO has-custom-
focus"><span class="aGHwBE"><span class="areOb6">This site was designed with the <div data-
testid="bannerLogo" style="direction:ltr;display:inline-flex"><div><svg class="e5cW_9" viewBox="0 0 28 10.89"
aria-label="wix</path></svg></div><div class="uJDaUS">.com</div></div> website builder. Create your website
today.</span><span class="O0tKs2 Oxzvyr">Start Now</span></span></a></div><div
id="BACKGROUND_GROUP" class="BACKGROUND_GROUP"><div
id="BACKGROUND_GROUP_TRANSITION_GROUP"><div id="pageBackground_zuzwg" data-media-height-
override-type="" data-media-position-override="false" class="pageBackground_zuzwg BmZ5pC"><div
id="bgLayers_pageBackground_zuzwg" data-hook="bgLayers" class="MW5IWV"><div data-
testid="colorUnderlay" class="LWbAav Kv1aVt"></div><div id="bgMedia_pageBackground_zuzwg"
class="VgO9Yg"></div><div data-testid="bgOverlay" class="m4khSP"></div></div></div></div></div><div
id="site-root" class="site-root"><div id="masterPage" class="mesh-layout masterPage"><header
class="SITE_HEADER_WRAPPER" tabindex="-1" id="SITE_HEADER_WRAPPER"><div
id="SITE_HEADER" class="nHpahh SITE_HEADER wixui-header" tabindex="-1"><div class="JiXvMh"><div
class="E_zeDg"></div></div><div class="GbfeNm"><div class="UgTgJQ"><div data-mesh-
id="SITE_HEADERinlineContent" data-testid="inline-content" class=""><div data-mesh-
id="SITE_HEADERinlineContent-gridContainer" data-testid="mesh-container-content"><section id="comp-
lfci2ig2" class="comp-lfci2ig2 CohWsy wixui-column-strip"><div id="bgLayers_comp-lfci2ig2" data-
hook="bgLayers" class="if7Vw2"><div data-testid="colorUnderlay" class="tcElKx i1tH8h"></div><div
id="bgMedia_comp-lfci2ig2" class="wG8dni"></div></div><div data-testid="columns" class="V5AUxf"><div
id="comp-lfci2ig3" class="comp-lfci2ig3 YzqVVZ wixui-column-strip__column"><div id="bgLayers_comp-
lfci2ig3" data-hook="bgLayers" class="MW5IWV"><div data-testid="colorUnderlay" class="LWbAav
Kv1aVt"></div><div id="bgMedia_comp-lfci2ig3" class="VgO9Yg"></div></div><div data-mesh-id="comp-
lfci2ig3inlineContent" data-testid="inline-content" class=""><div data-mesh-id="comp-lfci2ig3inlineContent-
gridContainer" data-testid="mesh-container-content"></div></div></div><div id="comp-lfci2ig31" class="comp-
lfci2ig31 YzqVVZ wixui-column-strip__column"><div id="bgLayers_comp-lfci2ig31" data-hook="bgLayers"
class="MW5IWV"><div data-testid="colorUnderlay" class="LWbAav Kv1aVt"></div><div id="bgMedia_comp-
lfci2ig31" class="VgO9Yg"></div></div><div data-mesh-id="comp-lfci2ig31inlineContent" data-testid="inline-
content" class=""><div data-mesh-id="comp-lfci2ig31inlineContent-gridContainer" data-testid="mesh-container-
content"><div id="comp-lfci2ig4" class="MazNVa comp-lfci2ig4 wixui-image rYiAuL"><a data-
testid="linkElement" href="https://sonya2002slaba.wixsite.com/packprint" target="_self" class="j7pOnl"><wow-
image id="img_comp-lfci2ig4" class="HlRz5e BI8PVQ" data-image-
info="{&quot;containerId&quot;:&quot;comp-
lfci2ig4&quot;,&quot;displayMode&quot;:&quot;fit&quot;,&quot;targetWidth&quot;:179,&quot;targetHeight&quo
t;:179,&quot;isLQIP&quot;:false,&quot;imageData&quot;:{&quot;width&quot;:1500,&quot;height&quot;:1500,&q
uot;uri&quot;:&quot;fd6b09668f524cb8b7f2da1f87047009.png&quot;,&quot;name&quot;:&quot;Gift-
Box&quot;,&quot;displayMode&quot;:&quot;fit&quot;}}" data-bg-effect-name="" data-has-ssr-src=""><img
src="https://static.wixstatic.com/media/fd6b09668f524cb8b7f2da1f87047009.png/v1/fill/w_179,h_179,al_c,q_85,us
m_0.66_1.00_0.01,enc_auto/Gift-Box.png" alt="Gift-Box" style="width:179px;height:179px;object-
fit:contain;object-position:unset"
srcSet="https://static.wixstatic.com/media/fd6b09668f524cb8b7f2da1f87047009.png/v1/fill/w_179,h_179,al_c,q_85
,usm_0.66_1.00_0.01,enc_auto/Gift-Box.png 1x,
https://static.wixstatic.com/media/fd6b09668f524cb8b7f2da1f87047009.png/v1/fill/w_358,h_358,al_c,q_85,usm_0.
66_1.00_0.01,enc_auto/Gift-Box.png 2x" fetchpriority="high"/></wow-image></a></div></div></div></div><div
id="comp-lfci2ig5" class="comp-lfci2ig5 YzqVVZ wixui-column-strip__column"><div id="bgLayers_comp-
lfci2ig5" data-hook="bgLayers" class="MW5IWV"><div data-testid="colorUnderlay" class="LWbAav
10
482.ЧДТУ.31936-01 12 01
Kv1aVt"></div><div id="bgMedia_comp-lfci2ig5" class="VgO9Yg"></div></div><div data-mesh-id="comp-
lfci2ig5inlineContent" data-testid="inline-content" class=""><div data-mesh-id="comp-lfci2ig5inlineContent-
gridContainer" data-testid="mesh-container-content"></div></div></div></div></section><section id="comp-
lfci2ig51" class="comp-lfci2ig51 CohWsy wixui-column-strip"><div id="bgLayers_comp-lfci2ig51" data-
hook="bgLayers" class="if7Vw2"><div data-testid="colorUnderlay" class="tcElKx i1tH8h"></div><div
id="bgMedia_comp-lfci2ig51" class="wG8dni"></div></div><div data-testid="columns" class="V5AUxf"><div
id="comp-lfci2ig52" class="comp-lfci2ig52 YzqVVZ wixui-column-strip__column"><div id="bgLayers_comp-
lfci2ig52" data-hook="bgLayers" class="MW5IWV"><div data-testid="colorUnderlay" class="LWbAav
Kv1aVt"></div><div id="bgMedia_comp-lfci2ig52" class="VgO9Yg"></div></div><div data-mesh-id="comp-
lfci2ig52inlineContent" data-testid="inline-content" class=""><div data-mesh-id="comp-lfci2ig52inlineContent-
gridContainer" data-testid="mesh-container-content"></div></div></div><div id="comp-lfci2ig6" class="comp-
lfci2ig6 YzqVVZ wixui-column-strip__column"><div id="bgLayers_comp-lfci2ig6" data-hook="bgLayers"
class="MW5IWV"><div data-testid="colorUnderlay" class="LWbAav Kv1aVt"></div><div id="bgMedia_comp-
lfci2ig6" class="VgO9Yg"></div></div><div data-mesh-id="comp-lfci2ig6inlineContent" data-testid="inline-
content" class=""><div data-mesh-id="comp-lfci2ig6inlineContent-gridContainer" data-testid="mesh-container-
content"><wix-dropdown-menu id="comp-lfci2j7h" class="BSjLjI R7lArd comp-lfci2j7h wixui-dropdown-menu
hidden-during-prewarmup" tabIndex="-1" dir="ltr" data-stretch-buttons-to-menu-width="false" data-same-width-
buttons="false" data-num-items="5" data-menuborder-y="0" data-menubtn-border="0" data-ribbon-els="0" data-
label-pad="0" data-ribbon-extra="0" data-dropalign="center"><nav class="l9EQj1" id="comp-
lfci2j7hnavContainer" aria-label="Site"><ul class="DN7syf" id="comp-lfci2j7hitemsContainer" style="text-
align:center" data-marginallchildren="true"><li id="comp-lfci2j7h0" data-direction="ltr" data-listposition="center"
data-data-id="dataItem-lfci2gpd" data-state="menu false link" data-index="0" class="rqt3qI wixui-dropdown-
menu__item vDnwi4"><a data-testid="linkElement" href="https://sonya2002slaba.wixsite.com/packprint"
target="_self" class="lY3Nwh" aria-haspopup="false"><div class="rBTT56"><div class="" style="text-
align:center"><p class="foFAdY" style="text-align:center" id="comp-
lfci2j7h0label">Головна</p></div></div></a></li><li id="comp-lfci2j7h1" data-direction="ltr" data-
listposition="center" data-data-id="dataItem-lgiizgzk" data-state="menu selected link" data-index="1"
class="rqt3qI wixui-dropdown-menu__item vDnwi4"><a data-testid="linkElement"
href="https://sonya2002slaba.wixsite.com/packprint/замовлення" target="_self" class="lY3Nwh" aria-
haspopup="false"><div class="rBTT56"><div class="" style="text-align:center"><p class="foFAdY" style="text-
align:center" id="comp-lfci2j7h1label">Замовлення</p></div></div></a></li><li id="comp-lfci2j7h2" data-
direction="ltr" data-listposition="center" data-data-id="dataItem-lfcjojz7" data-state="menu false link" data-
index="2" class="rqt3qI wixui-dropdown-menu__item vDnwi4"><a data-testid="linkElement"
href="https://sonya2002slaba.wixsite.com/packprint/матеріали" target="_self" class="lY3Nwh" aria-
haspopup="false"><div class="rBTT56"><div class="" style="text-align:center"><p class="foFAdY" style="text-
align:center" id="comp-lfci2j7h2label">Матеріали</p></div></div></a></li><li id="comp-lfci2j7h3" data-
direction="ltr" data-listposition="center" data-data-id="dataItem-lfci2qxq" data-state="menu false link" data-
index="3" class="rqt3qI wixui-dropdown-menu__item vDnwi4"><a data-testid="linkElement"
href="https://sonya2002slaba.wixsite.com/packprint/портфоліо" target="_self" class="lY3Nwh" aria-
haspopup="false"><div class="rBTT56"><div class="" style="text-align:center"><p class="foFAdY" style="text-
align:center" id="comp-lfci2j7h3label">Портфоліо</p></div></div></a></li><li id="comp-lfci2j7h4" data-
direction="ltr" data-listposition="center" data-data-id="dataItem-lfcjqkj4" data-state="menu false link" data-
index="4" class="rqt3qI wixui-dropdown-menu__item vDnwi4"><a data-testid="linkElement"
href="https://sonya2002slaba.wixsite.com/packprint/контакти" target="_self" class="lY3Nwh" aria-
haspopup="false"><div class="rBTT56"><div class="" style="text-align:center"><p class="foFAdY" style="text-
align:center" id="comp-lfci2j7h4label">Контакти</p></div></div></a></li><li id="comp-lfci2j7h__more__"
data-direction="ltr" data-listposition="center" data-state="menu false header" data-index="__more__" data-
dropdown="false" class="iryznZ vDnwi4"><div data-testid="linkElement" class="lY3Nwh" tabindex="0" aria-
haspopup="false"><div class="rBTT56"><div class="" style="text-align:center"><p class="foFAdY" style="text-
align:center" id="comp-lfci2j7h__more__label">More</p></div></div></div></li></ul><div class="JdScD2"
id="comp-lfci2j7hdropWrapper" data-dropalign="center" data-dropdown-shown="false"><ul class="k8K0Wj
wixui-dropdown-menu__submenu" id="comp-lfci2j7hmoreContainer"></ul></div><div style="display:none"
id="comp-lfci2j7hnavContainer-hiddenA11ySubMenuIndication">Use tab to navigate through the menu
items.</div></nav></wix-dropdown-menu></div></div></div><div id="comp-lfci2ig61" class="comp-lfci2ig61
YzqVVZ wixui-column-strip__column"><div id="bgLayers_comp-lfci2ig61" data-hook="bgLayers"
class="MW5IWV"><div data-testid="colorUnderlay" class="LWbAav Kv1aVt"></div><div id="bgMedia_comp-
lfci2ig61" class="VgO9Yg"></div></div><div data-mesh-id="comp-lfci2ig61inlineContent" data-testid="inline-
content" class=""><div data-mesh-id="comp-lfci2ig61inlineContent-gridContainer" data-testid="mesh-container-
content"></div></div></div></div></section></div></div></div></div></div></header><main
id="PAGES_CONTAINER" class="PAGES_CONTAINER" tabindex="-1" data-main-content="true"><div
11
482.ЧДТУ.31936-01 12 01
id="SITE_PAGES" data-page-transition="OutIn" class="JshATs SITE_PAGES"><div
id="SITE_PAGES_TRANSITION_GROUP" class="fcNEqv"><div id="zuzwg" class="dBAkHi zuzwg"><div
class="PFkO7r" data-testid="page-bg"></div><div class="HT5ybB"><div id="Containerzuzwg"
class="Containerzuzwg SPY_vo"><div data-mesh-id="ContainerzuzwginlineContent" data-testid="inline-content"
class=""><div data-mesh-id="ContainerzuzwginlineContent-gridContainer" data-testid="mesh-container-
content"><section id="comp-lgij14u9" tabindex="-1" class="Oqnisf comp-lgij14u9 wixui-section"><div
id="bgLayers_comp-lgij14u9" data-hook="bgLayers" class="MW5IWV"><div data-testid="colorUnderlay"
class="LWbAav Kv1aVt"></div><div id="bgMedia_comp-lgij14u9" class="VgO9Yg"></div></div><div data-
mesh-id="comp-lgij14u9inlineContent" data-testid="inline-content" class=""><div data-mesh-id="comp-
lgij14u9inlineContent-gridContainer" data-testid="mesh-container-content"><section id="comp-lgij14z9"
class="comp-lgij14z9 CohWsy wixui-column-strip"><div id="bgLayers_comp-lgij14z9" data-hook="bgLayers"
class="if7Vw2"><div data-testid="colorUnderlay" class="tcElKx i1tH8h"></div><div id="bgMedia_comp-
lgij14z9" class="wG8dni"></div></div><div data-testid="columns" class="V5AUxf"><div id="comp-lgij150b"
class="comp-lgij150b YzqVVZ wixui-column-strip__column"><div id="bgLayers_comp-lgij150b" data-
hook="bgLayers" class="MW5IWV"><div data-testid="colorUnderlay" class="LWbAav Kv1aVt"></div><div
id="bgMedia_comp-lgij150b" class="VgO9Yg"></div></div><div data-mesh-id="comp-lgij150binlineContent"
data-testid="inline-content" class=""><div data-mesh-id="comp-lgij150binlineContent-gridContainer" data-
testid="mesh-container-content"><div id="comp-lgij151h" class="KcpHeO tz5f0K comp-lgij151h wixui-rich-text"
data-testid="richTextElement"><h2 class="font_4 wixui-rich-text__text" style="line-height:1.35em; text-
align:center; font-size:40px;"><span style="letter-spacing:normal;" class="wixui-rich-text__text"><span
class="color_15 wixui-rich-text__text"><span style="font-weight:bold;" class="wixui-rich-text__text">Професійні
послуги</span></span></span></h2></div><section id="comp-lgij150l" class="comp-lgij150l CohWsy wixui-
column-strip"><div id="bgLayers_comp-lgij150l" data-hook="bgLayers" class="if7Vw2"><div data-
testid="colorUnderlay" class="tcElKx i1tH8h"></div><div id="bgMedia_comp-lgij150l"
class="wG8dni"></div></div><div data-testid="columns" class="V5AUxf"><div id="comp-lgij150u"
class="comp-lgij150u YzqVVZ wixui-column-strip__column"><div id="bgLayers_comp-lgij150u" data-
hook="bgLayers" class="MW5IWV"><div data-testid="colorUnderlay" class="LWbAav Kv1aVt"></div><div
id="bgMedia_comp-lgij150u" class="VgO9Yg"></div></div><div data-mesh-id="comp-lgij150uinlineContent"
data-testid="inline-content" class=""><div data-mesh-id="comp-lgij150uinlineContent-gridContainer" data-
testid="mesh-container-content"></div></div></div></div></section><div id="comp-lgij152a" class="KcpHeO
tz5f0K comp-lgij152a wixui-rich-text" data-testid="richTextElement"><p class="font_8 wixui-rich-text__text"
style="line-height:1.75em; text-align:center; font-size:18px;"><span style="letter-spacing:normal;" class="wixui-
rich-text__text"><span class="color_15 wixui-rich-text__text">Послуги для вас</span></span></p>
<p class="font_8 wixui-rich-text__text" style="line-height:1.75em; text-align:center; font-size:18px;"><span
style="letter-spacing:normal;" class="wixui-rich-text__text"><span class="color_15 wixui-rich-text__text"><spanclass="wixGuard wixui-rich-text__text"></span></span></span></p></div><section id="comp-lgij152h"
class="comp-lgij152h CohWsy wixui-column-strip"><div id="bgLayers_comp-lgij152h" data-hook="bgLayers"
class="if7Vw2"><div data-testid="colorUnderlay" class="tcElKx i1tH8h"></div><div id="bgMedia_comp-
lgij152h" class="wG8dni"></div></div><div data-testid="columns" class="V5AUxf"><div id="comp-lgij152p"
class="comp-lgij152p YzqVVZ wixui-column-strip__column"><div id="bgLayers_comp-lgij152p" data-
hook="bgLayers" class="MW5IWV"><div data-testid="colorUnderlay" class="LWbAav Kv1aVt"></div><div
id="bgMedia_comp-lgij152p" class="VgO9Yg"><wow-image id="img_comp-lgij152p" class="HlRz5e Kv1aVt
dLPlxY mNGsUM bgImage" data-image-info="{&quot;containerId&quot;:&quot;comp-
lgij152p&quot;,&quot;displayMode&quot;:&quot;fill&quot;,&quot;targetWidth&quot;:490,&quot;targetHeight&qu
ot;:840,&quot;isLQIP&quot;:true,&quot;imageData&quot;:{&quot;width&quot;:600,&quot;height&quot;:800,&qu
ot;uri&quot;:&quot;3f1712e4264cc956cf1f683396d3123a.jpg&quot;,&quot;name&quot;:&quot;&quot;,&quot;displ
ayMode&quot;:&quot;fill&quot;,&quot;focalPoint&quot;:{&quot;x&quot;:50,&quot;y&quot;:50}}}" data-bg-
effect-name="" data-has-ssr-src="true"><img
src="https://static.wixstatic.com/media/3f1712e4264cc956cf1f683396d3123a.jpg/v1/fill/w_123,h_163,al_c,q_80,us
m_0.66_1.00_0.01,blur_2,enc_auto/3f1712e4264cc956cf1f683396d3123a.jpg" alt="Animal Paper Set"
style="width:100%;height:100%;object-fit:cover;object-position:50% 50%"/></wow-image></div></div><div
data-mesh-id="comp-lgij152pinlineContent" data-testid="inline-content" class=""><div data-mesh-id="comp-
lgij152pinlineContent-gridContainer" data-testid="mesh-container-content"><div id="comp-lgij153c"
class="KcpHeO tz5f0K comp-lgij153c wixui-rich-text" data-testid="richTextElement"><h3 class="font_6 wixui-
rich-text__text" style="line-height:1.41em; text-align:left; font-size:22px;"><span style="letter-spacing:normal;"
class="wixui-rich-text__text"><span class="color_11 wixui-rich-text__text"><span style="font-weight:bold;"
class="wixui-rich-text__text">Друк конвертів</span></span></span></h3></div><div class="comp-lgij153i
R6ex7N" id="comp-lgij153i" aria-disabled="false"><a data-testid="linkElement"
href="https://sonya2002slaba.wixsite.com/packprint/матеріали" target="_self" class="kuTaGy wixui-button
12
482.ЧДТУ.31936-01 12 01
zKbzSQ" aria-disabled="false"><span class="M3I7Z2 wixui-button__label">Дізнатись
більше</span></a></div></div></div></div><div id="comp-lgij1545" class="comp-lgij1545 YzqVVZ wixui-
column-strip__column"><div id="bgLayers_comp-lgij1545" data-hook="bgLayers" class="MW5IWV"><div data-
testid="colorUnderlay" class="LWbAav Kv1aVt"></div><div id="bgMedia_comp-lgij1545"
class="VgO9Yg"><wow-image id="img_comp-lgij1545" class="HlRz5e Kv1aVt dLPlxY mNGsUM bgImage"
data-image-info="{&quot;containerId&quot;:&quot;comp-
lgij1545&quot;,&quot;displayMode&quot;:&quot;fill&quot;,&quot;targetWidth&quot;:490,&quot;targetHeight&qu
ot;:840,&quot;isLQIP&quot;:true,&quot;imageData&quot;:{&quot;width&quot;:600,&quot;height&quot;:800,&qu
ot;uri&quot;:&quot;326c0c30ba9e96717f3fca13dd5399a0.jpg&quot;,&quot;name&quot;:&quot;&quot;,&quot;disp
layMode&quot;:&quot;fill&quot;,&quot;focalPoint&quot;:{&quot;x&quot;:50,&quot;y&quot;:50}}}" data-bg-
effect-name="" data-has-ssr-src="true"><img
src="https://static.wixstatic.com/media/326c0c30ba9e96717f3fca13dd5399a0.jpg/v1/fill/w_123,h_163,al_c,q_80,us
m_0.66_1.00_0.01,blur_2,enc_auto/326c0c30ba9e96717f3fca13dd5399a0.jpg" alt="Striped Envelopes"
style="width:100%;height:100%;object-fit:cover;object-position:50% 50%"/></wow-image></div></div><div
data-mesh-id="comp-lgij1545inlineContent" data-testid="inline-content" class=""><div data-mesh-id="comp-
lgij1545inlineContent-gridContainer" data-testid="mesh-container-content"><div id="comp-lgij154f"
class="KcpHeO tz5f0K comp-lgij154f wixui-rich-text" data-testid="richTextElement"><h3 class="font_6 wixui-
rich-text__text" style="line-height:1.41em; text-align:left; font-size:22px;"><span style="letter-spacing:normal;"
class="wixui-rich-text__text"><span class="color_11 wixui-rich-text__text"><span style="font-weight:bold;"
class="wixui-rich-text__text">Друк запрошень на весілля</span></span></span></h3></div><div class="comp-
lgij154l R6ex7N" id="comp-lgij154l" aria-disabled="false"><a data-testid="linkElement"
href="https://sonya2002slaba.wixsite.com/packprint/матеріали" target="_self" class="kuTaGy wixui-button
zKbzSQ" aria-disabled="false"><span class="M3I7Z2 wixui-button__label">Дізнатись
більше</span></a></div></div></div></div></div></section></div></div></div></div></section></div></div><
/section><section id="comp-lgij3zv0" tabindex="-1" class="Oqnisf comp-lgij3zv0 wixui-section"><div
id="bgLayers_comp-lgij3zv0" data-hook="bgLayers" class="MW5IWV"><div data-testid="colorUnderlay"
class="LWbAav Kv1aVt"></div><div id="bgMedia_comp-lgij3zv0" class="VgO9Yg"></div></div><div data-
mesh-id="comp-lgij3zv0inlineContent" data-testid="inline-content" class=""><div data-mesh-id="comp-
lgij3zv0inlineContent-gridContainer" data-testid="mesh-container-content"><section id="comp-lgij4008"
class="comp-lgij4008 CohWsy wixui-column-strip"><div id="bgLayers_comp-lgij4008" data-hook="bgLayers"
class="if7Vw2"><div data-testid="colorUnderlay" class="tcElKx i1tH8h"></div><div id="bgMedia_comp-
lgij4008" class="wG8dni"></div></div><div data-testid="columns" class="V5AUxf"><div id="comp-lgij400m"
class="comp-lgij400m YzqVVZ wixui-column-strip__column"><div id="bgLayers_comp-lgij400m" data-
hook="bgLayers" class="MW5IWV"><div data-testid="colorUnderlay" class="LWbAav Kv1aVt"></div><div
id="bgMedia_comp-lgij400m" class="VgO9Yg"></div></div><div data-mesh-id="comp-lgij400minlineContent"
data-testid="inline-content" class=""><div data-mesh-id="comp-lgij400minlineContent-gridContainer" data-
testid="mesh-container-content"><section id="comp-lgij400x" class="comp-lgij400x CohWsy wixui-column-
strip"><div id="bgLayers_comp-lgij400x" data-hook="bgLayers" class="if7Vw2"><div data-
testid="colorUnderlay" class="tcElKx i1tH8h"></div><div id="bgMedia_comp-lgij400x"
class="wG8dni"></div></div><div data-testid="columns" class="V5AUxf"><div id="comp-lgij4015"
class="comp-lgij4015 YzqVVZ wixui-column-strip__column"><div id="bgLayers_comp-lgij4015" data-
hook="bgLayers" class="MW5IWV"><div data-testid="colorUnderlay" class="LWbAav Kv1aVt"></div><div
id="bgMedia_comp-lgij4015" class="VgO9Yg"></div></div><div data-mesh-id="comp-lgij4015inlineContent"
data-testid="inline-content" class=""><div data-mesh-id="comp-lgij4015inlineContent-gridContainer" data-
testid="mesh-container-content"><section id="comp-lgij401e" class="comp-lgij401e CohWsy wixui-column-
strip"><div id="bgLayers_comp-lgij401e" data-hook="bgLayers" class="if7Vw2"><div data-
testid="colorUnderlay" class="tcElKx i1tH8h"></div><div id="bgMedia_comp-lgij401e"
class="wG8dni"></div></div><div data-testid="columns" class="V5AUxf"><div id="comp-lgij401l"
class="comp-lgij401l YzqVVZ wixui-column-strip__column"><div id="bgLayers_comp-lgij401l" data-
hook="bgLayers" class="MW5IWV"><div data-testid="colorUnderlay" class="LWbAav Kv1aVt"></div><div
id="bgMedia_comp-lgij401l" class="VgO9Yg"><wow-image id="img_comp-lgij401l" class="HlRz5e Kv1aVt
dLPlxY mNGsUM bgImage" data-image-info="{&quot;containerId&quot;:&quot;comp-
lgij401l&quot;,&quot;alignType&quot;:&quot;center&quot;,&quot;displayMode&quot;:&quot;fill&quot;,&quot;tar
getWidth&quot;:490,&quot;targetHeight&quot;:840,&quot;isLQIP&quot;:true,&quot;imageData&quot;:{&quot;wi
dth&quot;:832,&quot;height&quot;:548,&quot;uri&quot;:&quot;2475b2_d9041cb17cff4830bd0997997a52ef60~m
v2.jpg&quot;,&quot;name&quot;:&quot;&quot;,&quot;displayMode&quot;:&quot;fill&quot;}}" data-bg-effect-
name="" data-has-ssr-src="true"><img
src="https://static.wixstatic.com/media/2475b2_d9041cb17cff4830bd0997997a52ef60~mv2.jpg/v1/fill/w_123,h_81,
al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/2475b2_d9041cb17cff4830bd0997997a52ef60~mv2.jpg"
alt="kartonnye-korobki-voronezh.jpg" style="width:100%;height:100%;object-fit:cover;object-position:50%
13
482.ЧДТУ.31936-01 12 01
50%"/></wow-image></div></div><div data-mesh-id="comp-lgij401linlineContent" data-testid="inline-content"
class=""><div data-mesh-id="comp-lgij401linlineContent-gridContainer" data-testid="mesh-container-
content"><div id="comp-lgij4026" class="KcpHeO tz5f0K comp-lgij4026 wixui-rich-text" data-
testid="richTextElement"><h3 class="font_6 wixui-rich-text__text" style="line-height:1.41em; text-align:left; font-
size:22px;"><span style="letter-spacing:normal;" class="wixui-rich-text__text"><span class="color_11 wixui-rich-
text__text"><span style="font-weight:bold;" class="wixui-rich-text__text">Друк на
коробках</span></span></span></h3></div><div class="comp-lgij402c R6ex7N" id="comp-lgij402c" aria-
disabled="false"><a data-testid="linkElement" href="https://sonya2002slaba.wixsite.com/packprint/матеріали"
target="_self" class="kuTaGy wixui-button zKbzSQ" aria-disabled="false"><span class="M3I7Z2 wixui-
button__label">Дізнатись більше</span></a></div></div></div></div><div id="comp-lgij402l" class="comp-
lgij402l YzqVVZ wixui-column-strip__column"><div id="bgLayers_comp-lgij402l" data-hook="bgLayers"
class="MW5IWV"><div data-testid="colorUnderlay" class="LWbAav Kv1aVt"></div><div id="bgMedia_comp-
lgij402l" class="VgO9Yg"><wow-image id="img_comp-lgij402l" class="HlRz5e Kv1aVt dLPlxY mNGsUM
bgImage" data-image-info="{&quot;containerId&quot;:&quot;comp-
lgij402l&quot;,&quot;alignType&quot;:&quot;center&quot;,&quot;displayMode&quot;:&quot;fill&quot;,&quot;tar
getWidth&quot;:490,&quot;targetHeight&quot;:840,&quot;isLQIP&quot;:true,&quot;imageData&quot;:{&quot;wi
dth&quot;:2000,&quot;height&quot;:2000,&quot;uri&quot;:&quot;2475b2_89e286eda1a34de3ab4a235a43fe7e81~
mv2.jpg&quot;,&quot;name&quot;:&quot;&quot;,&quot;displayMode&quot;:&quot;fill&quot;}}" data-bg-effect-
name="" data-has-ssr-src="true"><img
src="https://static.wixstatic.com/media/2475b2_89e286eda1a34de3ab4a235a43fe7e81~mv2.jpg/v1/fill/w_123,h_12
3,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/2475b2_89e286eda1a34de3ab4a235a43fe7e81~mv2.jpg"
alt="flat-design-vintage-label-collection_23-2149849906.jpg_w=2000.jpg" style="width:100%;height:100%;object-
fit:cover;object-position:50% 50%"/></wow-image></div></div><div data-mesh-id="comp-lgij402linlineContent"
data-testid="inline-content" class=""><div data-mesh-id="comp-lgij402linlineContent-gridContainer" data-
testid="mesh-container-content"><div id="comp-lgij402t" class="KcpHeO tz5f0K comp-lgij402t wixui-rich-text"
data-testid="richTextElement"><h3 class="font_6 wixui-rich-text__text" style="line-height:1.41em; text-align:left;
font-size:22px;"><span style="letter-spacing:normal;" class="wixui-rich-text__text"><span class="color_11 wixui-
rich-text__text"><span style="font-weight:bold;" class="wixui-rich-text__text">Друк
етикеток</span></span></span></h3></div><div class="comp-lgij402z R6ex7N" id="comp-lgij402z" aria-
disabled="false"><a data-testid="linkElement" href="https://sonya2002slaba.wixsite.com/packprint/матеріали"
target="_self" class="kuTaGy wixui-button zKbzSQ" aria-disabled="false"><span class="M3I7Z2 wixui-
button__label">Дізнатись
більше</span></a></div></div></div></div></div></section></div></div></div></div></section></div></div><
/div></div></section></div></div></section><section id="comp-lgij9j66" tabindex="-1" class="Oqnisf comp-
lgij9j66 wixui-section"><div id="bgLayers_comp-lgij9j66" data-hook="bgLayers" class="MW5IWV"><div data-
testid="colorUnderlay" class="LWbAav Kv1aVt"></div><div id="bgMedia_comp-lgij9j66"
class="VgO9Yg"></div></div><div data-mesh-id="comp-lgij9j66inlineContent" data-testid="inline-content"
class=""><div data-mesh-id="comp-lgij9j66inlineContent-gridContainer" data-testid="mesh-container-
content"><section id="comp-lgij9jam" class="comp-lgij9jam CohWsy wixui-column-strip"><div
id="bgLayers_comp-lgij9jam" data-hook="bgLayers" class="if7Vw2"><div data-testid="colorUnderlay"
class="tcElKx i1tH8h"></div><div id="bgMedia_comp-lgij9jam" class="wG8dni"></div></div><div data-
testid="columns" class="V5AUxf"><div id="comp-lgij9jb0" class="comp-lgij9jb0 YzqVVZ wixui-column-
strip__column"><div id="bgLayers_comp-lgij9jb0" data-hook="bgLayers" class="MW5IWV"><div data-
testid="colorUnderlay" class="LWbAav Kv1aVt"></div><div id="bgMedia_comp-lgij9jb0"
class="VgO9Yg"></div></div><div data-mesh-id="comp-lgij9jb0inlineContent" data-testid="inline-content"
class=""><div data-mesh-id="comp-lgij9jb0inlineContent-gridContainer" data-testid="mesh-container-
content"><section id="comp-lgij9jb9" class="comp-lgij9jb9 CohWsy wixui-column-strip"><div
id="bgLayers_comp-lgij9jb9" data-hook="bgLayers" class="if7Vw2"><div data-testid="colorUnderlay"
class="tcElKx i1tH8h"></div><div id="bgMedia_comp-lgij9jb9" class="wG8dni"></div></div><div data-
testid="columns" class="V5AUxf"><div id="comp-lgij9jbh" class="comp-lgij9jbh YzqVVZ wixui-column-
strip__column"><div id="bgLayers_comp-lgij9jbh" data-hook="bgLayers" class="MW5IWV"><div data-
testid="colorUnderlay" class="LWbAav Kv1aVt"></div><div id="bgMedia_comp-lgij9jbh"
class="VgO9Yg"></div></div><div data-mesh-id="comp-lgij9jbhinlineContent" data-testid="inline-content"
class=""><div data-mesh-id="comp-lgij9jbhinlineContent-gridContainer" data-testid="mesh-container-
content"><div id="comp-lgij9jbo" class="comp-lgij9jbo SPY_vo"><div data-mesh-id="comp-
lgij9jboinlineContent" data-testid="inline-content" class=""><div data-mesh-id="comp-lgij9jboinlineContent-
gridContainer" data-testid="mesh-container-content"><div id="comp-lgij9jbw" class="KcpHeO tz5f0K comp-
lgij9jbw wixui-rich-text" data-testid="richTextElement"><h2 class="font_4 wixui-rich-text__text" style="line-
height:1.35em; text-align:center; font-size:40px;"><span style="letter-spacing:normal;" class="wixui-rich-
text__text"><span class="color_15 wixui-rich-text__text"><span style="font-weight:bold;" class="wixui-rich-
14
482.ЧДТУ.31936-01 12 01
text__text">Зв`яжіться з нами</span></span></span></h2></div><div id="comp-lgij9jc6" class="BaOVQ8
tz5f0K comp-lgij9jc6 wixui-rich-text" data-testid="richTextElement"><p class="font_9 wixui-rich-text__text"
style="text-align:center; line-height:1.875em; font-size:15px;"><span class="color_15 wixui-rich-text__text">500
Terry Francois Street, 6th Floor. San Francisco, CA 94158</span></p></div><div id="comp-lgij9jcb"
class="BaOVQ8 tz5f0K comp-lgij9jcb wixui-rich-text" data-testid="richTextElement"><p class="font_9 wixui-
rich-text__text" style="text-align:center; line-height:1.875em; font-size:15px;"><span class="color_15 wixui-rich-
text__text"><a data-auto-recognition="true" href="mailto:[email protected]" class="wixui-rich-
text__text">[email protected]</a></span></p></div><div id="comp-lgij9jcg" class="BaOVQ8 tz5f0K comp-
lgij9jcg wixui-rich-text" data-testid="richTextElement"><p class="font_9 wixui-rich-text__text" style="text-
align:center; line-height:1.875em; font-size:15px;"><span class="color_15 wixui-rich-text__text">123-456-
7890</span></p></div></div></div></div></div></div></div><div id="comp-lgij9jcl" class="comp-lgij9jcl
YzqVVZ wixui-column-strip__column"><div id="bgLayers_comp-lgij9jcl" data-hook="bgLayers"
class="MW5IWV"><div data-testid="colorUnderlay" class="LWbAav Kv1aVt"></div><div id="bgMedia_comp-
lgij9jcl" class="VgO9Yg"></div></div><div data-mesh-id="comp-lgij9jclinlineContent" data-testid="inline-
content" class=""><div data-mesh-id="comp-lgij9jclinlineContent-gridContainer" data-testid="mesh-container-
content"><div id="comp-lgij9jcs" class="bkIuWA comp-lgij9jcs"><div data-mesh-id="comp-lgij9jcsinlineContent"
data-testid="inline-content" class=""><div data-mesh-id="comp-lgij9jcsinlineContent-gridContainer" data-
testid="mesh-container-content"><form id="comp-lgij9jd5" class="JVi7i2 comp-lgij9jd5 wixui-form"><div data-
mesh-id="comp-lgij9jd5inlineContent" data-testid="inline-content" class=""><div data-mesh-id="comp-
lgij9jd5inlineContent-gridContainer" data-testid="mesh-container-content"><div id="comp-lgij9jdu"
class="MpKiNN comp-lgij9jdu wixui-text-input qzvPmW lPl_oN"><label for="input_comp-lgij9jdu"
class="wPeA6j wixui-text-input__label">Ім`я</label><div class="pUnTVX"><input type="text" name="ім`я"
id="input_comp-lgij9jdu" class="KvoMHf has-custom-focus wixui-text-input__input" value="" placeholder=""
required="" aria-required="true" maxLength="100"/></div></div><div id="comp-lgij9jfk" class="MpKiNN comp-
lgij9jfk wixui-text-input qzvPmW"><label for="input_comp-lgij9jfk" class="wPeA6j wixui-text-
input__label">Адреса</label><div class="pUnTVX"><input type="text" name="адреса" id="input_comp-lgij9jfk"
class="KvoMHf has-custom-focus wixui-text-input__input" value="" placeholder="" aria-required="false"
maxLength="250"/></div></div><div id="comp-lgij9jfw" class="MpKiNN comp-lgij9jfw wixui-text-input
qzvPmW lPl_oN"><label for="input_comp-lgij9jfw" class="wPeA6j wixui-text-input__label">Эл.
пошта</label><div class="pUnTVX"><input type="email" name="email" id="input_comp-lgij9jfw"
class="KvoMHf has-custom-focus wixui-text-input__input" value="" placeholder="" required="" aria-
required="true" pattern="^.+@.+\.[a-zA-Z]{2,63}$" maxLength="250"/></div></div><div id="comp-lgij9jg8"
class="MpKiNN comp-lgij9jg8 wixui-text-input qzvPmW"><label for="input_comp-lgij9jg8" class="wPeA6j
wixui-text-input__label">Телефон</label><div class="pUnTVX"><input type="tel" name="phone"
id="input_comp-lgij9jg8" class="KvoMHf has-custom-focus wixui-text-input__input" value="" placeholder=""
aria-required="false" maxLength="50"/></div></div><div id="comp-lgij9jgk" class="MpKiNN comp-lgij9jgk
wixui-text-input qzvPmW"><label for="input_comp-lgij9jgk" class="wPeA6j wixui-text-
input__label">Тема</label><div class="pUnTVX"><input type="text" name="тема" id="input_comp-lgij9jgk"
class="KvoMHf has-custom-focus wixui-text-input__input" value="" placeholder="" aria-
required="false"/></div></div><div id="comp-lgij9jgw" class="snt4Te comp-lgij9jgw wixui-text-box
oKe0Po"><label for="textarea_comp-lgij9jgw" class="PSkPrR wixui-text-
box__label">Повідомлення</label><textarea id="textarea_comp-lgij9jgw" class="rEindN has-custom-focus
wixui-text-box__input" placeholder="Додати повідомлення" aria-required="false"></textarea></div><div
id="comp-lgij9ji8" class="KcpHeO tz5f0K comp-lgij9ji8 wixui-rich-text" data-testid="richTextElement"><p
class="font_8 wixui-rich-text__text" style="text-align:center; line-height:normal; font-size:18px;"><span
style="letter-spacing:normal;" class="wixui-rich-text__text"><span class="color_15 wixui-rich-
text__text">Відправлено, дякую!</span></span></p></div><div class="comp-lgij9jik R6ex7N" id="comp-
lgij9jik" aria-disabled="false"><button aria-disabled="false" data-testid="buttonElement" class="kuTaGy wixui-
button zKbzSQ"><span class="M3I7Z2 wixui-
button__label">Надіслати</span></button></div></div></div></form></div></div></div></div></div></div></
div></section><section id="comp-lgij9jj9" class="comp-lgij9jj9 CohWsy wixui-column-strip"><div
id="bgLayers_comp-lgij9jj9" data-hook="bgLayers" class="if7Vw2"><div data-testid="colorUnderlay"
class="tcElKx i1tH8h"></div><div id="bgMedia_comp-lgij9jj9" class="wG8dni"></div></div><div data-
testid="columns" class="V5AUxf"><div id="comp-lgij9jjg" class="comp-lgij9jjg YzqVVZ wixui-column-
strip__column"><div id="bgLayers_comp-lgij9jjg" data-hook="bgLayers" class="MW5IWV"><div data-
testid="colorUnderlay" class="LWbAav Kv1aVt"></div><div id="bgMedia_comp-lgij9jjg"
class="VgO9Yg"></div></div><div data-mesh-id="comp-lgij9jjginlineContent" data-testid="inline-content"
class=""><div data-mesh-id="comp-lgij9jjginlineContent-gridContainer" data-testid="mesh-container-
content"></div></div></div></div></section><div id="comp-lgij9jjm" tabindex="0" class="azCDHJ comp-
lgij9jjm wixui-google-
15
482.ЧДТУ.31936-01 12 01
map"></div></div></div></div></div></section></div></div></section></div></div></div></div></div></div><
/div></main><footer class="SITE_FOOTER_WRAPPER" tabindex="-1" id="SITE_FOOTER_WRAPPER"><div
id="SITE_FOOTER" class="xU8fqS SITE_FOOTER wixui-footer" tabindex="-1"><div class="_C0cVf"><div
class="_4XcTfy" data-testid="screenWidthContainerBg"></div></div><div class="U4Bvut"><div
class="G5K6X8"><div class="gUbusX" data-testid="screenWidthContainerBgCenter"></div></div><div
class="CJF7A2"><div data-mesh-id="SITE_FOOTERinlineContent" data-testid="inline-content" class=""><div
data-mesh-id="SITE_FOOTERinlineContent-gridContainer" data-testid="mesh-container-content"><div id="comp-
lfci2jm0" class="KcpHeO tz5f0K comp-lfci2jm0 wixui-rich-text" data-testid="richTextElement"><p class="font_9
wixui-rich-text__text" style="line-height:1.875em; text-align:center; font-size:15px;"><span style="letter-
spacing:normal;" class="wixui-rich-text__text"><span class="color_15 wixui-rich-text__text">Pack,<a data-auto-
recognition="true" href="mailto:[email protected]" class="wixui-rich-
text__text">[email protected]</a></span></span></p></div><div id="comp-lfci2jm2" class="BaOVQ8 tz5f0K
comp-lfci2jm2 wixui-rich-text" data-testid="richTextElement"><p class="font_10 wixui-rich-text__text"
style="text-align:center; line-height:1.79em; font-size:14px;"><span class="color_15 wixui-rich-text__text">©
PackPrint, 2023. Сайт создан на
Wix.com</span></p></div></div></div></div></div></div></footer></div></div><div
id="SCROLL_TO_BOTTOM" class="Vd6aQZ ignore-focus SCROLL_TO_BOTTOM" tabindex="-1"
role="region" aria-label="bottom of page"><span class="mHZSwn">bottom of page</span></div></div></div>
<script>
window.firstPageId = 'zuzwg'
window.bi.sendBeat(12, 'Partially visible', {pageId: window.firstPageId})
if (window.requestCloseWelcomeScreen) {
window.requestCloseWelcomeScreen()
}
if (!window.__browser_deprecation__) {
window.fedops.phaseStarted('partially_visible', {paramsOverrides: { pageId: firstPageId }})
}
</script>
<!--pageHtmlEmbeds.bodyEnd start-->
<script type="wix/htmlEmbeds" id="pageHtmlEmbeds.bodyEnd start"></script>
<script type="wix/htmlEmbeds" id="pageHtmlEmbeds.bodyEnd end"></script>
<!--pageHtmlEmbeds.bodyEnd end-->
<!-- warmup data start -->
<script type="application/json" id="wix-warmup-data">{"platform":{"ssrPropsUpdates":[{"comp-
lgij9ji8":{"hidden":true},"comp-lgij9jdu":{"isValid":false,"maxLength":100},"comp-
lgij9jfk":{"isValid":true,"maxLength":250},"comp-lgij9jfw":{"isValid":false,"maxLength":250},"comp-
lgij9jg8":{"isValid":true,"maxLength":50},"comp-lgij9jgk":{"isValid":true},"comp-
lgij9jgw":{"isValid":true}}],"ssrStyleUpdates":[{"comp-
lgij9ji8":{"visibility":"hidden !important"}}],"ssrStructureUpdates":[]},"appsWarmup
Data":{},"ooi":{"failedInSsr":{}}}</script>
<!-- warmup data end -->
</body>
</html>
Matherial.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset='utf-8'>
<meta name="viewport" content="width=device-width, initial-scale=1" id="wixDesktopViewport" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="Wix.com Website Builder"/>
<link rel="icon" sizes="192x192" href="https://www.wix.com/favicon.ico">
<link rel="shortcut icon" href="https://www.wix.com/favicon.ico" type="image/x-icon"/>
<link rel="apple-touch-icon" href="https://www.wix.com/favicon.ico" type="image/x-icon"/>
<script nomodule="" src="https://static.parastorage.com/unpkg/[email protected]/minified.js"></script>
<script nomodule="" src="https://static.parastorage.com/unpkg/[email protected]/dist/focus-within-
polyfill.js"></script>
<script nomodule="" src="https://polyfill.io/v3/polyfill.min.js?features=fetch"></script>
<script>
16
482.ЧДТУ.31936-01 12 01
(function () {
var noop = function noop() {};
if ("performance" in window === false) {
window.performance = {};
}
window.performance.mark = performance.mark || noop;
window.performance.measure = performance.measure || noop;
if ("now" in window.performance === false) {
var nowOffset = Date.now();
if (performance.timing && performance.timing.navigationStart) {
nowOffset = performance.timing.navigationStart;
}
window.performance.now = function now() {
return Date.now() - nowOffset;
};
}
})();
</script>
<script>
(function () {
var now = Date.now()
window.initialTimestamps = {
initialTimestamp: now,
initialRequestTimestamp: Math.round(performance.timeOrigin ? performance.timeOrigin : now -
performance.now())
}
window.thunderboltTag = "libs-releases-GA-local"
window.thunderboltVersion = "1.12295.0"
})();
</script>
<script id="sentry">
</script>
<script>window.fedops = JSON.parse(document.getElementById('wix-fedops').textContent)</script>
sourceMappingURL=https://static.parastorage.com/services/wix-thunderbolt/dist/webpack-
runtime.cc184b88.bundle.min.js.map</script>
sourceMappingURL=https://static.parastorage.com/services/wix-thunderbolt/dist/bi-
common.inline.83966b6a.bundle.min.js.map</script>
<!-- Polyfills check -->
<script>
if (
typeof Promise === 'undefined' ||
typeof Set === 'undefined' ||
typeof Object.assign === 'undefined' ||
typeof Array.from === 'undefined' ||
typeof Symbol === 'undefined'
) {
window.fedops.phaseStarted('missing_polyfills')
}
</script>
<script>
window.viewerModel = JSON.parse(document.getElementById('wix-viewer-model').textContent)
window.dynamicModelPromise = window.fetchDynamicModel()
window.commonConfig = viewerModel.commonConfig
</script>
<script>
window.firstPageId = 'o8zcu'
window.bi.sendBeat(12, 'Partially visible', {pageId: window.firstPageId})
if (window.requestCloseWelcomeScreen) {
window.requestCloseWelcomeScreen()
}
17
482.ЧДТУ.31936-01 12 01
if (!window.__browser_deprecation__) {
window.fedops.phaseStarted('partially_visible', {paramsOverrides: { pageId: firstPageId }})
}
</script>
<script type="wix/htmlEmbeds" id="pageHtmlEmbeds.bodyEnd start"></script>
<script type="wix/htmlEmbeds" id="pageHtmlEmbeds.bodyEnd end"></script>
</body>
</html>
Portfolio.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset='utf-8'>
<meta name="viewport" content="width=device-width, initial-scale=1" id="wixDesktopViewport" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="Wix.com Website Builder"/>
<link rel="icon" sizes="192x192" href="https://www.wix.com/favicon.ico">
<link rel="shortcut icon" href="https://www.wix.com/favicon.ico" type="image/x-icon"/>
<link rel="apple-touch-icon" href="https://www.wix.com/favicon.ico" type="image/x-icon"/>
<script>
(function () {
var noop = function noop() {};
if ("performance" in window === false) {
window.performance = {};
}
window.performance.mark = performance.mark || noop;
window.performance.measure = performance.measure || noop;
if ("now" in window.performance === false) {
var nowOffset = Date.now();
if (performance.timing && performance.timing.navigationStart) {
nowOffset = performance.timing.navigationStart;
}
window.performance.now = function now() {
return Date.now() - nowOffset;
};
}
})();
</script>
<script>
(function () {
var now = Date.now()
window.initialTimestamps = {
initialTimestamp: now,
initialRequestTimestamp: Math.round(performance.timeOrigin ? performance.timeOrigin : now -
performance.now())
}
window.thunderboltTag = "libs-releases-GA-local"
window.thunderboltVersion = "1.12295.0"
})();
</script>
<script id="sentry">
(function(c,t,u,n,p,l,y,z,v){if(c[l] && c[l].mute) {return;}function e(b){if(!w){w=!0;var
d=t.getElementsByTagName(u)[0],a=t.createElement(u);a.src=z;a.crossorigin="anonymous";a.addEventListener("lo
ad",function(){try{c[n]=q;c[p]=r;var a=c[l],d=a.init;a.init=function(a){for(var b in
a)Object.prototype.hasOwnProperty.call(a,b)&&(v[b]=a[b]);d(v)};B(b,a)}catch(A){console.error(A)}});d.parentNo
de.insertBefore(a,d)}}function B(b,d){try{for(var a=0;a<b.length;a++)if("function"===typeof b[a])b[a]();var
f=m.data,g=!1,h=!1;for(a=0;a<f.length;a++)if(f[a].f){h=!0;var
e=f[a];!1===g&&"init"!==e.f&&d.init();g=!0;d[e.f].apply(d,e.a)}!1===h&&d.init();var
k=c[n],l=c[p];for(a=0;a<f.length;a++)f[a].e&&k?k.apply(c,f[a].e):f[a].p&&l&&l.apply(c,[f[a].p])}catch(C){console
18
482.ЧДТУ.31936-01 12 01
.error(C)}}for(var g=!0,x=!1,k=0;k<document.scripts.length;k++)if(-
1<document.scripts[k].src.indexOf(y)){g="no"!==document.scripts[k].getAttribute("data-lazy");break}var
w=!1,h=[],m=function(b){(b.e||b.p||b.f&&-1<b.f.indexOf("capture")||b.f&&-
1<b.f.indexOf("showReportDialog"))&&g&&e(h);m.data.push(b)};m.data=[];c[l]={onLoad:function(b){h.push(b);
g&&!x||e(h)},forceLoad:function(){x=!0;g&&setTimeout(function(){e(h)})}};"init addBreadcrumb captureMessage
captureException captureEvent configureScope withScope showReportDialog".split("
").forEach(function(b){c[l][b]=function(){m({f:b,a:arguments})}});var
q=c[n];c[n]=function(b,d,a,f,e){m({e:[].slice.call(arguments)});q&&q.apply(c,arguments)};var
r=c[p];c[p]=function(b){m({p:b.reason});r&&r.apply(c,arguments)};g||setTimeout(function(){e(h)})})(window,doc
ument,"script","onerror","onunhandledrejection","Sentry","605a7baede844d278b89dc95ae0a9123","https://browser.
sentry-cdn.com/6.18.2/bundle.min.js",{"dsn":"https://605a7baede844d278b89dc95ae0a9123@sentry-
next.wixpress.com/68"});
</script>
<script type="application/json" id="wix-fedops">{"data":{"site":{"metaSiteId":"0e87fcc0-c20e-437a-920d-
87d76ba2988c","userId":"2475b287-9b7d-4f93-9fe8-d3e59a6cfea2","siteId":"6cd4a326-c726-4901-b6d6-
a72761fe2727","externalBaseUrl":"https:\/\/sonya2002slaba.wixsite.com\/packprint","siteRevision":22,"siteType":"
UGC","dc":"84","isResponsive":false,"sessionId":"659a88f5-7eb6-4f02-a601-
9eed748e3979"},"rollout":{"siteAssetsVersionsRollout":false,"isDACRollout":0,"isTBRollout":false},"fleetConfig"
:{"fleetName":"thunderbolt-renderer-
light","type":"GA","code":0},"requestUrl":"https:\/\/sonya2002slaba.wixsite.com\/packprint\/%D0%BF%D0%BE%
D1%80%D1%82%D1%84%D0%BE%D0%BB%D1%96%D0%BE","isInSEO":false,"platformOnSite":true,"should
SendFirstBeat":true}}</script>
<script>window.fedops = JSON.parse(document.getElementById('wix-fedops').textContent)</script>
sourceMappingURL=https://static.parastorage.com/services/wix-thunderbolt/dist/webpack-
runtime.cc184b88.bundle.min.js.map</script>
sourceMappingURL=https://static.parastorage.com/services/wix-thunderbolt/dist/bi-
common.inline.83966b6a.bundle.min.js.map</script>
<script data-url="https://static.parastorage.com/services/wix-
thunderbolt/dist/sendFedopsLoadStarted.inline.1c8fd250.bundle.min.js">"use
strict";(self.webpackJsonp__wix_thunderbolt_app=self.webpackJsonp__wix_thunderbolt_app||[]).push([[5987],{},f
unction(n){n.O(0,[142],(function(){return p=85430,n(n.s=p);var p}));n.O()}]);</script>
<script>
if (
typeof Promise === 'undefined' ||
typeof Set === 'undefined' ||
typeof Object.assign === 'undefined' ||
typeof Array.from === 'undefined' ||
typeof Symbol === 'undefined'
}
</script>
<script>
window.viewerModel = JSON.parse(document.getElementById('wix-viewer-model').textContent)
window.fetchDynamicModel = () =>
(window.viewerModel.siteFeaturesConfigs.sessionManager.isRunningInDifferentSiteContext ?
Promise.resolve({}) : fetch(window.viewerModel.dynamicModelUrl, { credentials: 'same-
origin' }).then(function(r){if(!r.ok)throw new Error(`[${r.status}]${r.statusText}`);return r.json()}))
window.dynamicModelPromise = window.fetchDynamicModel()
window.commonConfig = viewerModel.commonConfig
</script>
<script data-url="https://static.parastorage.com/services/wix-thunderbolt/dist/externals-
registry.inline.9cc56797.bundle.min.js">"use
strict";(self.webpackJsonp__wix_thunderbolt_app=self.webpackJsonp__wix_thunderbolt_app||[]).push([[58],{2627
7:function(){window.__imageClientApi__={sdk:{}};const{lodash:e,react:o,reactDOM:a,imageClientApi:n}=windo
w.externalsRegistry={lodash:{},react:{},reactDOM:{},imageClientApi:{}};n.loaded=new
Promise((e=>{n.onload=e})),e.loaded=new
Promise((o=>{e.onload=o})),window.reactDOMReference=window.ReactDOM={loading:!0},a.loaded=new
Promise((e=>{a.onload=()=>{Object.assign(window.reactDOMReference,window.ReactDOM,{loading:!1}),e()}}))
,window.reactReference=window.React={loading:!0},o.loaded=new
19
482.ЧДТУ.31936-01 12 01
Promise((e=>{o.onload=()=>{Object.assign(window.reactReference,window.React,{loading:!1}),e()}})),window.re
actAndReactDOMLoaded=Promise.all([o.loaded,a.loaded])}},function(e){var o;o=26277,e(e.s=o)}]);
<script data-url="https://static.parastorage.com/services/wix-
thunderbolt/dist/bi.inline.1e6a25de.bundle.min.js">"use
strict";(self.webpackJsonp__wix_thunderbolt_app=self.webpackJsonp__wix_thunderbolt_app||[]).push([[2892],{},f
unction(n){n.O(0,[142],(function(){return p=19108,n(n.s=p);var p}));n.O()}]);</script>
<meta name="wix-dynamic-custom-elements" content="DropDownMenu">
<script data-url="https://static.parastorage.com/services/wix-
thunderbolt/dist/fastdom.inline.cbb90a94.bundle.min.js">(self.webpackJsonp__wix_thunderbolt_app=self.webpack
Jsonp__wix_thunderbolt_app||[]).push([[6008],{96114:function(t,e,n){var i;!function(e){"use strict";var
r=function(){},s=e.requestAnimationFrame||e.webkitRequestAnimationFrame||e.mozRequestAnimationFrame||e.ms
RequestAnimationFrame||function(t){return setTimeout(t,16)};function a(){var
t=this;t.reads=[],t.writes=[],t.raf=s.bind(e),r("initialized",t)}function
u(t){t.scheduled||(t.scheduled=!0,t.raf(o.bind(null,t)),r("flush scheduled"))}function o(t){r("flush");var
e,n=t.writes,i=t.reads;try{r("flushing reads",i.length),t.runTasks(i),r("flushing
writes",n.length),t.runTasks(n)}catch(t){e=t}if(t.scheduled=!1,(i.length||n.length)&&u(t),e){if(r("task
errored",e.message),!t.catch)throw e;t.catch(e)}}function c(t,e){var
n=t.indexOf(e);return!!~n&&!!t.splice(n,1)}a.prototype={constructor:a,runTasks:function(t){var e;for(r("run
tasks");e=t.shift();)e()},measure:function(t,e){r("measure");var n=e?t.bind(e):t;return
this.reads.push(n),u(this),n},mutate:function(t,e){r("mutate");var n=e?t.bind(e):t;return
this.writes.push(n),u(this),n},clear:function(t){return
r("clear",t),c(this.reads,t)||c(this.writes,t)},extend:function(t){if(r("extend",t),"object"!=typeof t)throw new
Error("expected object");var e=Object.create(this);return function(t,e){for(var n in
e)e.hasOwnProperty(n)&&(t[n]=e[n])}(e,t),e.fastdom=this,e.initialize&&e.initialize(),e},catch:null};var
f=e.fastdom=e.fastdom||new a;void 0===(i=function(){return f}.call(f,n,f,t))||(t.exports=i)}("undefined"!=typeof
window?window:this)}}]);
var ele = document.getElementById('pro-gallery-comp-lfci2rxa_r_comp-l45l1x5f_r_comp-l45kw2h61_r_comp-
l61z6xb0');
var nativeComp = document.getElementById("comp-lfci2rxa_r_comp-l45l1x5f_r_comp-l45kw2h61_r_comp-
l61z6xb0"), nativeRect = nativeComp.getBoundingClientRect();
var pgMeasures = {top: nativeRect.top, width: nativeRect.width, height:
Number(getComputedStyle(nativeComp).getPropertyValue("height").replace("px", ""))};
var options = ((ele) => {
const mainFunc = (galleryEle) => {
const computedStyle = window.getComputedStyle(galleryEle);
const computedStyles = {};
// search css variables to query
const cssVariables = [];
const stylesheets = document.styleSheets;
for (let i = 0; i < stylesheets.length; i++) {
try {
const rules = stylesheets[i].rules || stylesheets[i].cssRules;
for (let j = 0; j < rules.length; j++) {
const rule = rules[j];
const style = rule.style;
if (style) {
for (let k = 0; k < style.length; k++) {
const prop = style[k];
if (prop.startsWith('--')) {
if (prop.includes('ProGallery-')) {
cssVariables.push(prop); } } } } }
} catch (e) { } }
const cssVariablesMap = cssVariables.map((item) => {
return {
name: item,
value: computedStyle.getPropertyValue(item),
}
}).filter((item) => item.value);
// get computed styles
20
482.ЧДТУ.31936-01 12 01
for (let i = 0; i < cssVariablesMap.length; i++) {
computedStyles[cssVariablesMap[i].name] = cssVariablesMap[i].value;
}
const options = Object.entries(computedStyles).reduce((res, [key, value]) => {
const keyNameStart = key.indexOf('ProGallery-') + 'ProGallery-'.length;
const keyName = key.substring(keyNameStart);
res[keyName] = JSON.parse(value);
return res;
}, {});
const optionsStr =
Object.entries({...{"controllers_layoutParams_structure_galleryRatio_method":"FIXED","behaviourParams_gallery
_blockContextMenu":true,"controllers_layoutParams_structure_galleryRatio_value":1.7777777777777777,"layoutP
arams_structure_galleryLayout":2,"layoutParams_structure_scrollDirection":"VERTICAL","layoutParams_structur
e_layoutOrientation":"VERTICAL","behaviourParams_gallery_layoutDirection":"LEFT_TO_RIGHT","layoutPara
ms_structure_itemSpacing":40,"layoutParams_structure_numberOfGridRows":1,"layoutParams_structure_numberO
fColumns":3,"layoutParams_groups_density":0.8,"layoutParams_targetItemSize_value":80,"layoutParams_crop_me
thod":"FILL","layoutParams_crop_ratios":[1],"layoutParams_structure_responsiveMode":"SET_ITEMS_PER_RO
W","layoutParams_thumbnails_alignment":"BOTTOM","layoutParams_thumbnails_size":120,"layoutParams_thum
bnails_spacing":4,"controllers_layoutParams_thumbnails_marginToGallery":0,"behaviourParams_gallery_vertical_l
oadMore_enable":false,"behaviourParams_gallery_vertical_loadMore_text":"Load
More","behaviourParams_gallery_horizontal_navigationDuration":800,"behaviourParams_gallery_horizontal_loop"
:false,"behaviourParams_gallery_horizontal_autoSlide_interval":4,"behaviourParams_gallery_horizontal_autoSlide
_speed":50,"behaviourParams_gallery_horizontal_autoSlide_pauseOnHover":true,"layoutParams_navigationArrows
_enable":true,"layoutParams_navigationArrows_size":40,"layoutParams_navigationArrows_position":"ON_GALL
ERY","layoutParams_navigationArrows_container_type":"NONE","layoutParams_navigationArrows_mouseCursor
ContainerMaxWidth":"100%","layoutParams_navigationArrows_verticalAlignment":"IMAGE_CENTER","behavio
urParams_item_content_hoverAnimation":"NO_EFFECT","behaviourParams_item_content_loader":"MAIN_COL
OR","behaviourParams_item_content_placementAnimation":"NO_EFFECT","behaviourParams_gallery_scrollAni
mation":"FADE_IN","behaviourParams_gallery_horizontal_slideAnimation":"SCROLL","behaviourParams_item_v
ideo_enablePlayButton":false,"behaviourParams_item_video_playTrigger":"AUTO","behaviourParams_item_video
_speed":1,"controllers_optionsMap_behaviourParams_item_video_volume":false,"behaviourParams_item_video_lo
op":true,"behaviourParams_item_clickAction":"ACTION","behaviourParams_item_content_magnificationValue":2,
"layoutParams_navigationArrows_padding":24,"behaviourParams_gallery_vertical_loadMore_amount":"ALL","be
haviourParams_gallery_horizontal_autoSlide_behaviour":"OFF","behaviourParams_gallery_horizontal_slideTransit
ion":"cubic-
bezier(0.46,0.1,0.25,1)","controllers_layoutParams_external_info_placement":"BELOW","controllers_layoutParams
_external_info_SocialButtonsHorizontalAlignment":"LEFT","controllers_layoutParams_internal_info_SocialButton
sHorizontalAlignment":"LEFT","layoutParams_info_placement":"OVERLAY","controllers_layoutParams_info_all
owTitle":true,"controllers_layoutParams_info_allowDescription":false,"controllers_layoutParams_info_allowTitleA
ndDescription":",controllers_layoutParams_info_allowTitle","controllers_layoutParams_info_verticalPadding":0,"c
ontrollers_layoutParams_info_horizontalPadding":0,"controllers_layoutParams_info_verticalAlignment":"START",
"controllers_layoutParams_info_horizontalAlignment":"START","layoutParams_info_sizeUnits":"PERCENT","lay
outParams_info_height":100,"controllers_layoutParams_info_width__pixel":200,"controllers_layoutParams_info_w
idth_percent":50,"behaviourParams_item_overlay_hoveringBehaviour":"APPEARS","controllers_behaviourParams
_item_overlay_overlayType":"FULL","behaviourParams_item_overlay_sizeUnits":"PERCENT","controllers_behav
iourParams_item_overlay_enabled":true,"controllers_layoutParams_info_newInfo_external_enabled":false,"controll
ers_behaviourParams_item_overlay_size_percent":100,"controllers_behaviourParams_item_overlay_size_pixel":11
0,"behaviourParams_item_overlay_position":"BOTTOM","behaviourParams_item_overlay_padding":0,"behaviour
Params_item_overlay_hoverAnimation":"FADE_IN","behaviourParams_item_threeDimensionalScene_playTrigger
":"AUTO","controllers_experimental_useNewInfo":"false","controllers_showManageMedia":false,"controllers_layo
utParams_infoElementOptions_external_order":"top,middle,Title,Description,bottom","controllers_layoutParams_in
foElementOptions_internal_order":"top,middle,Title,Description,bottom","controllers_layoutParams_infoElementO
ptions_external_enabled":",,,,,,,","controllers_layoutParams_infoElementOptions_internal_enabled":",,Title,,","cont
rollers_fullscreen_allowTitleExpand":true,"controllers_fullscreen_allowDescriptionExpand":true,"controllers_fullsc
reen_allowLinkExpand":false,"controllers_fullscreen_whenToShowInfo":"ALWAYS","controllers_fullscreen_expa
ndInfoPosition":"SIDE","controllers_fullscreen_showInfoExpandButton":false,"controllers_fullscreen_allowFullscr
eenExpand":true,"controllers_fullscreen_fullscreenLoop":false,"controllers_fullscreen_allowFullscreenMagnifyIma
ge":false,"controllers_fullscreen_fullscreenMagnificationLevel":2,"controllers_fullscreen_fullscreenMagnificationP
ercent":200,"controllers_fullscreen_backgroundBlurFilter":1,"controllers_fullscreen_backgroundGrayscaleFilter":fa
lse,"FULLSCREEN_PREVIEW":"","FULLSCREEN_CTA":"","behaviourParams_item_video_volume":0,"controll
21
482.ЧДТУ.31936-01 12 01
ers_layoutParams_info_width_pixel":200,"behaviourParams_item_secondaryMedia_enableHoverTrigger":false,"res
ponsive":true,"alwaysShowHover":false,"infoElementsOptions_external_enabled_Title":false,"infoElementsOptions
_external_enabled_Description":false,"infoElementsOptions_external_enabled_CustomButton":false,"infoElements
Options_external_enabled_Social":false,"infoElementsOptions_external_socialParams_options_loveButton":false,"i
nfoElementsOptions_external_socialParams_options_allowSocial":false,"infoElementsOptions_external_socialPara
ms_options_loveCounter":false,"infoElementsOptions_external_socialParams_options_allowDownload":true,"infoE
lementsOptions_external_order_top":"CustomButton","infoElementsOptions_external_order_middle":"Title,Descri
ption","infoElementsOptions_external_order_bottom":"Social","infoElementsOptions_internal_enabled_Title":true,
"infoElementsOptions_internal_enabled_Description":false,"infoElementsOptions_internal_enabled_CustomButton
":false,"infoElementsOptions_internal_enabled_Social":false,"infoElementsOptions_internal_socialParams_options
_loveButton":false,"infoElementsOptions_internal_socialParams_options_allowSocial":false,"infoElementsOptions
_internal_socialParams_options_loveCounter":false,"infoElementsOptions_internal_socialParams_options_allowDo
wnload":true,"infoElementsOptions_internal_order_top":"CustomButton","infoElementsOptions_internal_order_mi
ddle":"Title,Description","infoElementsOptions_internal_order_bottom":"Social","layoutParams_info_width":50,"g
alleryHorizontalAlign":"flex-
start","galleryTextAlign":"left","infoElementsOptions_external_socialParams_horizontalAlignment":"left","infoEle
mentsOptions_internal_socialParams_horizontalAlignment":"left","behaviourParams_item_overlay_size":100,"layo
utParams_structure_galleryRatio_value":0.5625,"layoutParams_thumbnails_marginToGallery":0,"defaultShowInfo
Expand":true,"controllers_fullscreen_itemClick":"action","layoutParams_crop_enable":false,"layoutParams_targetIt
emSize_unit":"SMART","behaviourParams_item_secondaryMedia_trigger":"HOVER"},...options})
.map(([key, value]) => ([key, JSON.stringify(value)]))
.filter(([key, value]) => key.includes('layoutParams_'))
.map((keyval) => keyval.join(":")).join('|');
return optionsStr;
};
return mainFunc(ele);
})(ele);
var isVertical = options.includes('layoutParams_structure_scrollDirection:"VERTICAL"');
var layoutFixerUrl = '/_serverless/pro-gallery-native-layout-fixer/layoutCssNative?id=comp-lfci2rxa_r_comp-
l45l1x5f_r_comp-l45kw2h61_r_comp-
l61z6xb0&items=9870_2500_1666|10103_2500_3758|9836_2105_1403&container=' + pgMeasures.top + '_' +
pgMeasures.width + '_' + pgMeasures.height + '_' + window.innerHeight + '&options=' + options;
document.getElementById('layout-fixer-style-comp-lfci2rxa_r_comp-l45l1x5f_r_comp-l45kw2h61_r_comp-
l61z6xb0').setAttribute('href', encodeURI(layoutFixerUrl));
});
} catch (e) {
console.warn('Cannot set layoutFixer css', e);
<script>
window.firstPageId = 'r5guu'
window.bi.sendBeat(12, 'Partially visible', {pageId: window.firstPageId})
if (window.requestCloseWelcomeScreen) {
window.requestCloseWelcomeScreen()
}
if (!window.__browser_deprecation__) {
window.fedops.phaseStarted('partially_visible', {paramsOverrides: { pageId: firstPageId }})
}
</script>
<script type="wix/htmlEmbeds" id="pageHtmlEmbeds.bodyEnd start"></script>
<script type="wix/htmlEmbeds" id="pageHtmlEmbeds.bodyEnd end"></script>
</body>
</html>
Contact.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset='utf-8'>
<meta name="viewport" content="width=device-width, initial-scale=1" id="wixDesktopViewport" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
22
482.ЧДТУ.31936-01 12 01
<meta name="generator" content="Wix.com Website Builder"/>
<link rel="icon" sizes="192x192" href="https://www.wix.com/favicon.ico">
<link rel="shortcut icon" href="https://www.wix.com/favicon.ico" type="image/x-icon"/>
<link rel="apple-touch-icon" href="https://www.wix.com/favicon.ico" type="image/x-icon"/>
<script>
(function () {
var noop = function noop() {};
if ("performance" in window === false) {
window.performance = {};
}
window.performance.mark = performance.mark || noop;
window.performance.measure = performance.measure || noop;
if ("now" in window.performance === false) {
var nowOffset = Date.now();
if (performance.timing && performance.timing.navigationStart) {
nowOffset = performance.timing.navigationStart;
}
window.performance.now = function now() {
return Date.now() - nowOffset;
};
}
})();
</script>
<script>
(function () {
var now = Date.now()
window.initialTimestamps = {
initialTimestamp: now,
initialRequestTimestamp: Math.round(performance.timeOrigin ? performance.timeOrigin : now -
performance.now())
}
window.thunderboltTag = "libs-releases-GA-local"
window.thunderboltVersion = "1.12295.0"
})();
</script>
<script id="sentry">
(function(c,t,u,n,p,l,y,z,v){if(c[l] && c[l].mute) {return;}function e(b){if(!w){w=!0;var
d=t.getElementsByTagName(u)[0],a=t.createElement(u);a.src=z;a.crossorigin="anonymous";a.addEventListener("lo
ad",function(){try{c[n]=q;c[p]=r;var a=c[l],d=a.init;a.init=function(a){for(var b in
a)Object.prototype.hasOwnProperty.call(a,b)&&(v[b]=a[b]);d(v)};B(b,a)}catch(A){console.error(A)}});d.parentNo
de.insertBefore(a,d)}}function B(b,d){try{for(var a=0;a<b.length;a++)if("function"===typeof b[a])b[a]();var
f=m.data,g=!1,h=!1;for(a=0;a<f.length;a++)if(f[a].f){h=!0;var
e=f[a];!1===g&&"init"!==e.f&&d.init();g=!0;d[e.f].apply(d,e.a)}!1===h&&d.init();var
k=c[n],l=c[p];for(a=0;a<f.length;a++)f[a].e&&k?k.apply(c,f[a].e):f[a].p&&l&&l.apply(c,[f[a].p])}catch(C){console
.error(C)}}for(var g=!0,x=!1,k=0;k<document.scripts.length;k++)if(-
1<document.scripts[k].src.indexOf(y)){g="no"!==document.scripts[k].getAttribute("data-lazy");break}var
w=!1,h=[],m=function(b){(b.e||b.p||b.f&&-1<b.f.indexOf("capture")||b.f&&-
1<b.f.indexOf("showReportDialog"))&&g&&e(h);m.data.push(b)};m.data=[];c[l]={onLoad:function(b){h.push(b);
g&&!x||e(h)},forceLoad:function(){x=!0;g&&setTimeout(function(){e(h)})}};"init addBreadcrumb captureMessage
captureException captureEvent configureScope withScope showReportDialog".split("
").forEach(function(b){c[l][b]=function(){m({f:b,a:arguments})}});var
q=c[n];c[n]=function(b,d,a,f,e){m({e:[].slice.call(arguments)});q&&q.apply(c,arguments)};var
r=c[p];c[p]=function(b){m({p:b.reason});r&&r.apply(c,arguments)};g||setTimeout(function(){e(h)})})(window,doc
ument,"script","onerror","onunhandledrejection","Sentry","605a7baede844d278b89dc95ae0a9123","https://browser.
sentry-cdn.com/6.18.2/bundle.min.js",{"dsn":"https://605a7baede844d278b89dc95ae0a9123@sentry-
next.wixpress.com/68"});
</script>
<script data-url="https://static.parastorage.com/services/wix-
thunderbolt/dist/sendFedopsLoadStarted.inline.1c8fd250.bundle.min.js">"use
23
482.ЧДТУ.31936-01 12 01
strict";(self.webpackJsonp__wix_thunderbolt_app=self.webpackJsonp__wix_thunderbolt_app||[]).push([[5987],{},f
unction(n){n.O(0,[142],(function(){return p=85430,n(n.s=p);var p}));n.O()}]);</script>
<!-- Polyfills check -->
<script>
if (
typeof Promise === 'undefined' ||
typeof Set === 'undefined' ||
typeof Object.assign === 'undefined' ||
typeof Array.from === 'undefined' ||
typeof Symbol === 'undefined'
) {
// send bi in order to detect the browsers in which polyfills are not working
window.fedops.phaseStarted('missing_polyfills')
}
</script>
<script>
window.viewerModel = JSON.parse(document.getElementById('wix-viewer-model').textContent)
window.fetchDynamicModel = () =>
(window.viewerModel.siteFeaturesConfigs.sessionManager.isRunningInDifferentSiteContext ?
Promise.resolve({}) : fetch(window.viewerModel.dynamicModelUrl, { credentials: 'same-
origin' }).then(function(r){if(!r.ok)throw new Error(`[${r.status}]${r.statusText}`);return r.json()}))
window.dynamicModelPromise = window.fetchDynamicModel()
window.commonConfig = viewerModel.commonConfig
</script>
<title>Контакти | Packprint</title>
<link rel="canonical"
href="https://sonya2002slaba.wixsite.com/packprint/%D0%BA%D0%BE%D0%BD%D1%82%D0%B0%D0%BA
%D1%82%D0%B8"/>
<meta property="og:title" content="Контакти | Packprint"/>
<meta property="og:url"
content="https://sonya2002slaba.wixsite.com/packprint/%D0%BA%D0%BE%D0%BD%D1%82%D0%B0%D0%B
A%D1%82%D0%B8"/>
<meta property="og:site_name" content="Packprint"/>
<meta property="og:type" content="website"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:title" content="Контакти | Packprint"/>
</head>
<body class='' >
<script type="text/javascript">
var bodyCacheable = true;
var exclusionReason = {"shouldRender":true,"forced":false};
var ssrInfo = {"renderBodyTime":544,"renderTimeStamp":1685354982510}
</script>
<script>
window.clientSideRender = false;
window.bi.wixBiSession.isServerSide = 1;
</script>
<!--pageHtmlEmbeds.bodyStart start-->
<script type="wix/htmlEmbeds" id="pageHtmlEmbeds.bodyStart start"></script>
<script type="wix/htmlEmbeds" id="pageHtmlEmbeds.bodyStart end"></script>
<!--pageHtmlEmbeds.bodyStart end-->
<script id="wix-first-paint">
if (window.ResizeObserver &&
(!window.PerformanceObserver || !PerformanceObserver.supportedEntryTypes ||
PerformanceObserver.supportedEntryTypes.indexOf('paint') === -1)) {
new ResizeObserver(function (entries, observer) {
entries.some(function (entry) {
var contentRect = entry.contentRect;
if (contentRect.width > 0 && contentRect.height > 0) {
24
482.ЧДТУ.31936-01 12 01
requestAnimationFrame(function (now) {
window.wixFirstPaint = now;
dispatchEvent(new CustomEvent('wixFirstPaint'));
});
observer.disconnect();
return true;
}
});
}).observe(document.body);
}
</script>
<script>
window.firstPageId = 'hos57'
window.bi.sendBeat(12, 'Partially visible', {pageId: window.firstPageId})
if (window.requestCloseWelcomeScreen) {
window.requestCloseWelcomeScreen()
}
if (!window.__browser_deprecation__) {
window.fedops.phaseStarted('partially_visible', {paramsOverrides: { pageId: firstPageId }})
}
</script>
<!--pageHtmlEmbeds.bodyEnd start-->
<script type="wix/htmlEmbeds" id="pageHtmlEmbeds.bodyEnd start"></script>
<script type="wix/htmlEmbeds" id="pageHtmlEmbeds.bodyEnd end"></script>
<!--pageHtmlEmbeds.bodyEnd end-->
<!-- warmup data start -->
<script type="application/json" id="wix-warmup-data">{"platform":{"ssrPropsUpdates":[{"comp-
lfcjqko5":{"hidden":true},"comp-lfcjqklo":{"isValid":true,"maxLength":100},"comp-
lfcjqkme":{"isValid":true,"maxLength":100},"comp-lfcjqkml":{"isValid":false,"maxLength":250},"comp-
lfcjqkmv":{"isValid":true}}],"ssrStyleUpdates":[{"comp-
lfcjqko5":{"visibility":"hidden !important"}}],"ssrStructureUpdates":[]},"appsWarmu
pData":{},"ooi":{"failedInSsr":{}}}</script>
<!-- warmup data end -->
</body>
</html>
Style.css
<pages-css id="pages-css"><style id="css_masterPage">#masterPage:not(.landingPage)
#PAGES_CONTAINER{margin-top:0px;margin-bottom:0px;}#masterPage.landingPage
#SITE_HEADER{display:none;}#masterPage.landingPage
#SITE_FOOTER{display:none;}#masterPage.landingPage #SITE_HEADER-
placeholder{display:none;}#masterPage.landingPage #SITE_FOOTER-
placeholder{display:none;}#SITE_CONTAINER.focus-ring-active :not(.has-custom-focus):not(.ignore-
focus):not([tabindex=\"-1\"]):focus, #SITE_CONTAINER.focus-ring-active :not(.has-custom-focus):not(.ignore-
focus):not([tabindex=\"-1\"]):focus ~ .wixSdkShowFocusOnSibling{box-shadow:0 0 0 1px #ffffff, 0 0 0 3px
#116dff !important;z-index:1;}#PAGES_CONTAINER{--pinned-layer-in-container:50;--above-all-in-
container:49;}#SITE_HEADER{z-index:49;--above-all-in-container:10000;}#SITE_FOOTER{--pinned-layer-in-
container:52;--above-all-in-container:49;}#masterPage:not(.landingPage){--top-offset:0px;--header-
height:206px;}#masterPage.landingPage{--top-offset:0px;}
@font-face {
font-family: "CormorantGaramond-Light";
src: url("//static.parastorage.com/tag-bundler/api/v1/fonts-
cache/googlefont/woff2/s/cormorantgaramond/v5/iEjm9hVxcattz37Y8gZwVSNMxVe3WGf96EDbCaLCBKE.woff
2") format("woff2"),
url("//static.parastorage.com/tag-bundler/api/v1/fonts-
cache/googlefont/woff/s/cormorantgaramond/v5/iEjm9hVxcattz37Y8gZwVergGQquJ_f3dxTxEJk8ZKM.woff")
format("woff");
font-display: block;
}
@font-face {
25
482.ЧДТУ.31936-01 12 01
font-family: "CormorantGaramond-Light";
font-weight: 700;
src: url("//static.parastorage.com/tag-bundler/api/v1/fonts-
cache/googlefont/woff2/s/cormorantgaramond/v5/iEjm9hVxcattz37Y8gZwVXP87xhFzkXvitf5EbJwljk.woff2")
format("woff2"),
url("//static.parastorage.com/tag-bundler/api/v1/fonts-
cache/googlefont/woff/s/cormorantgaramond/v5/iEjm9hVxcattz37Y8gZwVebEnH4R5m1MLXJyCi0BC78.woff")
format("woff");
font-display: block;
}
@font-face {
font-family: "CormorantGaramond-Light";
font-style: italic;
src: url("//static.parastorage.com/tag-bundler/api/v1/fonts-
cache/googlefont/woff2/s/cormorantgaramond/v5/zuqx3k1yUEl3Eavo-ZPEAhjqQayVfgmnRFwqYqN-Dis.woff2")
format("woff2"),
url("//static.parastorage.com/tag-bundler/api/v1/fonts-
cache/googlefont/woff/s/cormorantgaramond/v5/zuqx3k1yUEl3Eavo-ZPEAhNmD6bOwmI0fiYv_Ehe03s.woff")
format("woff");
font-display: block;
}
@font-face {
font-family: "CormorantGaramond-Light";
font-weight: 700;
font-style: italic;
src: url("//static.parastorage.com/tag-bundler/api/v1/fonts-
cache/googlefont/woff2/s/cormorantgaramond/v5/zuqx3k1yUEl3Eavo-ZPEAjp2K1CgsixPpkXulytJk5A.woff2")
format("woff2"),
url("//static.parastorage.com/tag-bundler/api/v1/fonts-
cache/googlefont/woff/s/cormorantgaramond/v5/zuqx3k1yUEl3Eavo-ZPEAhX141arjC0UgpdoDjjeeVk.woff")
format("woff");
font-display: block;
}
@font-face {
font-family: 'CormorantGaramond';
font-style: normal;
font-weight: 400;
src: url('//static.parastorage.com/services/santa-resources/resources/viewer/user-site-
fonts/fonts/CormorantGaramond/v1/cormorant-garamond-v7-latin-ext_latin_cyrillic-regular.woff2') format('woff2'),
url('//static.parastorage.com/services/santa-resources/resources/viewer/user-site-
fonts/fonts/CormorantGaramond/v1/cormorant-garamond-v7-latin-ext_latin_cyrillic-regular.woff') format('woff');
font-display: block;
}
@font-face {
font-family: 'CormorantGaramond';
font-style: italic;
font-weight: 400;
src: url('//static.parastorage.com/services/santa-resources/resources/viewer/user-site-
fonts/fonts/CormorantGaramond/v1/cormorant-garamond-v7-latin-ext_latin_cyrillic-italic.woff2') format('woff2'),
url('//static.parastorage.com/services/santa-resources/resources/viewer/user-site-
fonts/fonts/CormorantGaramond/v1/cormorant-garamond-v7-latin-ext_latin_cyrillic-italic.woff') format('woff');
font-display: block;
}
@font-face {
font-family: 'CormorantGaramond';
font-style: normal;
font-weight: 700;
src: url('//static.parastorage.com/services/santa-resources/resources/viewer/user-site-
fonts/fonts/CormorantGaramond/v1/cormorant-garamond-v7-latin-ext_latin_cyrillic-700.woff2') format('woff2'),
26
482.ЧДТУ.31936-01 12 01
url('//static.parastorage.com/services/santa-resources/resources/viewer/user-site-
fonts/fonts/CormorantGaramond/v1/cormorant-garamond-v7-latin-ext_latin_cyrillic-700.woff') format('woff');
font-display: block;
}
@font-face {
font-family: 'CormorantGaramond';
font-style: italic;
font-weight: 700;
src: url('//static.parastorage.com/services/santa-resources/resources/viewer/user-site-
fonts/fonts/CormorantGaramond/v1/cormorant-garamond-v7-latin-ext_latin_cyrillic-700italic.woff2')
format('woff2'),
url('//static.parastorage.com/services/santa-resources/resources/viewer/user-site-
fonts/fonts/CormorantGaramond/v1/cormorant-garamond-v7-latin-ext_latin_cyrillic-700italic.woff') format('woff');
font-display: block;
}
@font-face {
font-family: 'Cormorant Garamond';
font-style: italic;
font-weight: 400;
src: local('Cormorant Garamond Italic'), local('CormorantGaramond-Italic'), url("//static.parastorage.com/tag-
bundler/api/v1/fonts-
cache/googlefont/woff2/s/cormorantgaramond/v7/co3ZmX5slCNuHLi8bLeY9MK7whWMhyjYrEtFmSqn7B6Dxj
Y.woff2") format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
font-display: block;
}
@font-face {
font-family: 'Cormorant Garamond';
font-style: italic;
font-weight: 400;
src: local('Cormorant Garamond Italic'), local('CormorantGaramond-Italic'), url("//static.parastorage.com/tag-
bundler/api/v1/fonts-
cache/googlefont/woff2/s/cormorantgaramond/v7/co3ZmX5slCNuHLi8bLeY9MK7whWMhyjYrEtMmSqn7B6Dxj
Y.woff2") format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
font-display: block;
}
@font-face {
font-family: 'Cormorant Garamond';
font-style: italic;
font-weight: 400;
src: local('Cormorant Garamond Italic'), local('CormorantGaramond-Italic'), url("//static.parastorage.com/tag-
bundler/api/v1/fonts-
cache/googlefont/woff2/s/cormorantgaramond/v7/co3ZmX5slCNuHLi8bLeY9MK7whWMhyjYrEtHmSqn7B6Dxj
Y.woff2") format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
font-display: block;
}
@font-face {
font-family: 'Cormorant Garamond';
font-style: italic;
font-weight: 400;
src: local('Cormorant Garamond Italic'), local('CormorantGaramond-Italic'), url("//static.parastorage.com/tag-
bundler/api/v1/fonts-
cache/googlefont/woff2/s/cormorantgaramond/v7/co3ZmX5slCNuHLi8bLeY9MK7whWMhyjYrEtGmSqn7B6Dxj
Y.woff2") format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113,
U+2C60-2C7F, U+A720-A7FF;
font-display: block;
}
27
482.ЧДТУ.31936-01 12 01
@font-face {
font-family: 'Cormorant Garamond';
font-style: italic;
font-weight: 400;
src: local('Cormorant Garamond Italic'), local('CormorantGaramond-Italic'), url("//static.parastorage.com/tag-
bundler/api/v1/fonts-
cache/googlefont/woff2/s/cormorantgaramond/v7/co3ZmX5slCNuHLi8bLeY9MK7whWMhyjYrEtImSqn7B6D.wo
ff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-
206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
font-display: block;
}
@font-face {
font-family: 'Cormorant Garamond';
font-style: italic;
font-weight: 700;
src: local('Cormorant Garamond Bold Italic'), local('CormorantGaramond-BoldItalic'),
url("//static.parastorage.com/tag-bundler/api/v1/fonts-
cache/googlefont/woff2/s/cormorantgaramond/v7/co3WmX5slCNuHLi8bLeY9MK7whWMhyjYrEPzvD-
HzhOp_D95AnI.woff2") format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
font-display: block;
}
@font-face {
font-family: 'Cormorant Garamond';
font-style: italic;
font-weight: 700;
src: local('Cormorant Garamond Bold Italic'), local('CormorantGaramond-BoldItalic'),
url("//static.parastorage.com/tag-bundler/api/v1/fonts-
cache/googlefont/woff2/s/cormorantgaramond/v7/co3WmX5slCNuHLi8bLeY9MK7whWMhyjYrEPzvD-
OzhOp_D95AnI.woff2") format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
font-display: block;
}
@font-face {
font-family: 'Cormorant Garamond';
font-style: italic;
font-weight: 700;
src: local('Cormorant Garamond Bold Italic'), local('CormorantGaramond-BoldItalic'),
url("//static.parastorage.com/tag-bundler/api/v1/fonts-
cache/googlefont/woff2/s/cormorantgaramond/v7/co3WmX5slCNuHLi8bLeY9MK7whWMhyjYrEPzvD-
FzhOp_D95AnI.woff2") format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
font-display: block;
}
@font-face {
font-family: 'Cormorant Garamond';
font-style: italic;
font-weight: 700;
src: local('Cormorant Garamond Bold Italic'), local('CormorantGaramond-BoldItalic'),
url("//static.parastorage.com/tag-bundler/api/v1/fonts-
cache/googlefont/woff2/s/cormorantgaramond/v7/co3WmX5slCNuHLi8bLeY9MK7whWMhyjYrEPzvD-
EzhOp_D95AnI.woff2") format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113,
U+2C60-2C7F, U+A720-A7FF;
font-display: block;
}
@font-face {
font-family: 'Cormorant Garamond';
font-style: italic;
28
482.ЧДТУ.31936-01 12 01
font-weight: 700;
src: local('Cormorant Garamond Bold Italic'), local('CormorantGaramond-BoldItalic'),
url("//static.parastorage.com/tag-bundler/api/v1/fonts-
cache/googlefont/woff2/s/cormorantgaramond/v7/co3WmX5slCNuHLi8bLeY9MK7whWMhyjYrEPzvD-
KzhOp_D95.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-
206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
font-display: block;
}
@font-face {
font-family: 'Cormorant Garamond';
font-style: normal;
font-weight: 400;
src: local('Cormorant Garamond Regular'), local('CormorantGaramond-Regular'), url("//static.parastorage.com/tag-
bundler/api/v1/fonts-
cache/googlefont/woff2/s/cormorantgaramond/v7/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYpHtKky2F7i6C.wof
f2") format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
font-display: block;
}
@font-face {
font-family: 'Cormorant Garamond';
font-style: normal;
font-weight: 400;
src: local('Cormorant Garamond Regular'), local('CormorantGaramond-Regular'), url("//static.parastorage.com/tag-
bundler/api/v1/fonts-
cache/googlefont/woff2/s/cormorantgaramond/v7/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYrXtKky2F7i6C.wof
f2") format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
font-display: block;
}
@font-face {
font-family: 'Cormorant Garamond';
font-style: normal;
font-weight: 400;
src: local('Cormorant Garamond Regular'), local('CormorantGaramond-Regular'), url("//static.parastorage.com/tag-
bundler/api/v1/fonts-
cache/googlefont/woff2/s/cormorantgaramond/v7/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYpntKky2F7i6C.wof
f2") format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
font-display: block;
}
@font-face {
font-family: 'Cormorant Garamond';
font-style: normal;
font-weight: 400;
src: local('Cormorant Garamond Regular'), local('CormorantGaramond-Regular'), url("//static.parastorage.com/tag-
bundler/api/v1/fonts-
cache/googlefont/woff2/s/cormorantgaramond/v7/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYp3tKky2F7i6C.wof
f2") format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113,
U+2C60-2C7F, U+A720-A7FF;
font-display: block;
}
@font-face {
font-family: 'Cormorant Garamond';
font-style: normal;
font-weight: 400;
src: local('Cormorant Garamond Regular'), local('CormorantGaramond-Regular'), url("//static.parastorage.com/tag-
bundler/api/v1/fonts-
29
482.ЧДТУ.31936-01 12 01
cache/googlefont/woff2/s/cormorantgaramond/v7/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYqXtKky2F7g.woff2
") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-
206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
font-display: block;
}
@font-face {
font-family: 'Cormorant Garamond';
font-style: normal;
font-weight: 700;
src: local('Cormorant Garamond Bold'), local('CormorantGaramond-Bold'), url("//static.parastorage.com/tag-
bundler/api/v1/fonts-
cache/googlefont/woff2/s/cormorantgaramond/v7/co3YmX5slCNuHLi8bLeY9MK7whWMhyjQEl5fsw-
IxBSL_g94.woff2") format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
font-display: block;
}
@font-face {
font-family: 'Cormorant Garamond';
font-style: normal;
font-weight: 700;
src: local('Cormorant Garamond Bold'), local('CormorantGaramond-Bold'), url("//static.parastorage.com/tag-
bundler/api/v1/fonts-
cache/googlefont/woff2/s/cormorantgaramond/v7/co3YmX5slCNuHLi8bLeY9MK7whWMhyjQEl5fug-
IxBSL_g94.woff2") format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
font-display: block;
}
@font-face {
font-family: 'Cormorant Garamond';
font-style: normal;
font-weight: 700;
src: local('Cormorant Garamond Bold'), local('CormorantGaramond-Bold'), url("//static.parastorage.com/tag-
bundler/api/v1/fonts-
cache/googlefont/woff2/s/cormorantgaramond/v7/co3YmX5slCNuHLi8bLeY9MK7whWMhyjQEl5fsQ-
IxBSL_g94.woff2") format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
font-display: block;
}
@font-face {
font-family: 'Cormorant Garamond';
font-style: normal;
font-weight: 700;
src: local('Cormorant Garamond Bold'), local('CormorantGaramond-Bold'), url("//static.parastorage.com/tag-
bundler/api/v1/fonts-
cache/googlefont/woff2/s/cormorantgaramond/v7/co3YmX5slCNuHLi8bLeY9MK7whWMhyjQEl5fsA-
IxBSL_g94.woff2") format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113,
U+2C60-2C7F, U+A720-A7FF;
font-display: block;
}
@font-face {
font-family: 'Cormorant Garamond';
font-style: normal;
font-weight: 700;
src: local('Cormorant Garamond Bold'), local('CormorantGaramond-Bold'), url("//static.parastorage.com/tag-
bundler/api/v1/fonts-
cache/googlefont/woff2/s/cormorantgaramond/v7/co3YmX5slCNuHLi8bLeY9MK7whWMhyjQEl5fvg-
IxBSL_g.woff2") format('woff2');
30
482.ЧДТУ.31936-01 12 01
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-
206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
font-display: block;
}
@font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 400;
src: url("//static.parastorage.com/tag-bundler/api/v1/fonts-
cache/googlefont/woff2/s/raleway/v26/1Ptsg8zYS_SKggPNyCg4QIFqL_KWxWMT.woff2") format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
font-display: block;
}
@font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 400;
src: url("//static.parastorage.com/tag-bundler/api/v1/fonts-
cache/googlefont/woff2/s/raleway/v26/1Ptsg8zYS_SKggPNyCg4SYFqL_KWxWMT.woff2") format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
font-display: block;
}
@font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 400;
src: url("//static.parastorage.com/tag-bundler/api/v1/fonts-
cache/googlefont/woff2/s/raleway/v26/1Ptsg8zYS_SKggPNyCg4QoFqL_KWxWMT.woff2") format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0,
U+1EA0-1EF9, U+20AB;
font-display: block;
}
@font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 400;
src: url("//static.parastorage.com/tag-bundler/api/v1/fonts-
cache/googlefont/woff2/s/raleway/v26/1Ptsg8zYS_SKggPNyCg4Q4FqL_KWxWMT.woff2") format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113,
U+2C60-2C7F, U+A720-A7FF;
font-display: block;
}
@font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 400;
src: url("//static.parastorage.com/tag-bundler/api/v1/fonts-
cache/googlefont/woff2/s/raleway/v26/1Ptsg8zYS_SKggPNyCg4TYFqL_KWxQ.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-
206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
font-display: block;
}
@font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 700;
src: url("//static.parastorage.com/tag-bundler/api/v1/fonts-
cache/googlefont/woff2/s/raleway/v26/1Ptsg8zYS_SKggPNyCg4QIFqL_KWxWMT.woff2") format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
font-display: block;
31
482.ЧДТУ.31936-01 12 01
}
@font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 700;
src: url("//static.parastorage.com/tag-bundler/api/v1/fonts-
cache/googlefont/woff2/s/raleway/v26/1Ptsg8zYS_SKggPNyCg4SYFqL_KWxWMT.woff2") format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
font-display: block;
}
@font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 700;
src: url("//static.parastorage.com/tag-bundler/api/v1/fonts-
cache/googlefont/woff2/s/raleway/v26/1Ptsg8zYS_SKggPNyCg4QoFqL_KWxWMT.woff2") format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0,
U+1EA0-1EF9, U+20AB;
font-display: block;
}
@font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 700;
src: url("//static.parastorage.com/tag-bundler/api/v1/fonts-
cache/googlefont/woff2/s/raleway/v26/1Ptsg8zYS_SKggPNyCg4Q4FqL_KWxWMT.woff2") format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113,
U+2C60-2C7F, U+A720-A7FF;
font-display: block;
}
@font-face {
font-family: 'Raleway';
font-style: italic;
font-weight: 700;
src: url("//static.parastorage.com/tag-bundler/api/v1/fonts-
cache/googlefont/woff2/s/raleway/v26/1Ptsg8zYS_SKggPNyCg4TYFqL_KWxQ.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-
206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
font-display: block;
}
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
src: url("//static.parastorage.com/tag-bundler/api/v1/fonts-
cache/googlefont/woff2/s/raleway/v26/1Ptug8zYS_SKggPNyCAIT4ttDfCmxA.woff2") format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
font-display: block;
}
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
src: url("//static.parastorage.com/tag-bundler/api/v1/fonts-
cache/googlefont/woff2/s/raleway/v26/1Ptug8zYS_SKggPNyCkIT4ttDfCmxA.woff2") format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
font-display: block;
}
@font-face {
font-family: 'Raleway';
32
482.ЧДТУ.31936-01 12 01
font-style: normal;
font-weight: 400;
src: url("//static.parastorage.com/tag-bundler/api/v1/fonts-
cache/googlefont/woff2/s/raleway/v26/1Ptug8zYS_SKggPNyCIIT4ttDfCmxA.woff2") format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0,
U+1EA0-1EF9, U+20AB;
font-display: block;
}
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
src: url("//static.parastorage.com/tag-bundler/api/v1/fonts-
cache/googlefont/woff2/s/raleway/v26/1Ptug8zYS_SKggPNyCMIT4ttDfCmxA.woff2") format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113,
U+2C60-2C7F, U+A720-A7FF;
font-display: block;
}
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
src: url("//static.parastorage.com/tag-bundler/api/v1/fonts-
cache/googlefont/woff2/s/raleway/v26/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-
206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
font-display: block;
}
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
src: url("//static.parastorage.com/tag-bundler/api/v1/fonts-
cache/googlefont/woff2/s/raleway/v26/1Ptug8zYS_SKggPNyCAIT4ttDfCmxA.woff2") format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
font-display: block;
}
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
src: url("//static.parastorage.com/tag-bundler/api/v1/fonts-
cache/googlefont/woff2/s/raleway/v26/1Ptug8zYS_SKggPNyCkIT4ttDfCmxA.woff2") format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
font-display: block;
}
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
src: url("//static.parastorage.com/tag-bundler/api/v1/fonts-
cache/googlefont/woff2/s/raleway/v26/1Ptug8zYS_SKggPNyCIIT4ttDfCmxA.woff2") format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0,
U+1EA0-1EF9, U+20AB;
font-display: block;
}
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
33
482.ЧДТУ.31936-01 12 01
src: url("//static.parastorage.com/tag-bundler/api/v1/fonts-
cache/googlefont/woff2/s/raleway/v26/1Ptug8zYS_SKggPNyCMIT4ttDfCmxA.woff2") format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113,
U+2C60-2C7F, U+A720-A7FF;
font-display: block;
}
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
src: url("//static.parastorage.com/tag-bundler/api/v1/fonts-
cache/googlefont/woff2/s/raleway/v26/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-
206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
font-display: block;
}
@font-face {
font-family: "Helvetica-W01-Roman";
src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/ea95b44a-eab7-4bd1-861c-
e73535e7f652.eot?#iefix");
src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/ea95b44a-eab7-4bd1-861c-
e73535e7f652.eot?#iefix") format("eot"),url("//static.parastorage.com/services/third-party/fonts/user-site-
fonts/fonts/4021a3b9-f782-438b-aeb4-c008109a8b64.woff")
format("woff"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/669f79ed-002c-4ff6-
965c-9da453968504.ttf") format("truetype"),url("//static.parastorage.com/services/third-party/fonts/user-site-
fonts/fonts/d17bc040-9e8b-4397-8356-8153f4a64edf.svg#d17bc040-9e8b-4397-8356-8153f4a64edf")
format("svg");
font-display: block;
}
@font-face {
font-family: "Helvetica-W02-Roman";
src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/e4bd4516-4480-43df-aa6e-
4e9b9029f53e.eot?#iefix");
src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/e4bd4516-4480-43df-aa6e-
4e9b9029f53e.eot?#iefix") format("eot"),url("//static.parastorage.com/services/third-party/fonts/user-site-
fonts/fonts/b56b944e-bbe0-4450-a241-de2125d3e682.woff")
format("woff"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/7da02f05-ae8b-43a1-
aeb9-83b3c0527c06.ttf") format("truetype"),url("//static.parastorage.com/services/third-party/fonts/user-site-
fonts/fonts/66cac56e-d017-4544-9d0c-f7d978f0c5c2.svg#66cac56e-d017-4544-9d0c-f7d978f0c5c2") format("svg");
font-display: block;
}
@font-face {
font-family: "Helvetica-LT-W10-Roman";
src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/686a6a06-e711-4bd2-b393-
8504a497bb3c.eot?#iefix");
src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/686a6a06-e711-4bd2-b393-
8504a497bb3c.eot?#iefix") format("eot"),url("//static.parastorage.com/services/third-party/fonts/user-site-
fonts/fonts/6f8d1983-4d34-4fa4-9110-988f6c495757.woff")
format("woff"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/7903ee3f-e9ab-4bdc-
b7d2-d232de2da580.ttf") format("truetype"),url("//static.parastorage.com/services/third-party/fonts/user-site-
fonts/fonts/9c58e9ea-fdea-4b9c-b0f9-0a2157389ed0.svg#9c58e9ea-fdea-4b9c-b0f9-0a2157389ed0") format("svg");
font-display: block;
}</style></pages-css>
СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ
1. Mozilla Developer Network - ресурс для розробників, документація та
інструменти для веб-розробки. [Електронний ресурс]. – Режим доступу:
http://www.developer.mozilla.org.
2. W3Schools - веб-портал з безкоштовними навчальними матеріалами з веб-
технологій. [Електронний ресурс]. – Режим доступу:
http://www.w3schools.com.
3. AngularJS - фреймворк JavaScript для побудови динамічних веб-додатків.
[Електронний ресурс]. – Режим доступу: http://www.angularjs.org.
4. ReactJS - бібліотека JavaScript для створення інтерфейсів користувача.
[Електронний ресурс]. – Режим доступу: http://www.reactjs.org.
5. Node.js - середовище виконання JavaScript, що дозволяє розробляти
серверні додатки. [Електронний ресурс]. – Режим доступу:
http://www.nodejs.org.
6. Ruby on Rails - фреймворк для швидкої розробки веб-додатків з
використанням мови програмування Ruby. [Електронний ресурс]. – Режим
доступу: http://www.rubyonrails.org.
7. MongoDB - документоорієнтована база даних. [Електронний ресурс]. –
Режим доступу: http://www.mongodb.com.
8. Amazon Web Services - хмарна платформа для розробки та хостингу веб-
додатків. [Електронний ресурс]. – Режим доступу: aws.amazon.com.
9. Microsoft Azure - хмарна платформа Microsoft для розробки, розгортання
та керування додатками. [Електронний ресурс]. – Режим доступу:
http://www.azure.microsoft.com.
Лист
ЧДТУ.31936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 90
а
10.CSS-Tricks - ресурс з статтями, підручниками та ресурсами для веб-
розробки. [Електронний ресурс]. – Режим доступу: http://www.css-
tricks.com.
11.Smashing Magazine - онлайн-журнал для веб-розробників та дизайнерів.
[Електронний ресурс]. – Режим доступу:
http://www.smashingmagazine.com.
12. SitePoint - веб-ресурс з навчальними матеріалами та статтями про веб-
розробку. [Електронний ресурс]. – Режим доступу:
http://www.sitepoint.com.
13.Web Designer Depot - ресурс для веб-дизайнерів, що містить статті,
інструменти та навчальні матеріали. [Електронний ресурс]. – Режим
доступу: http://www.webdesignerdepot.com.
14.Git Tower - електронна книга про роботу з Git та командний рядок.
[Електронний ресурс]. – Режим доступу: http://www.git-
tower.com/learn/git/ebook/en/command-line/appendix/command-line-101.
15.Selenium - набір інструментів для автоматизації веб-додатків.
[Електронний ресурс]. – Режим доступу: http://www.selenium.dev.
16.Google PageSpeed - інструмент для вимірювання та оптимізації швидкості
завантаження веб-сторінок. [Електронний ресурс]. – Режим доступу:
http://www.developers.google.com/speed/pagespeed/.
17.TechRadar - огляди та новини про технології, включаючи Wix - веб-
платформу для створення сайтів. [Електронний ресурс]. – Режим доступу:
http://www.techradar.com/reviews/wix.
18.Website Builder Expert - ресурс з оглядами та порівнянням платформ для
створення веб-сайтів, включаючи Wix. [Електронний ресурс]. – Режим
доступу: http://www.websitebuilderexpert.com/website-builders/wix/.
Лист
ЧДТУ.31936.002 ПЗ т
Зм. Лист № докум. Підпис Дат 91
а
Репозиторій ЧДТУ
