PageSourceSearch

https://artcraft.school/events

html artcraft.school collected 2026-10-04 09:25:19 UTC 90,661 bytes, 1,985 lines download raw bytes

1<!DOCTYPE html>
2<html lang="uk" class="page">
3<head>
4    <meta charset="UTF-8"/>
5    <title>CG Event online: заходи у ArtCraft CG School</title>
6    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
7    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, minimal-ui"/>
8    <meta name="msapplication-TileColor" content="#ffffff"/>
9    <meta name="msapplication-TileImage" content="/assets/favicon/icon-144x144.png"/>
10    <meta name="theme-color" content="#ffffff"/>
11
12    <meta name="msapplication-square70x70logo" content="/assets/favicon/msapplication-square70x70logo.png"/>
13    <meta name="msapplication-square150x150logo" content="/assets/favicon/msapplication-square150x150logo.png"/>
14    <meta name="msapplication-square310x310logo" content="/assets/favicon/msapplication-square310x310logo.png"/>
15    <meta name="msapplication-wide310x150logo" content="/assets/favicon/msapplication-wide310x150logo.png"/>
16    <meta name="msapplication-config" content="/browserconfig.xml" />
17
18    <meta name="description" content="💻 ArtCraft CG Event online ✅ Відкриті уроки, конференції, лекції для новачків, просунутих та гуру світу комп'ютерної графіки ✅"/>
19	<meta property="twitter:card" content="summary_large_image"/>
20	<meta property="twitter:site" content="@ArtCraft_School"/>
21	<meta property="twitter:image" content="https://artcraft.net.ua/assets/favicon/icon-512x512.png"/>
22	<meta property="og:locale" content="ru_UA"/>
23	<meta property="og:site_name" content="ArtCraft"/>
24	<meta property="og:title" content="CG Event online: заходи у ArtCraft CG School"/>
25	<meta property="og:image" content="https://artcraft.net.ua/assets/favicon/icon-512x512.png"/>
26	<meta property="og:description" content="💻 ArtCraft CG Event online ✅ Відкриті уроки, конференції, лекції для новачків, просунутих та гуру світу комп'ютерної графіки ✅"/>
27	<meta rel="canonical" content="https://artcraft.net.ua/events"/>
28    <link href="https://artcraft.net.ua/events?page=2" rel="next"/>
29<!--    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin/>-->
30<!--    <link href="//fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i&amp;subset=cyrillic" rel="stylesheet"/>-->
31<!--    <link href="//fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&amp;subset=cyrillic" rel="stylesheet"/>-->
32    <link rel="preconnect" href="https://fonts.googleapis.com">
33    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
34    <link href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600&family=Unbounded:wght@300;400;500;700&subset=cyrillic&display=swap" rel="stylesheet">
35
36    <link rel="apple-touch-icon" sizes="57x57" href="/assets/favicon/icon-57x57.png"/>
37    <link rel="apple-touch-icon" sizes="76x76" href="/assets/favicon/icon-76x76.png"/>
38    <link rel="apple-touch-icon" sizes="120x120" href="/assets/favicon/icon-120x120.png"/>
39    <link rel="apple-touch-icon" sizes="152x152" href="/assets/favicon/icon-152x152.png"/>
40    <link rel="apple-touch-icon" sizes="167x167" href="/assets/favicon/icon-167x167.png"/>
41    <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/icon-180x180.png"/>
42
43    <link rel="icon" type="image/png" sizes="128x128" href="/assets/favicon/icon-128x128.png"/>
44    <link rel="icon" type="image/png" sizes="192x192" href="/assets/favicon/icon-192x192.png"/>
45
46    <link rel="icon" type="image/png" sizes="512x512" href="/assets/favicon/icon-512x512.png"/>
47    <link rel="icon" type="image/png" sizes="384x384" href="/assets/favicon/icon-384x384.png"/>
48    <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/icon-32x32.png"/>
49    <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/icon-16x16.png"/>
50    <link rel="icon" type="image/x-icon" href="/assets/favicon.ico" />
51
52    <link rel="preload" as="script" href="/assets/bundle.js?t=1785434734" />
53    <link href="/assets/bundle.css?t=1785434734" rel="stylesheet" type="text/css" />
54    <link rel="manifest" href="/manifest.json"/>
55
56
57        
58    <!-- Telegram Widget (left side, mobile 12x12) -->
59<style>
60  html, body {
61    overflow-x: hidden;
62  }
63
64  #tg-widget {
65    position: fixed;
66    left: 32px;
67    bottom: 32px;
68    z-index: 999999;
69    width: 58px;
70    max-width: calc(100vw - 24px);
71    font-family: Rubik, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
72  }
73
74  #tg-widget * {
75    box-sizing: border-box;
76  }
77
78  .tg-popup {
79    position: absolute;
80    left: 0;
81    bottom: 76px;
82    width: 336px;
83    max-width: min(336px, calc(100vw - 24px));
84    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
85    border-radius: 24px;
86    padding: 18px 18px 16px;
87    border: 1px solid rgba(32, 33, 45, 0.06);
88    box-shadow:
89      0 20px 60px rgba(31, 41, 55, 0.10),
90      0 4px 18px rgba(31, 41, 55, 0.05);
91    animation: tgFadeInUp .28s ease;
92    transform-origin: bottom left;
93  }
94
95  .tg-popup[hidden] {
96    display: none !important;
97  }
98
99  .tg-top {
100    display: flex;
101    align-items: center;
102    justify-content: space-between;
103    gap: 12px;
104    margin-bottom: 18px;
105    min-height: 32px;
106  }
107
108  .tg-badge {
109    display: inline-flex;
110    align-items: center;
111    gap: 8px;
112    min-height: 30px;
113    padding: 7px 14px;
114    border-radius: 999px;
115    font-size: 12px;
116    font-weight: 600;
117    line-height: 1;
118    white-space: nowrap;
119  }
120
121  .tg-badge::before {
122    content: "";
123    width: 10px;
124    height: 10px;
125    border-radius: 50%;
126    flex: 0 0 10px;
127  }
128
129  .tg-badge.is-online {
130    background: #eaf8ef;
131    color: #1f8f47;
132  }
133
134  .tg-badge.is-online::before {
135    background: #29b556;
136    box-shadow: 0 0 0 6px rgba(41, 181, 86, 0.12);
137  }
138
139  .tg-badge.is-offline {
140    background: #f7ecd7;
141    color: #a16b00;
142  }
143
144  .tg-badge.is-offline::before {
145    background: #f5ac19;
146    box-shadow: 0 0 0 6px rgba(245, 172, 25, 0.14);
147  }
148
149  .tg-close {
150    width: 32px;
151    height: 32px;
152    border-radius: 10px;
153    border: none;
154    background: transparent;
155    font-size: 22px;
156    line-height: 1;
157    cursor: pointer;
158    opacity: .55;
159    color: #20212d;
160    transition: opacity .18s ease, background .18s ease;
161    margin-left: auto;
162    flex: 0 0 auto;
163  }
164
165  .tg-close:hover {
166    opacity: .9;
167    background: rgba(32, 33, 45, .05);
168  }
169
170  .tg-text {
171    font-family: Rubik, sans-serif;
172    font-size: 16px;
173    line-height: 1.5;
174    color: #20212d;
175    font-weight: 400;
176    padding-left: 10px;
177    padding-right: 10px;
178    margin-bottom: 16px;
179    letter-spacing: 0;
180  }
181
182  .tg-button {
183    display: flex;
184    align-items: center;
185    justify-content: center;
186    width: 100%;
187    min-height: 60px;
188    margin-top: 8px;
189    padding: 16px 18px;
190    background: linear-gradient(135deg, #67a7df 0%, #4b97d9 100%);
191    color: #fff;
192    border-radius: 22px;
193    text-decoration: none;
194    font-size: 18px;
195    font-weight: 600;
196    line-height: 1.2;
197    transition: transform .18s ease, filter .18s ease, box-shadow .18s ease, background .18s ease;
198    user-select: none;
199    box-shadow: 0 12px 28px rgba(84, 156, 223, 0.28);
200  }
201
202  .tg-button:hover {
203    filter: brightness(0.98);
204    transform: translateY(-1px);
205    box-shadow: 0 15px 32px rgba(84, 156, 223, 0.32);
206    background: linear-gradient(135deg, #5f9fd9 0%, #438ecf 100%);
207  }
208
209  .tg-button:active {
210    transform: translateY(0);
211  }
212
213  .tg-hours {
214    margin-top: 12px;
215    font-size: 14px;
216    line-height: 1.35;
217    color: #727888;
218    text-align: center;
219    font-weight: 400;
220  }
221
222  .tg-bubble {
223    position: relative;
224    width: 58px;
225    height: 58px;
226    border-radius: 50%;
227    background: linear-gradient(135deg, #67a7df 0%, #4b97d9 100%);
228    display: flex;
229    align-items: center;
230    justify-content: center;
231    box-shadow:
232      0 14px 34px rgba(31, 41, 55, 0.18),
233      0 6px 16px rgba(84, 156, 223, 0.24);
234    overflow: visible;
235    border: 1px solid rgba(255,255,255,.5);
236    cursor: pointer;
237    transition: transform .18s ease, filter .18s ease, box-shadow .18s ease, background .18s ease;
238  }
239
240  .tg-bubble:hover {
241    transform: translateY(-1px);
242    filter: brightness(0.98);
243    background: linear-gradient(135deg, #5f9fd9 0%, #438ecf 100%);
244    box-shadow:
245      0 16px 38px rgba(31, 41, 55, 0.22),
246      0 8px 18px rgba(84, 156, 223, 0.30);
247  }
248
249  .tg-bubble img {
250    width: 30px;
251    height: 30px;
252    object-fit: contain;
253    display: block;
254    pointer-events: none;
255  }
256
257  .tg-bubble.tg-active {
258    box-shadow:
259      0 16px 38px rgba(31, 41, 55, 0.22),
260      0 8px 18px rgba(84, 156, 223, 0.30);
261    transform: scale(1.02);
262  }
263
264  .tg-bubble.tg-bulb {
265    animation: tgBubblePulse 1.2s ease;
266  }
267
268  .tg-bubble-status {
269    position: absolute;
270    top: 1px;
271    right: 1px;
272    width: 14px;
273    height: 14px;
274    border-radius: 50%;
275    background: #29b556;
276    border: 2px solid #ffffff;
277    box-shadow: 0 0 0 4px rgba(41, 181, 86, 0.14);
278  }
279
280  .tg-bubble-status[hidden] {
281    display: none !important;
282  }
283
284  .tg-helper {
285    position: absolute;
286    left: 68px;
287    bottom: 34px;
288    background: #ffffff;
289    color: #20212d;
290    border: 1px solid rgba(32, 33, 45, 0.08);
291    border-radius: 16px;
292    padding: 10px 14px;
293    font-size: 16px;
294    line-height: 1;
295    font-weight: 500;
296    box-shadow:
297      0 10px 28px rgba(31, 41, 55, 0.10),
298      0 2px 10px rgba(31, 41, 55, 0.04);
299    white-space: nowrap;
300    pointer-events: none;
301    opacity: 0;
302    max-width: min(220px, calc(100vw - 100px));
303  }
304
305  .tg-helper.tg-helper-show {
306    animation: tgHelperFade 4.2s ease forwards;
307  }
308
309  @keyframes tgHelperFade {
310    0% {
311      opacity: 0;
312      transform: translateY(6px) scale(.98);
313    }
314    12% {
315      opacity: 1;
316      transform: translateY(0) scale(1);
317    }
318    70% {
319      opacity: 1;
320      transform: translateY(0) scale(1);
321    }
322    100% {
323      opacity: 0;
324      transform: translateY(4px) scale(.98);
325    }
326  }
327
328  @keyframes tgBubblePulse {
329    0%   { transform: scale(1); }
330    30%  { transform: scale(1.12); }
331    60%  { transform: scale(.95); }
332    100% { transform: scale(1); }
333  }
334
335  @keyframes tgFadeInUp {
336    from {
337      opacity: 0;
338      transform: translateY(12px) scale(.98);
339    }
340    to {
341      opacity: 1;
342      transform: translateY(0) scale(1);
343    }
344  }
345
346  @media (max-width: 420px) {
347    #tg-widget {
348      left: 12px;
349      bottom: 12px;
350      top: auto;
351      width: 58px;
352      max-width: calc(100vw - 12px);
353    }
354
355    .tg-popup {
356      width: 286px;
357      max-width: calc(100vw - 16px);
358      bottom: 68px;
359      padding: 16px;
360      border-radius: 22px;
361    }
362
363    .tg-text {
364      font-size: 16px;
365      line-height: 1.5;
366      padding-left: 8px;
367      padding-right: 8px;
368      margin-bottom: 16px;
369    }
370
371    .tg-button {
372      min-height: 56px;
373      font-size: 16px;
374      border-radius: 18px;
375    }
376
377    .tg-helper {
378      left: 62px;
379      bottom: 24px;
380      font-size: 15px;
381      padding: 9px 12px;
382      max-width: min(190px, calc(100vw - 96px));
383    }
384  }
385
386  @media (max-width: 360px) {
387    .tg-popup {
388      width: 252px;
389      max-width: calc(100vw - 16px);
390    }
391
392    .tg-helper {
393      font-size: 14px;
394      max-width: min(170px, calc(100vw - 92px));
395    }
396  }
397</style>
398
399<script>
400(function () {
401  const TG_URL = "https://t.me/ArtCraftSchool";
402  const ICON_URL = "https://telegram.org/file/464001916/10d69/wMJtQWE_ZwI.17701.png/f4e97997cb38fc577a";
403
404  const AUTO_OPEN_DELAY = 10000;
405  const BUBBLE_INTERVAL = 3000;
406  const HELPER_INTERVAL = 30000;
407  const SESSION_COOLDOWN_MS = 30 * 60 * 1000;
408  const SESSION_KEY = "tgWidgetCooldownUntil";
409
410  const HELPER_MESSAGES = [
411    "Можу допомогти!",
412    "Є питання?",
413    "Ну шо?"
414  ];
415
416  const WORK_DAYS = [1, 2, 3, 4, 5];
417  const WORK_START_HOUR = 11;
418  const WORK_END_HOUR = 19;
419
420  if (window.__tgWidgetMounted) return;
421  window.__tgWidgetMounted = true;
422
423  function isWorkingTime() {
424    const now = new Date();
425    const day = now.getDay();
426    const currentTime = now.getHours() + now.getMinutes() / 60;
427
428    return WORK_DAYS.includes(day) &&
429      currentTime >= WORK_START_HOUR &&
430      currentTime < WORK_END_HOUR;
431  }
432
433  function getCooldownUntil() {
434    try {
435      const raw = sessionStorage.getItem(SESSION_KEY);
436      const value = raw ? parseInt(raw, 10) : 0;
437      return Number.isFinite(value) ? value : 0;
438    } catch (e) {
439      return 0;
440    }
441  }
442
443  function setCooldown() {
444    try {
445      sessionStorage.setItem(SESSION_KEY, String(Date.now() + SESSION_COOLDOWN_MS));
446    } catch (e) {}
447  }
448
449  function isCooldownActive() {
450    return Date.now() < getCooldownUntil();
451  }
452
453  const working = isWorkingTime();
454  const statusText = working ? "Online" : "Offline";
455  const statusClass = working ? "is-online" : "is-offline";
456
457  const messageText = working
458    ? "Є питання? Ми якраз онлайн, тож можна просто написати й одразу все з’ясувати :)"
459    : "Зараз не в мережі, але напишіть нам у Telegram — ваше повідомлення нас дочекається :)";
460
461  const hoursText = "Графік роботи: пн–пт · 11:00–19:00";
462
463  const wrap = document.createElement("div");
464  wrap.id = "tg-widget";
465  wrap.innerHTML = `
466    <div class="tg-popup" id="tg-popup" hidden>
467      <div class="tg-top">
468        <div class="tg-badge ${statusClass}">${statusText}</div>
469        <button class="tg-close" type="button" aria-label="Закрити">×</button>
470      </div>
471
472      <div class="tg-text">${messageText}</div>
473
474      <a class="tg-button" href="${TG_URL}" target="_blank" rel="nofollow noopener">
475        Написати у Telegram
476      </a>
477
478      <div class="tg-hours">${hoursText}</div>
479    </div>
480
481    <div class="tg-helper" id="tg-helper">Можу допомогти!</div>
482
483    <button class="tg-bubble" id="tg-bubble" type="button" aria-label="Відкрити Telegram popup">
484      <img src="${ICON_URL}" alt="Telegram">
485      <span class="tg-bubble-status" ${working ? "" : "hidden"}></span>
486    </button>
487  `;
488
489  document.body.appendChild(wrap);
490
491  const popup = wrap.querySelector("#tg-popup");
492  const closeBtn = wrap.querySelector(".tg-close");
493  const bubble = wrap.querySelector("#tg-bubble");
494  const helper = wrap.querySelector("#tg-helper");
495
496  let isOpen = false;
497  let autoOpenTimer = null;
498  let helperTimer = null;
499  let helperIndex = 0;
500
501  function startBubbleAnim() {
502    if (wrap.__bubbleTimer) return;
503    wrap.__bubbleTimer = setInterval(() => {
504      if (isOpen) return;
505      bubble.classList.add("tg-bulb");
506      setTimeout(() => bubble.classList.remove("tg-bulb"), 1200);
507    }, BUBBLE_INTERVAL);
508  }
509
510  function stopBubbleAnim() {
511    if (!wrap.__bubbleTimer) return;
512    clearInterval(wrap.__bubbleTimer);
513    wrap.__bubbleTimer = null;
514  }
515
516  function clearAutoOpenTimer() {
517    if (!autoOpenTimer) return;
518    clearTimeout(autoOpenTimer);
519    autoOpenTimer = null;
520  }
521
522  function showHelper() {
523    if (isOpen) return;
524
525    const message = HELPER_MESSAGES[helperIndex % HELPER_MESSAGES.length];
526    helperIndex += 1;
527
528    helper.textContent = message;
529    helper.classList.remove("tg-helper-show");
530    void helper.offsetWidth;
531    helper.classList.add("tg-helper-show");
532  }
533
534  function startHelperLoop() {
535    if (helperTimer) return;
536    showHelper();
537    helperTimer = setInterval(showHelper, HELPER_INTERVAL);
538  }
539
540  function openPopup(fromAuto) {
541    if (fromAuto && isCooldownActive()) return;
542
543    popup.hidden = false;
544    bubble.classList.add("tg-active");
545    bubble.setAttribute("aria-label", "Закрити Telegram popup");
546    isOpen = true;
547
548    stopBubbleAnim();
549    clearAutoOpenTimer();
550    helper.classList.remove("tg-helper-show");
551  }
552
553  function closePopup(setDelay) {
554    popup.hidden = true;
555    bubble.classList.remove("tg-active");
556    bubble.setAttribute("aria-label", "Відкрити Telegram popup");
557    isOpen = false;
558
559    startBubbleAnim();
560    clearAutoOpenTimer();
561
562    if (setDelay) {
563      setCooldown();
564    }
565  }
566
567  function togglePopup() {
568    if (isOpen) {
569      closePopup(false);
570    } else {
571      openPopup(false);
572    }
573  }
574
575  function scheduleAutoOpen() {
576    clearAutoOpenTimer();
577    if (isCooldownActive()) return;
578
579    autoOpenTimer = setTimeout(() => {
580      openPopup(true);
581    }, AUTO_OPEN_DELAY);
582  }
583
584  bubble.addEventListener("click", function (e) {
585    e.preventDefault();
586    togglePopup();
587  });
588
589  closeBtn.addEventListener("click", function (e) {
590    e.preventDefault();
591    closePopup(true);
592  });
593
594  document.addEventListener("keydown", function (e) {
595    if (e.key === "Escape" && isOpen) {
596      closePopup(true);
597    }
598  });
599
600  document.addEventListener("click", function (e) {
601    if (!wrap.contains(e.target) && isOpen) {
602      closePopup(true);
603    }
604  });
605
606  startBubbleAnim();
607  startHelperLoop();
608  scheduleAutoOpen();
609})();
610</script>
610
611    
612                
612<script src="https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit&onload=onLoadCaptcha" async defer></script>
612
613        
613<script>
614        window.i18n = {"sidebar":{"title":{"course":"\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u0438\u0441\u044f<br\/>\u043d\u0430 \u043a\u0443\u0440\u0441","trial":"\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u0438\u0441\u044f \u043d\u0430<br\/>\u043f\u0440\u043e\u0431\u043d\u0435 \u0437\u0430\u043d\u044f\u0442\u0442\u044f","test":"\u0422\u0435\u0441\u0442 \u0443 \u0448\u043a\u043e\u043b\u0456","question":"\u0417\u0430\u0434\u0430\u0442\u0438 \u043f\u0438\u0442\u0430\u043d\u043d\u044f","send":"\u041d\u0430\u0434\u0456\u0441\u043b\u0430\u0442\u0438 \u0440\u043e\u0431\u043e\u0442\u0438","contacts":"\u041d\u0430\u0434\u0456\u0441\u043b\u0430\u0442\u0438<br\/>\u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0438","meeting":"\u0414\u043e\u043c\u043e\u0432\u0438\u0442\u0438\u0441\u044f<br\/>\u043f\u0440\u043e \u0437\u0443\u0441\u0442\u0440\u0456\u0447","event":"\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u0438\u0441\u044f<br\/>\u043d\u0430 \u0456\u0432\u0435\u043d\u0442","registration":"\u0417\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0443\u0439\u0441\u044f","messengerTrialStep1":"\u041a\u0443\u0434\u0438 \u0442\u043e\u0431\u0456<br\/>\u0432\u0456\u0434\u043f\u0440\u0430\u0432\u0438\u0442\u0438 \u0443\u0440\u043e\u043a:","messengerRegStep1":"\u041a\u0443\u0434\u0438 \u0442\u043e\u0431\u0456<br\/>\u0432\u0456\u0434\u043f\u0440\u0430\u0432\u0438\u0442\u0438 \u043a\u0443\u0440\u0441:"},"submit":{"default":"\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u0438\u0441\u044c","question":"\u0417\u0430\u0434\u0430\u0442\u0438 \u043f\u0438\u0442\u0430\u043d\u043d\u044f","send":"\u041d\u0430\u0434\u0456\u0441\u043b\u0430\u0442\u0438","meeting":"\u0414\u043e\u043c\u043e\u0432\u0438\u0442\u0438\u0441\u044c","registration":"\u0417\u0430\u0440\u0435\u0454\u0441\u0442\u0440\u0443\u0432\u0430\u0442\u0438\u0441\u044f"},"successMessage":{"course":"\n        <span>\u0412\u0438 \u0443\u0441\u043f\u0456\u0448\u043d\u043e \u0437\u0430\u043f\u0438\u0441\u0430\u043b\u0438\u0441\u044f \u043d\u0430<\/span>\n        <span id=\"success-course\">\u043a\u0443\u0440\u0441<\/span>\n    ","coursePage":"\n        <span>\u0412\u0438 \u0443\u0441\u043f\u0456\u0448\u043d\u043e \u0437\u0430\u043f\u0438\u0441\u0430\u043b\u0438\u0441\u044f \u043d\u0430<\/span><span id=\"success-course\">\u043a\u0443\u0440\u0441<\/span>\n    ","trial":"\n        <span>\n            \u0417\u0430\u0445\u043e\u0434\u044c \u043d\u0430 \u043f\u043e\u0448\u0442\u0443 \u0442\u0430 \u0448\u0443\u043a\u0430\u0439 \u043b\u0438\u0441\u0442 \u0432\u0456\u0434 ArtCraft &mdash; \u0443 \u043d\u044c\u043e\u043c\u0443 \u043f\u043e\u0441\u0438\u043b\u0430\u043d\u043d\u044f \u0456\u0437 \u043f\u0440\u043e\u0431\u043d\u0438\u043c \u0443\u0440\u043e\u043a\u043e\u043c. \u0406 \u0442\u0430\u043a, \u043f\u0440\u043e \u0432\u0441\u044f\u043a\n            \u0432\u0438\u043f\u0430\u0434\u043e\u043a \u043d\u0435 \u0437\u0430\u0431\u0443\u0434\u044c \u0437\u0430\u0437\u0438\u0440\u043d\u0443\u0442\u0438 \u0432 \u043f\u0430\u043f\u043a\u0443 \"\u0421\u043f\u0430\u043c\".\n            <br>\n            <br>\n        <\/span>\n        <span id=\"success-course\">\u041f\u0440\u0438\u0454\u043c\u043d\u043e\u0433\u043e \u043f\u0435\u0440\u0435\u0433\u043b\u044f\u0434\u0443! \ud83d\ude09<\/span>\n    ","test":"\n        <span>\u0412\u0438 \u0443\u0441\u043f\u0456\u0448\u043d\u043e \u0437\u0430\u043f\u0438\u0441\u0430\u043b\u0438\u0441\u044f \u043d\u0430<\/span><span id=\"success-course\">\u043f\u0440\u043e\u0431\u043d\u0435 \u0437\u0430\u043d\u044f\u0442\u0442\u044f<\/span>\n    ","question":"\n        <span>\u041c\u0438 \u0437\u0430\u043f\u0438\u0441\u0430\u043b\u0438 \u0432\u0430\u0448\u0435 \u0437\u0430\u043f\u0438\u0442\u0430\u043d\u043d\u044f<\/span>\n    ","send":"\n        <span>\u041c\u0438 \u043e\u0442\u0440\u0438\u043c\u0430\u043b\u0438 \u0432\u0430\u0448\u0435 \u0437\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044f<\/span>\n    ","contacts":"\n        <span>\u0412\u0430\u0448\u0456 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0438 \u0437\u0430\u043f\u0438\u0441\u0430\u043d\u0456<\/span>
614\n    ","meeting":"\n        <span>\u041c\u0438 \u0437\u0431\u0435\u0440\u0435\u0433\u043b\u0438 \u0432\u0430\u0448 \u0437\u0430\u043f\u0438\u0442 \u043d\u0430 \u0437\u0443\u0441\u0442\u0440\u0456\u0447<\/span>\n    ","event":"\n        <span>\u0412\u0438 \u0443\u0441\u043f\u0456\u0448\u043d\u043e \u0437\u0430\u043f\u0438\u0441\u0430\u043b\u0438\u0441\u044f \u043d\u0430<\/span><span id=\"success-course\">\u0456\u0432\u0435\u043d\u0442<\/span>\n    ","registration":"\n        <span>\n            \u0417\u0430\u0445\u043e\u0434\u044c \u043d\u0430 \u043f\u043e\u0448\u0442\u0443 \u0442\u0430 \u0448\u0443\u043a\u0430\u0439 \u043b\u0438\u0441\u0442 \u0432\u0456\u0434 ArtCraft &mdash; \u0443 \u043d\u044c\u043e\u043c\u0443 \u043f\u043e\u0441\u0438\u043b\u0430\u043d\u043d\u044f \u0456\u0437 \u043f\u0440\u043e\u0431\u043d\u0438\u043c \u0443\u0440\u043e\u043a\u043e\u043c. \u0406 \u0442\u0430\u043a, \u043f\u0440\u043e \u0432\u0441\u044f\u043a\n            \u0432\u0438\u043f\u0430\u0434\u043e\u043a \u043d\u0435 \u0437\u0430\u0431\u0443\u0434\u044c \u0437\u0430\u0437\u0438\u0440\u043d\u0443\u0442\u0438 \u0432 \u043f\u0430\u043f\u043a\u0443 \"\u0421\u043f\u0430\u043c\".\n            <br>\n            <br>\n        <\/span>\n        <span id=\"success-course\">\u041f\u0440\u0438\u0454\u043c\u043d\u043e\u0433\u043e \u043f\u0435\u0440\u0435\u0433\u043b\u044f\u0434\u0443! \ud83d\ude09<\/span>\n    "}},"form":{"redirecting_to_payment":""},"form_validate":{"rule":{"intel_tel_input":{"msg":"\u041d\u0435\u0432\u0456\u0440\u043d\u0438\u0439 \u043d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0443"},"no_white_spaces":{"msg":"\n        \u041f\u0440\u043e\u0431\u0456\u043b \u043d\u0435\u0434\u043e\u043f\u0443\u0441\u0442\u0438\u043c\u0438\u0439. \u042f\u043a\u0449\u043e \u0432\u0438 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0454\u0442\u0435 \u0430\u0432\u0442\u043e\u0437\u0430\u043f\u043e\u0432\u043d\u0435\u043d\u043d\u044f - \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u0442\u0435 \u0432\u0432\u0435\u0434\u0435\u043d\u0456 \u0434\u0430\u043d\u0456\n    "},"uanames":{"msg":"\u041d\u0435\u043f\u0440\u0438\u043f\u0443\u0441\u0442\u0438\u043c\u0456 \u0437\u043d\u0430\u043a\u0438"},"phone_first_digit":{"msg":"\u041d\u0435\u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u0437\u0430\u043f\u0438\u0441\u0430\u043d\u043e \u043d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0443! \u0411\u0443\u0434\u044c \u043b\u0430\u0441\u043a\u0430 \u0432\u0438\u043f\u0440\u0430\u0432\u0442\u0435."}},"first_name":{"required":"\u041d\u0430\u043f\u0438\u0448\u0456\u0442\u044c, \u0431\u0443\u0434\u044c \u043b\u0430\u0441\u043a\u0430, \u0441\u0432\u043e\u0454 \u0456\u043c'\u044f","maxlenght":"\u041c\u043e\u0436\u043d\u0430 \u0432\u0432\u0435\u0441\u0442\u0438 \u0434\u043e 60 \u0441\u0438\u043c\u0432\u043e\u043b\u0456\u0432","uanames":"\u041d\u0435\u043f\u0440\u0438\u043f\u0443\u0441\u0442\u0438\u043c\u0456 \u0437\u043d\u0430\u043a\u0438"},"last_name":{"maxlength":"\u041c\u043e\u0436\u043d\u0430 \u0432\u0432\u0435\u0441\u0442\u0438 \u0434\u043e 60 \u0441\u0438\u043c\u0432\u043e\u043b\u0456\u0432","uanames":"\u041d\u0435\u043f\u0440\u0438\u043f\u0443\u0441\u0442\u0438\u043c\u0456 \u0437\u043d\u0430\u043a\u0438"},"phone":{"required":"\u0411\u0443\u0434\u044c \u043b\u0430\u0441\u043a\u0430, \u043d\u0430\u043f\u0438\u0448\u0456\u0442\u044c \u0441\u0432\u0456\u0439 \u043d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0443"},"email":{"required":"\u041d\u0430\u043f\u0438\u0448\u0456\u0442\u044c, \u0431\u0443\u0434\u044c \u043b\u0430\u0441\u043a\u0430, \u0441\u0432\u0456\u0439 Email","maxlength":"\u041c\u043e\u0436\u043d\u0430 \u0432\u0432\u0435\u0441\u0442\u0438 \u0434\u043e 60 \u0441\u0438\u043c\u0432\u043e\u043b\u0456\u0432","invalid_email":"\u041d\u0435\u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u0438\u0439 \u0444\u043e\u0440\u043c\u0430\u0442 Email. \u0411\u0443\u0434\u044c \u043b\u0430\u0441\u043a\u0430, \u0432\u0432\u0435\u0434\u0456\u0442\u044c \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u0438\u0439 Email."},"agree":{"required":"\u0412\u0438 \u043f\u0440\u0438\u0439\u043c\u0430\u0454\u0442\u0435 \u0423\u043c\u043e\u0432\u0438 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f \u0442\u0430 \u041f\u043e\u043b\u0456\u0442\u0438\u043a\u0443 \u043a\u043e\u043d\u0444\u0456\u0434\u0435\u043d\u0446\u0456\u0439\u043d\u043e\u0441\u0442\u0456?"}}};
615    </script>
615
616</head>
617<body class="page__body">
618<script type="application/ld+json">[{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@context":"http:\/\/schema.org","@type":"Thing","@id":"https:\/\/artcraft.net.ua\/","name":"\u0413\u043e\u043b\u043e\u0432\u043d\u0430"},"@context":"http:\/\/schema.org"}],"@context":"http:\/\/schema.org"},{"@type":"Organization","brand":"ArtCraft Education","name":"ArtCraft Education","logo":"https:\/\/artcraft.net.ua\/assets\/favicon\/icon-512x512.png","alternateName":"ArtCraft CG School","url":"https:\/\/artcraft.net.ua","telephone":"+380671970675","email":"[email protected]","sameAs":["https:\/\/www.facebook.com\/artcraftcg\/","https:\/\/www.instagram.com\/artcraft.school\/","https:\/\/twitter.com\/ArtCraft_School","https:\/\/t.me\/artcraftcg","https:\/\/www.youtube.com\/channel\/UCK6KL68XWLwgB1uC-Yz3H-A","https:\/\/discord.gg\/7JngbX8D6d","https:\/\/www.tiktok.com\/@school.artcraft"],"address":[{"@type":"PostalAddress","addressLocality":"\u041a\u0438\u0457\u0432","streetAddress":"\u0432\u0443\u043b. \u0412\u0430\u0434\u0438\u043c\u0430 \u0413\u0435\u0442\u044c\u043c\u0430\u043d\u0430, 6","addressRegion":"\u041a\u0438\u0457\u0432","postalCode":"3507","@context":"http:\/\/schema.org"}],"contactPoint":[{"@type":"ContactPoint","telephone":"+380950360166","contactType":"customer service","@context":"http:\/\/schema.org"},{"@type":"ContactPoint","telephone":"+380671970675","contactType":"customer service","@context":"http:\/\/schema.org"}],"@context":"http:\/\/schema.org"}]</script>
618
619    <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 619-620
619
620<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
620GTM-TQLL2TS7
vendor: 85 bytes, lines 620-621
620"
621height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
622<!-- End Google Tag Manager (noscript) -->    
623    <header class="page-header page__header">
624        <div class="container">
625            <div class="row page-header__row">
626                <div class="col-3 page-header__left-col d-block d-xl-none">
627                    <button
628                        class="trigger page-header__trigger"
629                        type="button"
630                        aria-label="open menu"
631                        data-bs-target="#site-nav"
632                        data-bs-toggle="offcanvas"
633                    >
634                        <svg class="trigger__icon icon" width="20" height="20">
635                            <use href="/assets/icons.svg#icon-burger"></use>
636                        </svg>
637                    </button>
638                </div>
639
640                <div class="col-6 col-lg-5 col-xl-2 page-header__logo-col">
641                    <a class="page-header__logo site-logo js-clear-scroll" href="/">
642                        <img class="site-logo__img" src="/assets/img/artcraft-logo.svg" alt="" width="100" height="27" />
643                    </a>
644                </div>
645
646                <div class="col-xl-7 page-header__nav-col">
647                    <!-- start sitenav -->
648                    <nav class="page-header__nav offcanvas-start offcanvas-xl nav-list nav-list--offcanvas nav-list--main"
649                         id="site-nav"
650                    >
651                        <div class="offcanvas-header justify-content-between">
652                            <h3 class="offcanvas-title truncate">ArtCraft</h3>
653                            <button
654                                class="trigger trigger--close"
655                                type="button"
656                                data-bs-dismiss="offcanvas"
657                                data-bs-target="#site-nav"
658                                aria-label="close menu"
659                            >
660                                <svg class="trigger__icon icon" width="20" height="20">
661                                    <use href="/assets/icons.svg#icon-close"></use>
662                                </svg>
663                            </button>
664                        </div>
665                        
666<ul class="nav-list__list nav-list__main  ms-n2 me-n2">
667                    <li class="nav-list__item">
668            <a  href="/" class="nav-list__link  ms-2 me-2">
669                <span class="nav-list__label">Головна</span>
670            </a>
671                    </li>
672                    <li class="nav-list__item">
673            <a  href="/courses" class="nav-list__link  ms-2 me-2">
674                <span class="nav-list__label">Навчальні програми</span>
675            </a>
676                    </li>
677                    <li class="nav-list__item">
678            <a  href="/events" class="nav-list__link nav-list__link--active ms-2 me-2">
679                <span class="nav-list__label">Онлайн-заходи</span>
680            </a>
681                            <div class="d-xl-none">
682                                    </div>
683                    </li>
684                    <li class="nav-list__item">
685            <a rel="nofollow" href="https://discord.gg/7JngbX8D6d" class="nav-list__link  ms-2 me-2">
686                <span class="nav-list__label">Ком'юніті</span>
687            </a>
688                    </li>
689    
690    </ul>
691                        
692                    </nav>
693                    <!-- end sitenav -->
694                </div>
695
696                <div class="col-3 col-lg-4 col-xl-3 page-header__right-col">
697                    <div class="site-header__trigger ">
698                        <div class="offcanvas-end offcanvas-lg offcanvas--absolute nav-list nav-list--offcanvas nav-list--login"
699                             id="login-nav"
700                        >
701                            <div class="offcanvas-header">
702                                <h3 class="offcanvas-title truncate flex-grow-1 align-items-center d-flex">
703                                    <svg class="trigger__icon icon" width="20" height="20">
704                                        <use href="/assets/icons.svg#icon-login"></use>
705                                    </svg>
706                                </h3>
707                                <button
708                                        class="trigger trigger--close"
709                                        type="button"
710                                        data-bs-dismiss="offcanvas"
711                                        data-bs-target="#login-nav"
712                                        aria-label="close menu"
713                                >
714                                    <svg class="trigger__icon icon" width="20" height="20">
715                                        <use href="/assets/icons.svg#icon-close"></use>
716                                    </svg>
717                                </button>
718                            </div>
719                            <ul class="nav-list__list page__header--auth d-none d-lg-flex">
720                                <li class="nav-list__item">
721                                    <a class="btn btn-light"
722                                       href="/"
723                                       data-bs-toggle="modal"
724                                       data-bs-target="#modalSignUpForm"
725                                    >
726                                        Реєстрація у ArtCraft ID                                    </a>
727                                </li>
728
729                                                                    <li class="nav-list__item">
730                                        <a class="btn btn-blue1" href="https://f2s.artcraft.school/">
731                                            Вхід                                        </a>
732                                    </li>
733                                                            </ul>
734                            <ul class="nav-list__list page__header--auth d-lg-none">
735                                <li class="nav-list__item">
736                                    <a class="nav-list__link"
737                                       href="/"
738                                       data-bs-toggle="modal"
739                                       data-bs-target="#modalSignUpForm"
740                                    >
741                                        Реєстрація у ArtCraft ID                                    </a>
742                                </li>
743                                                                    <li class="nav-list__item">
744                                        <a class="text-blue1 nav-list__link" href="https://f2s.artcraft.school/">
745                                            Вхід                                        </a>
746                                    </li>
747                                                            </ul>
748                        </div>
749                        <button class="trigger page-header__trigger d-lg-none"
750                                type="button"
751                                aria-label="open menu"
752                                data-bs-target="#login-nav"
753                                data-bs-toggle="offcanvas"
754                        >
755                            <svg class="trigger__icon icon" width="20" height="20">
756                                <use href="/assets/icons.svg#icon-login"></use>
757                            </svg>
758                        </button>
759                    </div>
760
761                                    </div>
762            </div>
763        </div>
764    </header>
765
766    <main class="pages-content-wrapper page-all-events">
767    <div class="p-all-events-wrapper">
768
769        <div class="p-all-events-header">
770            <div class="container">
771                    <div class="bc mb-4">
772        <ol class="bc__list">
773                            <li class="bc__item" >
774                    <a class="bc__link" href="/" title="Головна">Головна</a>
775                    <span class="bc__separator">&nbsp;/&nbsp;</span>
776                </li>
777                        <li class="bc__item">Івенти в Artcraft CG School</li>
778        </ol>
779    </div>
780                <div class="p-all-events-header-wrapper">
781                    <div class="p-all-events-header-title">
782                        <h1>Івенти в <br/><span class="color">Artcraft CG School</span></h1>
783                    </div>
784                    <div class="p-all-events-header-address">
785                        <p style="text-align: center;"><a href="https://www.google.com/maps/?q=50.465311,30.516230" target="_blank" rel="nofollow"><br />+38 (067) 197 06 75</a></p>                        <div class="p-all-events-header-link-list">
786                            
787    <a class="p-footer-link-item" href="https://www.facebook.com/artcraftcg/" rel="nofollow" target="_blank">
788        <svg class="icon social facebook"><use xlink:href="/assets/icons.svg#icon-facebook"></use></svg>
789    </a>
790
791    <a class="p-footer-link-item" href="https://www.instagram.com/artcraft.school/" rel="nofollow" target="_blank">
792        <svg class="icon social instagram"><use xlink:href="/assets/icons.svg#icon-instagram"></use></svg>
793    </a>
794
795    <a class="p-footer-link-item" href="https://twitter.com/ArtCraft_School" rel="nofollow" target="_blank">
796        <svg class="icon social twitter"><use xlink:href="/assets/icons.svg#icon-twitter"></use></svg>
797    </a>
798
799
800    <a class="p-footer-link-item" href="https://www.tiktok.com/@school.artcraft" rel="nofollow" target="_blank">
801        <svg class="icon social vk"><use xlink:href="/assets/icons.svg#icon-tiktok"></use></svg>
802    </a>
803
804    <a class="p-footer-link-item" href="https://t.me/artcraftcg" rel="nofollow" target="_blank">
805        <svg class="icon social telegram"><use xlink:href="/assets/icons.svg#icon-telegram"></use></svg>
806    </a>
807
808
809    <a class="p-footer-link-item" href="https://www.youtube.com/channel/UCK6KL68XWLwgB1uC-Yz3H-A" rel="nofollow" target="_blank">
810        <svg class="icon social youtube"><use xlink:href="/assets/icons.svg#icon-youtube"></use></svg>
811    </a>
812
813    <a class="p-footer-link-item" href="https://discord.gg/7JngbX8D6d" rel="nofollow" target="_blank">
814        <svg class="icon social discord"><use xlink:href="/assets/icons.svg#icon-discord"></use></svg>
815    </a>
816                        </div>
817                    </div>
818                </div>
819            </div>
820        </div>
821
822        <div class="p-all-events-body">
823            <div class="container events-item-wrapper">
824                                                        <a  href="/events/spine-novyi-riven-animatsii" class="events-item">
825    <div class="events-item-header align-vertical-baseline">
826        
827                    <div class="events-item-price">free</div>
828            </div>
829    <div class="events-item-body" style="background-image: url('/content/events/360/imageListBig_37cf.png')"></div>
830    <div class="events-item-footer align-vertical-center">SPINE: новий рівень анімації</div>
831</a>
832                                                        <a  href="/events/zbery_svii_vaib_stvoriuiemo_iliustratsiiu_z_referensiv" class="events-item">
833    <div class="events-item-header align-vertical-baseline">
834        
835                    <div class="events-item-price">free</div>
836            </div>
837    <div class="events-item-body" style="background-image: url('/content/events/357/imageListBig_d878.webp')"></div>
838    <div class="events-item-footer align-vertical-center">Збери свій вайб: створюємо ілюстрацію з референсів</div>
839</a>
840                                                        <a  href="/events/stvorju-mo-3d-personazh-v-stili-cartoon_" class="events-item">
841    <div class="events-item-header align-vertical-baseline">
842        
843                    <div class="events-item-price">free</div>
844            </div>
845    <div class="events-item-body" style="background-image: url('/content/events/355/imageListBig_8426.webp')"></div>
846    <div class="events-item-footer align-vertical-center">Створюємо 3D-персонажів в стилі cartoon</div>
847</a>
848                                                        <a  href="/events/rozbir-portfolio-vid-antona-leonova_" class="events-item">
849    <div class="events-item-header align-vertical-baseline">
850        
851                    <div class="events-item-price">free</div>
852            </div>
853    <div class="events-item-body" style="background-image: url('/content/events/353/imageListBig_7cf8.webp')"></div>
854    <div class="events-item-footer align-vertical-center">Розбір портфоліо від Антона Леонова</div>
855</a>
856                                                        <a  href="/events/3dcharacter_review_" class="events-item">
857    <div class="events-item-header align-vertical-baseline">
858        
859                    <div class="events-item-price">free</div>
860            </div>
861    <div class="events-item-body" style="background-image: url('/content/events/352/imageListBig_3a47.webp')"></div>
862    <div class="events-item-footer align-vertical-center">3D Character Review</div>
863</a>
864                                                        <a  href="/events/stvorjuemo-gru-flappy-bird-dlya-telefoniv_" class="events-item">
865    <div class="events-item-header align-vertical-baseline">
866        
867                    <div class="events-item-price">free</div>
868            </div>
869    <div class="events-item-body" style="background-image: url('/content/events/351/imageListBig_1ae9.webp')"></div>
870    <div class="events-item-footer align-vertical-center">Створюємо гру Flappy Bird для телефонів</div>
871</a>
872                            </div>
873        </div>
874
875        <div class="p-footer">
876            <div class="container p-footer-wrapper">
877                <div class="pagination-btn-wrapper">
878                    
879            <button class="pagination-btn-arrow pagination-btn-back disabled" disabled>
880            <svg><use xlink:href="/assets/icons.svg#icon-arrow-big"></use></svg>
881        </button>
882    
883    <div class="pagination-items">
884                    
885                            <button class="pagination-btn disabled active" disabled data-page-link="/events">
886                    1                </button>
887                                
888                            <a href="/events?page=2" class="pagination-btn">
889                    2                </a>
890                                
891                            <a href="/events?page=3" class="pagination-btn">
892                    3                </a>
893                                
894                            <a href="/events?page=4" class="pagination-btn">
895                    4                </a>
896                                
897                            <a href="/events?page=5" class="pagination-btn">
898                    5                </a>
899                                
900                            <a href="/events?page=6" class="pagination-btn">
901                    6                </a>
902                                
903                            <a href="/events?page=7" class="pagination-btn">
904                    7                </a>
905                                
906                            <a href="/events?page=8" class="pagination-btn">
907                    8                </a>
908                                
909                            <a href="/events?page=9" class="pagination-btn">
910                    9                </a>
911                        </div>
912
913            <a href="/events?page=2" class="pagination-btn-arrow pagination-btn-next">
914            <svg><use xlink:href="/assets/icons.svg#icon-arrow-big"></use></svg>
915        </a>
916                    </div>
917
918                                    <div class="archive-btn-wrapper">
919                        <a href="/events/archive" class="archive-btn">
920                            Архів заходів                        </a>
921                    </div>
922                            </div>
923        </div>
924
925    </div>
926</main>
927
928    <footer class="page__footer page-footer">
929        <div class="container">
930            <div class="row">
931                <div class="page-footer__info col-12 col-lg-4 ">
932                    <div class="">
933                        <a class="site-logo page-footer__logo" href="/">
934                                                            <img class="site-logo__img" src="/assets/img/logo-w-ua.webp" alt="" width="300" height="84" />
935                                                    </a>
936                        <p class="page-footer__copyright-text">
937                                                            ArtCraft™ Education. Registered international trademark. All rights reserved.                                                    </p>
938                    </div>
939                    <div class="">
940                                                    <a href="/terms_of_use" class="page-footer__item">
941                                Умови використання                            </a>
942                        
943                                                    <a href="/privacy_policy" class="page-footer__item">
944                                Політика конфіденційності                            </a>
945                                            </div>
946                </div>
947
948                <div class="page-footer__list-wrap col-6 col-lg-3 col-xl-2 offset-lg-5 offset-xl-6">
949                    <h3 class="page-footer__title">Зв'яжись із нами</h3>
950                    <div class="page-footer__list">
951                                                    <p><a class="p-footer-phone" href="/cdn-cgi/l/email-protection#82ebece4edc2e3f0f6e1f0e3e4f6acece7f6acf7e3" target="_blank"><span class="__cf_email__" data-cfemail="21484f474e6140535542534047550f4f44550f5440">[email&#160;protected]</span></a></p>
952<p>&nbsp;</p>
953<p style="color: #dbdee6; line-height: 26px;">+38 095 036 01 66<br />+38 067 197 06 75</p>
954<p style="color: #dbdee6; line-height: 26px;">Пн-Пт 11:00-19:00</p>                                            </div>
955
956                    
957<ul class="page-footer__social social">
958            <li class="social__item">
959            <a class="social__link" href="https://www.facebook.com/artcraftcg/" rel="nofollow" target="_blank">
960                <svg class="icon object-fit-contain">
961                    <use href="/assets/icons.svg#icon-facebook"></use>
962                </svg>
963                <span class="visually-hidden">Facebook</span>
964            </a>
965        </li>
966    
967            <li class="social__item">
968            <a class="social__link" href="https://www.instagram.com/artcraft.school/" rel="nofollow" target="_blank">
969                <svg class="icon object-fit-contain">
970                    <use href="/assets/icons.svg#icon-instagram"></use>
971                </svg>
972                <span class="visually-hidden">Instagram</span>
973            </a>
974        </li>
975
976    
977            <li class="social__item">
978            <a class="social__link" href="https://t.me/artcraftcg" rel="nofollow" target="_blank">
979                <svg class="icon object-fit-contain">
980                    <use href="/assets/icons.svg#icon-telegram"></use>
981                </svg>
982                <span class="visually-hidden">Telegram</span>
983            </a>
984        </li>
985    
986            <li class="social__item">
987            <a class="social__link" href="https://www.youtube.com/channel/UCK6KL68XWLwgB1uC-Yz3H-A" rel="nofollow" target="_blank">
988                <svg class="icon object-fit-contain">
989                    <use href="/assets/icons.svg#icon-youtube"></use>
990                </svg>
991                <span class="visually-hidden">Youtube</span>
992            </a>
993        </li>
994    
995            <li class="social__item">
996            <a class="social__link" href="https://discord.gg/7JngbX8D6d" rel="nofollow" target="_blank">
997                <svg class="icon object-fit-contain">
998                    <use href="/assets/icons.svg#icon-discord"></use>
999                </svg>
1000                <span class="visually-hidden">Discord</span>
1001            </a>
1002        </li>
1003    </ul>
1004                </div>
1005
1006                            </div>
1007        </div>
1008    </footer>
1009
1010    <div id="all-sidebars">
1011        <div id="sidebar-courses" class="sidebar sidebar-courses hidden visuallyhidden">
1012    <div class="sidebar-wrap">
1013        <div class="head">
1014            <div class="h3">Записатись</div>
1015        </div>
1016
1017        <div class="body">
1018                        <a href="javascript:void(0);"
1019               id="sidebar-courses-choose-trial-btn"
1020               class="sidebar-first-stage"
1021               data-type="sidebar-courses-choose-trial-btn"
1022               data-zoho="2563393000000184058"
1023            >
1024                <span class="icon">
1025                    <img src="/assets/img/sidebar-courses-2.svg" alt="Пробне заняття"/>
1026                </span>
1027                <span class="title">Пробне заняття</span>
1028            </a>
1029
1030                                                <a href="https://t.me/artcraftschool"
1031                       rel="nofollow"
1032                       class="sidebar-first-stage"
1033                    >
1034                        <span class="icon">
1035                            <img src="/assets/img/sidebar-courses-3.svg" alt="Зв'язатись у Telegram"/>
1036                        </span>
1037                        <span class="title">Зв'язатись у Telegram</span>
1038                    </a>
1039                                                    <a href="https://www.instagram.com/artcraft.school/"
1040                       rel="nofollow"
1041                       class="sidebar-first-stage"
1042                    >
1043                        <span class="icon">
1044                            <img src="/assets/img/sidebar-courses-3.svg" alt="Зв'язатись у Instagram"/>
1045                        </span>
1046                        <span class="title">Зв'язатись у Instagram</span>
1047                    </a>
1048                            
1049                    </div>
1050
1051        <button class="sidebar-close">
1052            <svg><use xlink:href="/assets/icons.svg#icon-close"></use></svg>
1053        </button>
1054    </div>
1055</div>
1056
1057<div id="choose-communication" class="sidebar sidebar-course-communication-select hidden visuallyhidden">
1058    <div class="sidebar-wrap">
1059
1060        <div class="head">
1061            <div class="h3"></div>
1062        </div>
1063
1064        <div class="body">
1065            <div class="form-success d-block">
1066                <div class="sidebar-button-wrap">
1067                    <div class="button-label">
1068                        <span>На електронну пошту <br>(бонус: консультація експерта за телефоном):</span>
1069                    </div>
1070                    <button type="button"
1071                            class="btn btn-submit btn-subscribe"
1072                            data-sidebar="sidebar-form"
1073                            data-block-uid="sidebar-course-communication-select"
1074                            data-seats-available="True"
1075                            data-type=""
1076                            data-course=""
1077                            data-zoho=""
1078                            data-course-code=""
1079                    >
1080                        ВІДПРАВИТИ НА ПОШТУ                    </button>
1081                </div>
1082                <div class="sidebar-button-wrap">
1083                    <div class="button-label">
1084                        <span>У месенджер:</span>
1085                    </div>
1086                    <button type="button" class="btn btn-submit btn-select-messenger" data-sidebar="sidebar-messenger-step">
1087                        ВИБРАТИ МЕССЕНДЖЕР                    </button>
1088                </div>
1089            </div>
1090        </div>
1091
1092        <button class="sidebar-return">
1093            <svg><use xlink:href="/assets/icons.svg#icon-back"></use></svg>
1094        </button>
1095        <button class="sidebar-close">
1096            <svg><use xlink:href="/assets/icons.svg#icon-close"></use></svg>
1097        </button>
1098    </div>
1099</div>
1100
1101<div id="sidebar-messenger-step" class="sidebar sidebar-messenger-step hidden visuallyhidden">
1102    <div class="sidebar-wrap">
1103
1104        <div class="head">
1105            <div class="h3">Вибери<br/>месенджер:</div>
1106        </div>
1107
1108        <div class="body">
1109            <div class="form-success d-block">
1110                <div class="sidebar-button-wrap">
1111                    <a href="javascript:void(0);"
1112                       class="btn btn-submit btn-messenger telegram"
1113                       data-messenger="telegram"
1114                    >
1115                        <i class="button-icon"><svg><use xlink:href="/assets/icons.svg#icon-telegram-round"></use></svg></i>
1116                        Telegram                    </a>
1117                </div>
1118                <div class="sidebar-button-wrap">
1119                    <a href="javascript:void(0);"
1120                       class="btn btn-submit btn-messenger viber"
1121                       data-messenger="viber"
1122                    >
1123                        <i class="button-icon"><svg><use xlink:href="/assets/icons.svg#icon-viber"></use></svg></i>
1124                        Viber                    </a>
1125                </div>
1126                <div class="sidebar-button-wrap">
1127                    <a href="javascript:void(0);"
1128                       class="btn btn-submit btn-messenger whatsapp"
1129                       data-messenger="whatsapp"
1130                    >
1131                        <i class="button-icon"><svg><use xlink:href="/assets/icons.svg#icon-whatsapp"></use></svg></i>
1132                        WhatsApp                    </a>
1133                </div>
1134            </div>
1135        </div>
1136
1137        <button class="sidebar-return">
1138            <svg><use xlink:href="/assets/icons.svg#icon-back"></use></svg>
1139        </button>
1140        <button class="sidebar-close">
1141            <svg><use xlink:href="/assets/icons.svg#icon-close"></use></svg>
1142        </button>
1143    </div>
1144</div>
1145
1146<div id="sidebar-courses-choose-trial" class="sidebar sidebar-courses-choose hidden visuallyhidden sidebar-mob-menu">
1147    <div class="sidebar-wrap">
1148        <div class="head">
1149            <div class="h3">Записатися на<br/>
1149пробне заняття</div>
1150        </div>
1151        <ul class="body sidebar-cc-list">
1152            <li class="sidebar-cc-item">
1153                <div class="dropdown-btn">
1154                    <a href="/courses">
1155                        Online Курси                    </a>
1156                    <button type="button" class="active">
1157                        <svg class="icon arrow-down">
1158                            <use href="/assets/icons.svg#icon-keyboard-arrow-down"></use>
1159                        </svg>
1160                    </button>
1161                </div>
1162                <ul class="body sidebar-cc-list dropdown-list" style="display: block;">
1163                                                                                                                                                                                                                                            <li class="sidebar-cc-item">
1164                            <a href="javascript:void(0);"
1165                               class="sidebar-cc-item-container"
1166                               data-type="sidebar-courses-trial-btn"
1167                               data-zoho="2563393000328387164"
1168                               data-course-code="cifrovoj-risunok-mini"
1169                            >
1170                                <p></p>
1171                                <span class="h3">Основи цифрового малюнку</span>
1172                            </a>
1173                        </li>
1174                                                                                                                                                                                                                                                                                    </ul>
1175            </li>
1176                    </ul>
1177        <button class="sidebar-return">
1178            <svg><use xlink:href="/assets/icons.svg#icon-back"></use></svg>
1179        </button>
1180        <button class="sidebar-close">
1181            <svg><use xlink:href="/assets/icons.svg#icon-close"></use></svg>
1182        </button>
1183    </div>
1184</div>
1185
1186<div id="sidebar-courses-reg" class="sidebar sidebar-form hidden visuallyhidden">
1187    <div class="sidebar-wrap">
1188        <div class="head">
1189            <div class="h3" id="scrTitle">&nbsp;</div>
1190        </div>
1191        <div class="body">
1192            <form class="subscribe-form form-container js-main-form" method="post">
1193                <div class="form-wrapper d-flex flex-column">
1194                    <div class="form-group">
1195                        <input type="text" name="fname" id="cUserFName" class="form-control text-input" tabindex="1" placeholder=" "/>
1196                        <label for="cUserFName" class="label-control form-label required">
1197                            Ваше ім'я                        </label>
1198                    </div>
1199
1200                    <div class="form-group">
1201                        <input type="text" name="lname" id="cUserLName" class="form-control text-input" tabindex="2" placeholder=" " />
1202                        <label for="cUserLName" class="label-control form-label">
1203                            Ваше прізвище                        </label>
1204                    </div>
1205
1206                    <div class="form-group form-phone">
1207                        <label for="cUserPhoneSidebar" class="label-control form-label required">
1208                            Номер телефону                        </label>
1209                        <input type="tel" name="phone" id="cUserPhoneSidebar" class="form-control text-input phone" tabindex="3"/>
1210                    </div>
1211
1212                    <div class="form-group">
1213                        <input type="email" name="email" id="cUserEmail" class="form-control text-input" tabindex="4" placeholder=" " />
1214                        <label for="cUserEmail" class="label-control form-label required">
1215                            E-mail                        </label>
1216                    </div>
1217
1218                    <div class="form-group form-group-message hide">
1219                        <textarea id="cUserMessage" class="form-control textarea text-input" name="message" tabindex="5" placeholder=" "></textarea>
1220                        <label for="cUserMessage" class="label-control form-label">
1221                            Повідомлення                        </label>
1222
1223                                            </div>
1224
1225                    <input type="hidden" class="zohoProductId" value=""/>
1226                    <input type="hidden" id="postId" value=""/>
1227                    <input type="hidden" id="blockUID" value=""/>
1228                    <input type="hidden" id="dataLayerInput" value=""/>
1229                    <input type="hidden" id="formTitle" value=""/>
1230                    <input type="hidden" id="formDetail" value=""/>
1231                    <input type="hidden" id="formProductDetail" value=""/>
1232                    <input type="hidden" name="amount" value=""/>
1233                    <input type="hidden" name="mtxId" value=""/>
1234
1235                    <div class="form-group">
1236                        <input type="hidden" name="captcha" value=""/>
1237                        <div class="msg"></div>
1238                    </div>
1239
1240                    <div class="cf-turnstile"
1241                         id="captchaSidebar"
1242                         data-sitekey="0x4AAAAAABkPUEPN-52Euldp"
1243                         data-action="sidebar"
1244                         data-response-field-name="captcha"
1245                    ></div>
1246
1247                    <div class="form-checkbox">
1248                        <div class="form-checkbox-wrap">
1249                            <input id="sSidebarAgree" name="agree" type="checkbox" tabindex="6" />
1250                            <label for="sSidebarAgree" class="toggle-label"></label>
1251                            <label for="sSidebarAgree" class="form-checkbox-text">
1252                                
1253        Натискаючи "<span class="button-text">Записатися</span>", Ви погоджуєтесь з
1254        <a rel="nofollow" href="/terms_of_use">Умовами використання</a>
1255        та <a rel="nofollow" href="/privacy_policy">Політикою конфіденційності</a> ArtCraft.
1256                                </label>
1257                        </div>
1258                    </div>
1259
1260                    <button id="scrSubmit" type="submit" class="btn btn-primary" tabindex="7"></button>
1261                </div>
1262
1263                <div class="form-success d-none flex-column">
1264                    <div class="form-success-image">
1265                        <svg class="img"><use xlink:href="/assets/icons.svg#img-success"></use></svg>
1266                    </div>
1267                    <div class="form-success-course">
1268                        
1269        <span>Ви успішно записалися на</span>
1270        <span id="success-course">курс</span>
1271                        </div>
1272                    <div class="form-success-text">
1273                        <span>Наш менеджер незабаром зв'яжеться з вами.</span>
1274                    </div>
1275                    <button data-type="close-all-sidebars" type="button" class="btn btn-submit">
1276                        OK                    </button>
1277                </div>
1278
1279                <div class="form-no-available">
1280                    <div class="form-success-course">
1281                        <span>Реєстрація закрита</span>
1282                    </div>
1283                    <button data-type="close-all-sidebars" type="button" class="btn btn-submit">
1284                        OK                    </button>
1285                </div>
1286
1287                <div class="form-spinner"></div>
1288            </form>
1289        </div>
1290        <button class="sidebar-return">
1291            <svg><use xlink:href="/assets/icons.svg#icon-back"></use></svg>
1292        </button>
1293        <button class="sidebar-close">
1294            <svg><use xlink:href="/assets/icons.svg#icon-close"></use></svg>
1295        </button>
1296    </div>
1297</div>
1298
1299<div id="sidebar-mob-menu" class="sidebar sidebar-mob-menu hidden visuallyhidden">
1300    <div class="sidebar-wrap">
1301        <div class="head">
1302            <div class="h3">Меню</div>
1303        </div>
1304        <ul class="body sidebar-cc-list">
1305            <li class="sidebar-cc-item">
1306                <a href="/">Головна</a>
1307            </li>
1308            
1309            <li class="sidebar-cc-item">
1310                <div class="dropdown-btn">
1311                    <a href="/courses/online">
1312                        Online Курси                    </a>
1313                    <button type="button">
1314                        <svg class="icon arrow-down"><use xlink:href="/assets/icons.svg#icon-arrow-down"></use></svg>
1315                    </button>
1316                </div>
1317                <ul class="body sidebar-cc-list dropdown-list">
1318                                    </ul>
1319            </li>
1320
1321                            <li class="sidebar-cc-item">
1322                    <a class="main-url" href="/courses/new">
1323                        Курси без фідбеку                    </a>
1324                </li>
1325            
1326            
1327            
1328            <li class="sidebar-cc-item">
1329                                    <a class="main-url" href="/events">
1330                        Івенти                    </a>
1331                            </li>
1332
1333                    </ul>
1334
1335        <button class="sidebar-close">
1336            <svg><use xlink:href="/assets/icons.svg#icon-close"></use></svg>
1337        </button>
1338    </div>
1339</div>
1340    </div>
1341    <div class="modal-backdrop hidden"></div>
1342
1343    <div class="modal hidden visuallyhidden" id="tModalVideoWrap">
1344        <div class="modal-content">
1345            <div class="modal-header">
1346                <button type="button" class="close-video" data-dismiss="modal" aria-label="Close">
1347                    <span aria-hidden="true">&times;</span>
1348                </button>
1349            </div>
1350            <div class="modal-body">
1351                <div class="modal-video">
1352                    <div class="embed-responsive embed-responsive-16by9">
1353                        <iframe id="tVideo" class="embed-responsive-item" src="about:blank" allowfullscreen="allowfullscreen"></iframe>
1354                    </div>
1355                </div>
1356            </div>
1357        </div>
1358    </div>
vendor: 114 bytes, lines 1358-1360
1358
1359
1360    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1360<script src="/assets/bundle.js?t=1785434734"></script>
1360
1361
1362    
1363    <div id="ac-blackweek-bar">
1364  <span class="ac-blackweek-text">
1365    <span class="ac-text-desktop">🔥 Знижки від <strong>ROOM 8 Studio</strong> до -30%</span>
1366  </span>
1367
1368  <span class="ac-blackweek-right">
1369    <span class="ac-blackweek-label ac-desktop-only">Залишилось місць: </span>
1370    <span class="ac-mobile-blackweek">🔥 Знижки до -30%</span>
1371    <span class="ac-blackweek-timer" id="ac-blackweek-timer"></span>
1372  </span>
1373
1374  <button id="ac-blackweek-close" type="button" aria-label="Закрити банер">×</button>
1375</div>
1376
1377<style>
1378  #ac-blackweek-bar {
1379    position: fixed;
1380    left: 50%;
1381    bottom: 0;
1382    transform: translateX(-50%) translateY(20px);
1383
1384    width: 100%;
1385    max-width: 1180px;
1386    height: 58px;
1387    box-sizing: border-box;
1388    padding: 0 48px 0 24px;
1389
1390background: linear-gradient(
1391  135deg,
1392  #000000CC);
1393
1394    border-top-left-radius: 23px;
1395    border-top-right-radius: 23px;
1396
1397    display: flex;
1398    align-items: center;
1399    justify-content: space-between;
1400
1401    font-family: Unbounded, sans-serif;
1402    color: #fff;
1403    font-weight: 800;
1404
1405    z-index: 80;
1406    box-shadow: 0 -10px 28px rgba(0,0,0,0.18);
1407
1408    opacity: 0;
1409    animation: ac-bw-enter 0.6s ease-out forwards;
1410    animation-delay: 0.1s;
1411  }
1412
1413  .ac-blackweek-text {
1414    font-size: 22px;
1415    white-space: nowrap;
1416    overflow: hidden;
1417    text-overflow: ellipsis;
1418  }
1419
1420  .ac-blackweek-right {
1421    display: flex;
1422    align-items: center;
1423    gap: 10px;
1424    white-space: nowrap;
1425  }
1426
1427  .ac-blackweek-label { font-size: 18px; }
1428
1429  .ac-mobile-blackweek { display: none; }
1430
1431  .ac-blackweek-timer {
1432    font-size: 20px;
1433    letter-spacing: 0.5px;
1434  }
1435
1436  .ac-blackweek-timer.ac-bw-pulse3 {
1437    animation: ac-bw-pulse 1.2s ease-in-out 3;
1438  }
1439
1440  #ac-blackweek-close {
1441    position: absolute;
1442    right: 16px;
1443    top: 50%;
1444    transform: translateY(-50%);
1445    background: transparent;
1446    border: none;
1447    color: #ffffff;
1448    font-size: 20px;
1449    cursor: pointer;
1450    padding: 4px;
1451    opacity: 0.7;
1452  }
1453
1454  #ac-blackweek-close:hover { opacity: 1; }
1455
1456  @keyframes ac-bw-enter {
1457    0% { opacity: 0; transform: translateX(-50%) translateY(20px); }
1458    100% { opacity: 1; transform: translateX(-50%) translateY(0); }
1459  }
1460
1461  @keyframes ac-bw-pulse {
1462    0%   { transform: scale(1); text-shadow: 0 0 0 rgba(255,255,255,0.25); }
1463    50%  { transform: scale(1.06); text-shadow: 0 0 12px rgba(255,255,255,0.9); }
1464    100% { transform: scale(1); text-shadow: 0 0 0 rgba(255,255,255,0.25); }
1465  }
1466
1467  .ac-text-desktop { display: inline; }
1468  .ac-desktop-only { display: inline; }
1469
1470  @media (max-width: 992px) {
1471    #ac-blackweek-bar { height: 56px; padding: 0 36px 0 16px; }
1472    .ac-text-desktop { font-size: 18px; }
1473  }
1474
1475  @media (max-width: 600px) {
1476    #ac-blackweek-bar {
1477      height: 70px;
1478      padding: 0 16px;
1479      bottom: 0;
1480      border-top-left-radius: 0;
1481      border-top-right-radius: 0;
1482
1483      background: linear-gradient(135deg, #1c2331 0%, #4c6fff 55%, #9f7aea 125%);
1484
1485      display: flex;
1486      align-items: center;
1487      justify-content: flex-end;
1488    }
1489
1490    .ac-blackweek-text { display: none !important; }
1491    #ac-blackweek-close { display: none; }
1492
1493    .ac-blackweek-right {
1494      margin-left: auto;
1495      flex-direction: column;
1496      align-items: flex-end;
1497      justify-content: center;
1498      gap: 5px;
1499      width: auto;
1500    }
1501
1502    .ac-blackweek-label.ac-desktop-only { display: none !important; }
1503
1504    .ac-mobile-blackweek {
1505      display: block;
1506      font-size: 15px;
1507      line-height: 1;
1508      text-align: right;
1509    }
1510
1511    .ac-blackweek-timer {
1512      font-size: 17px;
1513      line-height: 1;
1514    }
1515  }
1516</style>
1517
1518<script>
1519(function () {
1520  var STORAGE_KEY = "ac_room8_bar_closed_2026-2";
1521  var bar = document.getElementById("ac-blackweek-bar");
1522  if (!bar) return;
1523
1524  var isMobile = window.matchMedia("(max-width: 600px)").matches;
1525
1526  try {
1527    if (!isMobile && localStorage.getItem(STORAGE_KEY) === "1") {
1528      bar.style.display = "none";
1529      return;
1530    }
1531  } catch (e) {}
1532
1533  var closeBtn = document.getElementById("ac-blackweek-close");
1534  if (closeBtn && !isMobile) {
1535    closeBtn.addEventListener("click", function () {
1536      bar.style.display = "none";
1537      try { localStorage.setItem(STORAGE_KEY, "1"); } catch (e) {}
1538    });
1539  }
1540
1541  var counterEl = document.getElementById("ac-blackweek-timer");
1542
1543  var CONFIG = {
1544    totalSeats: 1000,
1545    startingRemaining: 148,
1546    finalRemaining: 3,
1547
1548    // 
1549    visibleCounterStart: "2026-05-27T10:00:00+02:00",
1550
1551    // 
1552    campaignEnd: "2026-06-29T23:59:59+03:00"
1553  };
1554
1555  function hashStringToUnit(str) {
1556    var h = 2166136261;
1557    for (var i = 0; i < str.length; i++) {
1558      h ^= str.charCodeAt(i);
1559      h = Math.imul(h, 16777619);
1560    }
1561    return ((h >>> 0) % 10000) / 10000;
1562  }
1563
1564  function getWeekdayMonFirst(date) {
1565    var day = date.getDay(); // 0=Sun ... 6=Sat
1566    return day === 0 ? 7 : day; // 1=Mon ... 7=Sun
1567  }
1568
1569  function getHourWeight(date) {
1570    var weekday = getWeekdayMonFirst(date);
1571    var hour = date.getHours();
1572
1573    // с 02:00 до 09:00 не отнимаем
1574    if (hour >= 2 && hour < 9) return 0;
1575
1576    // пн-вт до 12:00 не отнимаем
1577    if ((weekday === 1 || weekday === 2) && hour < 12) return 0;
1578
1579    var weight = 0;
1580    var isMonTue = weekday === 1 || weekday === 2;
1581    var isWedFri = weekday >= 3 && weekday <= 5;
1582    var isWeekend = weekday === 6 || weekday === 7;
1583
1584    if (isMonTue) {
1585      if (hour >= 12 && hour < 17) weight = 0.45;
1586      else if (hour >= 17 && hour < 21) weight = 0.7;
1587      else if (hour >= 21 || hour < 2) weight = 0.55;
1588    }
1589
1590    if (isWedFri) {
1591      if (hour >= 9 && hour < 12) weight = 0.7;
1592      else if (hour >= 12 && hour < 17) weight = 0.95;
1593      else if (hour >= 17 && hour < 21) weight = 1.6;
1594      else if (hour >= 21 || hour < 2) weight = 1.2;
1595    }
1596
1597    if (isWeekend) {
1598      if (hour >= 9 && hour < 12) weight = 0.9;
1599      else if (hour >= 12 && hour < 17) weight = 1.25;
1600      else if (hour >= 17 && hour < 22) weight = 1.8;
1601      else if (hour >= 22 || hour < 2) weight = 1.55;
1602    }
1603
1604    if (weekday === 5 && hour >= 18 && hour <= 23) weight *= 1.18; // пятница вечер
1605    if (weekday === 6) weight *= 1.12; // суббота
1606    if (weekday === 7 && hour >= 14 && hour <= 23) weight *= 1.08; // воскресенье вечер
1607    if (weekday === 1 && hour < 1) weight = Math.max(weight, 1.0); // ночь на понедельник до 01:00
1608
1609    var key =
1610      date.getFullYear() + "-" +
1611      String(date.getMonth() + 1).padStart(2, "0") + "-" +
1612      String(date.getDate()).padStart(2, "0") + "-" +
1613      String(hour).padStart(2, "0");
1614
1615    var noise = hashStringToUnit(key);
1616    var noiseFactor = 0.88 + noise * 0.24;
1617
1618    return weight * noiseFactor;
1619  }
1620
1621  function startOfHour(date) {
1622    return new Date(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), 0, 0, 0);
1623  }
1624
1625  function sumWeights(start, end) {
1626    var cursor = startOfHour(start);
1627    var finish = startOfHour(end);
1628    var total = 0;
1629
1630    while (cursor <= finish) {
1631      total += getHourWeight(cursor);
1632      cursor = new Date(cursor.getTime() + 60 * 60 * 1000);
1633    }
1634
1635    return total;
1636  }
1637
1638  function calculateRemaining(now) {
1639    var start = new Date(CONFIG.visibleCounterStart);
1640    var end = new Date(CONFIG.campaignEnd);
1641
1642    var startRemaining = CONFIG.startingRemaining;
1643    var finalRemaining = CONFIG.finalRemaining;
1644    var seatsToDecrease = startRemaining - finalRemaining;
1645
1646    if (now <= start) return startRemaining;
1647    if (now >= end) return finalRemaining;
1648
1649    var totalWeight = sumWeights(start, end);
1650    var elapsedWeight = sumWeights(start, now);
1651    var progress = totalWeight === 0 ? 0 : elapsedWeight / totalWeight;
1652
1653    var decreased = Math.floor(seatsToDecrease * progress);
1654
1655    var minuteShare = now.getMinutes() / 60;
1656    var currentHourWeight = getHourWeight(startOfHour(now));
1657
1658    if (currentHourWeight > 0) {
1659      var extra = Math.floor((seatsToDecrease / totalWeight) * currentHourWeight * minuteShare);
1660      decreased += extra;
1661    }
1662
1663    if (decreased < 0) decreased = 0;
1664    if (decreased > seatsToDecrease) decreased = seatsToDecrease;
1665
1666    return startRemaining - decreased;
1667  }
1668
1669function formatSeats(remaining, total) {
1670  if (isMobile) {
1671    return remaining + " з " + total + " місць";
1672  }
1673  return remaining + " з " + total;
1674}
1675
1676  function runPulse3() {
1677    counterEl.classList.remove("ac-bw-pulse3");
1678    void counterEl.offsetWidth;
1679    counterEl.classList.add("ac-bw-pulse3");
1680  }
1681
1682  function updateCounter() {
1683    var remaining = calculateRemaining(new Date());
1684
1685    if (remaining <= CONFIG.finalRemaining) {
1686      remaining = CONFIG.finalRemaining;
1687    }
1688
1689    var nextText = formatSeats(remaining, CONFIG.totalSeats);
1690
1691    if (counterEl.textContent !== nextText) {
1692      counterEl.textContent = nextText;
1693      runPulse3();
1694    }
1695  }
1696
1697  updateCounter();
1698  runPulse3();
1699  setInterval(updateCounter, 60000);
1700
1701  if (isMobile) {
1702    setTimeout(function () {
1703      bar.style.display = "none";
1704    }, 6000);
1705  }
1706})();
1707</script>
1707
1708    
1709<div class="modal fade modal__register" id="modalSignUpForm" tabindex="-1" data-bs-keyboard="true" aria-hidden="true">
1710    <div class="modal-dialog modal-dialog-centered modal-lg">
1711        <div class="modal-content">
1712            <div class="modal-header text-white">
1713                <h2 class="flex-grow-1">&nbsp;</h2>
1714                <button class="trigger modal__close"
1715                        type="button"
1716                        aria-label="modals.btn_close"
1717                        data-bs-dismiss="modal"
1718                >
1719                    <svg width="24" height="24" class="icon">
1720                        <use href="/assets/icons.svg#icon-close-small"></use>
1721                    </svg>
1722                </button>
1723            </div>
1724            <div class="modal-body d-flex flex-column" style="--registration-image: url('/assets/img/PopUpBG_w.webp')">
1725                <div class="loader-overlay d-none align-items-center justify-content-center">
1726                    <span class="loader"></span>
1727                </div>
1728                <div class="row flex-grow-1">
1729                    <div class="col-10 offset-1 col-lg-6 offset-lg-3 d-flex align-items-center">
1730    <form class="js-subscribe-course-form subscribe-form flex-grow-1" method="POST">
1731        <h2 class="flex-grow-1 mb-3 text-center">Реєстрація</h2>
1732        <input type="hidden" name="mtxId"/>
1733        <div class="form-group">
1734            <input type="text" name="name" id="cUserFNameRegister" class=" form-control text-input"  placeholder=" "/>
1735            <label for="cUserFNameRegister" class="label-control form-label required">
1736                Ваше ім'я            </label>
1737        </div>
1738
1739        <div class="form-group">
1740            <input type="email" name="email" id="cUserEmailRegister" class="form-control text-input" placeholder=" "/>
1741            <label for="cUserEmailRegister" class="label-control form-label required">
1742                E-mail            </label>
1743        </div>
1744
1745        <input type="hidden" name="zohoProductId" value="2563393000328707362"/>
1746        <input type="hidden" name="courseProductId"/>
1747
1748        <div class="form-group">
1749            <input type="hidden" name="captcha" value=""/>
1750            <div class="msg"></div>
1751        </div>
1752
1753        <div class="cf-turnstile"
1754             id="captchaRegisterForm"
1755             data-sitekey="0x4AAAAAABkPUEPN-52Euldp"
1756             data-action="register-form"
1757             data-response-field-name="captcha"
1758        ></div>
1759
1760        <div class="form-checkbox">
1761            <div class="form-checkbox-wrap">
1762                <input id="modalRegisterAgree" name="agree" type="checkbox"/>
1763                <label class="toggle-label"></label>
1764                <label for="modalRegisterAgree" class="form-checkbox-text">
1765                    Натискаючи кнопку "<span class="button-text">Зареєструватися</span>", ви приймаєте
1766        <a rel="nofollow" href="/terms_of_use">Загальні умови використання</a> та
1767        <a rel="nofollow" href="/privacy_policy">Політику конфіденційності</a> ArtCraft.
1768                    </label>
1769            </div>
1770        </div>
1771
1772        <div class="d-flex justify-content-center">
1773            <button id="scrSubmitRegister"
1774                    type="submit"
1775                    class="button button--tertiary button--pill"
1776            >
1777                Зареєструватися            </button>
1778        </div>
1779    </form>
1780</div>
1781                </div>
1782            </div>
1783        </div>
1784    </div>
1785</div>
1786
1787<div class="modal modal__register" id="modalBuyForm" tabindex="-1" data-bs-keyboard="true" aria-hidden="true">
1788    <div class="modal-dialog modal-dialog-centered modal-lg">
1789        <div class="modal-content">
1790            <div class="modal-header text-white">
1791                <h2 class="flex-grow-1">&nbsp;</h2>
1792                <button class="trigger modal__close"
1793                        type="button"
1794                        aria-label="modals.btn_close"
1795                        data-bs-dismiss="modal"
1796                >
1797                    <svg width="24" height="24" class="icon">
1798                        <use href="/assets/icons.svg#icon-close-small"></use>
1799                    </svg>
1800                </button>
1801            </div>
1802            <div class="modal-body d-flex flex-column" style="--registration-image: url('/assets/img/PopUpBG_w.webp')">
1803                <div class="loader-overlay d-none align-items-center justify-content-center">
1804                    <span class="loader"></span>
1805                </div>
1806                <div class="row flex-grow-1">
1807                    <div class="col-10 offset-1 col-lg-6 offset-lg-3 d-flex align-items-center">
1808                        <form class="js-subscribe-course-form subscribe-form flex-grow-1">
1809                            <h2 class="flex-grow-1 mb-3 text-center">Придбати курс</h2>
1810                            <input type="hidden" name="mtxId"/>
1811                            <input type="hidden" name="productId"/>
1812                            <input type="hidden" name="blockUid"/>
1813                            <input type="hidden" name="split"/>
1814                            <div class="form-group">
1815                                <input type="text" name="name" id="cUserFNameBuy" class="form-control text-input"  placeholder=" "/>
1816                                <label for="cUserFNameBuy" class="label-control form-label required">
1817                                    Ваше ім'я                                </label>
1818                            </div>
1819
1820                            <div class="form-group">
1821                                <input type="email" name="email" id="cUserEmailBuy" class="form-control text-input" placeholder=" "/>
1822                                <label for="cUserEmailBuy" class="label-control form-label required">
1823                                    E-mail                                </label>
1824                            </div>
1825
1826                            <div class="form-group">
1827                                <input type="hidden" name="captcha"/>
1828                                <div class="msg"></div>
1829                            </div>
1830
1831                            <div class="cf-turnstile"
1832                                 id="captchaRegisterModal1"
1833                                 data-sitekey="0x4AAAAAABkPUEPN-52Euldp"
1834                                 data-action="register"
1835                                 data-response-field-name="captcha"
1836                            ></div>
1837
1838                            <div class="form-checkbox">
1839                                <div class="form-checkbox-wrap">
1840                                    <input id="modalBuyAgree" name="agree" type="checkbox"/>
1841                                    <label class="toggle-label"></label>
1842                                    <label for="modalBuyAgree" class="form-checkbox-text">
1843                                        
1844        Натискаючи кнопку "<span class="button-text">Придбати</span>", ви приймаєте
1845        <a rel="nofollow" href="/terms_of_use">Загальні умови використання</a> та
1846        <a rel="nofollow" href="/privacy_policy">Політику конфіденційності</a> ArtCraft.
1847                                        </label>
1848                                </div>
1849                            </div>
1850
1851                            <div class="d-flex justify-content-center">
1852                                <button id="scrSubmitBuy"
1853                                        type="submit"
1854                                        class="button button--tertiary button--pill"
1855                                >
1856                                    Придбати                                </button>
1857                            </div>
1858                        </form>
1859                    </div>
1860                </div>
1861            </div>
1862        </div>
1863    </div>
1864</div>
1865
1866<div class="modal fade modal__register modal__consult" id="modalConfirmBuy" tabindex="-1" data-bs-keyboard="true" aria-hidden="true">
1867    <div class="modal-dialog modal-xl modal-dialog-centered">
1868        <div class="modal-content">
1869            <div class="modal-header text-white">
1870                <h2 class="flex-grow-1">&nbsp;</h2>
1871                <button class="trigger modal__close"
1872                        type="button"
1873                        aria-label="modals.btn_close"
1874                        data-bs-dismiss="modal"
1875                >
1876                    <svg width="24" height="24" class="icon">
1877                        <use href="/assets/icons.svg#icon-close-small"></use>
1878                    </svg>
1879                </button>
1880            </div>
1881
1882            <div class="modal-body d-flex flex-column">
1883                <div class="loader-overlay d-none align-items-center justify-content-center">
1884                    <span class="loader"></span>
1885                </div>
1886                <div class="row flex-grow-1">
1887                    <div class="col-12 col-xl-6 p-xl-4">
1888                        <div class="p-4 p-md-5">
1889                                                            <h2>Реєстрація і купівля</h2>
1890                                <h3 class="mt-4">Курс не вимагає додаткових навичок, можна проходити з нуля.</h3>
1891                                <p class="mt-5">
1892        Ми попереджаємо, коли курс який можна бридбати у нас на платформі не підходить для всіх. В данному випадку це не
1893        так, рушай купляти. Якщо всеж такие тобі хочеться отриати консультацію — залишай зправа своі данні.
1894    </p>
1895                            
1896                            <div class="d-flex justify-content-center flex-column mt-5 ps-5 pe-5">
1897                                <button type="submit"
1898                                        class="js-continue-to-purchase button button--tertiary button--pill w-100"
1899                                        data-type="modal-register-buy"
1900                                        data-bs-dismiss="modal"
1901                                >
1902                                    Придбати                                </button>
1903                                                                    <button type="submit"
1904                                            class="js-continue-to-purchase button button--white button--pill w-100 mt-4"
1905                                            data-type="modal-register-buy-split"
1906                                            data-bs-dismiss="modal"
1907                                    >
1908                                        Оплата частинами                                    </button>
1909                                                            </div>
1910                        </div>
1911                    </div>
1912                    <div class="col-12 col-xl-6 p-xl-4">
1913                        <form class="subscribe-form flex-grow-1 p-4 p-md-5">
1914                            <input type="hidden" name="mtxId"/>
1915                            <input type="hidden" name="productId" value="2563393000332111143"/>
1916                            <input type="hidden" name="blockUid"/>
1917
1918                            <h2 class="flex-grow-1 mb-3">
1919                                Хочу консультацію                            </h2>
1920                            <div class="mt-4 mb-4">
1921                                Залиши свої дані — ми зателефонуємо й допоможемо обрати напрям.                            </div>
1922
1923                            <div class="form-group">
1924                                <input type="text" name="name" id="cUserFNameBuy" class="form-control text-input"  placeholder=" "/>
1925                                <label for="cUserFNameBuy" class="label-control form-label required">
1926                                    Ваше ім'я                                </label>
1927                            </div>
1928
1929                            <div class="form-group" style="display: none;">
1930                                <input type="email" name="email" id="cUserEmailBuy" class="form-control text-input" placeholder=" "/>
1931                                <label for="cUserEmailBuy" class="label-control form-label required">
1932                                    E-mail                                </label>
1933                            </div>
1934
1935                            <div class="form-group form-phone">
1936                                <input type="tel" name="phone" id="cUserPhoneBuy" class="form-control text-input phone"/>
1937                                <label for="cUserPhoneBuy" class="label-control form-label required">
1938                                    Номер телефону                                </label>
1939                            </div>
1940
1941                            <div class="form-group">
1942                                <input type="hidden" name="captcha"/>
1943                                <div class="msg"></div>
1944                            </div>
1945
1946                            <div class="cf-turnstile"
1947                                 id="captchaRegisterModal2"
1948                                 data-sitekey="0x4AAAAAABkPUEPN-52Euldp"
1949                                 data-action="register-consult"
1950                                 data-response-field-name="captcha"
1951                            ></div>
1952
1953                            <div class="form-checkbox">
1954                                <div class="form-checkbox-wrap">
1955                                    <input id="modalConsultAgree" name="agree" type="checkbox"/>
1956                                    <label class="toggle-label"></label>
1957                                    <label for="modalConsultAgree" class="form-checkbox-text">
1958                                        
1959        Натискаючи кнопку "<span class="button-text">Хочу консультацію</span>", ви приймаєте
1960        <a rel="nofollow" href="/terms_of_use">Загальні умови використання</a> та
1961        <a rel="nofollow" href="/privacy_policy">Політику конфіденційності</a> ArtCraft.
1962                                        </label>
1963                                </div>
1964                            </div>
1965
1966                            <div class="d-flex justify-content-center">
1967                                <button type="submit" class="button button--w
1967hite button--pill">
1968                                    Хочу консультацію                                </button>
1969                            </div>
1970                        </form>
1971                        <div class="d-none justify-content-center js-submit-success flex-column align-items-center h-100">
1972                            <div class="">
1973                                <svg class="img" style="fill: #11cd6e"><use xlink:href="/assets/icons.svg#img-success"></use></svg>
1974                            </div>
1975                            <div class="mt-4">Наш менеджер незабаром зв'яжеться з вами.</div>
1976                        </div>
1977                    </div>
1978                </div>
1979            </div>
1980        </div>
1981    </div>
1982</div>
1983<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"da09399d2ad340d79b4f1a666d3bd2bf","r":1,"spa":2}' crossorigin="anonymous"></script>
1983
1984</body>
1985</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.