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&subset=cyrillic" rel="stylesheet"/>--> 31<!-- <link href="//fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&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 — \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 — \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"> / </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 protected]</span></a></p> 952<p> </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"> </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">×</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"> </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"> </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"> </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.