main.html 63 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096
  1. <link rel="stylesheet" href="../static/css/main.css">
  2. {% extends "base.html" %}
  3. {% block content %}
  4. <!DOCTYPE html><html> <head><meta charset="utf-8" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><!--metatextblock--><title>Qattro</title><meta property="og:url" content="http://project6415917.tilda.ws" /><meta property="og:title" content="Qattro" /><meta property="og:description" content="" /><meta property="og:type" content="website" /><meta property="og:image" content="https://static.tildacdn.info/tild3030-3032-4063-b233-616566356437/-/resize/504x/_.png" /><link rel="canonical" href="http://project6415917.tilda.ws"><!--/metatextblock--><meta name="format-detection" content="telephone=no" /><meta http-equiv="x-dns-prefetch-control" content="on"><link rel="dns-prefetch" href="https://ws.tildacdn.com"><link rel="dns-prefetch" href="https://static.tildacdn.info"><meta name="robots" content="nofollow" /><link rel="shortcut icon" href="https://static.tildacdn.info/img/tildafavicon.ico" type="image/x-icon" /><!-- Assets --><script type="text/javascript" src="/FD126C42-EBFA-4E12-B309-BB3FDD723AC1/main.js?attr=XEKvRjXTJtnyuOcZH4svs6y3sX4iHrwx44ay3B5nLUnzf8ypWty7-dO06hrMxQgQSgRpSVHU5ZZcfHRgvZtO5g" charset="UTF-8"></script><script src="https://neo.tildacdn.com/js/tilda-fallback-1.0.min.js" charset="utf-8" async></script><link rel="stylesheet" href="https://static.tildacdn.info/css/tilda-grid-3.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';"/><link rel="stylesheet" href="/tilda-blocks-page32080579.min.css?t=1669656792" type="text/css" media="all" onerror="this.loaderr='y';" /><link rel="stylesheet" href="https://static.tildacdn.info/css/tilda-menusub-1.0.min.css" type="text/css" media="print" onload="this.media='all';" onerror="this.loaderr='y';" /><noscript><link rel="stylesheet" href="https://static.tildacdn.info/css/tilda-menusub-1.0.min.css" type="text/css" media="all" /></noscript><link rel="stylesheet" href="https://static.tildacdn.info/css/tilda-cover-1.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /><link rel="stylesheet" href="https://static.tildacdn.info/css/tilda-slds-1.4.min.css" type="text/css" media="print" onload="this.media='all';" onerror="this.loaderr='y';" /><noscript><link rel="stylesheet" href="https://static.tildacdn.info/css/tilda-slds-1.4.min.css" type="text/css" media="all" /></noscript><link rel="stylesheet" href="https://static.tildacdn.info/css/fonts-tildasans.css" type="text/css" media="all" onerror="this.loaderr='y';" /><script type="text/javascript">(function (d) {
  5. if (!d.visibilityState) {
  6. var s = d.createElement('script');
  7. s.src = 'https://static.tildacdn.info/js/tilda-polyfill-1.0.min.js';
  8. d.getElementsByTagName('head')[0].appendChild(s);
  9. }
  10. })(document);
  11. function t_onReady(func) {
  12. if (document.readyState != 'loading') {
  13. func();
  14. } else {
  15. document.addEventListener('DOMContentLoaded', func);
  16. }
  17. }
  18. function t_onFuncLoad(funcName, okFunc, time) {
  19. if (typeof window[funcName] === 'function') {
  20. okFunc();
  21. } else {
  22. setTimeout(function() {
  23. t_onFuncLoad(funcName, okFunc, time);
  24. },(time || 100));
  25. }
  26. }function t_throttle(fn, threshhold, scope) {return function () {fn.apply(scope || this, arguments);};}</script><script src="https://static.tildacdn.info/js/tilda-scripts-3.0.min.js" charset="utf-8" defer onerror="this.loaderr='y';"></script><script src="/tilda-blocks-page32080579.min.js?t=1669656792" charset="utf-8" async onerror="this.loaderr='y';"></script><script src="https://static.tildacdn.info/js/lazyload-1.3.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script><script src="https://static.tildacdn.info/js/tilda-menusub-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script><script src="https://static.tildacdn.info/js/tilda-menu-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script><script src="https://static.tildacdn.info/js/tilda-cover-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script><script src="https://static.tildacdn.info/js/hammer.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script><script src="https://static.tildacdn.info/js/tilda-video-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script><script src="https://static.tildacdn.info/js/tilda-video-processor-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script><script src="https://static.tildacdn.info/js/tilda-slds-1.4.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script><script src="https://static.tildacdn.info/js/tilda-events-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script><script type="text/javascript">window.dataLayer = window.dataLayer || [];</script><script type="text/javascript">(function () {
  27. if((/bot|google|yandex|baidu|bing|msn|duckduckbot|teoma|slurp|crawler|spider|robot|crawling|facebook/i.test(navigator.userAgent))===false && typeof(sessionStorage)!='undefined' && sessionStorage.getItem('visited')!=='y' && document.visibilityState){
  28. var style=document.createElement('style');
  29. style.type='text/css';
  30. style.innerHTML='@media screen and (min-width: 980px) {.t-records {opacity: 0;}.t-records_animated {-webkit-transition: opacity ease-in-out .2s;-moz-transition: opacity ease-in-out .2s;-o-transition: opacity ease-in-out .2s;transition: opacity ease-in-out .2s;}.t-records.t-records_visible {opacity: 1;}}';
  31. document.getElementsByTagName('head')[0].appendChild(style);
  32. function t_setvisRecs(){
  33. var alr=document.querySelectorAll('.t-records');
  34. Array.prototype.forEach.call(alr, function(el) {
  35. el.classList.add("t-records_animated");
  36. });
  37. setTimeout(function () {
  38. Array.prototype.forEach.call(alr, function(el) {
  39. el.classList.add("t-records_visible");
  40. });
  41. sessionStorage.setItem("visited", "y");
  42. }, 400);
  43. }
  44. document.addEventListener('DOMContentLoaded', t_setvisRecs);
  45. }
  46. })();</script></head><body class="t-body" style="margin:0;"><!--allrecords--><div id="allrecords" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="6415917" data-tilda-page-id="32080579" data-tilda-formskey="00c0c7ee085ad8661de4874536415917" data-tilda-lazy="yes"><div id="rec518664222" class="r t-rec" style="background-color:#dcb495; " data-animationappear="off" data-record-type="456" data-bg-color="#dcb495"><!-- T456 --><div id="nav518664222marker"></div><div class="tmenu-mobile" ><div class="tmenu-mobile__container"><div class="tmenu-mobile__burgerlogo"><a href="#rec518664222" style="color:#000000;font-size:40px;font-weight:300;"><img src="https://static.tildacdn.info/tild3030-3032-4063-b233-616566356437/_.png" class="tmenu-mobile__imglogo" imgfield="img" style="max-width: 90px; width: 90px;" alt=" Incepted "></a></div><div class="t-menuburger t-menuburger_first "><span style="background-color:#000;"></span><span style="background-color:#000;"></span><span style="background-color:#000;"></span><span style="background-color:#000;"></span></div><script>function t_menuburger_init(recid) {
  47. var burger = document.querySelector('.t-menuburger');
  48. var isSecondStyle = burger.classList.contains('t-menuburger_second');
  49. if (isSecondStyle && !window.isMobile && !('ontouchend' in document)) {
  50. burger.addEventListener('mouseenter', function() {
  51. if (burger.classList.contains('t-menuburger-opened')) return;
  52. burger.classList.remove('t-menuburger-unhovered');
  53. burger.classList.add('t-menuburger-hovered');
  54. });
  55. burger.addEventListener('mouseleave', function() {
  56. if (burger.classList.contains('t-menuburger-opened')) return;
  57. burger.classList.remove('t-menuburger-hovered');
  58. burger.classList.add('t-menuburger-unhovered');
  59. setTimeout(function() {
  60. burger.classList.remove('t-menuburger-unhovered');
  61. }, 300);
  62. });
  63. }
  64. if (!burger.closest('.tmenu-mobile')) {
  65. burger.addEventListener('click', function() {
  66. burger.classList.toggle('t-menuburger-opened');
  67. burger.classList.remove('t-menuburger-unhovered');
  68. });
  69. }
  70. }
  71. t_onReady(function() {
  72. t_onFuncLoad('t_menuburger_init', function(){t_menuburger_init('518664222');});
  73. });</script><style>.t-menuburger {
  74. position: relative;
  75. flex-shrink: 0;
  76. width: 28px;
  77. height: 20px;
  78. -webkit-transform: rotate(0deg);
  79. transform: rotate(0deg);
  80. transition: .5s ease-in-out;
  81. cursor: pointer;
  82. z-index: 999;
  83. }
  84. /*---menu burger lines---*/
  85. .t-menuburger span {
  86. display: block;
  87. position: absolute;
  88. width: 100%;
  89. opacity: 1;
  90. left: 0;
  91. -webkit-transform: rotate(0deg);
  92. transform: rotate(0deg);
  93. transition: .25s ease-in-out;
  94. height: 3px;
  95. background-color: #000;
  96. }
  97. .t-menuburger span:nth-child(1) {
  98. top: 0px;
  99. }
  100. .t-menuburger span:nth-child(2),
  101. .t-menuburger span:nth-child(3) {
  102. top: 8px;
  103. }
  104. .t-menuburger span:nth-child(4) {
  105. top: 16px;
  106. }
  107. /*menu burger big*/
  108. .t-menuburger__big {
  109. width: 42px;
  110. height: 32px;
  111. }
  112. .t-menuburger__big span {
  113. height: 5px;
  114. }
  115. .t-menuburger__big span:nth-child(2),
  116. .t-menuburger__big span:nth-child(3) {
  117. top: 13px;
  118. }
  119. .t-menuburger__big span:nth-child(4) {
  120. top: 26px;
  121. }
  122. /*menu burger small*/
  123. .t-menuburger__small {
  124. width: 22px;
  125. height: 14px;
  126. }
  127. .t-menuburger__small span {
  128. height: 2px;
  129. }
  130. .t-menuburger__small span:nth-child(2),
  131. .t-menuburger__small span:nth-child(3) {
  132. top: 6px;
  133. }
  134. .t-menuburger__small span:nth-child(4) {
  135. top: 12px;
  136. }
  137. /*menu burger opened*/
  138. .t-menuburger-opened span:nth-child(1) {
  139. top: 8px;
  140. width: 0%;
  141. left: 50%;
  142. }
  143. .t-menuburger-opened span:nth-child(2) {
  144. -webkit-transform: rotate(45deg);
  145. transform: rotate(45deg);
  146. }
  147. .t-menuburger-opened span:nth-child(3) {
  148. -webkit-transform: rotate(-45deg);
  149. transform: rotate(-45deg);
  150. }
  151. .t-menuburger-opened span:nth-child(4) {
  152. top: 8px;
  153. width: 0%;
  154. left: 50%;
  155. }
  156. .t-menuburger-opened.t-menuburger__big span:nth-child(1) {
  157. top: 6px;
  158. }
  159. .t-menuburger-opened.t-menuburger__big span:nth-child(4) {
  160. top: 18px;
  161. }
  162. .t-menuburger-opened.t-menuburger__small span:nth-child(1),
  163. .t-menuburger-opened.t-menuburger__small span:nth-child(4) {
  164. top: 6px;
  165. }
  166. /*---menu burger first style---*/
  167. @media (hover), (min-width:0\0) {
  168. .t-menuburger_first:hover span:nth-child(1) {
  169. transform: translateY(1px);
  170. }
  171. .t-menuburger_first:hover span:nth-child(4) {
  172. transform: translateY(-1px);
  173. }
  174. .t-menuburger_first.t-menuburger__big:hover span:nth-child(1) {
  175. transform: translateY(3px);
  176. }
  177. .t-menuburger_first.t-menuburger__big:hover span:nth-child(4) {
  178. transform: translateY(-3px);
  179. }
  180. }
  181. /*---menu burger second style---*/
  182. .t-menuburger_second span:nth-child(2),
  183. .t-menuburger_second span:nth-child(3) {
  184. width: 80%;
  185. left: 20%;
  186. right: 0;
  187. }
  188. @media (hover), (min-width:0\0) {
  189. .t-menuburger_second.t-menuburger-hovered span:nth-child(2),
  190. .t-menuburger_second.t-menuburger-hovered span:nth-child(3) {
  191. animation: t-menuburger-anim 0.3s ease-out normal forwards;
  192. }
  193. .t-menuburger_second.t-menuburger-unhovered span:nth-child(2),
  194. .t-menuburger_second.t-menuburger-unhovered span:nth-child(3) {
  195. animation: t-menuburger-anim2 0.3s ease-out normal forwards;
  196. }
  197. }
  198. .t-menuburger_second.t-menuburger-opened span:nth-child(2),
  199. .t-menuburger_second.t-menuburger-opened span:nth-child(3){
  200. left: 0;
  201. right: 0;
  202. width: 100%!important;
  203. }
  204. /*---menu burger third style---*/
  205. .t-menuburger_third span:nth-child(4) {
  206. width: 70%;
  207. left: unset;
  208. right: 0;
  209. }
  210. @media (hover), (min-width:0\0) {
  211. .t-menuburger_third:not(.t-menuburger-opened):hover span:nth-child(4) {
  212. width: 100%;
  213. }
  214. }
  215. .t-menuburger_third.t-menuburger-opened span:nth-child(4) {
  216. transform: translateX(50%)!important;
  217. left: unset!important;
  218. width: 0!important;
  219. }
  220. /*---menu burger fourth style---*/
  221. .t-menuburger_fourth {
  222. height: 12px;
  223. }
  224. .t-menuburger_fourth span:nth-child(2),
  225. .t-menuburger_fourth span:nth-child(3) {
  226. top: 4px;
  227. opacity: 0;
  228. }
  229. .t-menuburger_fourth span:nth-child(4) {
  230. top: 8px;
  231. }
  232. .t-menuburger_fourth.t-menuburger__small span:nth-child(2),
  233. .t-menuburger_fourth.t-menuburger__small span:nth-child(3) {
  234. top: 3px;
  235. }
  236. .t-menuburger_fourth.t-menuburger__small span:nth-child(4) {
  237. top: 6px;
  238. }
  239. .t-menuburger_fourth.t-menuburger__small span:nth-child(2),
  240. .t-menuburger_fourth.t-menuburger__small span:nth-child(3) {
  241. top: 3px;
  242. }
  243. .t-menuburger_fourth.t-menuburger__small span:nth-child(4) {
  244. top: 6px;
  245. }
  246. .t-menuburger_fourth.t-menuburger__big span:nth-child(2),
  247. .t-menuburger_fourth.t-menuburger__big span:nth-child(3) {
  248. top: 8px;
  249. }
  250. .t-menuburger_fourth.t-menuburger__big span:nth-child(4) {
  251. top: 16px;
  252. }
  253. @media (hover), (min-width:0\0) {
  254. .t-menuburger_fourth:not(.t-menuburger-opened):hover span:nth-child(1) {
  255. transform: translateY(1px);
  256. }
  257. .t-menuburger_fourth:not(.t-menuburger-opened):hover span:nth-child(4) {
  258. transform: translateY(-1px);
  259. }
  260. .t-menuburger_fourth.t-menuburger__big:not(.t-menuburger-opened):hover span:nth-child(1) {
  261. transform: translateY(3px);
  262. }
  263. .t-menuburger_fourth.t-menuburger__big:not(.t-menuburger-opened):hover span:nth-child(4) {
  264. transform: translateY(-3px);
  265. }
  266. }
  267. .t-menuburger_fourth.t-menuburger-opened span:nth-child(1),
  268. .t-menuburger_fourth.t-menuburger-opened span:nth-child(4) {
  269. top: 4px;
  270. }
  271. .t-menuburger_fourth.t-menuburger-opened span:nth-child(2),
  272. .t-menuburger_fourth.t-menuburger-opened span:nth-child(3) {
  273. opacity: 1;
  274. }
  275. /*---menu burger animations---*/
  276. @keyframes t-menuburger-anim {
  277. 0% {
  278. width: 80%;
  279. left: 20%;
  280. right: 0;
  281. }
  282. 50% {
  283. width: 100%;
  284. left: 0;
  285. right: 0;
  286. }
  287. 100% {
  288. width: 80%;
  289. left: 0;
  290. right: 20%;
  291. }
  292. }
  293. @keyframes t-menuburger-anim2 {
  294. 0% {
  295. width: 80%;
  296. left: 0;
  297. }
  298. 50% {
  299. width: 100%;
  300. right: 0;
  301. left: 0;
  302. }
  303. 100% {
  304. width: 80%;
  305. left: 20%;
  306. right: 0;
  307. }
  308. }</style></div></div><style>.tmenu-mobile {
  309. background-color: #111;
  310. display: none;
  311. width: 100%;
  312. top: 0;
  313. z-index: 990;
  314. }
  315. .tmenu-mobile_positionfixed {
  316. position: fixed;
  317. }
  318. .tmenu-mobile__text {
  319. color: #fff;
  320. }
  321. .tmenu-mobile__container {
  322. min-height: 64px;
  323. padding: 20px;
  324. position: relative;
  325. box-sizing: border-box;
  326. display: -webkit-flex;
  327. display: -ms-flexbox;
  328. display: flex;
  329. -webkit-align-items: center;
  330. -ms-flex-align: center;
  331. align-items: center;
  332. -webkit-justify-content: space-between;
  333. -ms-flex-pack: justify;
  334. justify-content: space-between;
  335. }
  336. .tmenu-mobile__list {
  337. display: block;
  338. }
  339. .tmenu-mobile__burgerlogo {
  340. display: inline-block;
  341. font-size: 24px;
  342. font-weight: 400;
  343. white-space: nowrap;
  344. vertical-align: middle;
  345. }
  346. .tmenu-mobile__imglogo {
  347. height: auto;
  348. display: block;
  349. max-width: 300px!important;
  350. box-sizing: border-box;
  351. padding: 0;
  352. margin: 0 auto;
  353. }
  354. @media screen and (max-width: 980px) {
  355. .tmenu-mobile__menucontent_hidden {
  356. display: none;
  357. height: 100%;
  358. }
  359. .tmenu-mobile {
  360. display: block;
  361. }
  362. }
  363. @media screen and (max-width: 980px) {
  364. #rec518664222 .t-menuburger {
  365. -webkit-order: 1;
  366. -ms-flex-order: 1;
  367. order: 1;
  368. }
  369. }</style><div id="nav518664222" class="t456 t456__positionstatic tmenu-mobile__menucontent_hidden" style="background-color: rgba(220,180,149,0.90); height:80px; box-shadow: 0px 1px 3px rgba(0,0,0,0.20);" data-bgcolor-hex="#dcb495" data-bgcolor-rgba="rgba(220,180,149,0.90)" data-navmarker="nav518664222marker" data-appearoffset="100px" data-bgopacity-two="50" data-menushadow="20" data-bgopacity="0.90" data-bgcolor-rgba-afterscroll="rgba(220,180,149,0.50)" data-menu-items-align="right" data-menu="yes"><div class="t456__maincontainer " style="height:80px;"><div class="t456__leftwrapper" style="min-width:90px;width:90px;"><div class="t456__logowrapper" style="display: block;"><a href="#rec518664222" style="color:#000000;font-size:40px;font-weight:300;"><img class="t456__imglogo t456__imglogomobile"
  370. src="https://static.tildacdn.info/tild3030-3032-4063-b233-616566356437/_.png"
  371. imgfield="img"
  372. style="max-width: 90px; width: 90px;"
  373. alt="Incepted"
  374. ></a></div></div><nav class="t456__rightwrapper t456__menualign_right"
  375. aria-label="Основные разделы на странице"
  376. style=""><ul class="t456__list"
  377. role="menubar" aria-label="Основные разделы на странице"><li class="t456__list_item"
  378. role="none"
  379. style="padding:0 0 0 15px 0 0;"><a class="t-menu__link-item"
  380. href=""
  381. role="menuitem" aria-haspopup="true" aria-expanded="false" tabindex="0" data-menu-submenu-hook="link_sub1_518664222" data-menu-item-number="1"
  382. style="color:#ffffff;font-size:20px;font-weight:400;font-family:'TildaSans';letter-spacing:1px;">Профиль</a><div class="t-menusub" data-submenu-hook="link_sub1_518664222" data-submenu-margin="15px" data-add-submenu-arrow=""><div class="t-menusub__menu"><div class="t-menusub__content"><ul class="t-menusub__list" role="menu" aria-label=""><li class="t-menusub__list-item t-name t-name_xs" role="none"><a class="t-menusub__link-item t-name t-name_xs"
  383. role="menuitem"
  384. href=""
  385. style="font-family:'TildaSans';" data-menu-item-number="1">Аккаунт</a></li><li class="t-menusub__list-item t-name t-name_xs" role="none"><a class="t-menusub__link-item t-name t-name_xs"
  386. role="menuitem"
  387. href=""
  388. style="font-family:'TildaSans';" data-menu-item-number="1">Мои проекты</a></li><li class="t-menusub__list-item t-name t-name_xs" role="none"><a class="t-menusub__link-item t-name t-name_xs"
  389. role="menuitem"
  390. href=""
  391. style="font-family:'TildaSans';" data-menu-item-number="1">Мои Сообщения</a></li><li class="t-menusub__list-item t-name t-name_xs" role="none"><a class="t-menusub__link-item t-name t-name_xs"
  392. role="menuitem"
  393. href=""
  394. style="font-family:'TildaSans';" data-menu-item-number="1">Друзья</a></li><li class="t-menusub__list-item t-name t-name_xs" role="none"><a class="t-menusub__link-item t-name t-name_xs"
  395. role="menuitem"
  396. href=""
  397. style="font-family:'TildaSans';" data-menu-item-number="1">Отслеживаемые проекты</a></li></ul></div></div></div></li></ul></nav></div></div><style>@media screen and (max-width: 980px) {
  398. #rec518664222 .t456__logowrapper{
  399. display: none!important;
  400. }
  401. #rec518664222 .t456__mobile-text{
  402. display: none;
  403. }
  404. #rec518664222 .t456__imglogo{
  405. padding: 0;
  406. }
  407. }</style><style>@media screen and (max-width: 980px) {
  408. #rec518664222 .t456__leftcontainer{
  409. padding: 20px;
  410. }
  411. }
  412. @media screen and (max-width: 980px) {
  413. #rec518664222 .t456__imglogo{
  414. padding: 20px 0;
  415. }
  416. }</style><script type="text/javascript">t_onReady(function() {
  417. t_onFuncLoad('t_menu__highlightActiveLinks', function () {
  418. t_menu__highlightActiveLinks('.t456__list_item a');
  419. });
  420. });
  421. window.addEventListener('resize', function () {
  422. t_onFuncLoad('t_menu__setBGcolor', function () {
  423. t_menu__setBGcolor('518664222', '.t456');
  424. });
  425. });
  426. t_onReady(function () {
  427. t_onFuncLoad('t_menu__setBGcolor', function () {
  428. t_menu__setBGcolor('518664222', '.t456');
  429. });
  430. });</script><script type="text/javascript">
  431. t_onReady(function () {
  432. t_onFuncLoad('t_menu__createMobileMenu', function () {
  433. t_menu__createMobileMenu('518664222', '.t456');
  434. });
  435. });</script><style>#rec518664222 .t-menu__link-item{
  436. -webkit-transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
  437. transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
  438. position: relative;
  439. outline: none;
  440. }
  441. /* #rec518664222 .t-menu__link-item:not(:focus-visible){
  442. outline: none;
  443. } */
  444. #rec518664222 .t-menu__link-item:not(.t-active):not(.tooltipstered)::after {
  445. content: '';
  446. position: absolute;
  447. left: 0;
  448. bottom: 20%;
  449. opacity: 0;
  450. width: 100%;
  451. height: 100%;
  452. border-bottom: 0px solid #f5c99f;
  453. -webkit-box-shadow: inset 0px -1px 0px 0px #f5c99f;
  454. -moz-box-shadow: inset 0px -1px 0px 0px #f5c99f;
  455. box-shadow: inset 0px -1px 0px 0px #f5c99f;
  456. -webkit-transition: all 0.3s ease;
  457. transition: all 0.3s ease;
  458. }
  459. #rec518664222 .t-menu__link-item.t-active:not(.t978__menu-link){
  460. color:#bf8f67 !important; font-weight:500 !important; opacity:0.80 !important;}
  461. #rec518664222 .t-menu__link-item.t-active::after {
  462. content: '';
  463. position: absolute;
  464. left: 0;
  465. -webkit-transition: all 0.3s ease;
  466. transition: all 0.3s ease;
  467. opacity: 1;
  468. width: 100%;
  469. height: 100%;
  470. bottom: -2px;
  471. border-bottom: 2px solid #0000FF;
  472. -webkit-box-shadow: inset 0px -1px 0px 0px #0000FF;
  473. -moz-box-shadow: inset 0px -1px 0px 0px #0000FF;
  474. box-shadow: inset 0px -1px 0px 0px #0000FF;
  475. }
  476. #rec518664222 .t-menu__link-item:not(.t-active):not(.tooltipstered):hover{
  477. color: #5c3d21 !important; opacity: 0.9 !important;}
  478. #rec518664222 .t-menu__link-item:not(.t-active):not(.tooltipstered):hover::after{
  479. opacity: 1;
  480. bottom: -0px; }
  481. @supports (overflow:-webkit-marquee) and (justify-content:inherit)
  482. {
  483. #rec518664222 .t-menu__link-item,
  484. #rec518664222 .t-menu__link-item.t-active {
  485. opacity: 1 !important;
  486. }
  487. }</style><script>t_onReady(function () {
  488. setTimeout(function(){
  489. t_onFuncLoad('t_menusub_init', function() {
  490. t_menusub_init('518664222');
  491. });
  492. }, 500);
  493. });</script><style>@media screen and (max-width: 980px) {
  494. #rec518664222 .t-menusub__menu .t-menusub__link-item {
  495. color:#ffffff !important;
  496. }
  497. #rec518664222 .t-menusub__menu .t-menusub__link-item.t-active {
  498. color:#ffffff !important;
  499. }
  500. }
  501. @media screen and (min-width: 981px) { #rec518664222 .t-menusub__menu {
  502. text-align:center; }
  503. }</style><!--[if IE 8]><style>#rec518664222 .t456 {
  504. filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#D9dcb495', endColorstr='#D9dcb495');
  505. }</style><![endif]--></div><div id="rec518702510" class="r t-rec t-screenmin-980px" style="background-color:#171111; " data-animationappear="off" data-record-type="456" data-screen-min="980px" data-bg-color="#171111"><!-- T456 --><div id="nav518702510marker"></div><div class="tmenu-mobile" ><div class="tmenu-mobile__container"><div class="tmenu-mobile__burgerlogo"><a href="#rec518664222" style="color:#000000;font-size:40px;font-weight:300;"><img src="https://static.tildacdn.info/tild3932-3133-4539-b032-393238316436/-.png" class="tmenu-mobile__imglogo" imgfield="img" style="max-width: 90px; width: 90px;" alt=" "></a></div><div class="t-menuburger t-menuburger_first "><span style="background-color:#000;"></span><span style="background-color:#000;"></span><span style="background-color:#000;"></span><span style="background-color:#000;"></span></div><script>function t_menuburger_init(recid) {
  506. var burger = document.querySelector('.t-menuburger');
  507. var isSecondStyle = burger.classList.contains('t-menuburger_second');
  508. if (isSecondStyle && !window.isMobile && !('ontouchend' in document)) {
  509. burger.addEventListener('mouseenter', function() {
  510. if (burger.classList.contains('t-menuburger-opened')) return;
  511. burger.classList.remove('t-menuburger-unhovered');
  512. burger.classList.add('t-menuburger-hovered');
  513. });
  514. burger.addEventListener('mouseleave', function() {
  515. if (burger.classList.contains('t-menuburger-opened')) return;
  516. burger.classList.remove('t-menuburger-hovered');
  517. burger.classList.add('t-menuburger-unhovered');
  518. setTimeout(function() {
  519. burger.classList.remove('t-menuburger-unhovered');
  520. }, 300);
  521. });
  522. }
  523. if (!burger.closest('.tmenu-mobile')) {
  524. burger.addEventListener('click', function() {
  525. burger.classList.toggle('t-menuburger-opened');
  526. burger.classList.remove('t-menuburger-unhovered');
  527. });
  528. }
  529. }
  530. t_onReady(function() {
  531. t_onFuncLoad('t_menuburger_init', function(){t_menuburger_init('518702510');});
  532. });</script><style>.t-menuburger {
  533. position: relative;
  534. flex-shrink: 0;
  535. width: 28px;
  536. height: 20px;
  537. -webkit-transform: rotate(0deg);
  538. transform: rotate(0deg);
  539. transition: .5s ease-in-out;
  540. cursor: pointer;
  541. z-index: 999;
  542. }
  543. /*---menu burger lines---*/
  544. .t-menuburger span {
  545. display: block;
  546. position: absolute;
  547. width: 100%;
  548. opacity: 1;
  549. left: 0;
  550. -webkit-transform: rotate(0deg);
  551. transform: rotate(0deg);
  552. transition: .25s ease-in-out;
  553. height: 3px;
  554. background-color: #000;
  555. }
  556. .t-menuburger span:nth-child(1) {
  557. top: 0px;
  558. }
  559. .t-menuburger span:nth-child(2),
  560. .t-menuburger span:nth-child(3) {
  561. top: 8px;
  562. }
  563. .t-menuburger span:nth-child(4) {
  564. top: 16px;
  565. }
  566. /*menu burger big*/
  567. .t-menuburger__big {
  568. width: 42px;
  569. height: 32px;
  570. }
  571. .t-menuburger__big span {
  572. height: 5px;
  573. }
  574. .t-menuburger__big span:nth-child(2),
  575. .t-menuburger__big span:nth-child(3) {
  576. top: 13px;
  577. }
  578. .t-menuburger__big span:nth-child(4) {
  579. top: 26px;
  580. }
  581. /*menu burger small*/
  582. .t-menuburger__small {
  583. width: 22px;
  584. height: 14px;
  585. }
  586. .t-menuburger__small span {
  587. height: 2px;
  588. }
  589. .t-menuburger__small span:nth-child(2),
  590. .t-menuburger__small span:nth-child(3) {
  591. top: 6px;
  592. }
  593. .t-menuburger__small span:nth-child(4) {
  594. top: 12px;
  595. }
  596. /*menu burger opened*/
  597. .t-menuburger-opened span:nth-child(1) {
  598. top: 8px;
  599. width: 0%;
  600. left: 50%;
  601. }
  602. .t-menuburger-opened span:nth-child(2) {
  603. -webkit-transform: rotate(45deg);
  604. transform: rotate(45deg);
  605. }
  606. .t-menuburger-opened span:nth-child(3) {
  607. -webkit-transform: rotate(-45deg);
  608. transform: rotate(-45deg);
  609. }
  610. .t-menuburger-opened span:nth-child(4) {
  611. top: 8px;
  612. width: 0%;
  613. left: 50%;
  614. }
  615. .t-menuburger-opened.t-menuburger__big span:nth-child(1) {
  616. top: 6px;
  617. }
  618. .t-menuburger-opened.t-menuburger__big span:nth-child(4) {
  619. top: 18px;
  620. }
  621. .t-menuburger-opened.t-menuburger__small span:nth-child(1),
  622. .t-menuburger-opened.t-menuburger__small span:nth-child(4) {
  623. top: 6px;
  624. }
  625. /*---menu burger first style---*/
  626. @media (hover), (min-width:0\0) {
  627. .t-menuburger_first:hover span:nth-child(1) {
  628. transform: translateY(1px);
  629. }
  630. .t-menuburger_first:hover span:nth-child(4) {
  631. transform: translateY(-1px);
  632. }
  633. .t-menuburger_first.t-menuburger__big:hover span:nth-child(1) {
  634. transform: translateY(3px);
  635. }
  636. .t-menuburger_first.t-menuburger__big:hover span:nth-child(4) {
  637. transform: translateY(-3px);
  638. }
  639. }
  640. /*---menu burger second style---*/
  641. .t-menuburger_second span:nth-child(2),
  642. .t-menuburger_second span:nth-child(3) {
  643. width: 80%;
  644. left: 20%;
  645. right: 0;
  646. }
  647. @media (hover), (min-width:0\0) {
  648. .t-menuburger_second.t-menuburger-hovered span:nth-child(2),
  649. .t-menuburger_second.t-menuburger-hovered span:nth-child(3) {
  650. animation: t-menuburger-anim 0.3s ease-out normal forwards;
  651. }
  652. .t-menuburger_second.t-menuburger-unhovered span:nth-child(2),
  653. .t-menuburger_second.t-menuburger-unhovered span:nth-child(3) {
  654. animation: t-menuburger-anim2 0.3s ease-out normal forwards;
  655. }
  656. }
  657. .t-menuburger_second.t-menuburger-opened span:nth-child(2),
  658. .t-menuburger_second.t-menuburger-opened span:nth-child(3){
  659. left: 0;
  660. right: 0;
  661. width: 100%!important;
  662. }
  663. /*---menu burger third style---*/
  664. .t-menuburger_third span:nth-child(4) {
  665. width: 70%;
  666. left: unset;
  667. right: 0;
  668. }
  669. @media (hover), (min-width:0\0) {
  670. .t-menuburger_third:not(.t-menuburger-opened):hover span:nth-child(4) {
  671. width: 100%;
  672. }
  673. }
  674. .t-menuburger_third.t-menuburger-opened span:nth-child(4) {
  675. transform: translateX(50%)!important;
  676. left: unset!important;
  677. width: 0!important;
  678. }
  679. /*---menu burger fourth style---*/
  680. .t-menuburger_fourth {
  681. height: 12px;
  682. }
  683. .t-menuburger_fourth span:nth-child(2),
  684. .t-menuburger_fourth span:nth-child(3) {
  685. top: 4px;
  686. opacity: 0;
  687. }
  688. .t-menuburger_fourth span:nth-child(4) {
  689. top: 8px;
  690. }
  691. .t-menuburger_fourth.t-menuburger__small span:nth-child(2),
  692. .t-menuburger_fourth.t-menuburger__small span:nth-child(3) {
  693. top: 3px;
  694. }
  695. .t-menuburger_fourth.t-menuburger__small span:nth-child(4) {
  696. top: 6px;
  697. }
  698. .t-menuburger_fourth.t-menuburger__small span:nth-child(2),
  699. .t-menuburger_fourth.t-menuburger__small span:nth-child(3) {
  700. top: 3px;
  701. }
  702. .t-menuburger_fourth.t-menuburger__small span:nth-child(4) {
  703. top: 6px;
  704. }
  705. .t-menuburger_fourth.t-menuburger__big span:nth-child(2),
  706. .t-menuburger_fourth.t-menuburger__big span:nth-child(3) {
  707. top: 8px;
  708. }
  709. .t-menuburger_fourth.t-menuburger__big span:nth-child(4) {
  710. top: 16px;
  711. }
  712. @media (hover), (min-width:0\0) {
  713. .t-menuburger_fourth:not(.t-menuburger-opened):hover span:nth-child(1) {
  714. transform: translateY(1px);
  715. }
  716. .t-menuburger_fourth:not(.t-menuburger-opened):hover span:nth-child(4) {
  717. transform: translateY(-1px);
  718. }
  719. .t-menuburger_fourth.t-menuburger__big:not(.t-menuburger-opened):hover span:nth-child(1) {
  720. transform: translateY(3px);
  721. }
  722. .t-menuburger_fourth.t-menuburger__big:not(.t-menuburger-opened):hover span:nth-child(4) {
  723. transform: translateY(-3px);
  724. }
  725. }
  726. .t-menuburger_fourth.t-menuburger-opened span:nth-child(1),
  727. .t-menuburger_fourth.t-menuburger-opened span:nth-child(4) {
  728. top: 4px;
  729. }
  730. .t-menuburger_fourth.t-menuburger-opened span:nth-child(2),
  731. .t-menuburger_fourth.t-menuburger-opened span:nth-child(3) {
  732. opacity: 1;
  733. }
  734. /*---menu burger animations---*/
  735. @keyframes t-menuburger-anim {
  736. 0% {
  737. width: 80%;
  738. left: 20%;
  739. right: 0;
  740. }
  741. 50% {
  742. width: 100%;
  743. left: 0;
  744. right: 0;
  745. }
  746. 100% {
  747. width: 80%;
  748. left: 0;
  749. right: 20%;
  750. }
  751. }
  752. @keyframes t-menuburger-anim2 {
  753. 0% {
  754. width: 80%;
  755. left: 0;
  756. }
  757. 50% {
  758. width: 100%;
  759. right: 0;
  760. left: 0;
  761. }
  762. 100% {
  763. width: 80%;
  764. left: 20%;
  765. right: 0;
  766. }
  767. }</style></div></div><style>.tmenu-mobile {
  768. background-color: #111;
  769. display: none;
  770. width: 100%;
  771. top: 0;
  772. z-index: 990;
  773. }
  774. .tmenu-mobile_positionfixed {
  775. position: fixed;
  776. }
  777. .tmenu-mobile__text {
  778. color: #fff;
  779. }
  780. .tmenu-mobile__container {
  781. min-height: 64px;
  782. padding: 20px;
  783. position: relative;
  784. box-sizing: border-box;
  785. display: -webkit-flex;
  786. display: -ms-flexbox;
  787. display: flex;
  788. -webkit-align-items: center;
  789. -ms-flex-align: center;
  790. align-items: center;
  791. -webkit-justify-content: space-between;
  792. -ms-flex-pack: justify;
  793. justify-content: space-between;
  794. }
  795. .tmenu-mobile__list {
  796. display: block;
  797. }
  798. .tmenu-mobile__burgerlogo {
  799. display: inline-block;
  800. font-size: 24px;
  801. font-weight: 400;
  802. white-space: nowrap;
  803. vertical-align: middle;
  804. }
  805. .tmenu-mobile__imglogo {
  806. height: auto;
  807. display: block;
  808. max-width: 300px!important;
  809. box-sizing: border-box;
  810. padding: 0;
  811. margin: 0 auto;
  812. }
  813. @media screen and (max-width: 980px) {
  814. .tmenu-mobile__menucontent_hidden {
  815. display: none;
  816. height: 100%;
  817. }
  818. .tmenu-mobile {
  819. display: block;
  820. }
  821. }
  822. @media screen and (max-width: 980px) {
  823. #rec518702510 .tmenu-mobile__burgerlogo,
  824. #rec518702510 .tmenu-mobile__text {
  825. -webkit-order: 1;
  826. -ms-flex-order: 1;
  827. order: 1;
  828. }
  829. }</style><div id="nav518702510" class="t456 t456__positionfixed t456__beforeready tmenu-mobile__menucontent_hidden" style="background-color: rgba(220,180,149,1); height:80px; box-shadow: 0px 1px 3px rgba(0,0,0,0.20);" data-bgcolor-hex="#dcb495" data-bgcolor-rgba="rgba(220,180,149,1)" data-navmarker="nav518702510marker" data-appearoffset="100px" data-bgopacity-two="50" data-menushadow="20" data-bgopacity="1" data-bgcolor-rgba-afterscroll="rgba(220,180,149,0.50)" data-menu-items-align="right" data-menu="yes"><div class="t456__maincontainer " style="height:80px;"><div class="t456__leftwrapper" style="min-width:90px;width:90px;"><div class="t456__logowrapper" style="display: block;"><a href="#rec518664222" style="color:#000000;font-size:40px;font-weight:300;"><img class="t456__imglogo t456__imglogomobile"
  830. src="https://static.tildacdn.info/tild3932-3133-4539-b032-393238316436/-.png"
  831. imgfield="img"
  832. style="max-width: 90px; width: 90px;"
  833. alt=" "
  834. ></a></div></div><nav class="t456__rightwrapper t456__menualign_right"
  835. aria-label="Основные разделы на странице"
  836. style=""><ul class="t456__list"
  837. role="menubar" aria-label="Основные разделы на странице"><li class="t456__list_item"
  838. role="none"
  839. style="padding:0 0 0 15px 0 0;"><a class="t-menu__link-item"
  840. href=""
  841. role="menuitem" tabindex="0" data-menu-submenu-hook="" data-menu-item-number="1"
  842. style="color:#ffffff;font-size:20px;font-weight:400;font-family:'TildaSans';letter-spacing:1px;">Профиль</a></li></ul></nav></div></div><style>@media screen and (max-width: 980px) {
  843. #rec518702510 .t456__logowrapper{
  844. display: none!important;
  845. }
  846. #rec518702510 .t456__mobile-text{
  847. display: none;
  848. }
  849. #rec518702510 .t456__imglogo{
  850. padding: 0;
  851. }
  852. }</style><style>@media screen and (max-width: 980px) {
  853. #rec518702510 .t456__leftcontainer{
  854. padding: 20px;
  855. }
  856. }
  857. @media screen and (max-width: 980px) {
  858. #rec518702510 .t456__imglogo{
  859. padding: 20px 0;
  860. }
  861. }</style><script type="text/javascript">t_onReady(function() {
  862. t_onFuncLoad('t_menu__highlightActiveLinks', function () {
  863. t_menu__highlightActiveLinks('.t456__list_item a');
  864. });
  865. t_onFuncLoad('t_menu__findAnchorLinks', function () {
  866. t_menu__findAnchorLinks('518702510', '.t456__list_item a');
  867. });
  868. });
  869. window.addEventListener('resize', function () {
  870. t_onFuncLoad('t_menu__setBGcolor', function () {
  871. t_menu__setBGcolor('518702510', '.t456');
  872. });
  873. });
  874. t_onReady(function () {
  875. t_onFuncLoad('t_menu__setBGcolor', function () {
  876. t_menu__setBGcolor('518702510', '.t456');
  877. });
  878. });
  879. t_onReady(function () {
  880. var rec = document.querySelector('#rec518702510');
  881. if (!rec) return;
  882. rec.querySelector('.t456').classList.remove('t456__beforeready');
  883. t_onFuncLoad('t_menu__showFixedMenu', function () {
  884. t_menu__showFixedMenu('518702510', '.t456');
  885. window.addEventListener('scroll', t_throttle(function () {
  886. t_menu__showFixedMenu('518702510', '.t456');
  887. }));
  888. });
  889. });
  890. t_onReady(function () {
  891. t_onFuncLoad('t_menu__changeBgOpacity', function () {
  892. t_menu__changeBgOpacity('518702510', '.t456');
  893. window.addEventListener('scroll', t_throttle(function () {
  894. t_menu__changeBgOpacity('518702510', '.t456');
  895. }));
  896. });
  897. });</script><script type="text/javascript">
  898. t_onReady(function () {
  899. t_onFuncLoad('t_menu__createMobileMenu', function () {
  900. t_menu__createMobileMenu('518702510', '.t456');
  901. });
  902. });</script><style>#rec518702510 .t-menu__link-item{
  903. -webkit-transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
  904. transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
  905. position: relative;
  906. outline: none;
  907. }
  908. /* #rec518702510 .t-menu__link-item:not(:focus-visible){
  909. outline: none;
  910. } */
  911. #rec518702510 .t-menu__link-item:not(.t-active):not(.tooltipstered)::after {
  912. content: '';
  913. position: absolute;
  914. left: 0;
  915. bottom: 20%;
  916. opacity: 0;
  917. width: 100%;
  918. height: 100%;
  919. border-bottom: 0px solid #f5c99f;
  920. -webkit-box-shadow: inset 0px -1px 0px 0px #f5c99f;
  921. -moz-box-shadow: inset 0px -1px 0px 0px #f5c99f;
  922. box-shadow: inset 0px -1px 0px 0px #f5c99f;
  923. -webkit-transition: all 0.3s ease;
  924. transition: all 0.3s ease;
  925. }
  926. #rec518702510 .t-menu__link-item.t-active:not(.t978__menu-link){
  927. color:#bf8f67 !important; font-weight:500 !important; opacity:0.80 !important;}
  928. #rec518702510 .t-menu__link-item.t-active::after {
  929. content: '';
  930. position: absolute;
  931. left: 0;
  932. -webkit-transition: all 0.3s ease;
  933. transition: all 0.3s ease;
  934. opacity: 1;
  935. width: 100%;
  936. height: 100%;
  937. bottom: -2px;
  938. border-bottom: 2px solid #0000FF;
  939. -webkit-box-shadow: inset 0px -1px 0px 0px #0000FF;
  940. -moz-box-shadow: inset 0px -1px 0px 0px #0000FF;
  941. box-shadow: inset 0px -1px 0px 0px #0000FF;
  942. }
  943. #rec518702510 .t-menu__link-item:not(.t-active):not(.tooltipstered):hover{
  944. color: #5c3d21 !important; opacity: 0.9 !important;}
  945. #rec518702510 .t-menu__link-item:not(.t-active):not(.tooltipstered):hover::after{
  946. opacity: 1;
  947. bottom: -0px; }
  948. @supports (overflow:-webkit-marquee) and (justify-content:inherit)
  949. {
  950. #rec518702510 .t-menu__link-item,
  951. #rec518702510 .t-menu__link-item.t-active {
  952. opacity: 1 !important;
  953. }
  954. }</style><!--[if IE 8]><style>#rec518702510 .t456 {
  955. filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#D9dcb495', endColorstr='#D9dcb495');
  956. }</style><![endif]--></div><div id="rec518664223" class="r t-rec" style=" " data-animationappear="off" data-record-type="168" ><!-- cover --><div class="t-cover"
  957. id="recorddiv518664223"
  958. bgimgfield="img"
  959. style="height:30vh; background-image:url('https://static.tildacdn.info/tild3138-3933-4837-b566-336331626463/-/resize/20x/books-knigi-bibliote.jpg');"
  960. ><div class="t-cover__carrier" id="coverCarry518664223"data-content-cover-id="518664223"data-content-cover-bg="https://static.tildacdn.info/tild3138-3933-4837-b566-336331626463/books-knigi-bibliote.jpg"data-display-changed="true"data-content-cover-height="30vh"data-content-cover-parallax="dynamic"style="height:30vh;background-attachment:scroll; "itemscope itemtype="http://schema.org/ImageObject"><meta itemprop="image" content="https://static.tildacdn.info/tild3138-3933-4837-b566-336331626463/books-knigi-bibliote.jpg"></div><div class="t-cover__filter" style="height:30vh;background-image: -moz-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70));background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70));background-image: -o-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70));background-image: -ms-linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70));background-image: linear-gradient(top, rgba(0,0,0,0.70), rgba(0,0,0,0.70));filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4c000000', endColorstr='#4c000000');"></div> <div class="t-container">
  961. <div class="t-col t-row t-col_12"> <div class="t-cover__wrapper t-valign_bottom" style="height:30vh;"> <div class="t154 t-align_center" data-hook-content="covercontent">
  962. <div class="t154__title t-title t-title_md" style="" field="title"><strong>#1</strong> сайт по проектированию!</div>
  963. <div class="t154__descr t154__descr_center t-descr t-descr_xxxl" style="" field="descr">Создавай, пользуйся, составляй!</div>
  964. <span class="space"></span> </div> </div> </div> </div></div> </div><div id="rec518664225" class="r t-rec t-rec_pt_60 t-rec_pb_120" style="padding-top:60px;padding-bottom:120px;background-color:#fdf5e6; " data-animationappear="off" data-record-type="649" data-bg-color="#fdf5e6"><!-- T649 -->
  965. <div class="t649">
  966. <div class="t-container"> <div class="t649__col t-col t-col_3 t-align_center t-item">
  967. <div class="t649__blockimg t649__blockimg_16-9 t-bgimg" data-original="https://static.tildacdn.info/tild3434-6332-4630-a464-323837316538/video150.jpg"
  968. style="background: url('https://static.tildacdn.info/tild3434-6332-4630-a464-323837316538/-/resizeb/20x/video150.jpg') center center no-repeat; background-size:cover;"
  969. itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.info/tild3434-6332-4630-a464-323837316538/video150.jpg"> </div> <div class="t649__textwrapper"> <div class="t649__sp"></div>
  970. <div class="t649__text t-text t-text_sm" style="font-size:26px;" field="li_descr__1489060481808" >Видео-продакшн</div> </div> </div> <div class="t649__col t-col t-col_3 t-align_center t-item">
  971. <div class="t649__blockimg t649__blockimg_16-9 t-bgimg" data-original="https://static.tildacdn.info/tild3037-6339-4630-b932-376533353663/conference150.jpg"
  972. style="background: url('https://static.tildacdn.info/tild3037-6339-4630-b932-376533353663/-/resizeb/20x/conference150.jpg') center center no-repeat; background-size:cover;"
  973. itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.info/tild3037-6339-4630-b932-376533353663/conference150.jpg"> </div> <div class="t649__textwrapper"> <div class="t649__sp"></div>
  974. <div class="t649__text t-text t-text_sm" style="font-size:26px;" field="li_descr__1489060588988" >Макетирование</div> </div> </div> <div class="t649__col t-col t-col_3 t-align_center t-item">
  975. <div class="t649__blockimg t649__blockimg_16-9 t-bgimg" data-original="https://static.tildacdn.info/tild6332-3266-4537-b130-316530633262/school150.jpg"
  976. style="background: url('https://static.tildacdn.info/tild6332-3266-4537-b130-316530633262/-/resizeb/20x/school150.jpg') center center no-repeat; background-size:cover;"
  977. itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.info/tild6332-3266-4537-b130-316530633262/school150.jpg"> </div> <div class="t649__textwrapper"> <div class="t649__sp"></div>
  978. <div class="t649__text t-text t-text_sm" style="font-size:26px;" field="li_descr__1489060571494" >Образовательное направление</div> </div> </div> <div class="t649__col t-col t-col_3 t-align_center t-item">
  979. <div class="t649__blockimg t649__blockimg_16-9 t-bgimg" data-original="https://static.tildacdn.info/tild3463-6337-4262-a332-633038323661/srochno150.jpg"
  980. style="background: url('https://static.tildacdn.info/tild3463-6337-4262-a332-633038323661/-/resizeb/20x/srochno150.jpg') center center no-repeat; background-size:cover;"
  981. itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.info/tild3463-6337-4262-a332-633038323661/srochno150.jpg"> </div> <div class="t649__textwrapper"> <div class="t649__sp"></div>
  982. <div class="t649__text t-text t-text_sm" style="font-size:26px;" field="li_descr__1490618506529" >Арт-Дизайн</div> </div> </div> </div></div></div><div id="rec518664226" class="r t-rec" style=" " data-record-type="160" ><!-- T148 --><!-- cover --><div class="t-cover"
  983. id="recorddiv518664226"
  984. bgimgfield="img"
  985. style="height:90vh; background-image:-webkit-linear-gradient(top, #ccc, #777); background-image:-moz-linear-gradient(top, #ccc, #777); background-image:-o-linear-gradient(top, #ccc, #777); background-image:-ms-linear-gradient(top, #ccc, #777); background-image:linear-gradient(top, #ccc, #777); "
  986. ><div class="t-cover__carrier" id="coverCarry518664226"data-content-cover-id="518664226"data-content-cover-bg=""data-display-changed="true"data-content-cover-height="90vh"data-content-cover-parallax="fixed"style="height:90vh; "itemscope itemtype="http://schema.org/ImageObject"><meta itemprop="image" content=""></div><div class="t-cover__filter" style="height:90vh;background-image: -moz-linear-gradient(top, rgba(0,0,0,0.0), rgba(0,0,0,0.0));background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.0), rgba(0,0,0,0.0));background-image: -o-linear-gradient(top, rgba(0,0,0,0.0), rgba(0,0,0,0.0));background-image: -ms-linear-gradient(top, rgba(0,0,0,0.0), rgba(0,0,0,0.0));background-image: linear-gradient(top, rgba(0,0,0,0.0), rgba(0,0,0,0.0));filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fe000000', endColorstr='#fe000000');"></div><div class="t148"><div class="t-container_100"> <div class="t-cover__wrapper t-valign_bottom" style="height:90vh;"> </div></div></div></div> </div><div id="rec518664227" class="r t-rec t-rec_pt_135 t-rec_pb_0" style="padding-top:135px;padding-bottom:0px; " data-record-type="3" ><!-- T107 --><div class="t107"><div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"><meta itemprop="image" content="https://static.tildacdn.info/74e804ec-2cbc-4a47-a40b-c43574ad9cdf/video100.jpg"><img class="t107__widthauto t-img"
  987. src="https://static.tildacdn.info/74e804ec-2cbc-4a47-a40b-c43574ad9cdf/-/empty/video100.jpg" data-original="https://static.tildacdn.info/74e804ec-2cbc-4a47-a40b-c43574ad9cdf/video100.jpg"
  988. imgfield="img"
  989. alt="" role="presentation"></div></div></div><div id="rec518664228" class="r t-rec t-rec_pt_30 t-rec_pb_60" style="padding-top:30px;padding-bottom:60px; " data-record-type="30" ><!-- T015 --><div class="t015"> <div class="t-container t-align_center"> <div class="t-col t-col_10 t-prefix_1"> <div class="t015__title t-title t-title_lg" field="title" style="">Video Scribing</div> <div class="t015__descr t-descr t-descr_xl" field="descr" style="">There are many ways to explain video scribing. For instance, it's like whiteboard animation or maybe whiteboard illustration. But at the end of the day, it's an experience. It's video-based storytelling.</div> </div> </div></div></div><div id="rec518664229" class="r t-rec t-rec_pt_90 t-rec_pb_90" style="padding-top:90px;padding-bottom:90px; " data-record-type="4" ><!-- T121 --><div class="t121"><center><div class="t-video-lazyload t-width t-width_10" style="height:540px; " data-videolazy-type="youtube" data-videolazy-id="NniDVPsjDoI" data-blocklazy-id="518664229" data-videolazy-load="false" data-videolazy-height="540px"></div></center></div><script>
  990. t_onReady(function () {
  991. var rec = document.getElementById('rec518664229');
  992. if (!rec) return;
  993. t_onFuncLoad('t121_setHeight', function () {
  994. t121_setHeight('518664229');
  995. window.addEventListener('scroll', t_throttle(function() {
  996. t121_setHeight('518664229');
  997. }));
  998. });
  999. window.onload = function () {
  1000. t_onFuncLoad('t121_setHeight', function () {
  1001. t121_setHeight('518664229');
  1002. });
  1003. };
  1004. window.addEventListener('resize', function () {
  1005. var tableView = document.getElementById('allrecordstable');
  1006. if (tableView) {
  1007. var videoLazyLoad = rec.querySelector('.t-video-lazyload');
  1008. if (!videoLazyLoad) return;
  1009. videoLazyLoad.style.height = '540px';
  1010. var videoLazyLoadIframe = videoLazyLoad.querySelector('iframe');
  1011. if (!videoLazyLoadIframe) return;
  1012. videoLazyLoadIframe.height = '540';
  1013. } else {
  1014. t_onFuncLoad('t121_setHeight', function () {
  1015. t121_setHeight('518664229');
  1016. });
  1017. }
  1018. });
  1019. if (typeof jQuery !== 'undefined') {
  1020. $('#rec518664229 .t121').on('displayChanged', function () {
  1021. t121_setHeight('518664229');
  1022. });
  1023. } else {
  1024. var wrapperBlock = rec.querySelector('.t121');
  1025. if (wrapperBlock) {
  1026. t_onFuncLoad('t121_setHeight', function () {
  1027. wrapperBlock.addEventListener('displayChanged', function () {
  1028. t121_setHeight('518664229');
  1029. });
  1030. });
  1031. }
  1032. }
  1033. });
  1034. </script></div><div id="rec518664230" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px; " data-record-type="181" ><!-- T166 --><div class="t166"><div class="t-container"> <div class="t-col t-col_4 t-prefix_1"><div class="t166__text t-text t-text_md" style="" field="text"><div style="line-height: 26px;" data-customstyle="yes"><strong style="font-family: Arial; font-size: 18px;">We do video scribing for:</strong><br /><span style="font-family: Arial; font-size: 18px;">company presentations</span><br /><span style="font-family: Arial; font-size: 18px;">products and services</span><br /><span style="font-family: Arial; font-size: 18px;">educational programs</span><br /><span style="font-family: Arial; font-size: 18px;">conferences &amp; events</span></div></div> </div><div class="t-col t-col_6 "><div class="t166__textsmall t-text t-text_xs" style="" field="title"><span style="font-size: 18px; font-family: Arial; font-weight: 400;">We also:</span><span style="font-size: 18px; font-family: Arial;"> write scenarios and storyboards for video scribing, video storytelling, illustrate video in scribing-style, make multimedia projects: scribing, flash, animation, shootings</span></div></div>
  1035. </div></div></div><div id="rec518664231" class="r t-rec t-rec_pt_135 t-rec_pb_0" style="padding-top:135px;padding-bottom:0px; " data-record-type="3" ><!-- T107 --><div class="t107"><div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"><meta itemprop="image" content="https://static.tildacdn.info/659854bb-bdd2-40e1-9bc4-63399e849760/conference100.jpg"><img class="t107__widthauto t-img"
  1036. src="https://static.tildacdn.info/659854bb-bdd2-40e1-9bc4-63399e849760/-/empty/conference100.jpg" data-original="https://static.tildacdn.info/659854bb-bdd2-40e1-9bc4-63399e849760/conference100.jpg"
  1037. imgfield="img"
  1038. alt="" role="presentation"></div></div></div><div id="rec518664232" class="r t-rec t-rec_pt_15 t-rec_pb_60" style="padding-top:15px;padding-bottom:60px; " data-record-type="30" ><!-- T015 --><div class="t015"> <div class="t-container t-align_center"> <div class="t-col t-col_10 t-prefix_1"> <div class="t015__title t-title t-title_lg" field="title" style="">Scribing at the conference</div> <div class="t015__descr t-descr t-descr_xl" field="descr" style="">Scribing is a useful tool for the accompaniment of conferences, seminars, strategic sessions. Visual thinking helps catch the main point, memorize the information and understand complicated themes.</div> </div> </div></div></div><div id="rec518664233" class="r t-rec t-rec_pt_30" style="padding-top:30px; " data-record-type="147" ><!-- t214--><div class="t214"><div class="t-container"><div class="t-row">
  1039. <div class="t214__col t-col t-col_4" style="margin-bottom:20px;" itemscope itemtype="http://schema.org/ImageObject"><div class="t214__blockimg t-bgimg" data-original="https://static.tildacdn.info/tild3461-6438-4466-b833-646434366463/conf3.jpg"
  1040. bgimgfield="gi_img__0" data-zoom-target="0"
  1041. style="background: url('https://static.tildacdn.info/tild3461-6438-4466-b833-646434366463/-/resizeb/20x/conf3.jpg') center center no-repeat; background-size:cover;"
  1042. ><meta itemprop="image" content="https://static.tildacdn.info/tild3461-6438-4466-b833-646434366463/conf3.jpg"></div></div> <div class="t214__col t-col t-col_4" style="margin-bottom:20px;" itemscope itemtype="http://schema.org/ImageObject"><div class="t214__blockimg t-bgimg" data-original="https://static.tildacdn.info/tild6432-6636-4336-b337-646636343961/conf2.jpg"
  1043. bgimgfield="gi_img__1" data-zoom-target="1"
  1044. style="background: url('https://static.tildacdn.info/tild6432-6636-4336-b337-646636343961/-/resizeb/20x/conf2.jpg') center center no-repeat; background-size:cover;"
  1045. ><meta itemprop="image" content="https://static.tildacdn.info/tild6432-6636-4336-b337-646636343961/conf2.jpg"></div></div> <div class="t214__col t-col t-col_4" style="margin-bottom:20px;" itemscope itemtype="http://schema.org/ImageObject"><div class="t214__blockimg t-bgimg" data-original="https://static.tildacdn.info/tild3036-3661-4937-a437-613332383933/conf1.jpg"
  1046. bgimgfield="gi_img__2" data-zoom-target="2"
  1047. style="background: url('https://static.tildacdn.info/tild3036-3661-4937-a437-613332383933/-/resizeb/20x/conf1.jpg') center center no-repeat; background-size:cover;"
  1048. ><meta itemprop="image" content="https://static.tildacdn.info/tild3036-3661-4937-a437-613332383933/conf1.jpg"></div></div></div><div class="t-row"> <div class="t214__col t-col t-col_4" style="margin-bottom:20px;" itemscope itemtype="http://schema.org/ImageObject"><div class="t214__blockimg t-bgimg" data-original="https://static.tildacdn.info/tild3035-3866-4730-b037-663363343531/conf4.jpg"
  1049. bgimgfield="gi_img__3" data-zoom-target="3"
  1050. style="background: url('https://static.tildacdn.info/tild3035-3866-4730-b037-663363343531/-/resizeb/20x/conf4.jpg') center center no-repeat; background-size:cover;"
  1051. ><meta itemprop="image" content="https://static.tildacdn.info/tild3035-3866-4730-b037-663363343531/conf4.jpg"></div></div> <div class="t214__col t-col t-col_4" style="margin-bottom:20px;" itemscope itemtype="http://schema.org/ImageObject"><div class="t214__blockimg t-bgimg" data-original="https://static.tildacdn.info/tild3839-6566-4431-a531-333831613766/conf6.jpg"
  1052. bgimgfield="gi_img__4" data-zoom-target="4"
  1053. style="background: url('https://static.tildacdn.info/tild3839-6566-4431-a531-333831613766/-/resizeb/20x/conf6.jpg') center center no-repeat; background-size:cover;"
  1054. ><meta itemprop="image" content="https://static.tildacdn.info/tild3839-6566-4431-a531-333831613766/conf6.jpg"></div></div> <div class="t214__col t-col t-col_4" style="margin-bottom:20px;" itemscope itemtype="http://schema.org/ImageObject"><div class="t214__blockimg t-bgimg" data-original="https://static.tildacdn.info/tild3935-6665-4236-b430-643637356137/conf5.jpg"
  1055. bgimgfield="gi_img__5" data-zoom-target="5"
  1056. style="background: url('https://static.tildacdn.info/tild3935-6665-4236-b430-643637356137/-/resizeb/20x/conf5.jpg') center center no-repeat; background-size:cover;"
  1057. ><meta itemprop="image" content="https://static.tildacdn.info/tild3935-6665-4236-b430-643637356137/conf5.jpg"></div></div></div><div class="t-row"> </div></div></div><script> t_onReady(function () {
  1058. t_onFuncLoad('t214__updateLazyLoad', function () {
  1059. setTimeout(function(){
  1060. t214__updateLazyLoad('518664233');
  1061. }, 500);
  1062. });
  1063. });</script></div><div id="rec518664234" class="r t-rec t-rec_pt_30 t-rec_pb_60" style="padding-top:30px;padding-bottom:60px; " data-record-type="106" ><!-- T004 --><div class="t004"><div class="t-container t-align_center"> <div class="t-col t-col_8 t-prefix_2"><div field="text" class="t-text t-text_md " style=""><div style="line-height: 26px;" data-customstyle="yes"><strong style="font-family: Arial; font-size: 18px;">We scribe:</strong><span style="font-family: Arial; font-size: 18px;"> speakers reports, program events, promotional materials for the event, for the site of the event at workshops, seminars, at closed strategy sessions.</span></div></div></div></div></div></div><div id="rec518664235" class="r t-rec t-rec_pt_135 t-rec_pb_0" style="padding-top:135px;padding-bottom:0px; " data-record-type="3" ><!-- T107 --><div class="t107"><div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"><meta itemprop="image" content="https://static.tildacdn.info/e0d2c96e-741d-427f-b4da-c61888acb9bd/srochno100.jpg"><img class="t107__widthauto t-img"
  1064. src="https://static.tildacdn.info/e0d2c96e-741d-427f-b4da-c61888acb9bd/-/empty/srochno100.jpg" data-original="https://static.tildacdn.info/e0d2c96e-741d-427f-b4da-c61888acb9bd/srochno100.jpg"
  1065. imgfield="img"
  1066. alt="" role="presentation"></div></div></div><div id="rec518664236" class="r t-rec t-rec_pt_30 t-rec_pb_105" style="padding-top:30px;padding-bottom:105px; " data-record-type="30" ><!-- T015 --><div class="t015"> <div class="t-container t-align_center"> <div class="t-col t-col_10 t-prefix_1"> <div class="t015__title t-title t-title_lg" field="title" style="">Urgent Scribing!</div> <div class="t015__descr t-descr t-descr_xl" field="descr" style="">We will come to you immediately on the day of the event to impress your customers and partners with our scribing capabilities! </div> </div> </div></div></div><div id="rec518664237" class="r t-rec t-rec_pt_0 t-rec_pb_105" style="padding-top:0px;padding-bottom:105px; " data-record-type="36" ><!-- T021 --><div class="t021"> <div class="t-container"> <div class="t-row"> <div class="t-col t-col_2 t-prefix_5"> <div class="t021__line" ></div> </div> </div> <div class="t-row"> <div class="t-col t-col_10 t-prefix_1"> <div class="t021__text-impact t-text-impact t-text-impact_md" style="" field="text">Call us and we will decorate your board by scribing on the event day!</div> </div> </div> <div class="t-row"> <div class="t-col t-col_2 t-prefix_5"> <div class="t021__line" ></div> </div> </div> </div></div></div><div id="rec518664238" class="r t-rec" style=" " data-record-type="160" ><!-- T148 --><!-- cover --><div class="t-cover"
  1067. id="recorddiv518664238"
  1068. bgimgfield="img"
  1069. style="height:90vh; background-image:-webkit-linear-gradient(top, #ccc, #777); background-image:-moz-linear-gradient(top, #ccc, #777); background-image:-o-linear-gradient(top, #ccc, #777); background-image:-ms-linear-gradient(top, #ccc, #777); background-image:linear-gradient(top, #ccc, #777); "
  1070. ><div class="t-cover__carrier" id="coverCarry518664238"data-content-cover-id="518664238"data-content-cover-bg=""data-display-changed="true"data-content-cover-height="90vh"data-content-cover-parallax="fixed"style="height:90vh; "itemscope itemtype="http://schema.org/ImageObject"><meta itemprop="image" content=""></div><div class="t-cover__filter" style="height:90vh;background-image: -moz-linear-gradient(top, rgba(0,0,0,0.0), rgba(0,0,0,0.0));background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.0), rgba(0,0,0,0.0));background-image: -o-linear-gradient(top, rgba(0,0,0,0.0), rgba(0,0,0,0.0));background-image: -ms-linear-gradient(top, rgba(0,0,0,0.0), rgba(0,0,0,0.0));background-image: linear-gradient(top, rgba(0,0,0,0.0), rgba(0,0,0,0.0));filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fe000000', endColorstr='#fe000000');"></div><div class="t148"><div class="t-container_100"> <div class="t-cover__wrapper t-valign_bottom" style="height:90vh;"> </div></div></div></div> </div><div id="rec518664239" class="r t-rec t-rec_pt_60 t-rec_pb_60" style="padding-top:60px;padding-bottom:60px; " data-record-type="106" ><!-- T004 --><div class="t004"><div class="t-container t-align_center"> <div class="t-col t-col_8 t-prefix_2"><div field="text" class="t-text t-text_md " style=""><div style="line-height: 26px;" data-customstyle="yes"><strong style="font-family: Arial; font-size: 18px;">Urgent Scribing</strong><span style="font-family: Arial; font-size: 18px;"> is an urgent call on the day of the event with 1-2 illustrators attending the event. </span></div></div></div></div></div></div><div id="rec518664240" class="r t-rec t-rec_pt_135 t-rec_pb_0" style="padding-top:135px;padding-bottom:0px; " data-record-type="3" ><!-- T107 --><div class="t107"><div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"><meta itemprop="image" content="https://static.tildacdn.info/26405554-98d3-4c61-8ba2-cdf8fbd9dc8c/school100.jpg"><img class="t107__widthauto t-img"
  1071. src="https://static.tildacdn.info/26405554-98d3-4c61-8ba2-cdf8fbd9dc8c/-/empty/school100.jpg" data-original="https://static.tildacdn.info/26405554-98d3-4c61-8ba2-cdf8fbd9dc8c/school100.jpg"
  1072. imgfield="img"
  1073. alt="" role="presentation"></div></div></div><div id="rec518664241" class="r t-rec t-rec_pt_30 t-rec_pb_75" style="padding-top:30px;padding-bottom:75px; " data-record-type="30" ><!-- T015 --><div class="t015"> <div class="t-container t-align_center"> <div class="t-col t-col_10 t-prefix_1"> <div class="t015__title t-title t-title_lg" field="title" style="">Scribing School</div> <div class="t015__descr t-descr t-descr_xl" field="descr" style="">We will teach you the basics of scribing and visual thinking! Scribing is a tool that is needed for any modern specialist to be competitive and efficient.</div> </div> </div></div></div><div id="rec518664242" class="r t-rec t-rec_pb_75" style="padding-bottom:75px; " data-record-type="181" ><!-- T166 --><div class="t166"><div class="t-container"> <div class="t-col t-col_4 t-prefix_2"><div class="t166__text t-text t-text_md" style="" field="text"><strong style="font-size: 18px; font-family: Arial;">Upcoming event:</strong><br /><span style="font-size: 18px; font-family: Arial;">on January 25, 2021, 10 AM — 6 PM</span></div> </div><div class="t-col t-col_5 "><div class="t166__textsmall t-text t-text_xs" style="" field="title"><strong style="font-family: Arial; font-size: 18px; color: rgb(0, 0, 0);">Place</strong><span style="font-family: Arial; font-size: 18px; color: rgb(0, 0, 0);">:</span><br /><span style="font-family: Arial; font-size: 18px;">No.505 Wulumuqi North Road, Jing'an District, Shanghai</span></div></div>
  1074. </div></div></div><div id="rec518664243" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px; " data-record-type="169" ><!-- t155 --><div class="t155"><div class="t-container"><div class="t-row"> <div class="t-col t-col_6"><div class="t-bgimg" data-original="https://static.tildacdn.info/fa84b277-a128-40c8-9cca-f97847b0f77b/school3.jpg"
  1075. bgimgfield="gi_img__0"
  1076. style="background: url('https://static.tildacdn.info/fa84b277-a128-40c8-9cca-f97847b0f77b/-/resizeb/20x/school3.jpg') center center no-repeat; background-size:cover; height:660px; margin-bottom:20px;"
  1077. itemscope itemtype="http://schema.org/ImageObject"
  1078. ><meta itemprop="image" content="https://static.tildacdn.info/fa84b277-a128-40c8-9cca-f97847b0f77b/school3.jpg"></div></div><div class="t-col t-col_6"><div class="t-bgimg" data-original="https://static.tildacdn.info/19126a22-cd73-4ec2-a7de-58b224c8f81c/school2.jpg"
  1079. bgimgfield="gi_img__1"
  1080. style="width:100%; background: url('https://static.tildacdn.info/19126a22-cd73-4ec2-a7de-58b224c8f81c/-/resizeb/20x/school2.jpg') center center no-repeat; background-size:cover; height:320px; margin-bottom:20px;"
  1081. itemscope itemtype="http://schema.org/ImageObject"
  1082. ><meta itemprop="image" content="https://static.tildacdn.info/19126a22-cd73-4ec2-a7de-58b224c8f81c/school2.jpg"></div><div class="t-bgimg" data-original="https://static.tildacdn.info/652ff95f-31ee-4d99-8c6f-33743676ce59/school5.jpg"
  1083. bgimgfield="gi_img__2"
  1084. style="width:100%; background: url('https://static.tildacdn.info/652ff95f-31ee-4d99-8c6f-33743676ce59/-/resizeb/20x/school5.jpg') center center no-repeat; background-size:cover; height:320px; margin-bottom:20px;"
  1085. itemscope itemtype="http://schema.org/ImageObject"
  1086. ><meta itemprop="image" content="https://static.tildacdn.info/652ff95f-31ee-4d99-8c6f-33743676ce59/school5.jpg"></div></div></div>
  1087. </div></div></div><div id="rec518664244" class="r t-rec t-rec_pt_30 t-rec_pb_135" style="padding-top:30px;padding-bottom:135px; " data-record-type="106" ><!-- T004 --><div class="t004"><div class="t-container t-align_center"> <div class="t-col t-col_8 t-prefix_2"><div field="text" class="t-text t-text_md " style=""><div style="line-height: 26px;" data-customstyle="yes"><strong style="font-size: 18px; font-family: Arial;">We will teach you:</strong><span style="font-size: 18px; font-family: Arial;"> the basics of scribing, visual vocabulary, the basics of visual language, the technique of 'storytelling' and 'visual thinking'</span></div></div></div></div></div></div><div id="rec518664245" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px; " data-record-type="30" ><!-- T015 --><div class="t015"> <div class="t-container t-align_center"> <div class="t-col t-col_10 t-prefix_1"> <div class="t015__title t-title t-title_lg" field="title" style="">Scribing for business</div> </div> </div></div></div><div id="rec518664246" class="r t-rec" style=" " data-record-type="160" ><!-- T148 --><!-- cover --><div class="t-cover"
  1088. id="recorddiv518664246"
  1089. bgimgfield="img"
  1090. style="height:70vh; background-image:-webkit-linear-gradient(top, #ccc, #777); background-image:-moz-linear-gradient(top, #ccc, #777); background-image:-o-linear-gradient(top, #ccc, #777); background-image:-ms-linear-gradient(top, #ccc, #777); background-image:linear-gradient(top, #ccc, #777); "
  1091. ><div class="t-cover__carrier" id="coverCarry518664246"data-content-cover-id="518664246"data-content-cover-bg=""data-display-changed="true"data-content-cover-height="70vh"data-content-cover-parallax=""style="height:70vh;background-attachment:scroll; "itemscope itemtype="http://schema.org/ImageObject"><meta itemprop="image" content=""></div><div class="t-cover__filter" style="height:70vh;background-image: -moz-linear-gradient(top, rgba(0,0,0,0.0), rgba(0,0,0,0.0));background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.0), rgba(0,0,0,0.0));background-image: -o-linear-gradient(top, rgba(0,0,0,0.0), rgba(0,0,0,0.0));background-image: -ms-linear-gradient(top, rgba(0,0,0,0.0), rgba(0,0,0,0.0));background-image: linear-gradient(top, rgba(0,0,0,0.0), rgba(0,0,0,0.0));filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fe000000', endColorstr='#fe000000');"></div><div class="t148"><div class="t-container_100"> <div class="t-cover__wrapper t-valign_bottom" style="height:70vh;"> </div></div></div></div> </div><div id="rec518664247" class="r t-rec t-rec_pt_105 t-rec_pb_60" style="padding-top:105px;padding-bottom:60px; " data-record-type="30" ><!-- T015 --><div class="t015"> <div class="t-container t-align_center"> <div class="t-col t-col_10 t-prefix_1"> <div class="t015__uptitle t-uptitle t-uptitle_md" field="subtitle" style="text-transform:uppercase;">book scribing</div> <div class="t015__title t-title t-title_lg" field="title" style="">+1 212-123-4567</div> <div class="t015__descr t-descr t-descr_xl" field="descr" style=""><a href="mailto:scriber.biz@gmail.com" style="color: rgb(31, 73, 125);">scriber.biz@gmail.com</a><br /><a href="https://www.facebook.com/scriber.biz" target="_blank" style="color: rgb(31, 73, 125);">facebook.com/scriber.biz</a></div> </div> </div></div></div><div id="rec518664248" class="r t-rec t-rec_pt_0 t-rec_pb_90" style="padding-top:0px;padding-bottom:90px; " data-record-type="151" ><div class="t-container_100 t014" style="overflow:hidden;"><div style="position: relative; right: 50%; float: right;"><div style="position: relative; z-index: 1; right: -50%;" class=" "><script type="text/javascript" src="https://static.tildacdn.info/js/ya-share.js" charset="utf-8" async="async"></script><div class="ya-share2" data-access-token:facebook="" data-yashareL10n="en" data-services="twitter" data-counter=""></div> </div></div></div></div></div><!--/allrecords--><!-- Tilda copyright. Don't remove this line --><div class="t-tildalabel t-tildalabel-free" id="tildacopy" data-tilda-sign="6415917#32080579"><div class="t-tildalabel-free__main"><a href="https://tilda.cc/?upm=6415917" target="_blank" style="padding-bottom:12px; display: block;"><img style="width:40px;" src="https://static.tildacdn.info/img/tildacopy.png" fetchpriority="low"></a><div style="padding-bottom: 15px;">This site was made on <a href="https://tilda.cc/?upm=6415917" target="_blank" style="text-decoration: none; color:inherit;">Tilda &mdash; a website builder</a> that helps to&nbsp;create a&nbsp;website without any code</div><a href="https://tilda.cc/registration/" target="_blank" style="display: inline-block; padding: 10px 20px; font-size: 13px; border-radius: 50px; background-color: #fff; color:#000; text-decoration: none;">Create a website</a></div><div class="t-tildalabel-free__links-wr"><a class="t-tildalabel-free__txt-link" href="https://help.tilda.cc/white-label" target="_blank">How to remove this block?</a><a class="t-tildalabel-free__txt-link" href="https://tilda.cc/?upm=6415917" target="_blank">About platform</a><a class="t-tildalabel-free__txt-link" href="https://tilda.cc/abuse/" target="_blank">Submit a complaint</a></div></div><!-- Stat --><script type="text/javascript">if (! window.mainTracker) { window.mainTracker = 'tilda'; }
  1092. window.tildastatcookie='no';
  1093. setTimeout(function(){ (function (d, w, k, o, g) { var n=d.getElementsByTagName(o)[0],s=d.createElement(o),f=function(){n.parentNode.insertBefore(s,n);}; s.type = "text/javascript"; s.async = true; s.key = k; s.id = "tildastatscript"; s.src=g; if (w.opera=="[object Opera]") {d.addEventListener("DOMContentLoaded", f, false);} else { f(); } })(document, window, '55064e9a5535eb64a30e2c0ec38f9724','script','https://static.tildacdn.info/js/tilda-stat-1.0.min.js');
  1094. }, 2000);</script></body></html>
  1095. {% endblock %}