PageSourceSearch

https://salakhov-design.ru/

html salakhov-design.ru collected 2026-10-06 13:17:16 UTC 144,615 bytes, 2,073 lines download raw bytes

1<!DOCTYPE html>
2<html lang='en'>
3<head>
4<link rel="stylesheet" href="/g/s3/mosaic/css/constructor/redesign/tt_default_styles.css" type="text/css">
5<link rel="stylesheet" href="/t/v4089/images/mosaic/designs/design-i2i0md3el-1649318570_styles.css" type="text/css">
6<link rel="stylesheet" href="/t/v4089/images/mosaic/symbols/symbol-i6jutdxee_styles.css" type="text/css">
7<link rel="stylesheet" href="/t/v4089/images/mosaic/symbols/symbol-io2r5gwnm_styles.css" type="text/css">
8<link rel="stylesheet" href="/t/v4089/images/mosaic/symbols/symbol-ibk6cj3z3_styles.css" type="text/css">
9<link rel="stylesheet" href="/t/v4089/images/mosaic/designs/4/shared-design-styles.css" type="text/css">
10<link rel="stylesheet" href="/t/v4089/images/mosaic/designs/animation-design-styles.css" type="text/css">
11<!-- This site was created in Taptop. https://taptop.pro/ -->
12<meta content="Taptop" name="generator"> 
13<meta charset="utf-8">
14<meta name="robots" content="all">
15<title>UX/UI дизайн и разработка сайтов | Веб-дизайнер для бизнеса </title>
16<!-- assets.top -->
17<meta name="yandex-verification" content="d62cafccd7db0ed2" />
18
19<link rel="icon" href="/favicon.svg" type="image/svg+xml">
20
21
22<meta property="og:title" content="Заказать сайт под ключ на Taptop, Webflow, Tilda">
23<meta name="twitter:title" content="Заказать сайт под ключ на Taptop, Webflow, Tilda">
24<meta property="og:description" content="Веб-дизайнер Роман Салахов. Разработка сайтов под ключ. UI/UX дизайн, 3D иллюстрации, no-code разработка сайтов на Webflow, Taptop, Tilda">
25<meta name="twitter:description" content="Веб-дизайнер Роман Салахов. Разработка сайтов под ключ. UI/UX дизайн, 3D иллюстрации, no-code разработка сайтов на Webflow, Taptop, Tilda">
26<meta property="og:image" content="https://salakhov-design.ru/thumb/2/VoWS7kQHcxWPLxe4RAApHg/350r350/d/open_graph.png">
27<meta name="twitter:image" content="https://salakhov-design.ru/thumb/2/VoWS7kQHcxWPLxe4RAApHg/350r350/d/open_graph.png">
28<meta property="og:image:type" content="image/png">
29<meta property="og:image:width" content="350">
30<meta property="og:image:height" content="350">
31<meta property="og:type" content="website">
32<meta property="og:url" content="https://salakhov-design.ru/">
33<meta name="twitter:card" content="summary">
34<!-- /assets.top -->
35
36<meta name="description" content="UX/UI дизайн и разработка сайтов для бизнеса. Создаю современные сайты и цифровые продукты с продуманной структурой, адаптивным дизайном и вниманием к деталям на Framer, Tilda, Webflow и Taptop.">
37<meta name="keywords" content="сайты под ключ, Тильда, Taptop, Webflow, веб дизайнер на тильде, No-code">
38<meta name="viewport" content="width=device-width, initial-scale=1">
39<meta name="format-detection" content="telephone=no">
40
41
42<script>
43 var mapKeys = {
44     google: "",
45     yandex: ""
46 };
47 var mosaicDesignId = 15567109;
48 var mosaicDesignPrefix = 'i2i0md3el-1649318570';
49 var mosaicTimeZone = 'Europe/Moscow';
50</script>
50
51
52
53<link rel="stylesheet" href="/g/s3/mosaic/css/ms_site_default.css">
54<script src="/g/libs/jquery/1.10.2/jquery.min.js"></script>
54
55
56 	    
56<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
56
57	
57<script>
58WebFont.load({
59	google: {
60		families: [
61			"&display=swap"
62		]}
63	});
64</script>
64
65<style>@font-face {font-family: 'GT Eesti Pro Display'; font-weight: 400;font-style: normal;src: url('/t/images/mosaic/fonts/GT Eesti Pro Display-400-normal-0.otf') format('opentype');}
66@font-face {font-family: 'GT Eesti Pro Display'; font-weight: 500;font-style: normal;src: url('/t/images/mosaic/fonts/GT Eesti Pro Display-500-normal-0.otf') format('opentype');}
67</style>	
68    
68<script src="/g/s3/mosaic/js/do/redesign/do.js?rnd=1791292636"></script>
68
69
70
71            <!-- 46b9544ffa2e5e73c3c971fe2ede35a5 -->
72            
72<script src='/assets/site/s3/js/lang/en.js'></script>
72
73            
73<script src='/assets/site/s3/js/common.min.js'></script>
73
74        
75<!--s3_require-->
76
77<!--/s3_require-->
78
79
80
81	<style>
82.about-content-image {
83  filter: grayscale(100%);
84  animation: toColor 1.2s ease-out forwards;
85  animation-timeline: view();
86  animation-range: entry 0% cover 85%;
87}
88
89@keyframes toColor {
90  to {
91    filter: grayscale(0%);
92  }
93}
94</style>
95
96
97<style>
98.preloader {
99  position: fixed;
100  inset: 0;
101  width: 100%;
102  height: 100vh;
103  height: 100dvh;
104  overflow: hidden;
105  background: #000;
106  z-index: 9999;
107  touch-action: none;
108}
109</style>
110
111
112<style>
113.split {
114  overflow: visible;
115}
116</style>
117
118<style>
119body > span:last-of-type {
120  display: none !important;
121}
122</style>
123
124
125<style>
126  .animate span {
127    color: #F0196D;
128    transition: color 0.3s ease;
129  }
130  .animate span.fixed {
131    color: #999999;
132  }
133</style>
134
135<style>
136  .split p {
137    text-indent: 1.5em; /* Красная строка */
138  }
139</style>
140
141
142
143<style>
144.allproject_card_item {
145  position: relative;
146  overflow: hidden;
147  background-color: transparent;
148  z-index: 1;
149}
150
151/* Эффект только для экранов больше 768px */
152@media (min-width: 768px) {
153  .allproject_card_item::before {
154    content: '';
155    position: absolute;
156    bottom: 0;
157    left: 0;
158    width: 100%;
159    height: 0;
160    background-color: #D2FA84;
161    transition: height 0.5s ease;
162    z-index: -1;
163  }
164
165  .allproject_card_item:hover::before {
166    height: 100%;
167  }
168}
169</style>
170
171<div id="awwwards" style="position: fixed; z-index: 999; transform: translateY(-50%); top: 50%;  right: 0"><a href="https://www.awwwards.com/sites/roman-salakhov-2" target="_blank"><svg width="53.08" height="171.358"><path class="js-color-bg" fill="white" d="M0 0h53.08v171.358H0z"></path><g class="js-color-text" fill="black"><path d="M20.048 153.585v-2.002l6.752-3.757h-6.752v-1.9h10.23v2.002l-6.752 3.757h6.752v1.9zM29.899 142.382a3.317 3.317 0 0 1-1.359 1.293c-.575.297-1.223.446-1.944.446-.721 0-1.369-.149-1.944-.446a3.317 3.317 0 0 1-1.359-1.293c-.331-.564-.497-1.232-.497-2.003 0-.769.166-1.437.497-2.002a3.332 3.332 0 0 1 1.359-1.294c.575-.297 1.224-.445 1.944-.445.722 0 1.369.148 1.944.445a3.326 3.326 0 0 1 1.359 1.294c.33.565.496 1.233.496 2.002.001.77-.166 1.438-.496 2.003m-1.703-3.348c-.435-.331-.967-.497-1.601-.497s-1.167.166-1.601.497c-.434.332-.65.78-.65 1.345s.217 1.014.65 1.346c.434.33.967.496 1.601.496s1.166-.166 1.601-.496c.434-.332.649-.78.649-1.346.001-.565-.215-1.013-.649-1.345M22.912 134.996v-1.812h1.185c-.43-.283-.752-.593-.973-.929-.219-.336-.329-.732-.329-1.19 0-.479.127-.902.38-1.272.254-.37.635-.633 1.141-.79-.478-.262-.851-.591-1.118-.985a2.221 2.221 0 0 1-.402-1.265c0-.682.2-1.218.599-1.607.4-.391.957-.585 1.668-.585h5.218v1.812H25.37c-.682 0-1.023.303-1.023.907 0 .467.264.85.789 1.146.527.299 1.286.446 2.28.446h2.865v1.813H25.37c-.682 0-1.023.303-1.023.906 0 .468.275.851.826 1.147.551.298 1.352.446 2.404.446h2.704v1.812h-7.369zM21.626 122.457c-.225.224-.502.336-.833.336s-.608-.112-.833-.336a1.128 1.128 0 0 1-.336-.833c0-.331.111-.609.336-.833.225-.225.502-.336.833-.336s.608.111.833.336c.225.224.337.502.337.833 0 .332-.112.608-.337.833m1.286-1.739h7.366v1.813h-7.366v-1.813zM22.912 118.668v-1.812h1.185a3.348 3.348 0 0 1-.951-1.009 2.434 2.434 0 0 1-.351-1.272c0-.681.19-1.229.57-1.644.38-.414.931-.621 1.651-.621h5.263v1.812h-4.722c-.418 0-.727.096-.92.285-.195.19-.293.447-.293.769 0 .302.116.58.351.833.233.254.577.458 1.03.613.453.156.992.234 1.615.234h2.938v1.812h-7.366zM29.833 109.129a3.33 3.33 0 0 1-1.432 1.169 4.535 4.535 0 0 1-1.805.373 4.537 4.537 0 0 1-1.807-.373c-.579-.248-1.057-.638-1.432-1.169s-.563-1.196-.563-1.995c0-.771.183-1.413.549-1.93a3.28 3.28 0 0 1 1.382-1.141 4.221 4.221 0 0 1 1.709-.364h.746v5.071c.447-.02.838-.183 1.168-.49.332-.307.498-.724.498-1.248 0-.41-.093-.754-.277-1.031-.186-.278-.473-.529-.863-.753l.542-1.462c.69.303 1.224.724 1.592 1.265.371.541.556 1.235.556 2.083 0 .799-.188 1.464-.563 1.995m-4.085-3.574c-.41.088-.746.261-1.009.52-.262.258-.395.61-.395 1.06 0 .428.137.784.409 1.067.272.282.604.458.994.525v-3.172zM29.833 100.878c-.375.531-.852.921-1.432 1.169a4.552 4.552 0 0 1-3.612 0c-.579-.248-1.057-.638-1.432-1.169s-.563-1.196-.563-1.995c0-.77.183-1.412.549-1.93a3.278 3.278 0 0 1 1.382-1.14 4.222 4.222 0 0 1 1.709-.365h.746v5.072a1.794 1.794 0 0 0 1.168-.49c.332-.307.498-.724.498-1.249 0-.41-.093-.753-.277-1.031-.186-.277-.473-.528-.863-.753l.542-1.462c.69.302 1.224.724 1.592 1.265.371.541.556 1.234.556 2.083 0 .799-.188 1.464-.563 1.995m-4.085-3.573c-.41.088-.746.261-1.009.519-.262.258-.395.611-.395 1.06 0 .429.137.784.409 1.067.272.282.604.458.994.526v-3.172zM35.481 16.926l-4.782 14.969h-3.266l-2.584-9.682-2.584 9.682h-3.268l-4.781-14.969h3.713l2.673 10.276 2.524-10.276h3.445l2.524 10.276 2.674-10.276zM37.979 27.083c1.426 0 2.495 1.068 2.495 2.495 0 1.425-1.069 2.495-2.495 2.495-1.425 0-2.495-1.07-2.495-2.495-.001-1.427 1.07-2.495 2.495-2.495"></path></g></svg></a></div>
172
173
174
175
176
177<!-- Yandex.Metrika counter -->
178<script type="text/javascript" >
vendor: 406 bytes, lines 178-185
178
179   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
180   m[i].l=1*new Date();
181   for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
182   k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
183   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
184
185   ym(
185101771828
vendor: 123 bytes, lines 185-190
185, "init", {
186        clickmap:true,
187        trackLinks:true,
188        accurateTrackBounce:true,
189        webvisor:true
190   });
191</script>
191
192<noscript><div><img src="https://mc.yandex.ru/watch/101771828" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
193<!-- /Yandex.Metrika counter -->
194
195
196
197<!-- mosaic.head.scripts -->
198<style>
199.allproject_card_item {
200  position: relative;
201  overflow: hidden;
202  background-color: transparent; /* или исходный цвет фона */
203  z-index: 1;
204  /* остальные стили карточки */
205}
206
207.allproject_card_item::before {
208  content: '';
209  position: absolute;
210  bottom: 0;
211  left: 0;
212  width: 100%;
213  height: 0;
214  background-color: #BE2E1D;
215  transition: height 0.5s ease;
216  z-index: -1;
217}
218
219.allproject_card_item:hover::before {
220  height: 100%;
221}
222</style>
223
224<!-- /mosaic.head.scripts --></head>
225<body>
226<div class='mosaic-wrap'>
227<div class='root root--u-i2i0md3el' id='i2i0md3el_0'>
228<div class='pop-up pop-up--u-ibk6cj3z3' id='ibk6cj3z3_0'>
229<div class='pop-up__overlay' id='i80k0x72b_0'></div>
230<div class='pop-up__outside-close-button' id='i4ws59hcl_0'>
231
232  
233</div>
234<div class='pop-up__content pop-up__content--u-iwwja25if popup_container' id='iwwja25if_0'>
235<div class='pop-up__inside-close-button pop-up__inside-close-button--u-ip41xdiue popup_close_icon' id='ip41xdiue_0'>
236
237    
238</div>
239<div class='form form--u-i28wkxdqk form_content' id='i28wkxdqk_0'>
240<form action='#' class='form__state-default' id='i55m48kdk_0' data-s3-anketa-id='201649913'>
241<div class='text-title text-title--u-isyvq6d9b form_title' id='isyvq6d9b_0'>
242<span class='text-block-wrap-div'>Начать проект</span>
243</div>
244<div data-type-field='checkbox_group' data-field-position class='form__field form__field--u-iko6dkzg5 form__field--s2-iko6dkzg5' id='iko6dkzg5_0'>
245<div class='text-subtitle text-subtitle--u-imaobcxu0 label_input' id='imaobcxu0_0'>
246<span class='text-block-wrap-div'>Чем могу помочь?</span>
247</div>
248<div class='form__widget-group form__widget-group--u-i70rxuhu2' id='i70rxuhu2_0'>
249<label class='form__widget-item form__widget-item--u-i26yff0qp checkbox_item' id='i26yff0qp_0'>
250<input value='Сайт под ключ' type='checkbox' name='checkbox-ilhu29san' readOnly class='form__checkbox form__checkbox--u-ilhu29san' id='ilhu29san_0' >
251<span class='form__checkbox-styled form__checkbox-styled--u-ir06qcamb check' id='ir06qcamb_0'></span>
252<span class='form__label-text form__label-text--u-i0vswk77b checkbox_text' id='i0vswk77b_0'>
253<span class='text-block-wrap-div'>Сайт под ключ</span>
254</span>
255</label>
256<label class='form__widget-item form__widget-item--u-i26yff0qp checkbox_item' id='i26yff0qp_1'>
257<input value='Дизайн без верстки' type='checkbox' name='checkbox-ilhu29san' readOnly class='form__checkbox form__checkbox--u-ilhu29san' id='ilhu29san_1' >
258<span class='form__checkbox-styled form__checkbox-styled--u-ir06qcamb check' id='ir06qcamb_1'></span>
259<span class='form__label-text form__label-text--u-i0vswk77b checkbox_text' id='i0vswk77b_1'>
260<span class='text-block-wrap-div'>Дизайн без верстки</span>
261</span>
262</label>
263<label class='form__widget-item form__widget-item--u-i26yff0qp checkbox_item' id='i26yff0qp_2'>
264<input value='3d иллюстрации' type='checkbox' name='checkbox-ilhu29san' readOnly class='form__checkbox form__checkbox--u-ilhu29san' id='ilhu29san_2' >
265<span class='form__checkbox-styled form__checkbox-styled--u-ir06qcamb check' id='ir06qcamb_2'></span>
266<span class='form__label-text form__label-text--u-i0vswk77b checkbox_text' id='i0vswk77b_2'>
267<span class='text-block-wrap-div'>
2673d иллюстрации</span>
268</span>
269</label>
270</div>
271<div class='form__field-error' id='i8e7a1xqd_0'>
272<span class='text-block-wrap-div'>This field required</span>
273</div>
274</div>
275<div data-type-field='text' data-field-position='1' class='form__field form__field--u-izynmrhor input_group' id='izynmrhor_0'>
276<div class='text-subtitle text-subtitle--u-iyejl1yxu label_input' id='iyejl1yxu_0'>
277<span class='text-block-wrap-div'>Имя или название компании*</span>
278</div>
279<input placeholder='' type='text' class='form__input form__input--u-ieo6p6oex input_field' id='ieo6p6oex_0' >
280<div class='form__field-error form__field-error--u-imsistvfj' id='imsistvfj_0'>
281<span class='text-block-wrap-div'>This field required</span>
282</div>
283</div>
284<div data-type-field='email' data-field-position='2' class='form__field input_group form__field--u-iitu8ll77' id='iitu8ll77_0'>
285<div class='text-subtitle text-subtitle--u-ifg6qix0e label_input' id='ifg6qix0e_0'>
286<span class='text-block-wrap-div'>E-mail*</span>
287</div>
288<input placeholder='' type='email' class='form__input form__input--u-ick9dll68 input_field' id='ick9dll68_0' >
289<div class='form__field-error form__field-error--u-ijotx9gq1' id='ijotx9gq1_0'>
290<span class='text-block-wrap-div'>This field required</span>
291</div>
292</div>
293<div data-type-field='textarea' data-field-position='3' class='form__field input_group form__field--u-io9p32pjf' id='io9p32pjf_0'>
294<div class='text-subtitle text-subtitle--u-inltk3hss label_input' id='inltk3hss_0'>
295<span class='text-block-wrap-div'>Сообщение*</span>
296</div>
297<textarea placeholder='' class='form__textarea form__textarea--u-i6szhbnzl input_field text_area' id='i6szhbnzl_0'></textarea>
298<div class='form__field-error form__field-error--u-iwmo3chww' id='iwmo3chww_0'>
299<span class='text-block-wrap-div'>This field required</span>
300</div>
301</div>
302<button type='submit' class='submit_button submit_button--u-ieefr2ref form_button' id='ieefr2ref_0'>
303<span class='text-button text-button--u-i2rn2luts body_14-regular green_text' id='i2rn2luts_0'>
304<span class='text-block-wrap-div'>Отправить</span>
305</span>
306</button>
307<smart-captcha data-captcha="smart_captcha"
308     data-name="captcha"
309     data-sitekey="ysc1_cXzPM6RBdqTOJ6ay3nfp7e4Tgfpf19fHdtgoa1YGb29cf34e"
310     data-lang="en"
311     data-hide-shield="0"
312     data-invisible="1"></smart-captcha></form>
313<div class='form__state-success' id='iq1505ngs_0'>
314<div class='text text--u-i2378wyqr' id='i2378wyqr_0'>
315<span class='text-block-wrap-div'>Thank you!</span>
316</div>
317</div>
318<div class='form__state-error form__state-error--u-impngmqs8' id='impngmqs8_0'>
319<div class='form__text-error form__text-error--u-iqn2rfndc' id='iqn2rfndc_0'>
320<span class='text-block-wrap-div'>Something wrong.<br>Try again later</span>
321</div>
322</div>
323</div>
324</div>
325</div><nav class='div navbar div--u-i6jutdxee' id='i6jutdxee_0'>
326<div class='div div--u-iopmhwx7q navbar-container' id='iopmhwx7q_0'>
327<a href='/' data-action-element='' class='link-block logo' id='i3sdeglfp_0'>
328<div class='image header_logo image--u-isyt54jah' id='isyt54jah_0'>
329<img src='/thumb/2/KF-dkV_-swe1b8MkIMDkrw/640r480/d/belyi_logo.svg' alt='Белый лого' title='' data-size='0x0' data-origin-src='/thumb/2/KF-dkV_-swe1b8MkIMDkrw/640r480/d/belyi_logo.svg' class='image__img' id='ieh1xbig2_0' >
330</div>
331</a>
332<a href='https://t.me/+jBtkxCurjUYyMmM6' data-action-element='' target='_blank' class='link-block link-block--u-ibov5thq2' id='ibov5thq2_0'>
333<h1 class='text link_text-small' id='ij0cjfn7v_0'>
334<span class='text-block-wrap-div'>Мокапы </span>
335</h1>
336<div class='div tag' id='ifqh9frdn_0'>
337<div class='text tag_text' id='i9s6cg02q_0'>
338<span class='text-block-wrap-div'>Free</span>
339</div>
340</div>
341</a>
342<div class='div nav_right_content div--u-issldihgz' id='issldihgz_0'>
343<div class='menu menu--u-icuooib0t menu--s2-icuooib0t' id='icuooib0t_0'>
344<div class='menu__fixed-wrapper menu__fixed-wrapper--s2-ipp2sq07z' id='ipp2sq07z_0'>
345<div class='menu__scroll-wrapper menu__scroll-wrapper--u-i2nli5c0o menu__scroll-wrapper--s2-i2nli5c0o' id='i2nli5c0o_0'>
346<div class='menu__wrapper-lvl1 menu__wrapper-lvl1--u-i2a7s8fkm menu__wrapper-lvl1--s2-i2a7s8fkm' id='i2a7s8fkm_0'>
347<div class='menu__list-lvl1 menu__list-lvl1--u-i2ipxgtfm menu__list-lvl1--s2-i2ipxgtfm' id='i2ipxgtfm_0'>
348<div class='menu__item-lvl1 menu__item-lvl1--u-i3kzndju3 menu-item menu__item-lvl1--s2-i3kzndju3 is-current' id='i3kzndju3_0'>
349<a href='/main' target='' rel='' class='menu__link-lvl1 menu_link menu__link-lvl1--u-ihjdkk9ar' id='ihjdkk9ar_0'>
350<div class='menu__link-text link_text-m menu__link-text--u-iblq1q1es' id='iblq1q1es_0'>
351<span class='text-block-wrap-div'>Главная</span>
352</div>
353</a>
354</div>
355<div class='menu__item-lvl1 menu__item-lvl1--u-i3kzndju3 menu-item menu__item-lvl1--s2-i3kzndju3 ' id='i3kzndju3_1'>
356<a href='/all-projects' target='' rel='' class='menu__link-lvl1 menu_link menu__link-lvl1--u-ihjdkk9ar' id='ihjdkk9ar_1'>
357<div class='menu__link-text link_text-m menu__link-text--u-iblq1q1es' id='iblq1q1es_1'>
358<span class='text-block-wrap-div'>Мои работы</span>
359</div>
360</a>
361</div>
362<div class='menu__item-lvl1 menu__item-lvl1--u-i3kzndju3 menu-item menu__item-lvl1--s2-i3kzndju3 ' id='i3kzndju3_2'>
363<a href='https://salakhov-design.ru/#i2emq9ecu_0' target='' rel='' class='menu__link-lvl1 menu_link menu__link-lvl1--u-ihjdkk9ar' id='ihjdkk9ar_2'>
364<div class='menu__link-text link_text-m menu__link-text--u-iblq1q1es' id='iblq1q1es_2'>
365<span class='text-block-wrap-div'>Услуги и цены</span>
366</div>
367</a>
368</div>
369<div class='menu__item-lvl1 menu__item-lvl1--u-i3kzndju3 menu-item menu__item-lvl1--s2-i3kzndju3 ' id='i3kzndju3_3'>
370<a href='https://salakhov-design.ru/#i3r68emkg_0' target='' rel='' class='menu__link-lvl1 menu_link menu__link-lvl1--u-ihjdkk9ar' id='ihjdkk9ar_3'>
371<div class='menu__link-text link_text-m menu__link-text--u-iblq1q1es' id='iblq1q1es_3'>
372<span class='text-block-wrap-div'>Этапы разработки</span>
373</div>
374</a>
375</div>
376<div class='menu__item-lvl1 menu__item-lvl1--u-i3kzndju3 menu-item menu__item-lvl1--s2-i3kzndju3 ' id='i3kzndju3_4'>
377<a href='#io2r5gwnm_0' target='' rel='' class='menu__link-lvl1 menu_link menu__link-lvl1--u-ihjdkk9ar' id='ihjdkk9ar_4'>
378<div class='menu__link-text link_text-m menu__link-text--u-iblq1q1es' id='iblq1q1es_4'>
379<span class='text-block-wrap-div'>Контакты</span>
380</div>
381</a>
382</div>
383</div>
384<div class='text body_12-medium text--u-i664o4jp2' id='i664o4jp2_0'>
385<span class='text-block-wrap-div'>&#xA9; 2025 SalakhovDesign</span>
386</div>
387<div class='div social_buttons_wrapper div--u-ivlv9mlf1 div--u-i8k1s5u9a mobile' id='i8k1s5u9a_0'>
388<a href='https://www.behance.net/romansalakhov' data-action-element='' target='_blank' class='link-block social_button link-block--u-imkgeujnk' id='idczpk1ij_0'>
389<div class='text social_button_text text--u-ixn6awos3 text--u-ioo1rqbff' id='ioo1rqbff_0'>
390<span class='text-block-wrap-div'>Be</span>
391</div>
392</a>
393<a href='https://t.me/Roman_Salakhov' data-action-element='' target='_blank' class='link-block social_button link-block--u-ivg2jqcdv' id='ipwkxyb5e_0'>
394<div class='text social_button_text text--u-i8wb6djn0' id='ijggvawwj_0'>
395<span class='text-block-wrap-div'>Tg</span>
396</div>
397</a>
398<a href='https://dprofile.ru/romansalakhov' data-action-element='' target='_blank' class='link-block social_button link-block--u-iljj6srgz' id='i6p33k4n9_0'>
399<div class='text social_button_text text--u-isktshk32' id='iajk33iz6_0'>
400<span class='text-block-wrap-div'>Dp</span>
401</div>
402</a>
403</div>
404</div>
405</div>
406<div role='button' class='menu__close-button menu__close-button--u-iaj3agg85 menu__close-button--s2-iaj3agg85' id='iaj3agg85_0'></div>
407</div>
408<div role='button' class='menu__burger-button menu__burger-button--u-ivx8y78n6 menu_button-mobile menu__burger-button--s2-ivx8y78n6' id='ivx8y78n6_0'></div>
409<div class='menu__overlay' id='izgx5ueb2_0'></div>
410</div>
411<div class='div social_buttons_wrapper div--u-ivlv9mlf1' id='ivlv9mlf1_0'>
412<a href='https://www.behance.net/romansalakhov' data-action-element='' target='_blank' class='link-block social_button link-block--u-imkgeujnk' id='imkgeujnk_0'>
413<div class='text social_button_text text--u-ixn6awos3' id='ixn6awos3_0'>
414<span class='text-block-wrap-div'>Be</span>
415</div>
416</a>
417<a href='https://t.me/Roman_Salakhov' data-action-element='' target='_blank' class='link-block social_button link-block--u-ivg2jqcdv' id='ivg2jqcdv_0'>
418<div class='text social_button_text text--u-i8wb6djn0' id='i8wb6djn0_0'>
419<span class='text-block-wrap-div'>Tg</span>
420</div>
421</a>
422<a href='https://www.instagram.com/salakhov.webdesign' data-action-element='' target='_blank' class='link-block social_button link-block--u-iljj6srgz' id='iljj6srgz_0'>
423<div class='text social_button_text text--u-isktshk32' id='isktshk32_0'>
424<span class='text-block-wrap-div'>Inst</span>
425</div>
426</a>
427</div>
428<div href='https://t.me/Roman_Salakhov' data-action-element='ibk6cj3z3_0' role='button' class='link-block button_size-s link-block--u-iur25hvjb' id='iur25hvjb_0'>
429<div class='image image--u-ip9ip9366 btn-arrow' id='ip9ip9366_0'>
430<img src='/thumb/2/oLmtTm7eF-35IykN39-o9g/640r480/d/clarity_child-arrow-line.svg' alt='clarity_child-arrow-line' title='' data-size='0x0' data-origin-src='/thumb/2/oLmtTm7eF-35IykN39-o9g/640r480/d/clarity_child-arrow-line.svg' class='image__img' id='id65flo3x_0' >
431</div>
432<h1 class='text button_text-m text--u-ig2cmgeha' id='ig2cmgeha_0'>
433<span class='text-block-wrap-div'>Написать</span>
434</h1>
435</div>
436<div class='div new-button' id='inw976t1z_0'>
437<h1 class='text button_text-m text--u-i2luikkjl' id='i2luikkjl_0'>
438<span class='text-block-wrap-div'>Написать</span>
439</h1>
440<div class='div button-dot div--u-iolhbztfq' id='iolhbztfq_0'></div>
441<div class='div button-dot div--u-izn75timl' id='izn75timl_0'></div>
442<div class='div button-dot div--u-i9b1srn0r' id='i9b1srn0r_0'></div>
443<div class='div button-dot div--u-in2oh713v' id='in2oh713v_0'></div>
444</div>
445</div>
446</div>
447</nav><div class='div preloader div--u-i1kkywuyg' id='i1kkywuyg_0'>
448<div class='text text--u-i2ss9fbq6 preloader-text' id='i2ss9fbq6_0'>
449<span class='text-block-wrap-div'>Loading</span>
450</div>
451</div>
452<div class='div page_wrapper div--u-i25wuawax' id='i25wuawax_0'>
453<div class='div div--u-i2t47klid section_stages' id='i2t47klid_0'>
454<div class='div stages_container' id='i3ejk4c6v_0'>
455<div class='div stages_title' id='i27hzeeeo_0'>
456<h1 class='text text--u-i1c8x84gc heading-2 large' id='i1c8x84gc_0'>
457<span class='text-block-wrap-div'>Этапы разработки</span>
458</h1>
459</div>
460<div class='div stage_card div--u-ibytd0xzj' id='ibytd0xzj_0'>
461<div class='div div--u-i3e0k4vjq stage_card_title' id='i3e0k4vjq_0'>
462<div class='text body_16-regular white_text' id='i127pvlz7_0'>
463<span class='text-block-wrap-div'>1.</span>
464</div>
465<div class='text heading-2' id='i2nhmgxhk_0'>
466<span class='text-block-wrap-div'>Знакомство<br>и бриф</span>
467</div>
468</div>
469<div class='image stage_card_image image--u-i3yz510ht' id='i3yz510ht_0'>
470<img src='/thumb/2/EdvHNx6M_XGmB755BD6bjg/640r480/d/fgs16_image-placeholder2.png' alt='1' title='' data-size='480x480' data-origin-src='/thumb/2/EdvHNx6M_XGmB755BD6bjg/640r480/d/fgs16_image-placeholder2.png' class='image__img' id='i244qen54_0' >
471</div>
472<div class='div stage_card_description div--u-i1k9b2mah' id='i1k9b2mah_0'>
473<div class='text body_14-regular gray' id='i2bjnkuzy_0'>
474<span class='text-block-wrap-div'>Перед началом работы мы созваниваемся для выяснения задачи и пожеланий. Обсуждаем стилистику, первичную структуру, наличие контента. Вы минуете этап заполнения большого брифа.<br>После созвона я подготовлю коммерческое предложение с несколькими вариантами тарифов, исходя из ваших запросов.<br>Подписываем подробный договор со сроками.<br>Приступаю к работе после предоплаты, которую можно разбить на этапы.</span>
475</div>
476</div>
477</div>
478<div class='div stage_card div--u-i2wxsj7ea' id='i2wxsj7ea_0'>
479<div class='div div--u-i2mb5r7w4 stage_card_title' id='i2mb5r7w4_0'>
480<div class='text body_16-regular white_text' id='i5kehxd34_0'>
481<span class='text-block-wrap-div'>1.</span>
482</div>
483<div class='text heading-2' id='i2wea3ims_0'>
484<span class='text-block-wrap-div'>Знакомство<br>и бриф</span>
485</div>
486</div>
487<div class='image stage_card_image image--u-i2rfzds9x' id='i2rfzds9x_0'>
488<img src='/thumb/2/1umSE17oOZU7TNLQfgUECA/736r920/d/fgs16_image-placeholder2.png' alt='96cc588381155b1ff61a74f5ed916c27' title='' data-size='480x480' data-origin-src='/thumb/2/1umSE17oOZU7TNLQfgUECA/736r920/d/fgs16_image-placeholder2.png' class='image__img' id='i3ro2zdzv_0' >
489</div>
490<div class='div stage_card_description div--u-i44pbknct' id='i44pbknct_0'>
491<div class='text body_14-regular gray' id='ix6sbc551_0'>
492<span class='text-block-wrap-div'>Перед началом работы мы созваниваемся для выяснения задачи и пожеланий. Обсуждаем стилистику, первичную структуру, наличие контента. Вы минуете этап заполнения большого брифа.<br>После созвона я подготовлю коммерческое предложение с несколькими вариантами тарифов, исходя из ваших запросов.<br>Подписываем подробный договор со сроками.<br>Приступаю к работе после предоплаты, которую можно разбить на этапы.</span>
493</div>
494</div>
495</div>
496<div class='div stage_card div--u-i2bgm3xpz' id='i2bgm3xpz_0'>
497<div class='div div--u-ijm3sev4i stage_card_title' id='ijm3sev4i_0'>
498<div class='text body_16-regular white_text' id='ij50ssiak_0'>
499<span class='text-block-wrap-div'>1.</span>
500</div>
501<div class='text heading-2' id='i2nrarixy_0'>
502<span class='text-block-wrap-div'>Знакомство<br>и бриф</span>
503</div>
504</div>
505<div class='image stage_card_image image--u-ix49z8lwo' id='ix49z8lwo_0'>
506<img src='/thumb/2/TjqE-cJQGbSRInEEz1HvrA/564r705/d/fgs16_image-placeholder2.png' alt='5ec06da0f51799ab7a1ecdb3e14ea8f9' title='' data-size='480x480' data-origin-src='/thumb/2/TjqE-cJQGbSRInEEz1HvrA/564r705/d/fgs16_image-placeholder2.png' class='image__img' id='i8xhnxoe8_0' >
507</div>
508<div class='div stage_card_description div--u-i3e878uz0' id='i3e878uz0_0'>
509<div class='text body_14-regular gray' id='i5bcfo9ad_0'>
510<span class='text-block-wrap-div'>Перед началом работы мы созваниваемся для выяснения задачи и пожеланий. Обсуждаем стилистику, первичную структуру, наличие контента. Вы минуете этап заполнения большого брифа.<br>После созвона я подготовлю коммерческое предложение с несколькими вариантами тарифов, исходя из ваших запросов.<br>Подписываем подробный договор со сроками.<br>Приступаю к работе после предоплаты, которую можно разбить на этапы.</span>
511</div>
512</div>
513</div>
514<div class='div stage_card div--u-i33w5e10j' id='i33w5e10j_0'>
515<div class='div div--u-i3jgqo7ea stage_card_title' id='i3jgqo7ea_0'>
516<div class='text body_16-regular white_text' id='i2m8evk85_0'>
517<span class='text-block-wrap-div'>1.</span>
518</div>
519<div class='text heading-2' id='icxhbonpz_0'>
520<span class='text-block-wrap-div'>Знакомство<br>и бриф</span>
521</div>
522</div>
523<div class='image stage_card_image image--u-i3n2tk1c4' id='i3n2tk1c4_0'>
524<img src='/thumb/2/iULN_vP85In0Oo4aMkMv4w/2596r4000/d/fgs16_image-placeholder2.png' alt='image (1)' title='' data-size='480x480' data-origin-src='/thumb/2/iULN_vP85In0Oo4aMkMv4w/2596r4000/d/fgs16_image-placeholder2.png' class='image__img' id='i3r9mez5j_0' >
525</div>
526<div class='div stage_card_description div--u-i3s0y7bsj' id='i3s0y7bsj_0'>
527<div class='text body_14-re
527gular gray' id='i2j9b2e35_0'>
528<span class='text-block-wrap-div'>Перед началом работы мы созваниваемся для выяснения задачи и пожеланий. Обсуждаем стилистику, первичную структуру, наличие контента. Вы минуете этап заполнения большого брифа.<br>После созвона я подготовлю коммерческое предложение с несколькими вариантами тарифов, исходя из ваших запросов.<br>Подписываем подробный договор со сроками.<br>Приступаю к работе после предоплаты, которую можно разбить на этапы.</span>
529</div>
530</div>
531</div>
532</div>
533</div>
534<main class='div main_wrapper' id='i21o59r0u_0'>
535<section class='div section_hero div--u-i3r7rg0pm' id='i3r7rg0pm_0'>
536<div class='container container--u-i23qxqiw3 hero' id='i23qxqiw3_0'>
537<div class='div hero_content div--u-i5s5tn08h' id='i5s5tn08h_0'>
538<div class='div hero_description div--u-i160lvrns' id='i160lvrns_0'>
539<div class='image hero_photo image--u-i130kjbl4' id='i130kjbl4_0'>
540<img src='/thumb/2/6eJD_b1h7fh2UZ5xH0r6pg/2400r2400/d/generated_image_october_12_2025_5_07pm_4.webp' alt='Generated Image October 12, 2025 - 5_07PM 4' title='' data-size='2400x2400' data-origin-src='/thumb/2/6eJD_b1h7fh2UZ5xH0r6pg/2400r2400/d/generated_image_october_12_2025_5_07pm_4.webp' class='image__img' id='i1q9ayjt2_0' >
541</div>
542<h4 class='text body_16-regular text--u-i2za1l6aa' id='i2za1l6aa_0'>
543<span class='text-block-wrap-div'>Веб-дизайнер<br>и no-code разработчик</span>
544</h4>
545</div>
546</div>
547<div class='div hero_logo div--u-ib97kn5wl' id='ib97kn5wl_0'>
548<div class='image hero_logo image--u-i31xx0uvo' id='i31xx0uvo_0'>
549<img src='/thumb/2/XPJO1S1XzJOIzHtrB7vGLA/640r480/d/green_logo_light_3.svg' alt='Green logo light 3' title='' data-size='0x0' data-origin-src='/thumb/2/XPJO1S1XzJOIzHtrB7vGLA/640r480/d/green_logo_light_3.svg' class='image__img' id='i1fing5b0_0' >
550</div>
551</div>
552</div>
553<div class='div spline_bg div--u-im51scl54' id='im51scl54_0'>
554<div class='embed embed--u-i1g6u4mx0 spline-embed-desktop-3' id='i1g6u4mx0_0'>
555<script type="module" src="https://unpkg.com/@splinetool/[email protected]/build/spline-viewer.js"></script>
555
556<spline-viewer url="https://prod.spline.design/AOoX479E09VEZd56/scene.splinecode"></spline-viewer></div>
557<div class='embed embed--u-i1p8lg9fs spline-embed-mobile' id='i1p8lg9fs_0'>
558<script type="module" src="https://unpkg.com/@splinetool/[email protected]/build/spline-viewer.js"></script>
558
559<spline-viewer url="https://prod.spline.design/RFs2rNI65inpncCk/scene.splinecode"></spline-viewer></div>
560<div class='image image--u-icdmmj7sj' id='icdmmj7sj_0'>
561<img src='/thumb/2/2R_EKg_Xob8VFMDu1OtOkg/1600r708/d/fgs16_image-placeholder2.png' alt='Combinations_Colors_2_season_2_widescreen_v3_7158c10c7f' title='' data-size='480x480' data-origin-src='/thumb/2/2R_EKg_Xob8VFMDu1OtOkg/1600r708/d/fgs16_image-placeholder2.png' class='image__img image__img--s2-iik034f8w' id='iik034f8w_0' >
562</div>
563</div>
564</section>
565<section class='div section_about' id='i2eg77zte_0'>
566<div class='div about_title_wrapper' id='i3hpi2nux_0'>
567<h1 class='text heading-2 split' id='i1ymc9v3h_0'>
568<span class='text-block-wrap-div'><span style="color:rgba(255, 255, 255, 0)">0000</span>UX/UI дизайн и разработка современных сайтов <span style="white-space:pre">для бизнеса</span> <span style="white-space:pre">и цифровых</span> продуктов</span>
569</h1>
570<div class='text body_12-medium uppercase' id='i63ac8f93_0'>
571<span class='text-block-wrap-div'>Обо мне</span>
572</div>
573</div>
574<div class='div divider' id='i2knbvz3p_0'></div>
575<div class='div about_content' id='i1qmfmfax_0'>
576<div class='div left_about_content' id='i30lwyib6_0'>
577<div class='div awards_wrapper div--u-i96ezxxp7' id='i96ezxxp7_0'>
578<div class='image award_icon image--u-i6awa5i62' id='i6awa5i62_0'>
579<img src='/thumb/2/xDWDsRTWWkZFlE9yUus37w/340r340/d/awwwards.png' alt='Awwwards' title='' data-size='340x340' data-origin-src='/thumb/2/xDWDsRTWWkZFlE9yUus37w/340r340/d/awwwards.png' class='image__img' id='irwli4qi1_0' >
580</div>
581<div class='image award_icon image--u-i7z7chb8v' id='i7z7chb8v_0'>
582<img src='/thumb/2/r_D7vW_6OpGbjwqITyeFpw/640r480/d/ui.svg' alt='UI' title='' data-size='0x0' data-origin-src='/thumb/2/r_D7vW_6OpGbjwqITyeFpw/640r480/d/ui.svg' class='image__img' id='iu5u02oe0_0' >
583</div>
584<div class='image award_icon image--u-iuvumzitn' id='iuvumzitn_0'>
585<img src='/thumb/2/nid8ZbtZgGhQvAkzf4FfjA/640r480/d/tillda.svg' alt='Tillda' title='' data-size='0x0' data-origin-src='/thumb/2/nid8ZbtZgGhQvAkzf4FfjA/640r480/d/tillda.svg' class='image__img' id='irubt3jlh_0' >
586</div>
587<div class='image award_icon' id='igt5jvxx1_0'>
588<img src='/thumb/2/jyXvEDoINPk4bj6-RXJsrA/640r480/d/il2e.svg' alt='IL2e' title='' data-size='0x0' data-origin-src='/thumb/2/jyXvEDoINPk4bj6-RXJsrA/640r480/d/il2e.svg' class='image__img' id='i7740z5t6_0' >
589</div>
590</div>
591</div>
592<div class='div right_about_content' id='iaoenia00_0'>
593<div class='div about_text vertical' id='iyixex2ur_0'>
594<h2 class='text body_14-regular gray animate' id='ik1jn9lrg_0'>
595<span class='text-block-wrap-div'>Привет! Я Роман — веб-дизайнер с опытом более 5 лет. Разрабатываю сайты на Framer, Tilda, Webflow и Taptop под ключ для бизнеса и личных проектов. Также создаю UI/UX дизайн без верстки, веб- и мобильные приложения, 3D-иллюстрации и визуальный контент с помощью ИИ.<br><br>Работаю над проектами любого масштаба — от небольших сайтов и лендингов до сложных цифровых продуктов. Продумываю структуру, пользовательский сценарий, визуальную систему и адаптив, чтобы дизайн был не только выразительным, но и решал задачи проекта.</span>
596</h2>
597<div href='https://t.me/Roman_Salakhov' data-action-element='ibk6cj3z3_0' role='button' class='link-block button_size-s link-block--u-ixg30ztp0' id='ixg30ztp0_0'>
598<div class='image image--u-izo507nnn btn-arrow' id='izo507nnn_0'>
599<img src='/thumb/2/oLmtTm7eF-35IykN39-o9g/640r480/d/clarity_child-arrow-line.svg' alt='clarity_child-arrow-line' title='' data-size='0x0' data-origin-src='/thumb/2/oLmtTm7eF-35IykN39-o9g/640r480/d/clarity_child-arrow-line.svg' class='image__img' id='inh4lf9pd_0' >
600</div>
601<h1 class='text button_text-m text--u-i85cxfz6j' id='i85cxfz6j_0'>
602<span class='text-block-wrap-div'>Заказать сайт</span>
603</h1>
604</div>
605</div>
606<div class='div about_text div--u-i8cjsn8j9 vertical' id='i8cjsn8j9_0'>
607<div class='image image--u-i4weosrdz about-content-image' id='i4weosrdz_0'>
608<img src='/thumb/2/6PS52Rg03oQNeOJkqIdt6A/2400r3066/d/generated_image_october_12_2025_5_07pm_5.webp' alt='Generated Image October 12, 2025 - 5_07PM 5' title='' data-size='2400x3066' data-origin-src='/thumb/2/6PS52Rg03oQNeOJkqIdt6A/2400r3066/d/generated_image_october_12_2025_5_07pm_5.webp' class='image__img' id='ivcyuml3g_0' >
609</div>
610<h3 class='text body_12-medium text--u-ierbxzi7g regular' id='ierbxzi7g_0'>
611<span class='text-block-wrap-div'>Среди клиентов и проектов — Bank RBK (Казахстан), Банк РНКБ, POSCREDIT, ВАНТА, Sharmax Motors, Easy Digital Agency, Obit и WIM Agency. Работал с крупными компаниями, агентствами, стартапами и частными заказчиками.</span>
612</h3>
613</div>
614</div>
615</div>
616</section>
617<section class='div div--u-i3fadh63w section_projects' id='i3fadh63w_0'>
618<div class='div title_projects' id='i3ln4xnqa_0'>
619<div class='text body_14-medium' id='i7bzcy0hw_0'>
620<span class='text-block-wrap-div'>Недавние работы</span>
621</div>
622<a href='/all-projects' data-action-element='' class='link-block link-block--u-i3ptz1f1h link_button-m' id='i3ptz1f1h_0'>
623<p class='text text--u-i2jbb5qoo link_text-m' id='i2jbb5qoo_0'>
624<span class='text-block-wrap-div'>Смотреть все / 16</span>
625</p>
626<div class='image image--u-i39ojgbwf link_icon' id='i39ojgbwf_0'>
627<img src='/thumb/2/1HzsXyRBoA2XI8ztNJpYAA/640r480/d/icons8_up-arrow.svg' alt='icons8_up-arrow' title='' data-size='0x0' data-origin-src='/thumb/2/1HzsXyRBoA2XI8ztNJpYAA/640r480/d/icons8_up-arrow.svg' class='image__img' id='isgug0gf5_0' >
628</div>
629</a>
630</div>
631<div class='container project_card_row container--u-i3vto1hjr' id='i3vto1hjr_0'>
632<a href='https://salakhov-design.ru/projects/romanklyachkin' data-action-element='' class='link-block project-card link-block--u-i8nmc90db last-project-card' id='i8nmc90db_0'>
633<div class='div project_card_image_wrapper div--u-idc8f9kt8' id='idc8f9kt8_0'>
634<div class='image image--u-i5cy60jbu project_card_image' id='i5cy60jbu_0'>
635<img src='/thumb/2/H7ZfTsNrpKOvuLJNQckAUA/2880r1800/d/407_1.webp' alt='407 (1)' title='' data-size='2880x1800' data-origin-src='/thumb/2/H7ZfTsNrpKOvuLJNQckAUA/2880r1800/d/407_1.webp' class='image__img' id='ix20cqk35_0' >
636</div>
637</div>
638<div class='div project_card_description div--u-ilemn1obt' id='ilemn1obt_0'>
639<div class='div project_name_wrapper div--u-i4fef5xjv' id='i4fef5xjv_0'>
640<div class='text text--u-i67mxyir3 heading-2' id='i67mxyir3_0'>
641<span class='text-block-wrap-div'>Клячкин</span>
642</div>
643<h3 class='text body_14-regular white_text' id='im2gs6sqy_0'>
644<span class='text-block-wrap-div'>Лучший свадебный ведущий страны</span>
645</h3>
646</div>
647<div class='div tags_container div--u-inz0nkkwz center-align' id='inz0nkkwz_0'>
648<div class='div div--u-insfl3c0t tag pink' id='insfl3c0t_0'>
649<div class='text tag_text text--u-i1mxohuwm white_text' id='i1mxohuwm_0'>
650<span class='text-block-wrap-div'>UI/ux</span>
651</div>
652</div>
653<div class='div div--u-i4e9nz8hi tag pink' id='i4e9nz8hi_0'>
654<div class='text tag_text text--u-ijvmokro6 white_text' id='ijvmokro6_0'>
655<span class='text-block-wrap-div'>Tilda</span>
656</div>
657</div>
658</div>
659<video src='https://salakhov-design.ru/f/9bda1d9c9bd3be88c5c205c8d66f94f2_1920.mp4' poster='' preload='metadata' playsInl
659ine='1' muted='1' loop='1' class='video video--u-isbnjcqz8 project_video-preview' id='isbnjcqz8_0'></video>
660</div>
661</a>
662</div>
663<div class='container project_card_row container--u-i3t44lp8f' id='i3t44lp8f_0'>
664<a href='https://salakhov-design.ru/projects/wellproducts' data-action-element='' class='link-block project-card link-block--u-i286yv0oo' id='i286yv0oo_0'>
665<div class='div project_card_image_wrapper div--u-i2khg2m5y' id='i2khg2m5y_0'>
666<div class='image image--u-i931y3wrh project_card_image' id='i931y3wrh_0'>
667<img src='/thumb/2/NIZTbMF2u8iG7_DwXAuYGw/4000r2667/d/macbook_mockup.webp' alt='MacBook Mockup' title='' data-size='4000x2667' data-origin-src='/thumb/2/NIZTbMF2u8iG7_DwXAuYGw/4000r2667/d/macbook_mockup.webp' class='image__img' id='i2lbhv0gw_0' >
668</div>
669</div>
670<div class='div project_card_description div--u-ioku3tu2i' id='ioku3tu2i_0'>
671<div class='div project_name_wrapper div--u-i29cxk19i' id='i29cxk19i_0'>
672<div class='text text--u-i2lmi6q5y heading-2' id='i2lmi6q5y_0'>
673<span class='text-block-wrap-div'>WELLDRINK</span>
674</div>
675<h3 class='text body_14-regular white_text' id='i3kbw3kap_0'>
676<span class='text-block-wrap-div'>Промо сайт напитков</span>
677</h3>
678</div>
679<div class='div tags_container div--u-i24pujqp0 center-align' id='i24pujqp0_0'>
680<div class='div div--u-ixpm70vdv tag pink' id='ixpm70vdv_0'>
681<div class='text tag_text text--u-iu4zhz092 white_text' id='iu4zhz092_0'>
682<span class='text-block-wrap-div'>Web design</span>
683</div>
684</div>
685</div>
686<video src='https://salakhov-design.ru/f/45199e43a9cac5919be0ad631f087789_1920.mp4' poster='' preload='metadata' playsInline='1' muted='1' loop='1' class='video video--u-inswazjxj project_video-preview' id='inswazjxj_0'></video>
687</div>
688</a>
689</div>
690<div class='container project_card_row container--u-i3bt98rrr' id='i3bt98rrr_0'>
691<a href='https://salakhov-design.ru/projects/kirillnagiev' data-action-element='' class='link-block project-card link-block--u-i2r47rtv5 last-project-card' id='i2r47rtv5_0'>
692<div class='div project_card_image_wrapper div--u-iyfl3pjt6' id='iyfl3pjt6_0'>
693<div class='image image--u-i30hl1ai6 project_card_image' id='i30hl1ai6_0'>
694<img src='/thumb/2/Tch2yrfaLyxqAyoCn_IlSA/4000r3000/d/nagiev_prev.webp' alt='Нагиев prev' title='' data-size='4000x3000' data-origin-src='/thumb/2/Tch2yrfaLyxqAyoCn_IlSA/4000r3000/d/nagiev_prev.webp' class='image__img' id='i2tcptvn4_0' >
695</div>
696</div>
697<div class='div project_card_description div--u-i2tv79pn1' id='i2tv79pn1_0'>
698<div class='div project_name_wrapper div--u-i2z44dqgc' id='i2z44dqgc_0'>
699<div class='text text--u-iwy4kwpb1 heading-2' id='iwy4kwpb1_0'>
700<span class='text-block-wrap-div'>Нагиев</span>
701</div>
702<h3 class='text body_14-regular white_text' id='i115lcw8r_0'>
703<span class='text-block-wrap-div'>Сайт актера и ведущего</span>
704</h3>
705</div>
706<div class='div tags_container div--u-i23sfhn68 center-align' id='i23sfhn68_0'>
707<div class='div div--u-i14hw0kac tag pink' id='i14hw0kac_0'>
708<div class='text tag_text text--u-i2mvjgc7d white_text' id='i2mvjgc7d_0'>
709<span class='text-block-wrap-div'>UI/ux</span>
710</div>
711</div>
712<div class='div div--u-iwzfggp1e tag pink' id='iwzfggp1e_0'>
713<div class='text tag_text text--u-i10ar5h1m white_text' id='i10ar5h1m_0'>
714<span class='text-block-wrap-div'>Tilda</span>
715</div>
716</div>
717</div>
718<video src='https://salakhov-design.ru/f/4d8879b35b0909738697035f212b0e39_1920.mp4' poster='' preload='metadata' playsInline='1' muted='1' loop='1' class='video video--u-iv85a5qi6 project_video-preview' id='iv85a5qi6_0'></video>
719</div>
720</a>
721</div>
722<div class='container project_card_row container--u-i22i1niiu' id='i22i1niiu_0'>
723<a href='https://salakhov-design.ru/projects/vanta' data-action-element='' class='link-block project-card link-block--u-i38bqaugw' id='i38bqaugw_0'>
724<div class='div project_card_image_wrapper div--u-i1soqhkeq' id='i1soqhkeq_0'>
725<div class='image image--u-i3ilnle6m project_card_image' id='i3ilnle6m_0'>
726<img src='/thumb/2/VvcTg_0kwqsh_5H35QZBLA/2667r4000/d/book_mockup_1.webp' alt='Book Mockup (1)' title='' data-size='2667x4000' data-origin-src='/thumb/2/VvcTg_0kwqsh_5H35QZBLA/2667r4000/d/book_mockup_1.webp' class='image__img image__img--s2-i1xi7yrfw' id='i1xi7yrfw_0' >
727</div>
728</div>
729<div class='div project_card_description div--u-ior1ml6zo' id='ior1ml6zo_0'>
730<div class='div project_name_wrapper div--u-i2jovs376' id='i2jovs376_0'>
731<div class='text text--u-i3olwhar3 heading-2' id='i3olwhar3_0'>
732<span class='text-block-wrap-div'>VANTA</span>
733</div>
734<h3 class='text body_14-regular white_text' id='i1ctkedb0_0'>
735<span class='text-block-wrap-div'>Финансовый маркетплейс</span>
736</h3>
737</div>
738<div class='div tags_container div--u-i3p6mzmh5 center-align' id='i3p6mzmh5_0'>
739<div class='div div--u-i34fx47nh tag pink' id='i34fx47nh_0'>
740<div class='text tag_text text--u-i1u7gpn1j white_text' id='i1u7gpn1j_0'>
741<span class='text-block-wrap-div'>3D</span>
742</div>
743</div>
744<div class='div div--u-i1lw666tg tag pink' id='i1lw666tg_0'>
745<div class='text tag_text text--u-i3n3tttaz white_text' id='i3n3tttaz_0'>
746<span class='text-block-wrap-div'>WEB</span>
747</div>
748</div>
749</div>
750<video src='https://salakhov-design.ru/f/77722c6279f391bb0064f73174e5f184_1920.mp4' poster='' preload='metadata' playsInl
750ine='1' muted='1' loop='1' class='video video--u-id5b6vvtl project_video-preview' id='id5b6vvtl_0'></video>
751</div>
752</a>
753</div>
754<div class='container project_card_row container--u-i2yia9cym' id='i2yia9cym_0'>
755<a href='https://salakhov-design.ru/projects/studyspace' data-action-element='' class='link-block project-card link-block--u-i1isqiuws last-project-card' id='i1isqiuws_0'>
756<div class='div project_card_image_wrapper div--u-i1n1gl27j' id='i1n1gl27j_0'>
757<div class='image image--u-i2skgg0wm project_card_image' id='i2skgg0wm_0'>
758<img src='/thumb/2/5roJlWQJUFegG2Jm6K4ITQ/2880r1800/d/1.webp' alt='1' title='' data-size='2880x1800' data-origin-src='/thumb/2/5roJlWQJUFegG2Jm6K4ITQ/2880r1800/d/1.webp' class='image__img' id='i22wp298p_0' >
759</div>
760</div>
761<div class='div project_card_description div--u-i3j667rbi' id='i3j667rbi_0'>
762<div class='div project_name_wrapper div--u-i3hz4qf7w' id='i3hz4qf7w_0'>
763<div class='text text--u-i275hbz1d heading-2' id='i275hbz1d_0'>
764<span class='text-block-wrap-div'>Study space</span>
765</div>
766<h3 class='text body_14-regular white_text' id='io764325s_0'>
767<span class='text-block-wrap-div'>Сайт образовательной платформы</span>
768</h3>
769</div>
770<div class='div tags_container div--u-i3noxhyy3 center-align' id='i3noxhyy3_0'>
771<div class='div div--u-i1aiw2huv tag pink' id='i1aiw2huv_0'>
772<div class='text tag_text text--u-ihulcroit white_text' id='ihulcroit_0'>
773<span class='text-block-wrap-div'>UI/ux</span>
774</div>
775</div>
776<div class='div div--u-i1766skwc tag pink' id='i1766skwc_0'>
777<div class='text tag_text text--u-i28ib2gb0 white_text' id='i28ib2gb0_0'>
778<span class='text-block-wrap-div'>Tilda</span>
779</div>
780</div>
781</div>
782<video src='https://salakhov-design.ru/f/9bda1d9c9bd3be88c5c205c8d66f94f2_1920.mp4' poster='' preload='metadata' playsInline='1' muted='1' loop='1' class='video video--u-ibobn6j6j project_video-preview' id='ibobn6j6j_0'></video>
783</div>
784</a>
785</div>
786<div class='container project_card_row container--u-ipg5ocpj9' id='ipg5ocpj9_0'>
787<a href='/' data-action-element='' class='link-block project-card link-block--u-i1lg50tff last-project-card' id='i1lg50tff_0'>
788<div class='div project_card_image_wrapper div--u-it5a62kfo' id='it5a62kfo_0'>
789<div class='image image--u-i2jh51pj8 project_card_image' id='i2jh51pj8_0'>
790<img src='/thumb/2/PgDieFNXgWHVhDfuLiFdRQ/2962r2176/d/image_5.webp' alt='image 5' title='' data-size='2962x2176' data-origin-src='/thumb/2/PgDieFNXgWHVhDfuLiFdRQ/2962r2176/d/image_5.webp' class='image__img' id='ig4bqznwm_0' >
791</div>
792</div>
793<div class='div project_card_description div--u-i7hfm69vf' id='i7hfm69vf_0'>
794<div class='div project_name_wrapper div--u-i1mr5swel' id='i1mr5swel_0'>
795<div class='text text--u-iyhiejefx heading-2' id='iyhiejefx_0'>
796<span class='text-block-wrap-div'>АСК ГРУПП</span>
797</div>
798<h3 class='text body_14-regular white_text' id='i0vtqvolw_0'>
799<span class='text-block-wrap-div'>Сайт строительной компании</span>
800</h3>
801</div>
802<div class='div tags_container div--u-ixq7m65yl center-align' id='ixq7m65yl_0'>
803<div class='div div--u-iz9z6jtnx tag pink' id='iz9z6jtnx_0'>
804<div class='text tag_text text--u-ixjbr1q45 white_text' id='ixjbr1q45_0'>
805<span class='text-block-wrap-div'>UI/ux</span>
806</div>
807</div>
808<div class='div div--u-iqghhbhuy tag pink' id='iqghhbhuy_0'>
809<div class='text tag_text text--u-iru7thbpu white_text' id='iru7thbpu_0'>
810<span class='text-block-wrap-div'>TAPTOP</span>
811</div>
812</div>
813<div class='div div--u-i5e59txck tag' id='i5e59txck_0'>
814<div class='text tag_text text--u-i2zdepvlu white_text' id='i2zdepvlu_0'>
815<span class='text-block-wrap-div'>в разработке</span>
816</div>
817</div>
818</div>
819<video src='https://salakhov-design.ru/f/9bda1d9c9bd3be88c5c205c8d66f94f2_1920.mp4' poster='' preload='metadata' playsInline='1' muted='1' loop='1' class='video video--u-i2toet9p5 project_video-preview' id='i2toet9p5_0'></video>
820</div>
821</a>
822</div>
823</section>
824<section class='div div--u-i2emq9ecu section_services' id='i2emq9ecu_0'>
825<div class='text services-word text--u-i26malmql' id='i26malmql_0'>
826<span class='text-block-wrap-div'>services</span>
827</div>
828<div class='div services_cards_container div--u-i2wk03gw3' id='i2wk03gw3_0'>
829<div class='div trigger-zone top' id='i3earciic_0'></div>
830<div class='div div--u-ik5ipoo6e product-card item_1' id='ik5ipoo6e_0'>
831<div class='div price-popup div--u-i5e6i0qpo' id='i5e6i0qpo_0'>
832<h4 class='text heading-2 text-pink' id='i29f0ieaa_0'>
833<span class='text-block-wrap-div'>От&nbsp; 70 000 Р</span>
834</h4>
835</div>
836<div class='div service_card_title div--u-i3cndwq48' id='i3cndwq48_0'>
837<div class='image service_card_icon image--u-i2g7fq3nm' id='i2g7fq3nm_0'>
838<img src='/thumb/2/UXVynYJqf6WGMxWZJzcHDQ/640r480/d/1_green_211330.svg' alt='1 green' title='' data-size='0x0' data-origin-src='/thumb/2/UXVynYJqf6WGMxWZJzcHDQ/640r480/d/1_green_211330.svg' class='image__img' id='i3spixc4m_0' >
839</div>
840<h4 class='text heading-3 white_text hex-animate' id='i39nmw9lm_0'>
841<span class='text-block-wrap-div'>Только дизайн</span>
842</h4>
843</div>
844<div class='div divider div--u-i18a73mid' id='i18a73mid_0'></div>
845<div class='div service_card_bottom div--u-i199pqnzo' id='i199pqnzo_0'>
846<div class='div tags_container div--u-icv8d63mr' id='icv8d63mr_0'>
847<div class='div div--u-i3osm7was tag' id='i3osm7was_0'>
848<div class='text tag_text text--u-i270kituz' id='i270kituz_0'>
849<span class='text-block-wrap-div'>Figma</span>
850</div>
851</div>
852<div class='div div--u-i1nozhjm3 tag' id='i1nozhjm3_0'>
853<div class='text tag_text text--u-i3ib7unth' id='i3ib7unth_0'>
854<span class='text-block-wrap-div'>Ps</span>
855</div>
856</div>
857<div class='div div--u-i3mtdyc9y tag' id='i3mtdyc9y_0'>
858<div class='text tag_text text--u-i31jhlpbx' id='i31jhlpbx_0'>
859<span class='text-block-wrap-div'>Ai</span>
860</div>
861</div>
862<div class='div div--u-i340rivad tag' id='i340rivad_0'>
863<div class='text tag_text text--u-i3eaefg8g text-pink' id='i3eaefg8g_0'>
864<span class='text-block-wrap-div'>От 70 000 ₽</span>
865</div>
866</div>
867</div>
868<!--noindex--><div href='/' data-action-element='i34qwadn0_0' role='button' class='link-block price-button link-block--u-i34i0c5uv' id='i34i0c5uv_0'>
869<div class='image image--u-i3732nrew service_button_icon' id='i3732nrew_0'>
870<img src='/thumb/2/tneHFLNu0uqfkGG5ixZh2g/640r480/d/coin_greebn_875592.svg' alt='Coin greeb=n' title='' data-size='0x0' data-origin-src='/thumb/2/tneHFLNu0uqfkGG5ixZh2g/640r480/d/coin_greebn_875592.svg' class='image__img' id='iafxi6j2f_0' >
871</div>
872</div>
873<!--/noindex--></div>
874</div>
875<div class='div product-card div--u-i35q6k10y item_2' id='i35q6k10y_0'>
876<div class='div service_card_title div--u-i2rkn08t5' id='i2rkn08t5_0'>
877<div class='image service_card_icon image--u-i221yqxi1' id='i221yqxi1_0'>
878<img src='/thumb/2/Vp6_Bp2MAYmgaepk8Eq6BQ/640r480/d/2_green_122358.svg' alt='2 green' title='' data-size='0x0' data-origin-src='/thumb/2/Vp6_Bp2MAYmgaepk8Eq6BQ/640r480/d/2_green_122358.svg' class='image__img' id='i1w2q8qeh_0' >
879</div>
880<h4 class='text heading-3 white_text hex-animate' id='i22pamvht_0'>
881<span class='text-block-wrap-div'>Сайт под ключ</span>
882</h4>
883</div>
884<div class='div divider div--u-i2926rk84' id='i2926rk84_0'></div>
885<div class='div service_card_bottom div--u-i54tb5xai' id='i54tb5xai_0'>
886<div class='div tags_container div--u-i3m8q0jn1' id='i3m8q0jn1_0'>
887<a href='/tilda' data-action-element='' class='link-block tag' id='iv85axreh_0'>
888<div class='text tag_text text--u-if7vgwney' id='if7vgwney_0'>
889<span class='text-block-wrap-div'>tilda </span>
890</div>
891</a>
892<div class='div div--u-i1hlodiyt tag' id='i1hlodiyt_0'>
893<div class='text tag_text text--u-ik8d8t86f' id='ik8d8t86f_0'>
894<span class='text-block-wrap-div'>Framer</span>
895</div>
896</div>
897<div class='div div--u-i46xkrd7k tag' id='i46xkrd7k_0'>
898<div class='text tag_text text--u-iggbf467m' id='iggbf467m_0'>
899<span class='text-block-wrap-div'>taptop</span>
900</div>
901</div>
902<div class='div div--u-i3ix3f1jg tag' id='i3ix3f1jg_0'>
903<div class='text tag_text text--u-i3ug6etvh' id='i3ug6etvh_0'>
904<span class='text-block-wrap-div'>webflow </span>
905</div>
906</div>
907<div class='div div--u-ibdxevgia tag' id='ibdxevgia_0'>
908<div class='text tag_text text--u-i3jqaq69r text-pink' id='i3jqaq69r_0'>
909<span class='text-block-wrap-div'>От 90 000 ₽</span>
910</div>
911</div>
912</div>
913<div href='/' data-action-element='' role='button' class='link-block price-button link-block--u-i340f7i9l' id='i340f7i9l_0'>
914<div class='image image--u-i3pe7ox41 service_button_icon' id='i3pe7ox41_0'>
915<img src='/thumb/2/tneHFLNu0uqfkGG5ixZh2g/640r480/d/coin_greebn_875592.svg' alt='Coin greeb=n' title='' data-size='0x0' data-origin-src='/thumb/2/tneHFLNu0uqfkGG5ixZh2g/640r480/d/coin_greebn_875592.svg' class='image__img' id='ilim51evu_0' >
916</div>
917</div>
918</div>
919</div>
920<div class='div product-card div--u-i1snnuac7 item_3' id='i1snnuac7_0'>
921<div class='div service_card_title div--u-iholfgjr7' id='iholfgjr7_0'>
922<div class='image service_card_icon image--u-i21km1l3k' id='i21km1l3k_0'>
923<img src='/thumb/2/3drqFenw4dHYaE4HXnrivw/640r480/d/3_green_609694.svg' alt='3 green' title='' data-size='0x0' data-origin-src='/thumb/2/3drqFenw4dHYaE4HXnrivw/640r480/d/3_green_609694.svg' class='image__img' id='i2pvxbw8c_0' >
924</div>
925<h4 class='text heading-3 white_text hex-animate' id='i3dapvwb6_0'>
926<span class='text-block-wrap-div'>3D иллюстрации</span>
927</h4>
928</div>
929<div class='div divider div--u-i1w7d4nvu' id='i1w7d4nvu_0'></div>
930<div class='div service_card_bottom div--u-i1ntzejg9' id='i1ntzejg9_0'>
931<div class='div tags_container div--u-i3sjx7wl2' id='i3sjx7wl2_0'>
932<div class='div div--u-i2p3i1zzl tag' id='i2p3i1zzl_0'>
933<div class='text tag_text text--u-iokte36fe' id='iokte36fe_0'>
934<span class='text-block-wrap-div'>blender</span>
935</div>
936</div>
937<div class='div div--u-i1mqsm00m tag' id='i1mqsm00m_0'>
938<div class='text tag_text text--u-i2588geht' id='i2588geht_0'>
939<span class='text-block-wrap-div'>spline 3d</span>
940</div>
941</div>
942<div class='div div--u-i2i09pym8 tag' id='i2i09pym8_0'>
943<div class='text tag_text text--u-i21ai3vr0 text-pink' id='i21ai3vr0_0'>
944<span class='text-block-wrap-div'>От 5 000 ₽</span>
945</div>
946</div>
947</div>
948<div href='/' data-action-element='' role='button' class='link-block price-button link-block--u-i2n1858xs' id='i2n1858xs_0'>
949<div class='image image--u-i3hz7zc1q service_button_icon' id='i3hz7zc1q_0'>
950<img src='/thumb/2/tneHFLNu0uqfkGG5ixZh2g/640r480/d/coin_greebn_875592.svg' alt='Coin greeb=n' title='' data-size='0x0' data-origin-src='/thumb/2/tneHFLNu0uqfkGG5ixZh2g/640r480/d/coin_greebn_875592.svg' class='image__img' id='i3fc7dgqm_0' >
951</div>
952</div>
953</div>
954</div>
955<div class='div product-card div--u-i3l450fym item_4' id='i3l450fym_0'>
956<div class='div service_card_title div--u-i2hap8scs' id='i2hap8scs_0'>
957<div class='image service_card_icon image--u-i1gwhoz58' id='i1gwhoz58_0'>
958<img src='/thumb/2/QnnGkt0UZlwDao5Bh52_mg/640r480/d/4_green_649575.svg' alt='4 green' title='' data-size='0x0' data-origin-src='/thumb/2/QnnGkt0UZlwDao5Bh52_mg/640r480/d/4_green_649575.svg' class='image__img' id='ijxwaasrw_0' >
959</div>
960<h4 class='text heading-3 white_text' id='i2bxe9ldp_0'>
961<span class='text-block-wrap-div'>Web &amp; Mobile App</span>
962</h4>
963</div>
964<div class='div divider div--u-i1is8scon' id='i1is8scon_0'></div>
965<div class='div service_card_bottom div--u-i2sc8av0a' id='i2sc8av0a_0'>
966<div class='div tags_container div--u-i2tqfqch4' id='i2tqfqch4_0'>
967<div class='div div--u-i1n0eq8q0 tag' id='i1n0eq8q0_0'>
968<div class='text tag_text text--u-i1586woqh' id='i1586woqh_0'>
969<span class='text-block-wrap-div'>Design system</span>
970</div>
971</div>
972<div class='div div--u-i21y4sr1c tag' id='i21y4sr1c_0'>
973<div class='text tag_text text--u-i1llj1nrc' id='i1llj1nrc_0'>
974<span class='text-block-wrap-div'>GLIDE</span>
975</div>
976</div>
977<div class='div div--u-i2pdsgw6j tag' id='i2pdsgw6j_0'>
978<div class='text tag_text text--u-i3st2q33c text-pink' id='i3st2q33c_0'>
979<span class='text-block-wrap-div'>По запросу</span>
980</div>
981</div>
982</div>
983<div href='/' data-action-element='' role='button' class='link-block price-button link-block--u-i9h0gf6ys' id='i9h0gf6ys_0'>
984<div class='image image--u-in8o62jqa service_button_icon' id='in8o62jqa_0'>
985<img src='/thumb/2/tneHFLNu0uqfkGG5ixZh2g/640r480/d/coin_greebn_875592.svg' alt='Coin greeb=n' title='' data-size='0x0' data-origin-src='/thumb/2/tneHFLNu0uqfkGG5ixZh2g/640r480/d/coin_greebn_875592.svg' class='image__img' id='ivnkxkun9_0' >
986</div>
987</div>
988</div>
989</div>
990</div>
991<div class='div trigger-zone' id='i1exk5w9f_0'></div>
992<div class='text text--u-iqyu7rxuc heading-2 large' id='iqyu7rxuc_0'>
993<span class='text-block-wrap-div'>Этапы разработки</span>
994</div>
995</section>
996<section class='div div--u-i3r68emkg section_faq' id='i3r68emkg_0'>
997<div class='div services_left_content div--u-i1k5xdp9x' id='i1k5xdp9x_0'>
998<div class='div services_text div--u-i2k70z12q' id='i2k70z12q_0'>
999<h1 class='text text--u-i198822q7 heading-2 large' id='i198822q7_0'>
1000<span class='text-block-wrap-div'>Этапы разработки</span>
1001</h1>
1002<div class='text body_14-medium' id='i3p5km4k8_0'>
1003<span class='text-block-wrap-div'>Я объединяю креатив и технологии, чтобы создавать сайты, которые не только выглядят круто, но и решают задачи бизнеса.</span>
1004</div>
1005</div>
1006<a href='/' data-action-element='' class='link-block button_size-s link-block--u-iu7xeugtw' id='iu7xeugtw_0'>
1007<div class='image image--u-i12as1jc2 btn-arrow' id='i12as1jc2_0'>
1008<img src='/thumb/2/oLmtTm7eF-35IykN39-o9g/640r480/d/clarity_child-arrow-line.svg' alt='clarity_child-arrow-line' title='' data-size='0x0' data-origin-src='/thumb/2/oLmtTm7eF-35IykN39-o9g/640r480/d/clarity_child-arrow-line.svg' class='image__img' id='iwqr8o4sf_0' >
1009</div>
1010<h1 class='text button_text-m text--u-ib7hc233o' id='ib7hc233o_0'>
1011<span class='text-block-wrap-div'>Как выбрать платформу</span>
1012</h1>
1013</a>
1014</div>
1015<div class='div faq_container div--u-i3jw03piq' id='i3jw03piq_0'>
1016<div class='div stages_wrapper div--u-i1dgkol7y' id='i1dgkol7y_0'>
1017<div class='div stage first-stage div--u-iyn3bmc4j' id='iyn3bmc4j_0'>
1018<div class='div stage_top_content div--u-i5aa3509h' id='i5aa3509h_0'>
1019<div class='image image--u-iitsvv18d stage_image' id='iitsvv18d_0'>
1020<img src='/thumb/2/JJRFfVPpkVt3_qj02nLliw/2048r2048/d/1.jpg' alt='1' title='' data-size='2048x2048' data-origin-src='/thumb/2/JJRFfVPpkVt3_qj02nLliw/2048r2048/d/1.jpg' class='image__img' id='i38h1vokc_0' >
1021</div>
1022<div class='div stage_text' id='i3j7qjzk2_0'>
1023<div class='text heading-3' id='i1sws4fc1_0'>
1024<span class='text-block-wrap-div'>Обсуждение проекта <span style="white-space:pre">и подписание</span> договора</span>
1025</div>
1026<h3 class='text body_14-regular text--u-iocsn126b' id='iocsn126b_0'>
1027<span class='text-block-wrap-div'>Перед началом работы мы проводим встречу (онлайн или по телефону), чтобы подробно обсудить ваши цели, стилистические предпочтения, структуру будущего сайта <span style="white-space:pre">и наличие</span> готового контента. Это позволяет нам избежать заполнения длинного брифа.<br><br>Далее мы заключаем договор <span style="white-space:pre">
1027с четкими</span> условиями.<br><br>Работа начинается после 50% предоплаты</span>
1028</h3>
1029</div>
1030</div>
1031<div class='div stage_bottom_content' id='i1v2go03y_0'>
1032<div class='image image--u-i2c2i2n5q stage_percents_image' id='i2c2i2n5q_0'>
1033<img src='/thumb/2/58kGYGSFl824UsD8-wU3Jw/640r480/d/20.svg' alt='20' title='' data-size='0x0' data-origin-src='/thumb/2/58kGYGSFl824UsD8-wU3Jw/640r480/d/20.svg' class='image__img' id='i12v8h7qj_0' >
1034</div>
1035<div class='text body_14-regular gray text--u-i3mokcaxt' id='i3mokcaxt_0'>
1036<span class='text-block-wrap-div'>Scroll</span>
1037</div>
1038</div>
1039</div>
1040<div class='div stage div--u-i1onpq85h' id='i1onpq85h_0'>
1041<div class='div stage_top_content div--u-i131rg36k' id='i131rg36k_0'>
1042<div class='image image--u-i1mpqa6xe stage_image' id='i1mpqa6xe_0'>
1043<img src='/thumb/2/cAi6fYpt27zx9IyocVQNcA/2048r2048/d/2.jpg' alt='2' title='' data-size='2048x2048' data-origin-src='/thumb/2/cAi6fYpt27zx9IyocVQNcA/2048r2048/d/2.jpg' class='image__img' id='ie0ksngyo_0' >
1044</div>
1045<div class='div stage_text' id='iljs0z777_0'>
1046<div class='text heading-3' id='i188kky86_0'>
1047<span class='text-block-wrap-div'>Исследования<br>и проектирование</span>
1048</div>
1049<h3 class='text body_14-regular' id='i3r86fyfn_0'>
1050<span class='text-block-wrap-div'>Далее я анализирую вашу нишу <span style="white-space:pre">и конкурентов</span>, чтобы выявить ключевые преимущества.<br><br>На основе проведенного исследования я создаю прототип — схему будущего веб-сайта с расположением блоков, текста <span style="white-space:pre">и графики</span>. Это помогает сразу оценить удобство навигации и логику взаимодействия.<br><br>Иногда этап создания прототипа можно пропустить <span style="white-space:pre">и перейти</span> сразу <span style="white-space:pre">к концепциям</span></span>
1051</h3>
1052</div>
1053</div>
1054<div class='div stage_bottom_content' id='io9blgnr0_0'>
1055<div class='image image--u-i1t5dxu7n stage_percents_image' id='i1t5dxu7n_0'>
1056<img src='/thumb/2/44cUUBOWk0-OyTn7HERIyw/640r480/d/40.svg' alt='40' title='' data-size='0x0' data-origin-src='/thumb/2/44cUUBOWk0-OyTn7HERIyw/640r480/d/40.svg' class='image__img' id='i3fe6nnsy_0' >
1057</div>
1058<div class='text body_14-regular gray text--u-i2igodt45' id='i2igodt45_0'>
1059<span class='text-block-wrap-div'>Scroll</span>
1060</div>
1061</div>
1062</div>
1063<div class='div stage div--u-i25hqm4oa' id='i25hqm4oa_0'>
1064<div class='div stage_top_content div--u-i2v9a8qn8' id='i2v9a8qn8_0'>
1065<div class='image image--u-i1hkj41xd stage_image' id='i1hkj41xd_0'>
1066<img src='/thumb/2/CNie89ZibOs5L9gEfUiRsQ/2048r2048/d/3.jpg' alt='3' title='' data-size='2048x2048' data-origin-src='/thumb/2/CNie89ZibOs5L9gEfUiRsQ/2048r2048/d/3.jpg' class='image__img' id='it4n27dwu_0' >
1067</div>
1068<div class='div stage_text' id='i14rk5a85_0'>
1069<div class='text heading-3' id='ic3lrsorc_0'>
1070<span class='text-block-wrap-div'>Разработка дизайн-концепции</span>
1071</div>
1072<h3 class='text body_14-regular' id='i308tk8n5_0'>
1073<span class='text-block-wrap-div'>Я предлагаю 1-3 варианта оформления главной страницы (первые экраны).<br><br>Стиль и визуальное оформление основаны <span style="white-space:pre">на утвержденных</span> референсах, цветовой палитре и шрифтах</span>
1074</h3>
1075</div>
1076</div>
1077<div class='div stage_bottom_content' id='i1yc1vbrf_0'>
1078<div class='image image--u-i2gqi02au stage_percents_image' id='i2gqi02au_0'>
1079<img src='/thumb/2/cdvIeEqLOdo5XxttE-Is5g/640r480/d/60.svg' alt='60' title='' data-size='0x0' data-origin-src='/thumb/2/cdvIeEqLOdo5XxttE-Is5g/640r480/d/60.svg' class='image__img' id='i12xni6qr_0' >
1080</div>
1081<div class='text body_14-regular gray text--u-i3p7ft1qi' id='i3p7ft1qi_0'>
1082<span class='text-block-wrap-div'>Scroll</span>
1083</div>
1084</div>
1085</div>
1086<div class='div stage div--u-i1v8wnzyf' id='i1v8wnzyf_0'>
1087<div class='div stage_top_content div--u-il7v2x8hl' id='il7v2x8hl_0'>
1088<div class='image image--u-i1agr48wg stage_image' id='i1agr48wg_0'>
1089<img src='/thumb/2/QLrUY5Ae7FDmNrg18GQHng/2048r2048/d/4.jpg' alt='4' title='' data-size='2048x2048' data-origin-src='/thumb/2/QLrUY5Ae7FDmNrg18GQHng/2048r2048/d/4.jpg' class='image__img' id='ibtm9hzma_0' >
1090</div>
1091<div class='div stage_text' id='i2lzgiivz_0'>
1092<div class='text heading-3' id='i3esmpl6s_0'>
1093<span class='text-block-wrap-div'>Полный дизайн всех страниц</span>
1094</div>
1095<h3 class='text body_14-regular' id='i2bdll1il_0'>
1096<span class='text-block-wrap-div'>После согласования концепции я отрисовываю полный дизайн всех разделов сайта.<br><br>Если заказ включает в себя только макет, я дополнительно готовлю UI-kit (набор элементов интерфейса) <span style="white-space:pre">и отправляю</span> проект <span style="white-space:pre">на верстку</span></span>
1097</h3>
1098</div>
1099</div>
1100<div class='div stage_bottom_content' id='i1tptnyby_0'>
1101<div class='image image--u-i1059fhn9 stage_percents_image' id='i1059fhn9_0'>
1102<img src='/thumb/2/_05a4L0Uki0-iUDKYSiF7Q/640r480/d/80.svg' alt='80' title='' data-size='0x0' data-origin-src='/thumb/2/_05a4L0Uki0-iUDKYSiF7Q/640r480/d/80.svg' class='image__img' id='i36keq9vn_0' >
1103</div>
1104<div class='text body_14-regular gray text--u-ipvkhhtna' id='ipvkhhtna_0'>
1105<span class='text-block-wrap-div'>Scroll</span>
1106</div>
1107</div>
1108</div>
1109<div class='div stage div--u-i29ytsm2z last_stage' id='i29ytsm2z_0'>
1110<div class='div stage_top_content div--u-i1k9jx9fu' id='i1k9jx9fu_0'>
1111<div class='image image--u-i3r4fgx06 stage_image' id='i3r4fgx06_0'>
1112<img src='/thumb/2/99vQGqygdpeMpAVjZV_LlQ/2048r2048/d/5.jpg' alt='5' title='' data-size='2048x2048' data-origin-src='/thumb/2/99vQGqygdpeMpAVjZV_LlQ/2048r2048/d/5.jpg' class='image__img' id='i32fri4bi_0' >
1113</div>
1114<div class='div stage_text' id='i3bslmbch_0'>
1115<div class='text heading-3' id='i59zo5tfz_0'>
1116<span class='text-block-wrap-div'>
1116Верстка и настройка функционала</span>
1117</div>
1118<h3 class='text body_14-regular' id='i2mpfuw9f_0'>
1119<span class='text-block-wrap-div'>Адаптивно переношу дизайн с Figma <span style="white-space:pre">на Webflow</span>, Taptop <span style="white-space:pre">или Tilda</span>, оптимизируя отображение на компьютерах, планшетах <span style="white-space:pre">и смартфонах</span>.<br><br>Подключаю необходимые инструменты:<br><br>- Формы заявок и платежные системы.<br>- Анимацию <span style="white-space:pre">и интерактивные</span> элементы.<br>- SEO-заголовки и описания <span style="white-space:pre">для социальных</span> сетей.<br>- Аналитические сервисы (Google Analytics, Яндекс.Метрика <span style="white-space:pre">и др</span>.).</span>
1120</h3>
1121</div>
1122</div>
1123<div class='div stage_bottom_content' id='iywb0ocoh_0'>
1124<div class='image image--u-i3k3t2x9r stage_percents_image' id='i3k3t2x9r_0'>
1125<img src='/thumb/2/wdd8aSYNrSC8PWqzjR1mew/640r480/d/100.svg' alt='100' title='' data-size='0x0' data-origin-src='/thumb/2/wdd8aSYNrSC8PWqzjR1mew/640r480/d/100.svg' class='image__img' id='i361bb4vs_0' >
1126</div>
1127<div class='text body_14-regular gray text--u-i3hb6ges1' id='i3hb6ges1_0'>
1128<span class='text-block-wrap-div'>Scroll</span>
1129</div>
1130</div>
1131</div>
1132</div>
1133<div class='accordion accordion--u-ib32crzn1 accordion_section' id='ib32crzn1_0'>
1134<div class='accordion__item accordion__item--u-i1zdxus9h accordion_item' id='i1zdxus9h_0'>
1135<div class='accordion__header accordion__header--u-i3rokomxn accordion_title last_accordion' id='i3rokomxn_0'>
1136<div class='text-subtitle text-subtitle--u-i20yeuhre body_14-regular accordion_number' id='i20yeuhre_0'>
1137<span class='text-block-wrap-div'>1.</span>
1138</div>
1139<div class='text-subtitle text-subtitle--u-ii0qlf934 heading-3' id='ii0qlf934_0'>
1140<span class='text-block-wrap-div'>Знакомство и бриф</span>
1141</div>
1142</div>
1143<div class='accordion__wrapper' id='i1ppk5vuh_0'>
1144<div class='accordion__content accordion_content accordion__content--u-i1ax9tvlq' id='i1ax9tvlq_0'>
1145<div class='text text--u-i3nx5ytlc' id='i3nx5ytlc_0'>
1146<span class='text-block-wrap-div'>Перед началом работы мы созваниваемся для выяснения задачи и пожеланий. Обсуждаем стилистику, первичную структуру, наличие контента. Вы минуете этап заполнения большого брифа.<br><br>После созвона я подготовлю коммерческое предложение с несколькими вариантами тарифов, исходя из ваших запросов.<br><br>Подписываем подробный договор со сроками.<br><br>Приступаю к работе после предоплаты, которую можно разбить на этапы.</span>
1147</div>
1148<div class='image accordion_image image--u-i39sconjl' id='i39sconjl_0'>
1149<img src='/thumb/2/EdvHNx6M_XGmB755BD6bjg/640r480/d/fgs16_image-placeholder2.png' alt='1' title='' class='image__img' id='i3fmekox9_0' >
1150</div>
1151</div>
1152</div>
1153</div>
1154<div class='accordion__item accordion__item--u-i1zdxus9h accordion_item' id='i1zdxus9h_1'>
1155<div class='accordion__header accordion__header--u-i3rokomxn accordion_title last_accordion' id='i3rokomxn_1'>
1156<div class='text-subtitle text-subtitle--u-i20yeuhre body_14-regular accordion_number' id='i20yeuhre_1'>
1157<span class='text-block-wrap-div'>2.</span>
1158</div>
1159<div class='text-subtitle text-subtitle--u-ii0qlf934 heading-3' id='ii0qlf934_1'>
1160<span class='text-block-wrap-div'>Анализ и прототип</span>
1161</div>
1162</div>
1163<div class='accordion__wrapper' id='i1ppk5vuh_1'>
1164<div class='accordion__content accordion_content accordion__content--u-i1ax9tvlq' id='i1ax9tvlq_1'>
1165<div class='text text--u-i3nx5ytlc' id='i3nx5ytlc_1'>
1166<span class='text-block-wrap-div'>Анализирую нишу и конкурентов.<br><br>Составляю разбор целевой аудитории, выявляя основные боли, возражения и хотелки, который в последствии можно использовать в соц. сетях и рекламе.<br><br>Использую разбор ЦА как основу для редактирования вашего контента или для составления с 0, чтобы сайт вызывал доверие и побуждал к нужному действию.<br><br>Создаю прототип, на котором можно отследить структуру, элементы интерфейса, расположение текста и иллюстраций.</span>
1167</div>
1168<div class='image accordion_image image--u-i39sconjl' id='i39sconjl_1'>
1169<img src='/thumb/2/EdvHNx6M_XGmB755BD6bjg/640r480/d/fgs16_image-placeholder2.png' alt='2' title='' class='image__img' id='i3fmekox9_1' >
1170</div>
1171</div>
1172</div>
1173</div>
1174<div class='accordion__item accordion__item--u-i1zdxus9h accordion_item' id='i1zdxus9h_2'>
1175<div class='accordion__header accordion__header--u-i3rokomxn accordion_title last_accordion' id='i3rokomxn_2'>
1176<div class='text-subtitle text-subtitle--u-i20yeuhre body_14-regular accordion_number' id='i20yeuhre_2'>
1177<span class='text-block-wrap-div'>3.</span>
1178</div>
1179<div class='text-subtitle text-subtitle--u-ii0qlf934 heading-3' id='ii0qlf934_2'>
1180<span class='text-block-wrap-div'>Дизайн концепция</span>
1181</div>
1182</div>
1183<div class='accordion__wrapper' id='i1ppk5vuh_2'>
1184<div class='accordion__content accordion_content accordion__content--u-i1ax9tvlq' id='i1ax9tvlq_2'>
1185<div class='text text--u-i3nx5ytlc' id='i3nx5ytlc_2'>
1186<span class='text-block-wrap-div'>В зависимости от тарифа, создаю несколько вариантов дизайна первых двух экранов.<br><br>Дизайн-концепция строится на ранее одобренных референсах по стилю, цветам, шрифтам и графике</span>
1187</div>
1188<div class='image accordion_image image--u-i39sconjl' id='i39sconjl_2'>
1189<img src='/thumb/2/EdvHNx6M_XGmB755BD6bjg/640r480/d/fgs16_image-placeholder2.png' alt='3' title='' class='image__img' id='i3fmekox9_2' >
1190</div>
1191</div>
1192</div>
1193</div>
1194<div class='accordion__item accordion__item--u-i1zdxus9h accordion_item' id='i1zdxus9h_3'>
1195<div class='accordion__header accordion__header--u-i3rokomxn accordion_title last_accordion' id='i3rokomxn_3'>
1196<div class='text-subtitle text-subtitle--u-i20yeuhre body_14-regular accordion_number' id='i20yeuhre_3'>
1197<span class='text-block-wrap-div'>4.</span>
1198</div>
1199<div class='text-subtitle text-subtitle--u-ii0qlf934 heading-3' id='ii0qlf934_3'>
1200<span class='text-block-wrap-div'>Доработка дизайна</span>
1201</div>
1202</div>
1203<div class='accordion__wrapper' id='i1ppk5vuh_3'>
1204<div class='accordion__content accordion_content accordion__content--u-i1ax9tvlq' id='i1ax9tvlq_3'>
1205<div class='text text--u-i3nx5ytlc' id='i3nx5ytlc_3'>
1206<span class='text-block-wrap-div'>После утверждения полностью отрисовываю макет+дизайн внутренних страниц.<br><br>*Если в заказ входит только макет, то дополнительно создаю UI kit. А далее передаю на вёрстку.</span>
1207</div>
1208<div class='image accordion_image image--u-i39sconjl' id='i39sconjl_3'>
1209<img src='/thumb/2/EdvHNx6M_XGmB755BD6bjg/640r480/d/fgs16_image-placeholder2.png' alt='4' title='' class='image__img' id='i3fmekox9_3' >
1210</div>
1211</div>
1212</div>
1213</div>
1214<div class='accordion__item accordion__item--u-i1zdxus9h accordion_item' id='i1zdxus9h_4'>
1215<div class='accordion__header accordion__header--u-i3rokomxn accordion_title last_accordion' id='i3rokomxn_4'>
1216<div class='text-subtitle text-subtitle--u-i20yeuhre body_14-regular accordion_number' id='i20yeuhre_4'>
1217<span class='text-block-wrap-div'>5.</span>
1218</div>
1219<div class='text-subtitle text-subtitle--u-ii0qlf934 heading-3' id='ii0qlf934_4'>
1220<span class='text-block-wrap-div'>Верстка</span>
1221</div>
1222</div>
1223<div class='accordion__wrapper' id='i1ppk5vuh_4'>
1224<div class='accordion__content accordion_content accordion__content--u-i1ax9tvlq' id='i1ax9tvlq_4'>
1225<div class='text text--u-i3nx5ytlc' id='i3nx5ytlc_4'>
1226<span class='text-block-wrap-div'>Переношу макет из Figma в Tilda и адаптирую под мобильные.<br><br>Подключаю формы заявок и платежей по необходимости.<br><br>Настраиваю анимацию.<br><br>Заполняю заголовки и описания страниц для социальных сетей.<br><br>*При необходимости помогу подключить сервисы аналитики.</span>
1227</div>
1228<div class='image accordion_image image--u-i39sconjl' id='i39sconjl_4'>
1229<img src='/thumb/2/EdvHNx6M_XGmB755BD6bjg/640r480/d/fgs16_image-placeholder2.png' alt='5' title='' class='image__img' id='i3fmekox9_4' >
1230</div>
1231</div>
1232</div>
1233</div>
1234</div>
1235</div>
1236</section>
1237</main>
1238</div>
1239<footer class='div section_footer div--u-io2r5gwnm' id='io2r5gwnm_0'>
1240<div class='image footer_logo image--u-iabzx6xhv' id='iabzx6xhv_0'>
1241<img src='/thumb/2/LEC3aWI5St3v8k7WOFOktw/3000r3000/d/2026_retouch2.png' alt='2026 retouch2' title='' data-size='3000x3000' data-origin-src='/thumb/2/LEC3aWI5St3v8k7WOFOktw/3000r3000/d/2026_retouch2.png' class='image__img image__img--s2-ip02cinbg' id='ip02cinbg_0' >
1242</div>
1243<div class='div footer_container div--u-i8bj0jawn' id='i8bj0jawn_0'>
1244<div class='div footer_top_content div--u-icw7eauot' id='icw7eauot_0'>
1245<div class='div left_footer_content div--u-itq2iaw03' id='itq2iaw03_0'>
1246<div class='text heading-3 text--u-im6fkdhn6 text-pink split' id='im6fkdhn6_0'>
1247<span class='text-block-wrap-div'><span style="font-family:&quot;GT Eesti Pro Display&quot;"><span style="font-style:normal"><span style="font-weight:500"><span style="white-space:normal">Есть вопросы </span><span style="white-space:pre">или идея для сайта?</span><span style="white-space:normal"> Напишите мне - </span><span style="white-space:pre">я помогу</span><span style="white-space:normal"> реализовать ваш проект</span></span></span></span></span>
1248</div>
1249<div href='https://t.me/Roman_Salakhov' data-action-element='ibk6cj3z3_0' role='button' class='link-block button_size-s link-block--u-igxff8rna' id='igxff8rna_0'>
1250<div class='image image--u-ipitcrw4p btn-arrow' id='ipitcrw4p_0'>
1251<img src='/thumb/2/oLmtTm7eF-35IykN39-o9g/640r480/d/clarity_child-arrow-line.svg' alt='clarity_child-arrow-line' title='' data-size='0x0' data-origin-src='/thumb/2/oLmtTm7eF-35IykN39-o9g/640r480/d/clarity_child-arrow-line.svg' class='image__img' id='ierhdnwb2_0' >
1252</div>
1253<h1 class='text button_text-m text--u-i8ci5nc03' id='i8ci5nc03_0'>
1254<span class='text-block-wrap-div'>Обсудить проект</span>
1255</h1>
1256</div>
1257</div>
1258<div class='div right_footer_content div--u-i52y4d9jl' id='i52y4d9jl_0'>
1259<div class='div footer_links_container div--u-ii0i9mmuy' id='ii0i9mmuy_0'>
1260<a href='https://t.me/Roman_Salakhov' data-action-element='' target='_blank' class='link-block link_button-s link-block--u-i2j4i83i0' id='i2j4i83i0_0'>
1261<h1 class='text link_text-small text--u-i0e54rszt' id='i0e54rszt_0'>
1262<span class='text-block-wrap-div'>Telegram</span>
1263</h1>
1264<div class='image link_icon image--u-ijazvgp5x' id='ijazvgp5x_0'>
1265<img src='/thumb/2/1HzsXyRBoA2XI8ztNJpYAA/640r480/d/icons8_up-arrow.svg' alt='icons8_up-arrow' title='' data-size='0x0' data-origin-src='/thumb/2/1HzsXyRBoA2XI8ztNJpYAA/640r480/d/icons8_up-arrow.svg' class='image__img' id='ifdtkiltk_0' >
1266</div>
1267</a>
1268<a href='https://wa.clck.bar/79189400017' data-action-element='' target='_blank' class='link-block link_button-s link-block--u-i4bd4lna0' id='i4bd4lna0_0'>
1269<h1 class='text link_text-small text--u-i0gzd6wgl' id='i0gzd6wgl_0'>
1270<span class='text-block-wrap-div'>WhatsApp</span>
1271</h1>
1272<div class='image link_icon image--u-i4jfo9bp3' id='i4jfo9bp3_0'>
1273<img src='/thumb/2/1HzsXyRBoA2XI8ztNJpYAA/640r480/d/icons8_up-arrow.svg' alt='icons8_up-arrow' title='' data-size='0x0' data-origin-src='/thumb/2/1HzsXyRBoA2XI8ztNJpYAA/640r480/d/icons8_up-arrow.svg' class='image__img' id='id3veuj4i_0' >
1274</div>
1275</a>
1276<a href='https://www.instagram.com/salakhov.webdesign' data-action-element='' target='_blank' class='link-block link_button-s' id='ieoqkpzyj_0'>
1277<h1 class='text link_text-small' id='ie5mb34mh_0'>
1278<span class='text-block-wrap-div'>Instagr*m</span>
1279</h1>
1280<div class='image link_icon' id='iyijguog4_0'>
1281<img src='/thumb/2/1HzsXyRBoA2XI8ztNJpYAA/640r480/d/icons8_up-arrow.svg' alt='icons8_up-arrow' title='' data-size='0x0' data-origin-src='/thumb/2/1HzsXyRBoA2XI8ztNJpYAA/640r480/d/icons8_up-arrow.svg' class='image__img' id='i4qu5zo24_0' >
1282</div>
1283</a>
1284<a href='https://www.behance.net/romansalakhov' data-action-element='' target='_blank' class='link-block link_button-s link-block--u-i2ow6e3og' id='i2ow6e3og_0'>
1285<h1 class='text link_text-small text--u-iziy8f6kf' id='iziy8f6kf_0'>
1286<span class='text-block-wrap-div'>Behance</span>
1287</h1>
1288<div class='image link_icon image--u-i89b1ccsr' id='i89b1ccsr_0'>
1289<img src='/thumb/2/1HzsXyRBoA2XI8ztNJpYAA/640r480/d/icons8_up-arrow.svg' alt='icons8_up-arrow' title='' data-size='0x0' data-origin-src='/thumb/2/1HzsXyRBoA2XI8ztNJpYAA/640r480/d/icons8_up-arrow.svg' class='image__img' id='ixlv04c2x_0' >
1290</div>
1291</a>
1292<a href='https://dprofile.ru/romansalakhov' data-action-element='' target='_blank' class='link-block link_button-s link-block--u-ijydfws9t' id='ijydfws9t_0'>
1293<h1 class='text link_text-small text--u-i0j7mp0en' id='i0j7mp0en_0'>
1294<span class='text-block-wrap-div'>Dprofile</span>
1295</h1>
1296<div class='image link_icon image--u-i9hak54xi' id='i9hak54xi_0'>
1297<img src='/thumb/2/1HzsXyRBoA2XI8ztNJpYAA/640r480/d/icons8_up-arrow.svg' alt='icons8_up-arrow' title='' data-size='0x0' data-origin-src='/thumb/2/1HzsXyRBoA2XI8ztNJpYAA/640r480/d/icons8_up-arrow.svg' class='image__img' id='i1a3rnej8_0' >
1298</div>
1299</a>
1300</div>
1301</div>
1302</div>
1303<div class='div div--u-i3uil0y80 footer_botom_content' id='i3uil0y80_0'>
1304<div class='div left_footer_content div--u-ip864yxym bottom-footer-content' id='ip864yxym_0'>
1305<div class='text body_12-medium text--u-i74wvodbj' id='i74wvodbj_0'>
1306<span class='text-block-wrap-div'>&#xA9; 2026 SalakhovDesign</span>
1307</div>
1308<div class='div div--u-iancqbeun language_button_wrapper' id='iancqbeun_0'>
1309<a href='https://salakhov-design.ru/en' data-action-element='' class='link-block link-block--u-i3g1qsujh language-button' id='i3g1qsujh_0'>
1310<div class='div language_button-dot div--u-igwfcl5rg absolute' id='igwfcl5rg_0'></div>
1311<div class='div social-button-text-wrapper active' id='i2fgmxnm3_0'>
1312<div class='text text--u-i0d272xyr language-button-text' id='i0d272xyr_0'>
1313<span class='text-block-wrap-div'>ru</span>
1314</div>
1315</div>
1316<div class='div social-button-text-wrapper' id='ivknz05xo_0'>
1317<div class='text text--u-i3hirvh4o language-button-text' id='i3hirvh4o_0'>
1318<span class='text-block-wrap-div'>en</span>
1319</div>
1320</div>
1321</a>
1322</div>
1323</div>
1324<div class='div right_footer_content div--u-igt2ys45w bottom-footer-content right' id='igt2ys45w_0'>
1325<a href='https://taptop.pro/' data-action-element='' target='_blank' class='link body_12-medium link--u-ibgy4hdql footer-link' id='ibgy4hdql_0'>
1326<span class='text-block-wrap-div'>Сделано в Taptop</span>
1327</a>
1328<a href='/f/brif_na_razrabotku_saita_roman_salahov.docx?dl=1' data-action-element='' target='_blank' class='link body_12-medium link--u-iyagiad88 footer-link' id='iyagiad88_0'>
1329<span class='text-block-wrap-div'>Скачать бриф</span>
1330</a>
1331<a href='/policy' data-action-element='' target='_blank' class='link body_12-medium link--u-i73c9yzs5 footer-link' id='i73c9yzs5_0'>
1332<span class='text-block-wrap-div'>Конфиденциальность</span>
1333</a>
1334</div>
1335</div>
1336</div>
1337</footer></div>
1338</div>
1339<!-- mosaic.footer.scripts -->
1340<script> const interval = setInterval(() => { const viewer = document.querySelector('spline-viewer'); if (viewer && viewer.shadowRoot) { const logo = viewer.shadowRoot.querySelector('#logo'); if (logo) { logo.remove(); // &#x1F4A5; remove the logo element entirely console.log("Logo removed!"); clearInterval(interval); } } }, 500); </script>
1340
1341<!-- /mosaic.footer.scripts --><span style='font-size:14px;' class='copyright'><style>
1342  .tt_copyright {
1343    display: inline-block;
1344  }
1345
1346  .tt_badge__small {
1347    display: inline-flex;
1348    align-items: center;
1349    min-height: 35px;
1350    padding: 8px 8px 8px 32px;
1351    background-image: url('/g/s3/mosaic/images/widgets/badge-small-light.svg'), linear-gradient(#0c0c0c, #0c0c0c);
1352    background-position: 8px center, center;
1353    background-repeat: no-repeat;
1354    text-decoration: none;
1355    font-weight: 500;
1356    font-size: 14px;
1357    border-radius: 5px;
1358    color: #ffffff;
1359  }
1360
1361  @media (max-width: 767px) {
1362    .tt_badge__small {
1363      font-size: 10px;
1364      min-height: 28px;
1365    }
1366  }
1367</style>
1368<div class="tt_copyright tt_badge">
1369  <a target="_blank" href="https://taptop.pro/?utm_source=taptop_pro&utm_medium=embed&utm_campaign=badge&utm_content=icon" class="tt_badge__small">Made in Taptop</a>
1370</div></span>	
1370<script src="https://unpkg.com/@studio-freight/lenis@latest"></script>
1370
1371    
1371<script>
1372        const lenis = new Lenis({
1373            smooth: true
1374        });
1375
1376        function raf(time) {
1377            lenis.raf(time);
1378            requestAnimationFrame(raf);
1379        }
1380
1381        requestAnimationFrame(raf);
1382    </script>
1382
1383    
1384 
1385
1386
1387  
1387<script src="https://unpkg.com/@barba/core"></script>
1387
1388  
1388<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/gsap.min.js"></script>
1388
1389  
1389<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/ScrambleTextPlugin.min.js"></script>
1389
1390  
1390<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/SplitText.min.js"></script>
1390
1391  
1391<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/ScrollSmoother.min.js"></script>
1391
1392  
1392<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/ScrollTrigger.min.js"></script>
1392
1393  
1394  <!-- Splitting.js -->
1395<script src="https://unpkg.com/splitting/dist/splitting.min.js"></script>
1395
1396
1397<!-- Инициализация Splitting -->
1398<script>Splitting();</script>
1398
1399  
1400
1401
1402
1403
1404<script>
1405  gsap.registerPlugin(SplitText);
1406
1407  document.addEventListener('DOMContentLoaded', () => {
1408    const targets = document.querySelectorAll(".hex-animate");
1409
1410    const hexChars = "0123456789ABCDEF";
1411
1412    function randomHex() {
1413      return hexChars[Math.floor(Math.random() * hexChars.length)];
1414    }
1415
1416    function animateHexDecode(chars) {
1417      chars.forEach((char, i) => {
1418        let original = char.textContent;
1419        let iterations = Math.floor(gsap.utils.random(10, 20));
1420        let current = 0;
1421
1422        const scramble = setInterval(() => {
1423          char.textContent = randomHex();
1424          current++;
1425
1426          if (current >= iterations) {
1427            clearInterval(scramble);
1428            char.textContent = original;
1429          }
1430        }, gsap.utils.random(20, 50));
1431      });
1432    }
1433
1434    const observer = new IntersectionObserver((entries, obs) => {
1435      entries.forEach(entry => {
1436        if (entry.isIntersecting) {
1437          const el = entry.target;
1438          const split = new SplitText(el, { type: "chars" });
1439          animateHexDecode(split.chars);
1440          obs.unobserve(el);
1441        }
1442      });
1443    }, {
1444      threshold: 0.4
1445    });
1446
1447    targets.forEach(el => observer.observe(el));
1448  });
1449</script>
1449
1450
1451
1452<script>
1453  // Проверяем, является ли устройство мобильным (ширина меньше 480px)
1454  const isMobileDevice = window.matchMedia("(max-width: 479px)").matches;
1455  
1456  // Если это не мобильное устройство, выполняем анимацию скролла
1457  if (!isMobileDevice) {
1458    const menuItems = document.querySelectorAll('.menu-item');
1459    let lastScroll = 0;
1460    let isScrollingDown = false;
1461
1462    // Инициализация: задаём начальные свойства
1463    gsap.set(menuItems, { opacity: 1, y: 0 });
1464
1465    window.addEventListener('scroll', () => {
1466      const currentScroll = window.scrollY || window.pageYOffset;
1467      
1468      if (currentScroll > lastScroll && !isScrollingDown) {
1469        // Скролл вниз → скрываем меню
1470        isScrollingDown = true;
1471        hideMenuItems();
1472      } else if (currentScroll < lastScroll && isScrollingDown) {
1473        // Скролл вверх → показываем меню
1474        isScrollingDown = false;
1475        showMenuItems();
1476      }
1477      
1478      lastScroll = currentScroll;
1479    });
1480
1481    function hideMenuItems() {
1482      gsap.to(menuItems, {
1483        opacity: 0,
1484        y: -20,
1485        duration: 0.5,
1486        stagger: 0.1, // задержка между элементами
1487        ease: "power2.out"
1488      });
1489    }
1490
1491    function showMenuItems() {
1492      gsap.to(menuItems, {
1493        opacity: 1,
1494        y: 0,
1495        duration: 0.5,
1496        stagger: 0.1,
1497        ease: "power2.out"
1498      });
1499    }
1500  }
1501</script>
1501
1502
1503
1504
1505<canvas id="networkCanvas"></canvas>
1506
1507<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
vendor: 1 bytes, line 1507
1507
1508<script>
1509  const canvas = document.getElementById('networkCanvas');
1510  const ctx = canvas.getContext('2d');
1511
1512  let width = window.innerWidth;
1513  let height = window.innerHeight;
1514  canvas.width = width;
1515  canvas.height = height;
1516
1517  const nodeDistance = 120;
1518  const nodes = [];
1519
1520  for (let x = 0; x < width; x += nodeDistance) {
1521    for (let y = 0; y < height; y += nodeDistance) {
1522      nodes.push({ x, y, alpha: 0, pulse: 0 });
1523    }
1524  }
1525
1526  function dist(a, b) {
1527    return Math.sqrt((a.x - b.x)**2 + (a.y - b.y)**2);
1528  }
1529
1530  const maxLineDist = nodeDistance * 1.5;
1531
1532  const mouse = { x: -9999, y: -9999 };
1533
1534  function updateMousePos(e) {
1535    mouse.x = e.pageX;
1536    mouse.y = e.pageY;
1537  }
1538
1539  window.addEventListener('mousemove', updateMousePos);
1540
1541  let pulseTime = 0;
1542
1543  function animate() {
1544    ctx.clearRect(0, 0, width, height);
1545
1546    pulseTime += 0.025;
1547
1548    nodes.forEach(node => {
1549      const dx = node.x - (mouse.x - window.pageXOffset);
1550      const dy = node.y - (mouse.y - window.pageYOffset);
1551      const distanceToMouse = Math.sqrt(dx * dx + dy * dy);
1552
1553      if (distanceToMouse < nodeDistance) {
1554        node.alpha = Math.min(1, node.alpha + 0.05);
1555        node.pulse = 0.75 + 0.25 * Math.sin(pulseTime * 2.5);
1556      } else {
1557        node.alpha = Math.max(0, node.alpha - 0.02);
1558        node.pulse = 0;
1559      }
1560    });
1561
1562    for (let i = 0; i < nodes.length; i++) {
1563      for (let j = i + 1; j < nodes.length; j++) {
1564        const a = nodes[i];
1565        const b = nodes[j];
1566        const d = dist(a, b);
1567        if (d < maxLineDist && a.alpha > 0 && b.alpha > 0) {
1568          const lineAlpha = Math.min(a.alpha, b.alpha) * (1 - d / maxLineDist);
1569          ctx.strokeStyle = `rgba(240, 25, 109, ${lineAlpha.toFixed(2)})`;
1570          ctx.lineWidth = 1;
1571          ctx.beginPath();
1572          ctx.moveTo(a.x, a.y);
1573          ctx.lineTo(b.x, b.y);
1574          ctx.stroke();
1575        }
1576      }
1577    }
1578
1579    nodes.forEach(node => {
1580      if (node.alpha > 0) {
1581        const intensity = node.alpha * node.pulse;
1582        ctx.fillStyle = `rgba(240, 25, 109, ${intensity.toFixed(2)})`;
1583        ctx.beginPath();
1584        ctx.arc(node.x, node.y, 3, 0, Math.PI * 2);
1585        ctx.fill();
1586      }
1587    });
1588
1589    requestAnimationFrame(animate);
1590  }
1591
1592  animate();
1593
1594  window.addEventListener('resize', () => {
1595    width = window.innerWidth;
1596    height = window.innerHeight;
1597    canvas.width = width;
1598    canvas.height = height;
1599  });
1600</script>
1600
1601
1602<style>
1603  #networkCanvas {
1604    position: fixed;
1605    top: 0;
1606    left: 0;
1607    width: 100vw;
1608    height: 100vh;
1609    pointer-events: none;
1610    z-index: 0;
1611    background: transparent;
1612  }
1613</style>
1614
1615
1616<script>
1617  document.querySelectorAll('.product-card').forEach(card => {
1618    let currentX = 50;
1619    let currentY = 50;
1620    let targetX = 50;
1621    let targetY = 50;
1622
1623    const update = () => {
1624      currentX += (targetX - currentX) * 0.1;
1625      currentY += (targetY - currentY) * 0.1;
1626
1627      const rotateX = (currentY - 50) / -6; // меньше — мягче
1628      const rotateY = (currentX - 50) / -6;
1629      card.style.setProperty('--x', `${currentX}%`);
1630      card.style.setProperty('--y', `${currentY}%`);
1631      card.style.transform = `perspective(1200px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale(1.02)`;
1632
1633      requestAnimationFrame(update);
1634    };
1635    update();
1636
1637    card.addEventListener('mousemove', e => {
1638      const rect = card.getBoundingClientRect();
1639      targetX = ((e.clientX - rect.left) / rect.width) * 100;
1640      targetY = ((e.clientY - rect.top) / rect.height) * 100;
1641    });
1642
1643    card.addEventListener('mouseleave', () => {
1644      targetX = 50;
1645      targetY = 50;
1646      card.style.transform = 'perspective(800px) rotateX(0deg) rotateY(0deg) scale(1.4)';
1647    });
1648  });
1649</script>
1649
1650
1651
1652<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
vendor: 1 bytes, line 1652
1652
1653<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>
1653
1654
1655<script>
1656gsap.registerPlugin(ScrollTrigger);
1657
1658if (window.innerWidth >= 480) {
1659  document.querySelectorAll('.services_cards_container').forEach((container) => {
1660    const cards = container.querySelectorAll('.product-card');
1661
1662    // Стартовое состояние
1663    gsap.set(cards, {
1664      x: '-120vw',
1665      opacity: 0,
1666      scale: 0.9
1667    });
1668
1669    // Анимация появления (при входе в зону 10%)
1670    ScrollTrigger.create({
1671      trigger: container,
1672      start: 'top 10%',
1673      toggleActions: 'play none none none',
1674      onEnter: () => {
1675        gsap.to(cards, {
1676          x: 0,
1677          opacity: 1,
1678          scale: 1,
1679          duration: 1.2,
1680          stagger: 0.1,
1681          ease: 'power4.out'
1682        });
1683      }
1684    });
1685
1686    // Анимация исчезновения (при обратной прокрутке вверх — на 30% раньше)
1687    ScrollTrigger.create({
1688      trigger: container,
1689      start: 'top 10',
1690      toggleActions: 'none none play none',
1691      onLeaveBack: () => {
1692        gsap.to(cards, {
1693          x: '-120vw',
1694          opacity: 0,
1695          scale: 0.9,
1696          duration: 1.2,
1697          stagger: 0.1,
1698          ease: 'power4.inOut'
1699        });
1700      }
1701    });
1702  });
1703}
1704</script>
1704
1705
1706
1707
1708<script>
1709  document.addEventListener("DOMContentLoaded", () => {
1710    const el = document.querySelector(".animate");
1711    if (!el) return;
1712
1713    const allSpans = [];
1714
1715    function wrapTextNodeWords(node) {
1716      if (node.nodeType === Node.TEXT_NODE) {
1717        const text = node.textContent;
1718        const parts = text.split(/(\s+)/);
1719
1720        const fragment = document.createDocumentFragment();
1721
1722        parts.forEach(part => {
1723          if (part.trim() === "") {
1724            fragment.appendChild(document.createTextNode(part));
1725          } else {
1726            const span = document.createElement("span");
1727            span.textContent = part;
1728            fragment.appendChild(span);
1729            allSpans.push(span);
1730          }
1731        });
1732
1733        node.parentNode.replaceChild(fragment, node);
1734
1735      } else if (node.nodeType === Node.ELEMENT_NODE) {
1736        [...node.childNodes].forEach(child => wrapTextNodeWords(child));
1737      }
1738    }
1739
1740    // Чтобы не повторять анимацию при повторном появлении
1741    let animated = false;
1742
1743    function animateWords() {
1744      if (animated) return;
1745      animated = true;
1746
1747      const shuffled = allSpans.slice().sort(() => Math.random() - 0.5);
1748
1749      const totalDuration = 1500;  // 1.5 секунды
1750      const perWordMaxDelay = 500;
1751
1752      shuffled.forEach((span, i) => {
1753        const baseDelay = (i / shuffled.length) * (totalDuration - perWordMaxDelay);
1754        const randomDelay = Math.random() * perWordMaxDelay;
1755        const delay = baseDelay + randomDelay;
1756
1757        setTimeout(() => {
1758          span.classList.add("fixed");
1759        }, delay);
1760      });
1761    }
1762
1763    wrapTextNodeWords(el);
1764
1765    // Создаем IntersectionObserver, чтобы запустить анимацию при появлении в viewport
1766    const observer = new IntersectionObserver(entries => {
1767      entries.forEach(entry => {
1768        if (entry.isIntersecting) {
1769          animateWords();
1770          observer.disconnect(); // больше не нужно наблюдать
1771        }
1772      });
1773    }, { threshold: 0.1 }); // Запускается, когда 10% элемента видимы
1774
1775    observer.observe(el);
1776  });
1777</script>
1777
1778
1779
1780
1781
1782
1783
1784<script>
1785  gsap.registerPlugin(ScrollTrigger);
1786
1787  gsap.utils.toArray(".project-card").forEach((card) => {
1788    const image = card.querySelector(".project_card_image");
1789
1790    // Включить GPU-ускорение и задать начальные стили
1791    gsap.set(image, { scale: 1, willChange: "transform" });
1792    gsap.set(card, { willChange: "transform, opacity" });
1793
1794   
1795
1796    // Анимация карточки после залипания
1797    gsap.to(card, {
1798      scale: 0.7,
1799      opacity: 0.4,
1800      
1801      ease: "power1.out",
1802      scrollTrigger: {
1803        trigger: card,
1804        start: "top top",
1805        end: "bottom top",
1806        scrub: 1,
1807      }
1808    });
1809  });
1810</script>
1810
1811
1812
1813<script>
1814document.addEventListener('DOMContentLoaded', function() {
1815  document.querySelectorAll('.split').forEach(element => {
1816    SplitText.create(element, {
1817      type: "lines, words",
1818      mask: "lines", // можно оставить, если нужен эффект
1819      autoSplit: true,
1820      onSplit(self) {
1821        return gsap.from(self.words, {
1822          duration: 1.2,
1823          y: 50, // уменьшили
1824          x: () => gsap.utils.random(-10, 10),
1825          rotation: () => gsap.utils.random(-3, 3),
1826          scale: 0.95,
1827          autoAlpha: 0,
1828          stagger: 0.02,
1829          ease: "back.out(1.5)",
1830          scrollTrigger: {
1831            trigger: element,
1832            start: "top 80%",
1833            toggleActions: "play none none none"
1834          }
1835        });
1836      }
1837    });
1838  });
1839});
1840</script>
1840
1841
1842
1843
1844<script type="module">
1845import { gsap } from "https://cdn.skypack.dev/gsap";
1846
1847window.addEventListener('DOMContentLoaded', () => {
1848  const preloader = document.querySelector('.preloader');
1849  const mainContent = document.querySelector('#main-content');
1850
1851  // === Настройки пикселей ===
1852  const pixels = [];
1853  const total = 40;
1854  const pixelSpacing = 4;
1855  const pixelWidth = (window.innerWidth / total) - pixelSpacing;
1856  const initialHeight = 4;
1857  const initialFilled = 8;
1858
1859  const fragment = document.createDocumentFragment();
1860  for (let i = 0; i < total; i++) {
1861    const p = document.createElement('div');
1862    Object.assign(p.style, {
1863      position: 'absolute',
1864      bottom: '0px',
1865      left: `${i * (pixelWidth + pixelSpacing)}px`,
1866      width: `${pixelWidth}px`,
1867      height: `${initialHeight}px`,
1868      background: '#D9FF9D',
1869      opacity: i < initialFilled ? 1 : 0,
1870      transform: 'scaleY(1)',
1871      transformOrigin: 'bottom'
1872    });
1873    fragment.appendChild(p);
1874    pixels.push(p);
1875  }
1876  preloader.appendChild(fragment);
1877
1878  // === Прогресс бар ===
1879  function animateProgressBar(onComplete) {
1880    let index = initialFilled;
1881    const step = () => {
1882      if (index >= pixels.length) {
1883        onComplete && onComplete();
1884        return;
1885      }
1886      gsap.to(pixels[index], {
1887        opacity: 1,
1888        duration: 0.05,
1889        ease: "power1.inOut",
1890        onComplete: () => {
1891          index++;
1892          requestAnimationFrame(step);
1893        }
1894      });
1895    };
1896    requestAnimationFrame(step);
1897  }
1898
1899  // === После полной загрузки ===
1900  window.addEventListener('load', () => {
1901    animateProgressBar(() => {
1902      gsap.to(pixels, {
1903        duration: 0.4,
1904        scaleY: window.innerHeight / initialHeight,
1905        stagger: { each: 0.01, from: "start" },
1906        ease: "sine.inOut",
1907        onComplete: () => {
1908          gsap.to(preloader, {
1909            duration: 0.9,
1910            y: '100%',
1911            ease: "power3.inOut",
1912            delay: 0.2,
1913            onComplete: () => {
1914              preloader.style.display = 'none';
1915              mainContent.style.display = 'block';
1916            }
1917          });
1918        }
1919      });
1920    });
1921  });
1922});
1923</script>
1923
1924
1925<script type="module">
1926import { gsap } from "https://cdn.skypack.dev/gsap";
1927
1928window.addEventListener('DOMContentLoaded', () => {
1929  const loadingText = document.querySelector('.preloader-text');
1930  if (!loadingText) return;
1931
1932  // Разбиваем текст по буквам
1933  const text = loadingText.textContent.trim();
1934  loadingText.innerHTML = "";
1935  const letters = text.split("").map(char => {
1936    const span = document.createElement("span");
1937    span.textContent = char;
1938    span.style.display = "inline-block";
1939    span.style.color = "#D9FF9D";
1940    loadingText.appendChild(span);
1941    return span;
1942  });
1943
1944  // Волновая анимация (запускается сразу)
1945  gsap.to(letters, {
1946    color: "#F0196D",
1947    y: -4,
1948    duration: 0.5,
1949    ease: "sine.inOut",
1950    stagger: {
1951      each: 0.07,
1952      yoyo: true,
1953      repeat: -1,
1954      from: "start"
1955    },
1956    yoyo: true,
1957    repeat: -1
1958  });
1959});
1960</script>
1960
1961
1962
1963
1964<script>
1965document.addEventListener('DOMContentLoaded', () => {
1966  const buttons = document.querySelectorAll('[class*="button_size-"]');
1967
1968  buttons.forEach((btn) => {
1969    const btnText = btn.querySelector('[class*="button_text-"]');
1970    const btnArrow = btn.querySelector('.btn-arrow');
1971    if (!btnText || !btnArrow) return;
1972
1973    const splitText = new SplitText(btnText, { type: 'chars' });
1974    const chars = splitText.chars;
1975    chars.forEach(c => c.style.display = 'inline-block');
1976
1977    gsap.set(chars, { color: '#fff' });
1978    gsap.set(btnArrow, { x: 0 });
1979
1980    btn.addEventListener('mouseenter', () => {
1981      const tl = gsap.timeline();
1982
1983      // Резкий толчок стрелки вправо и плавный возврат
1984      tl.to(btnArrow, {
1985        x: 4,                // смещение вправо на 4px
1986        duration: 0.12,      // быстрый резкий толчок
1987        ease: 'power1.out'
1988      })
1989      .to(btnArrow, {
1990        x: 0,                // плавное возвращение
1991        duration: 0.4,
1992        ease: 'power3.out'
1993      }, '+=0');             // сразу после толчка
1994
1995      // Анимация блика по буквам
1996      chars.forEach((char, i) => {
1997        const duration = 0.15 + i * 0.003;
1998        gsap.to(char, {
1999          color: '#F0196D',
2000          duration: duration,
2001          ease: 'sine.out',
2002          delay: i * 0.03
2003        });
2004        gsap.to(char, {
2005          color: '#fff',
2006          duration: duration,
2007          ease: 'sine.in',
2008          delay: i * 0.03 + 0.1
2009        });
2010      });
2011    });
2012
2013    btn.addEventListener('mouseleave', () => {
2014      gsap.to(btnArrow, {
2015        x: 0,
2016        duration: 0.25,
2017        ease: 'power2.inOut'
2018      });
2019    });
2020  });
2021});
2022</script>
2022
2023
2024
2025
2026
2027
2028<script>
2029  gsap.registerPlugin(ScrollTrigger, SplitText);
2030
2031  const split = new SplitText(".services-word", { type: "chars" });
2032  const chars = split.chars;
2033
2034  gsap.set(chars, { y: 30, opacity: 0 });
2035
2036  gsap.to(chars, {
2037    y: 0,
2038    opacity: 1,
2039    duration: 0.6,
2040    ease: "power3.out",
2041    stagger: 0.1,
2042    scrollTrigger: {
2043      trigger: ".services-word",
2044      start: "top 60%",    // анимация начнётся когда верх блока на 60% экрана
2045      end: "top 0%",       // закончится когда верх блока дойдёт до верха экрана
2046      scrub: 1.5,          // плавное привязка к скроллу, можно увеличить
2047    }
2048  });
2049</script>
2049
2050
2051
2052<script type='application/json' id='data_do_json'>
2053{"data":{"tt_image":{"i31xx0uvo":"4226276507","i130kjbl4":"3263690235","i39ojgbwf":"4226276507","i221yqxi1":"4226276507","i3pe7ox41":"4226276507","i21km1l3k":"4226276507","i1gwhoz58":"4226276507","i3hz7zc1q":"4226276507","in8o62jqa":"4226276507","i39sconjl":"4226276507","i3yz510ht":"4226276507","i2rfzds9x":"2426117549","ix49z8lwo":"2345341255","i3n2tk1c4":"565131578","iitsvv18d":"4213222976","i2c2i2n5q":"4226276507","i1mpqa6xe":"4213222976","i1t5dxu7n":"4226276507","i1hkj41xd":"4213222976","i2gqi02au":"4226276507","i1agr48wg":"4213222976","i1059fhn9":"4226276507","i3r4fgx06":"4213222976","i3k3t2x9r":"4226276507","i2g7fq3nm":"4226276507","i3732nrew":"4226276507","icdmmj7sj":"4056842146","i931y3wrh":"1505431203","i12as1jc2":"4226276507","i3ilnle6m":"1814326900","i2skgg0wm":"2165754607","i30hl1ai6":"989997843","i4weosrdz":"1430918693","izo507nnn":"4226276507","i6awa5i62":"3540915994","i7z7chb8v":"4226276507","iuvumzitn":"4226276507","igt5jvxx1":"4226276507","i5cy60jbu":"2165754607","i2jh51pj8":"714551167","isyt54jah":"4226276507","ip9ip9366":"4226276507","iabzx6xhv":"1966213245","ipitcrw4p":"4226276507","ijazvgp5x":"4226276507","i4jfo9bp3":"4226276507","iyijguog4":"4226276507","i89b1ccsr":"4226276507","i9hak54xi":"4226276507"},"tt_animation":{"im51scl54":"4016362054","i39ojgbwf":"2283147776","i2wk03gw3":"537023079","i35q6k10y":"1362342735","i1snnuac7":"4019316406","i3l450fym":"1459840509","i3e0k4vjq":"4163996846","i3yz510ht":"4163996846","i1k9b2mah":"4163996846","i2mb5r7w4":"4163996846","i2rfzds9x":"4163996846","i44pbknct":"4163996846","ijm3sev4i":"4113922350","ix49z8lwo":"4163996846","i3e878uz0":"4163996846","i1dgkol7y":"4230156696","i1onpq85h":"640773162","i25hqm4oa":"965957515","i1v8wnzyf":"3786035268","i29ytsm2z":"1888338413","ik5ipoo6e":"2727648111","iqyu7rxuc":"1020379521","i5e6i0qpo":"864748321","i340rivad":"2337843778","ibdxevgia":"419791067","i2i09pym8":"3741666224","i2pdsgw6j":"3235955506","inswazjxj":"107311652","id5b6vvtl":"1685374198","ibobn6j6j":"794484507","iv85a5qi6":"1446419655","i6awa5i62":"3955718151","i7z7chb8v":"2959148671","iuvumzitn":"198567491","isbnjcqz8":"1402436461","i2toet9p5":"1675573238","ij0cjfn7v":"730602724","issldihgz":"1845662127","iblq1q1es":"2038236754","iabzx6xhv":"956016656","igwfcl5rg":"3047831952"},"tt_link_universal":{"i3ptz1f1h":"2892560938","i340f7i9l":"2197378300","i2n1858xs":"2197378300","i9h0gf6ys":"2197378300","i34i0c5uv":"2197378300","i286yv0oo":"2318580973","iu7xeugtw":"3141777333","i38bqaugw":"2921736342","i1isqiuws":"2318580973","i2r47rtv5":"2318580973","ixg30ztp0":"540367937","iv85axreh":"3416364895","i8nmc90db":"2318580973","i1lg50tff":"3141777333","i3sdeglfp":"2318580973","ibov5thq2":"2262851596","idczpk1ij":"2262851596","ipwkxyb5e":"2262851596","i6p33k4n9":"2262851596","imkgeujnk":"2262851596","ivg2jqcdv":"2262851596","iljj6srgz":"2262851596","iur25hvjb":"540367937","igxff8rna":"540367937","i2j4i83i0":"2262851596","i4bd4lna0":"2262851596","ieoqkpzyj":"2262851596","i2ow6e3og":"2262851596","ijydfws9t":"2262851596","i3g1qsujh":"2318580973","ibgy4hdql":"2262851596","iyagiad88":"2262851596","i73c9yzs5":"93719356"},"tt_accordion":{"ib32crzn1":"2033575472"},"tt_video":{"inswazjxj":"2110298240","id5b6vvtl":"2110298240","ibobn6j6j":"2110298240","iv85a5qi6":"2110298240","isbnjcqz8":"2110298240","i2toet9p5":"2110298240"},"tt_menu":{"icuooib0t":"1677249857"},"tt_modal":{"ibk6cj3z3":"953365152"},"tt_form":{"i28wkxdqk":"3670885118"},"tt_form_checkbox_group":{"iko6dkzg5":"2723265586"},"tt_form_input":{"izynmrhor":"4039395888","iitu8ll77":"1905957598"},"tt_form_textarea":{"io9p32pjf":"1831041182"},"tt_badge":{"il6rukmu7":"3971710226"}},"params":{"4226276507":"{\"screen\":{\"objectFit\":\"cover\",\"lockRatio\":true}}","3263690235":"{\"screen\":{\"objectFit\":\"cover\",\"lockRatio\":true,\"maxWidth\":\"2400\",\"maxHeight\":\"2400\"}}","4016362054":"{\"animations\":{\"animation-ixjgbi1ok\":{\"id\":\"animation-ixjgbi1ok\",\"triggerName\":\"SCROLL_TRANSFORM\",\"mediaParams\":{\"screen\":{\"disabled\":true,\"effectIds\":[\"effect-i3ncon21j\",\"effect-izyamkqab\",\"effect-i7fbvolm6\",\"effect-il4pkwaix\",\"effect-iu
2053shdw0kl\",\"effect-ivv67o8ef\",\"effect-iok7a2z68\"],\"preset\":\"FADE_IN\",\"triggerElement\":\"#i2rusj6fv_0\",\"startPosition\":\"top\",\"endPosition\":\"bottom\",\"startOffset\":\"0%\",\"endOffset\":\"0%\",\"scrollerStartOffset\":\"100%\",\"scrollerEndOffset\":\"0%\",\"smoothing\":1,\"markers\":true},\"(max-width: 479px)\":{\"disabled\":true}}}},\"effects\":{\"effect-i3ncon21j\":{\"screen\":{\"id\":\"effect-i3ncon21j\",\"name\":\"OPACITY\",\"disabled\":false,\"keyframes\":[{\"opacity\":1},{\"opacity\":1}],\"options\":{\"ease\":\"power1.inOut\",\"startKeyframe\":0,\"endKeyframe\":20}}},\"effect-izyamkqab\":{\"screen\":{\"id\":\"effect-izyamkqab\",\"name\":\"OPACITY\",\"disabled\":false,\"keyframes\":[{\"opacity\":1},{\"opacity\":0}],\"options\":{\"ease\":\"power1.inOut\",\"startKeyframe\":20,\"endKeyframe\":23}}},\"effect-i7fbvolm6\":{\"screen\":{\"id\":\"effect-i7fbvolm6\",\"name\":\"OPACITY\",\"disabled\":false,\"keyframes\":[{\"opacity\":0},{\"opacity\":0}],\"options\":{\"ease\":\"power1.inOut\",\"startKeyframe\":23,\"endKeyframe\":40}}},\"effect-il4pkwaix\":{\"screen\":{\"id\":\"effect-il4pkwaix\",\"name\":\"OPACITY\",\"disabled\":false,\"keyframes\":[{\"opacity\":0},{\"opacity\":1}],\"options\":{\"ease\":\"power1.inOut\",\"startKeyframe\":40,\"endKeyframe\":42}}},\"effect-iushdw0kl\":{\"screen\":{\"id\":\"effect-iushdw0kl\",\"name\":\"MOVE\",\"disabled\":false,\"keyframes\":[{\"x\":\"0px\",\"y\":\"0px\",\"z\":\"0px\"},{\"x\":\"0px\",\"y\":\"-100vh\",\"z\":\"0px\"}],\"options\":{\"ease\":\"power1.inOut\",\"startKeyframe\":12,\"endKeyframe\":18}}},\"effect-ivv67o8ef\":{\"screen\":{\"id\":\"effect-ivv67o8ef\",\"name\":\"MOVE\",\"disabled\":false,\"keyframes\":[{\"x\":\"0px\",\"y\":\"-100vh\",\"z\":\"0px\"},{\"x\":\"0px\",\"y\":\"-100vh\",\"z\":\"0px\"}],\"options\":{\"ease\":\"power1.inOut\",\"startKeyframe\":18,\"endKeyframe\":30}}},\"effect-iok7a2z68\":{\"screen\":{\"id\":\"effect-iok7a2z68\",\"name\":\"MOVE\",\"disabled\":false,\"keyframes\":[{\"x\":\"0px\",\"y\":\"-100vh\",\"z\":\"0px\"},{\"x\":\"0px\",\"y\":\"0vh\",\"z\":\"0px\"}],\"options\":{\"ease\":\"power1.inOut\",\"startKeyframe\":30,\"endKeyframe\":32}}}}}","2892560938":"{\"screen\":{\"type\":\"link\",\"eventName\":\"click\",\"eventElement\":\"self\",\"eventAction\":\"\",\"displayType\":\"\",\"selectedTag\":\"\",\"linkType\":\"page\",\"blank\":false}}","2283147776":"{\"animations\":{\"animation-ibky3bnyc\":{\"id\":\"animation-ibky3bnyc\",\"triggerName\":\"HOVER\",\"mediaParams\":{\"screen\":{\"disabled\":false,\"effectIds\":[\"effect-ixzu8cpjc\"],\"preset\":\"FADE_IN\",\"loop\":\"none\",\"triggerElement\":\"#i3ptz1f1h_0\"}}}},\"effects\":{\"effect-ixzu8cpjc\":{\"screen\":{\"id\":\"effect-ixzu8cpjc\",\"name\":\"ROTATE\",\"disabled\":false,\"keyframes\":[{\"rotationX\":\"0deg\",\"rotationY\":\"0deg\",\"rotationZ\":\"0deg\"},{\"rotationX\":\"0deg\",\"rotationY\":\"0deg\",\"rotationZ\":\"45deg\"}],\"options\":{\"ease\":\"power1.out\",\"delay\":0,\"duration\":0.2}}}}}","537023079":"{\"animations\":{\"animation-ixyneqzan\":{\"id\":\"animation-ixyneqzan\",\"triggerName\":\"SCROLL_TRANSFORM\",\"mediaParams\":{\"screen\":{\"disabled\":true,\"effectIds\":[\"effect-in5awole0\",\"effect-i3o8yorv3\"],\"preset\":\"FADE_IN\",\"triggerElement\":\"#i2rusj6fv_0\",\"startPosition\":\"top\",\"endPosition\":\"bottom\",\"startOffset\":\"0%\",\"endOffset\":\"0%\",\"scrollerStartOffset\":\"100%\",\"scrollerEndOffset\":\"0%\",\"smoothing\":1,\"markers\":true}}}},\"effects\":{\"effect-in5awole0\":{\"screen\":{\"id\":\"effect-in5awole0\",\"name\":\"SCALE\",\"disabled\":false,\"keyframes\":[{\"scale\":1},{\"scale\":1}],\"options\":{\"ease\":\"power1.inOut\",\"startKeyframe\":0,\"endKeyframe\":67}}},\"effect-i3o8yorv3\":{\"screen\":{\"id\":\"effect-i3o8yorv3\",\"name\":\"SCALE\",\"disabled\":false,\"keyframes\":[{\"scale\":10},{\"scale\":10}],\"options\":{\"ease\":\"power1.inOut\",\"startKeyframe\":67,\"endKeyframe\":70}}}}}","1362342735":"{\"animations\":{\"animation-i83amtvlv\":{\"id\":\"animation-i83amtvlv\",\"triggerName\":\"SCROLL_TRANSFORM\",\"mediaParams\":{\"screen\":{\"disabled\":true,\"effectIds\":[\"effect-idod66cyi\",\"effect-idsx40a0m\",\"effect-ia7uiyb2i\"],\"preset\":\"SCALE_IN_BOTTOM\",\"triggerElement\":\"#i2rusj6fv_0\",\"startPosition\":\"top\",\"endPosition\":\"bottom\",\"startOffset\":\"0%\",\"endOffset\":\"0%\",\"scrollerStartOffset\":\"100%\",\"scrollerEndOffset\":\"0%\",\"smoothing\":1,\"markers\":true},\"(max-width: 479px)\":{\"disabled\":true}}}},\"effects\":{\"effect-idod66cyi\":{\"screen\":{\"id\":\"effect-idod66cyi\",\"name\":\"OPACITY\",\"disabled\":false,\"keyframes\":[{\"opacity\":0},{\"opacity\":1}],\"options\":{\"ease\":\"power1.inOut\",\"startKeyframe\":46,\"endKeyframe\":48}}},\"effect-idsx40a0m\":{\"screen\":{\"id\":\"effect-idsx40a0m\",\"name\":\"SCALE\",\"disabled\":false,\"keyframes\":[{\"scale\":0.5},{\"scale\":1}],\"options\":{\"ease\":\"power1.inOut\",\"startKeyframe\":46,\"endKeyframe\":48}}},\"effect-ia7uiyb2i\":{\"screen\":{\"id\":\"effect-ia7uiyb2i\",\"name\":\"MOVE\",\"disabled\":false,\"keyframes\":[{\"x\":\"0px\",\"y\":\"50px\",\"z\":\"0px\"},{\"x\":\"0px\",\"y\":\"0px\",\"z\":\"0px\"}],\"options\":{\"ease\":\"power1.inOut\",\"startKeyframe\":46,\"endKeyframe\":48}}}}}","2197378300":"{\"screen\":{\"type\":\"button\",\"eventName\":\"click\",\"eventElement\":\"select\",\"eventAction\":\"show\",\"displayType\":\"\",\"selectedTag\":\"\",\"linkType\":\"link\",\"blank\":false}}","4019316406":"{\"animations\":{\"animation-i2sgicrpm\":{\"id\":\"animation-i2sgicrpm\",\"triggerName\":\"SCROLL_TRANSFORM\",\"mediaParams\":{\"screen\":{\"disabled\":true,\"effectIds\":[\"effect-inubfd1d7\",\"effect-iwbng7t50\",\"effect-ir4b6t73g\"],\"preset\":\"SCALE_IN_BOTTOM\",\"triggerElement\":\"#i2rusj6fv_0\",\"startPosition\":\"top\",\"endPosition\":\"bottom\",\"startOffset\":\"0%\",\"endOffset\":\"0%\",\"scrollerStartOffset\":\"100%\",\"scrollerEndOffset\":\"0%\",\"smoothing\":1,\"markers\":true},\"(max-width: 479px)\":{\"disabled\":true}}}},\"effects\":{\"effect-inubfd1d7\":{\"screen\":{\"id\":\"effect-inubfd1d7\",\"name\":\"OPACITY\",\"disabled\":false,\"keyframes\":[{\"opacity\":0},{\"opacity\":1}],\"options\":{\"ease\":\"power1.inOut\",\"startKeyframe\":49,\"endKeyframe\":51}}},\"effect-iwbng7t50\":{\"screen\":{\"id\":\"effect-iwbng7t50\",\"name\":\"SCALE\",\"disabled\":false,\"keyframes\":[{\"scale\":0.5},{\"scale\":1}],\"options\":{\"ease\":\"power1.inOut\",\"startKeyframe\":49,\"endKeyframe\":51}}},\"effect-ir4b6t73g\":{\"screen\":{\"id\":\"effect-ir4b6t73g\",\"name\":\"MOVE\",\"disabled\":false,\"keyframes\":[{\"x\":\"0px\",\"y\":\"50px\",\"z\":\"0px\"},{\"x\":\"0px\",\"y\":\"0px\",\"z\":\"0px\"}],\"options\":{\"ease\":\"power1.inOut\",\"startKeyframe\":49,\"endKeyframe\":51}}}}}","1459840509":"{\"animations\":{\"animation-iv7k9sk5f\":{\"id\":\"animation-iv7k9sk5f\",\"triggerName\":\"SCROLL_TRANSFORM\",\"mediaParams\":{\"screen\":{\"disabled\":true,\"effectIds\":[\"effect-ik44ikm4h\",\"effect-iw9bagv94\",\"effect-irxnt4zus\"],\"preset\":\"SCALE_IN_BOTTOM\",\"triggerElement\":\"#i2rusj6fv_0\",\"startPosition\":\"top\",\"endPosition\":\"bottom\",\"startOffset\":\"0%\",\"endOffset\":\"0%\",\"scrollerStartOffset\":\"100%\",\"scrollerEndOffset\":\"0%\",\"smoothing\":1,\"markers\":true},\"(max-width: 479px)\":{\"disabled\":true}}}},\"effects\":{\"effect-ik44ikm4h\":{\"screen\":{\"id\":\"effect-ik44ikm4h\",\"name\":\"OPACITY\",\"disabled\":false,\"keyframes\":[{\"opacity\":0},{\"opacity\":1}],\"options\":{\"ease\":\"power1.inOut\",\"startKeyframe\":52,\"endKeyframe\":54}}},\"effect-iw9bagv94\":{\"screen\":{\"id\":\"effect-iw9bagv94\",\"name\":\"SCALE\",\"disabled\":false,\"keyframes\":[{\"scale\":0.5},{\"scale\":1}],\"options\":{\"ease\":\"power1.inOut\",\"startKeyframe\":52,\"endKeyframe\":54}}},\"effect-irxnt4zus\":{\"screen\":{\"id\":\"effect-irxnt4zus\",\"name\":\"MOVE\",\"disabled\":false,\"keyframes\":[{\"x\":\"0px\",\"y\":\"50px\",\"z\":\"0px\"},{\"x\":\"0px\",\"y\":\"0px\",\"z\":\"0px\"}],\"options\":{\"ease\":\"power1.inOut\",\"startKeyframe\":52,\"endKeyframe\":54}}}}}","2033575472":"{\"screen\":{\"event\":\"click\",\"animation\":{\"effect\":\"fade\",\"easing\":\"linear\",\"duration\":200},\"activeIndex\":[],\"openByDefault\":false,\"closeOther\":true,\"childrenAsync\":false}}","4163996846":"{\"animations\":{\"animation-ikmtl379c\":{\"id\":\"animation-ikmtl379c\",\"triggerName\":\"SCROLL_TRANSFORM\",\"mediaParams\":{\"screen\":{\"disabled\":false,\"effectIds\":[\"effect-i7n6jjsiu\"],\"preset\":\"FADE_IN\",\"triggerElement\":\"\",\"startPosition\":\"top\",\"endPosition\":\"bottom\",\"startOffset\":\"0%\",\"endOffset\":\"0%\",\"scrollerStartOffset\":\"100%\",\"scrollerEndOffset\":\"0%\",\"smoothing\":0,\"markers\":true}}}},\"effects\":{\"effect-i7n6jjsiu\":{\"screen\":{\"id\":\"effect-i7n6jjsiu\",\"name\":\"OPACITY\",\"disabled\":false,\"keyframes\":[{\"opacity\":1},{\"opacity\":0.2}],\"options\":{\"ease\":\"power1.inOut\",\"startKeyframe\":20,\"endKeyframe\":100}}}}}","2426117549":"{\"screen\":{\"objectFit\":\"cover\",\"lockRatio\":true,\"maxWidth\":\"736\",\"maxHeight\":\"920\"}}","4113922350":"{\"animations\":{\"animation-iuu9nsleb\":{\"id\":\"animation-iuu9nsleb\",\"triggerName\":\"SCROLL_TRANSFORM\",\"mediaParams\":{\"screen\":{\"disabled\":false,\"effectIds\":[\"effect-i7zk3806q\"],\"preset\":\"FADE_IN\",\"triggerElement\":\"\",\"startPosition\":\"top\",\"endPosition\":\"bottom\",\"startOffset\":\"0%\",\"endOffset\":\"0%\",\"scrollerStartOffset\":\"100%\",\"scrollerEndOffset\":\"0%\",\"smoothing\":0,\"markers\":true}}}},\"effects\":{\"effect-i7zk3806q\":{\"screen\":{\"id\":\"effect-i7zk3806q\",\"name\":\"OPACITY\",\"disabled\":false,\"keyframes\":[{\"opacity\":1},{\"opacity\":0.2}],\"options\":{\"ease\":\"power1.inOut\",\"startKeyframe\":20,\"endKeyframe\":100}}}}}","2345341255":"{\"screen\":{\"objectFit\":\"cover\",\"lockRatio\":true,\"maxWidth\":\"564\",\"maxHeight\":\"705\"}}","565131578":"{\"screen\":{\"objectFit\":\"cover\",\"lockRatio\":true,\"maxWidth\":\"2596\",\"maxHeight\":\"4000\"}}","4213222976":"{\"screen\":{\"objectFit\":\"cover\",\"lockRatio\":true,\"maxWidth\":\"2048\",\"maxHeight\":\"2048\"}}","4230156696":"{\"animations\":{\"animation-iprzigxhl\":{\"id\":\"animation-iprzigxhl\",\"triggerName\":\"SCROLL_TRANSFORM\",\"mediaParams\":{\"screen\":{\"disabled\":true,\"effectIds\":[\"effect-ikcsex0do\"],\"preset\":\"FADE_IN\",\"triggerElement\":\"#iniop6qxm_0\",\"startPosition\":\"top\",\"endPosition\":\"bottom\",\"startOffset\":\"25%\",\"endOffset\":\"0%\",\"scrollerStartOffset\":\"100%\",\"scrollerEndOffset\":\"0%\",\"smoothing\":0,\"markers\":true}}}},\"effects\":{\"effect-ikcsex0do\":{\"screen\":{\"id\":\"effect-ikcsex0do\",\"name\":\"MOVE\",\"disabled\":false,\"keyframes\":[{\"x\":\"0%\",\"y\":\"0px\",\"z\":\"0px\"},{\"x\":\"-100%\",\"y\":\"0px\",\"z\":\"0px\"}],\"options\":{\"ease\":\"power1.inOut\",\"startKeyframe\":0,\"endKeyframe\":100}}}}}","640773162":"{\"animations\":{\"animation-i8927342v\":{\"id\":\"animation-i8927342v\",\"triggerName\":\"SCROLL_TRANSFORM\",\"mediaParams\":{\"screen\":{\"disabled\":false,\"effectIds\":[\"effect-ii60ulgbz\"],\"preset\":\"FADE_IN\",\"triggerElement\":\"#i3r68emkg_0\",\"startPosition\":\"top\",\"endPosition\":\"bottom\",\"startOffset\":\"25%\",\"endOffset\":\"0%\",\"scrollerStartOffset\":\"100%\",\"scrollerEndOffset\":\"0%\",\"smoothing\":0,\"markers\":true},\"(min-width: 1440px)\":{\"disabled\":false},\"(max-width: 479px)\":{\"disabled\":true}}}},\"effects\":{\"effect-ii60ulgbz\":{\"screen\":{\"id\":\"effect-ii60ulgbz\",\"name\":\"MOVE\",\"disabled\":false,\"keyframes\":[{\"x\":\"0px\",\"y\":\"0px\",\"z\":\"0px\"},{\"x\":\"-26.5em\",\"y\":\"0px\",\"z\":\"0px\"}],\"options\":{\"ease\":\"none\",\"startKeyframe\":0,\"endKeyframe\":22}}}}}","965957515":"{\"animations\":{\"animation-i72boiz2h\":{\"id\":\"animation-i72boiz2h\",\"triggerName\":\"SCROLL_TRANSFORM\",\"mediaParams\":{\"screen\":{\"disabled\":false,\"effectIds\":[\"effect-ibnqan9l7\"],\"preset\":\"FADE_IN\",\"triggerElement\":\"#i3r68emkg_0\",\"startPosition\":\"top\",\"endPosition\":\"bottom\",\"startOffset\":\"24%\",\"endOffset\":\"0%\",\"scrollerStartOffset\":\"100%\",\"scrollerEndOffset\":\"0%\",\"smoothing\":0,\"markers\":true},\"(min-width: 1440px)\":{\"disabled\":false},\"(max-width: 479px)\":{\"disabled\":true}}}},\"effects\":{\"effect-ibnqan9l7\":{\"screen\":{\"id\":\"effect-ibnqan9l7\",\"name\":\"MOVE\",\"disabled\":false,\"keyframes\":[{\"x\":\"0px\",\"y\":\"0px\",\"z\":\"0px\"},{\"x\":\"-55em\",\"y\":\"0px\",\"z\":\"0px\"}],\"options\":{\"ease\":\"none\",\"startKeyframe\":0,\"endKeyframe\":44}}}}}","3786035268":"{\"animations\":{\"animation-i72boiz2h\":{\"id\":\"animation-i72boiz2h\",\"triggerName\":\"SCROLL_TRANSFORM\",\"mediaParams\":{\"screen\":{\"disabled\":false,\"effectIds\":[\"effect-ibnqan9l7\"],\"preset\":\"FADE_IN\",\"triggerElement\":\"#i3r68emkg_0\",\"startPosition\":\"top\",\"endPosition\":\"bottom\",\"startOffset\":\"22%\",\"endOffset\":\"0%\",\"scrollerStartOffset\":\"100%\",\"scrollerEndOffset\":\"0%\",\"smoothing\":0,\"markers\":true},\"(min-width: 1440px)\":{\"disabled\":false},\"(max-width: 479px)\":{\"disabled\":true}}}},\"effects\":{\"effect-ibnqan9l7\":{\"screen\":{\"id\":\"effect-ibnqan9l7\",\"name\":\"MOVE\",\"disabled\":false,\"keyframes\":[{\"x\":\"0px\",\"y\":\"0px\",\"z\":\"0px\"},{\"x\":\"-80.5em\",\"y\":\"0px\",\"z\":\"0px\"}],\"options\":{\"ease\":\"none\",\"startKeyframe\":0,\"endKeyframe\":66}}}}}","1888338413":"{\"animations\":{\"animation-i72boiz2h\":{\"id\":\"animation-i72boiz2h\",\"triggerName\":\"SCROLL_TRANSFORM\",\"mediaParams\":{\"screen\":{\"effectIds\":[\"effect-ibnqan9l7\"],\"preset\":\"FADE_IN\",\"triggerElement\":\"#i3r68emkg_0\",\"startPosition\":\"top\",\"endPosition\":\"bottom\",\"startOffset\":\"30%\",\"endOffset\":\"0%\",\"scrollerStartOffset\":\"100%\",\"scrollerEndOffset\":\"0%\",\"smoothing\":0,\"markers\":true},\"(min-width: 1440px)\":{\"disabled\":false},\"(max-width: 479px)\":{\"disabled\":true}}}},\"effects\":{\"effect-ibnqan9l7\":{\"screen\":{\"id\":\"effect-ibnqan9l7\",\"name\":\"MOVE\",\"disabled\":false,\"keyframes\":[{\"x\":\"0px\",\"y\":\"0px\",\"z\":\"0px\"},{\"x\":\"-106em\",\"y\":\"0px\",\"z\":\"0px\"}],\"options\":{\"ease\":\"none\",\"startKeyframe\":0,\"endKeyframe\":75}}}}}","2727648111":"{\"animations\":{\"animation-ilt9vtfp3\":{\"id\":\"animation-ilt9vtfp3\",\"triggerName\":\"SCROLL_TRANSFORM\",\"mediaParams\":{\"screen\":{\"disabled\":true,\"effectIds\":[\"effect-itbbrsjak\",\"effect-in7fqgsk7\",\"effect-ic73j2ist\"],\"preset\":\"SCALE_IN_BOTTOM\",\"triggerElement\":\"#i2rusj6fv_0\",\"startPosition\":\"top\",\"endPosition\":\"bottom\",\"startOffset\":\"0%\",\"endOffset\":\"0%\",\"scrollerStartOffset\":\"100%\",\"scrollerEndOffset\":\"0%\",\"smoothing\":1,\"markers\":true},\"(max-width: 479px)\":{\"disabled\":true}}}},\"effects\":{\"effect-itbbrsjak\":{\"screen\":{\"id\":\"effect-itbbrsjak\",\"name\":\"OPACITY\",\"disabled\":false,\"keyframes\":[{\"opacity\":0},{\"opacity\":1}],\"options\":{\"ease\":\"power1.inOut\",\"startKeyframe\":43,\"endKeyframe\":45}}},\"effect-in7fqgsk7\":{\"screen\":{\"id\":\"effect-in7fqgsk7\",\"name\":\"SCALE\",\"disabled\":false,\"keyframes\":[{\"scale\":0.5},{\"scale\":1}],\"options\":{\"ease\":\"power1.inOut\",\"startKeyframe\":43,\"endKeyframe\":45}}},\"effect-ic73j2ist\":{\"screen\":{\"id\":\"effect-ic73j2ist\",\"name\":\"MOVE\",\"disabled\":false,\"keyframes\":[{\"x\":\"0px\",\"y\":\"50px\",\"z\":\"0px\"},{\"x\":\"0px\",\"y\":\"0px\",\"z\":\"0px\"}],\"options\":{\"ease\":\"power1.inOut\",\"startKeyframe\":43,\"endKeyframe\":45}}}}}","1020379521":"{\"animations\":{\"animation-i55jdljx2\":{\"id\":\"animation-i55jdljx2\",\"triggerName\":\"SCROLL_TRANSFORM\",\"mediaParams\":{\"screen\":{\"disabled\":false,\"effectIds\":[\"effect-iutakrim8\",\"effect-im2c3wil4\",\"effect-i1r4swhrl\"],\"preset\":\"FADE_IN\",\"triggerElement\":\"#iul1xxjta_0\",\"startPosition\":\"top\",\"endPosition\":\"center\",\"startOffset\":\"10%\",\"endOffset\":\"0%\",\"scrollerStartOffset\":\"100%\",\"scrollerEndOffset\":\"31%\",\"smoothing\":0,\"markers\":true}}}},\"effects\":{\"effect-iutakrim8\":{\"screen\":{\"id\":\"effect-iutakrim8\",\"name\":\"OPACITY\",\"disabled\":false,\"keyframes\":[{\"opacity\":0},{\"opacity\":0.5}],\"options\":{\"ease\":\"power1.inOut\",\"startKeyframe\":0,\"endKeyframe\
2053":40}}},\"effect-im2c3wil4\":{\"screen\":{\"id\":\"effect-im2c3wil4\",\"name\":\"OPACITY\",\"disabled\":false,\"keyframes\":[{\"opacity\":0.5},{\"opacity\":0.5}],\"options\":{\"ease\":\"power1.inOut\",\"startKeyframe\":40,\"endKeyframe\":45}}},\"effect-i1r4swhrl\":{\"screen\":{\"id\":\"effect-i1r4swhrl\",\"name\":\"OPACITY\",\"disabled\":false,\"keyframes\":[{\"opacity\":0.5},{\"opacity\":0}],\"options\":{\"ease\":\"0.645, 0.045, 0.355, 1\",\"startKeyframe\":45,\"endKeyframe\":85}}}}}","4056842146":"{\"screen\":{\"objectFit\":\"cover\",\"lockRatio\":true,\"maxWidth\":\"1600\",\"maxHeight\":\"708\"}}","2318580973":"{\"screen\":{\"type\":\"link\",\"eventName\":\"click\",\"eventElement\":\"self\",\"eventAction\":\"\",\"displayType\":\"\",\"selectedTag\":\"\",\"linkType\":\"link\",\"blank\":false}}","1505431203":"{\"screen\":{\"objectFit\":\"cover\",\"lockRatio\":true,\"maxWidth\":\"4000\",\"maxHeight\":\"2667\"}}","3141777333":"{\"screen\":{\"type\":\"link\",\"eventName\":\"none\",\"eventElement\":\"self\",\"eventAction\":\"\",\"displayType\":\"\",\"selectedTag\":\"\",\"linkType\":\"link\",\"blank\":false}}","864748321":"{\"animations\":{\"animation-iscrwct4f\":{\"id\":\"animation-iscrwct4f\",\"triggerName\":\"CLICK\",\"mediaParams\":{\"screen\":{\"disabled\":true,\"effectIds\":[\"effect-i6kkv838a\"],\"preset\":\"FADE_IN\",\"secondClick\":\"reverse\",\"loop\":\"none\",\"triggerElement\":\"#i5hkemvr4_0\"}}}},\"effects\":{\"effect-i6kkv838a\":{\"screen\":{\"id\":\"effect-i6kkv838a\",\"name\":\"OPACITY\",\"disabled\":false,\"keyframes\":[{\"opacity\":0},{\"opacity\":1}],\"options\":{\"ease\":\"power1.inOut\",\"delay\":0,\"duration\":0.2}}}}}","2337843778":"{\"animations\":{\"animation-ixgc71vwi\":{\"id\":\"animation-ixgc71vwi\",\"triggerName\":\"CLICK\",\"mediaParams\":{\"screen\":{\"disabled\":false,\"effectIds\":[\"effect-ir6yrfjlm\",\"effect-ic14kdz6i\",\"effect-i2n6f12bc\"],\"preset\":\"SCALE_IN_BOTTOM\",\"secondClick\":\"reverse\",\"loop\":\"none\",\"triggerElement\":\"#i34i0c5uv_0\"}}}},\"effects\":{\"effect-ir6yrfjlm\":{\"screen\":{\"id\":\"effect-ir6yrfjlm\",\"name\":\"OPACITY\",\"disabled\":false,\"keyframes\":[{\"opacity\":0},{\"opacity\":1}],\"options\":{\"ease\":\"power1.inOut\",\"delay\":0,\"duration\":0.4}}},\"effect-ic14kdz6i\":{\"screen\":{\"id\":\"effect-ic14kdz6i\",\"name\":\"SCALE\",\"disabled\":false,\"keyframes\":[{\"scale\":0.5},{\"scale\":1}],\"options\":{\"ease\":\"power1.inOut\",\"delay\":0,\"duration\":0.4}}},\"effect-i2n6f12bc\":{\"screen\":{\"id\":\"effect-i2n6f12bc\",\"name\":\"MOVE\",\"disabled\":false,\"keyframes\":[{\"x\":\"0px\",\"y\":\"4px\",\"z\":\"0px\"},{\"x\":\"0px\",\"y\":\"0px\",\"z\":\"0px\"}],\"options\":{\"ease\":\"power1.inOut\",\"delay\":0,\"duration\":0.4}}}}}","419791067":"{\"animations\":{\"animation-ioixoa6vp\":{\"id\":\"animation-ioixoa6vp\",\"triggerName\":\"CLICK\",\"mediaParams\":{\"screen\":{\"disabled\":false,\"effectIds\":[\"effect-iuh5w90hn\",\"effect-icjz3wh9h\",\"effect-ifg8an4ex\"],\"preset\":\"SCALE_IN_BOTTOM\",\"secondClick\":\"reverse\",\"loop\":\"none\",\"triggerElement\":\"#i340f7i9l_0\"}}}},\"effects\":{\"effect-iuh5w90hn\":{\"screen\":{\"id\":\"effect-iuh5w90hn\",\"name\":\"OPACITY\",\"disabled\":false,\"keyframes\":[{\"opacity\":0},{\"opacity\":1}],\"options\":{\"ease\":\"power1.inOut\",\"delay\":0,\"duration\":0.4}}},\"effect-icjz3wh9h\":{\"screen\":{\"id\":\"effect-icjz3wh9h\",\"name\":\"SCALE\",\"disabled\":false,\"keyframes\":[{\"scale\":0.5},{\"scale\":1}],\"options\":{\"ease\":\"power1.inOut\",\"delay\":0,\"duration\":0.4}}},\"effect-ifg8an4ex\":{\"screen\":{\"id\":\"effect-ifg8an4ex\",\"name\":\"MOVE\",\"disabled\":false,\"keyframes\":[{\"x\":\"0px\",\"y\":\"4px\",\"z\":\"0px\"},{\"x\":\"0px\",\"y\":\"0px\",\"z\":\"0px\"}],\"options\":{\"ease\":\"power1.inOut\",\"delay\":0,\"duration\":0.4}}}}}","3741666224":"{\"animations\":{\"animation-ihpsb9f7v\":{\"id\":\"animation-ihpsb9f7v\",\"triggerName\":\"CLICK\",\"mediaParams\":{\"screen\":{\"disabled\":false,\"effectIds\":[\"effect-iika312ew\",\"effect-iou2exuzb\",\"effect-iqayuq08l\"],\"preset\":\"SCALE_IN_BOTTOM\",\"secondClick\":\"reverse\",\"loop\":\"none\",\"triggerElement\":\"#i2n1858xs_0\"}}}},\"effects\":{\"effect-iika312ew\":{\"screen\":{\"id\":\"effect-iika312ew\",\"name\":\"OPACITY\",\"disabled\":false,\"keyframes\":[{\"opacity\":0},{\"opacity\":1}],\"options\":{\"ease\":\"power1.inOut\",\"delay\":0,\"duration\":0.4}}},\"effect-iou2exuzb\":{\"screen\":{\"id\":\"effect-iou2exuzb\",\"name\":\"SCALE\",\"disabled\":false,\"keyframes\":[{\"scale\":0.5},{\"scale\":1}],\"options\":{\"ease\":\"power1.inOut\",\"delay\":0,\"duration\":0.4}}},\"effect-iqayuq08l\":{\"screen\":{\"id\":\"effect-iqayuq08l\",\"name\":\"MOVE\",\"disabled\":false,\"keyframes\":[{\"x\":\"0px\",\"y\":\"4px\",\"z\":\"0px\"},{\"x\":\"0px\",\"y\":\"0px\",\"z\":\"0px\"}],\"options\":{\"ease\":\"power1.inOut\",\"delay\":0,\"duration\":0.4}}}}}","3235955506":"{\"animations\":{\"animation-ihpsb9f7v\":{\"id\":\"animation-ihpsb9f7v\",\"triggerName\":\"CLICK\",\"mediaParams\":{\"screen\":{\"disabled\":false,\"effectIds\":[\"effect-iika312ew\",\"effect-iou2exuzb\",\"effect-iqayuq08l\"],\"preset\":\"SCALE_IN_BOTTOM\",\"secondClick\":\"reverse\",\"loop\":\"none\",\"triggerElement\":\"#i9h0gf6ys_0\"}}}},\"effects\":{\"effect-iika312ew\":{\"screen\":{\"id\":\"effect-iika312ew\",\"name\":\"OPACITY\",\"disabled\":false,\"keyframes\":[{\"opacity\":0},{\"opacity\":1}],\"options\":{\"ease\":\"power1.inOut\",\"delay\":0,\"duration\":0.4}}},\"effect-iou2exuzb\":{\"screen\":{\"id\":\"effect-iou2exuzb\",\"name\":\"SCALE\",\"disabled\":false,\"keyframes\":[{\"scale\":0.5},{\"scale\":1}],\"options\":{\"ease\":\"power1.inOut\",\"delay\":0,\"duration\":0.4}}},\"effect-iqayuq08l\":{\"screen\":{\"id\":\"effect-iqayuq08l\",\"name\":\"MOVE\",\"disabled\":false,\"keyframes\":[{\"x\":\"0px\",\"y\":\"4px\",\"z\":\"0px\"},{\"x\":\"0px\",\"y\":\"0px\",\"z\":\"0px\"}],\"options\":{\"ease\":\"power1.inOut\",\"delay\":0,\"duration\":0.4}}}}}","2921736342":"{\"screen\":{\"type\":\"link\",\"eventName\":\"click\",\"eventElement\":\"select\",\"eventAction\":\"toggle\",\"displayType\":\"\",\"selectedTag\":\"\",\"linkType\":\"link\",\"blank\":false}}","1814326900":"{\"screen\":{\"objectFit\":\"cover\",\"lockRatio\":true,\"maxWidth\":\"2667\",\"maxHeight\":\"4000\"}}","2165754607":"{\"screen\":{\"objectFit\":\"cover\",\"lockRatio\":true,\"maxWidth\":\"2880\",\"maxHeight\":\"1800\"}}","989997843":"{\"screen\":{\"objectFit\":\"cover\",\"lockRatio\":true,\"maxWidth\":\"4000\",\"maxHeight\":\"3000\"}}","2110298240":"{\"screen\":{\"type\":\"video\",\"viewportAutoPlay\":true,\"objectFit\":\"contain\"}}","107311652":"{\"animations\":{\"animation-i8kav28nj\":{\"id\":\"animation-i8kav28nj\",\"triggerName\":\"HOVER\",\"mediaParams\":{\"screen\":{\"disabled\":true,\"effectIds\":[\"effect-impnewa3u\"],\"preset\":\"FADE_IN\",\"loop\":\"none\",\"triggerElement\":\"#i29cxk19i_0\"},\"(max-width: 767px)\":{\"disabled\":true}}}},\"effects\":{\"effect-impnewa3u\":{\"screen\":{\"id\":\"effect-impnewa3u\",\"name\":\"OPACITY\",\"disabled\":false,\"keyframes\":[{\"opacity\":0},{\"opacity\":1}],\"options\":{\"ease\":\"power1.inOut\",\"delay\":0,\"duration\":0.1}}}}}","1685374198":"{\"animations\":{\"animation-i8kav28nj\":{\"id\":\"animation-i8kav28nj\",\"triggerName\":\"HOVER\",\"mediaParams\":{\"screen\":{\"disabled\":true,\"effectIds\":[\"effect-impnewa3u\"],\"preset\":\"FADE_IN\",\"loop\":\"none\",\"triggerElement\":\"#i2jovs376_0\"},\"(max-width: 767px)\":{\"disabled\":true}}}},\"effects\":{\"effect-impnewa3u\":{\"screen\":{\"id\":\"effect-impnewa3u\",\"name\":\"OPACITY\",\"disabled\":false,\"keyframes\":[{\"opacity\":0},{\"opacity\":1}],\"options\":{\"ease\":\"power1.inOut\",\"delay\":0,\"duration\":0.1}}}}}","794484507":"{\"animations\":{\"animation-i8kav28nj\":{\"id\":\"animation-i8kav28nj\",\"triggerName\":\"HOVER\",\"mediaParams\":{\"screen\":{\"disabled\":true,\"effectIds\":[\"effect-impnewa3u\"],\"preset\":\"FADE_IN\",\"loop\":\"none\",\"triggerElement\":\"#i3hz4qf7w_0\"},\"(max-width: 767px)\":{\"disabled\":true}}}},\"effects\":{\"effect-impnewa3u\":{\"screen\":{\"id\":\"effect-impnewa3u\",\"name\":\"OPACITY\",\"disabled\":false,\"keyframes\":[{\"opacity\":0},{\"opacity\":1}],\"options\":{\"ease\":\"power1.inOut\",\"delay\":0,\"duration\":0.1}}}}}","1446419655":"{\"animations\":{\"animation-i8kav28nj\":{\"id\":\"animation-i8kav28nj\",\"triggerName\":\"HOVER\",\"mediaParams\":{\"screen\":{\"disabled\":true,\"effectIds\":[\"effect-impnewa3u\"],\"preset\":\"FADE_IN\",\"loop\":\"none\",\"triggerElement\":\"#i2z44dqgc_0\"},\"(min-width: 1440px)\":{\"disabled\":false},\"(max-width: 767px)\":{\"disabled\":true}}}},\"effects\":{\"effect-impnewa3u\":{\"screen\":{\"id\":\"effect-impnewa3u\",\"name\":\"OPACITY\",\"disabled\":false,\"keyframes\":[{\"opacity\":0},{\"opacity\":1}],\"options\":{\"ease\":\"power1.inOut\",\"delay\":0,\"duration\":0.1}}}}}","1430918693":"{\"screen\":{\"objectFit\":\"cover\",\"lockRatio\":true,\"maxWidth\":\"2400\",\"maxHeight\":\"3066\"}}","540367937":"{\"screen\":{\"type\":\"button\",\"eventName\":\"click\",\"eventElement\":\"select\",\"eventAction\":\"show\",\"displayType\":\"\",\"selectedTag\":\"\",\"linkType\":\"link\",\"blank\":true}}","3416364895":"{\"screen\":{\"type\":\"link\",\"eventName\":\"click\",\"eventElement\":\"select\",\"eventAction\":\"\",\"displayType\":\"\",\"selectedTag\":\"\",\"linkType\":\"page\",\"blank\":false}}","3540915994":"{\"screen\":{\"objectFit\":\"cover\",\"lockRatio\":true,\"maxWidth\":\"340\",\"maxHeight\":\"340\"}}","3955718151":"{\"animations\":{\"animation-ibe3rk2h3\":{\"id\":\"animation-ibe3rk2h3\",\"triggerName\":\"HOVER\",\"mediaParams\":{\"screen\":{\"disabled\":false,\"effectIds\":[\"effect-ijq7j4d0a\"],\"preset\":\"FADE_IN\",\"loop\":\"none\",\"triggerElement\":\"#i6awa5i62_0\"},\"(min-width: 1440px)\":{\"disabled\":false},\"(max-width: 479px)\":{\"disabled\":true}}}},\"effects\":{\"effect-ijq7j4d0a\":{\"screen\":{\"id\":\"effect-ijq7j4d0a\",\"name\":\"MOVE\",\"disabled\":false,\"keyframes\":[{\"x\":\"0px\",\"y\":\"0px\",\"z\":\"0px\"},{\"x\":\"-0.5em\",\"y\":\"0px\",\"z\":\"0px\"}],\"options\":{\"ease\":\"0.445, 0.05, 0.55, 0.95\",\"delay\":0,\"duration\":0.3}}}}}","2959148671":"{\"animations\":{\"animation-ibe3rk2h3\":{\"id\":\"animation-ibe3rk2h3\",\"triggerName\":\"HOVER\",\"mediaParams\":{\"screen\":{\"disabled\":false,\"effectIds\":[\"effect-ijq7j4d0a\"],\"preset\":\"FADE_IN\",\"loop\":\"none\",\"triggerElement\":\"#i7z7chb8v_0\"}}}},\"effects\":{\"effect-ijq7j4d0a\":{\"screen\":{\"id\":\"effect-ijq7j4d0a\",\"name\":\"MOVE\",\"disabled\":false,\"keyframes\":[{\"x\":\"0px\",\"y\":\"0px\",\"z\":\"0px\"},{\"x\":\"-0.5em\",\"y\":\"0px\",\"z\":\"0px\"}],\"options\":{\"ease\":\"0.445, 0.05, 0.55, 0.95\",\"delay\":0,\"duration\":0.3}}}}}","198567491":"{\"animations\":{\"animation-ibe3rk2h3\":{\"id\":\"animation-ibe3rk2h3\",\"triggerName\":\"HOVER\",\"mediaParams\":{\"screen\":{\"disabled\":false,\"effectIds\":[\"effect-ijq7j4d0a\"],\"preset\":\"FADE_IN\",\"loop\":\"none\",\"triggerElement\":\"#iuvumzitn_0\"}}}},\"effects\":{\"effect-ijq7j4d0a\":{\"screen\":{\"id\":\"effect-ijq7j4d0a\",\"name\":\"MOVE\",\"disabled\":false,\"keyframes\":[{\"x\":\"0px\",\"y\":\"0px\",\"z\":\"0px\"},{\"x\":\"-0.5em\",\"y\":\"0px\",\"z\":\"0px\"}],\"options\":{\"ease\":\"0.445, 0.05, 0.55, 0.95\",\"delay\":0,\"duration\":0.3}}}}}","1402436461":"{\"animations\":{\"animation-i8kav28nj\":{\"id\":\"animation-i8kav28nj\",\"triggerName\":\"HOVER\",\"mediaParams\":{\"screen\":{\"disabled\":true,\"effectIds\":[\"effect-impnewa3u\"],\"preset\":\"FADE_IN\",\"loop\":\"none\",\"triggerElement\":\"#i4fef5xjv_0\"},\"(max-width: 767px)\":{\"disabled\":true}}}},\"effects\":{\"effect-impnewa3u\":{\"screen\":{\"id\":\"effect-impnewa3u\",\"name\":\"OPACITY\",\"disabled\":false,\"keyframes\":[{\"opacity\":0},{\"opacity\":1}],\"options\":{\"ease\":\"power1.inOut\",\"delay\":0,\"duration\":0.1}}}}}","714551167":"{\"screen\":{\"objectFit\":\"cover\",\"lockRatio\":true,\"maxWidth\":\"2962\",\"maxHeight\":\"2176\"}}","1675573238":"{\"animations\":{\"animation-i8kav28nj\":{\"id\":\"animation-i8kav28nj\",\"triggerName\":\"HOVER\",\"mediaParams\":{\"screen\":{\"disabled\":true,\"effectIds\":[\"effect-impnewa3u\"],\"preset\":\"FADE_IN\",\"loop\":\"none\",\"triggerElement\":\"#i1mr5swel_0\"},\"(max-width: 767px)\":{\"disabled\":true}}}},\"effects\":{\"effect-impnewa3u\":{\"screen\":{\"id\":\"effect-impnewa3u\",\"name\":\"OPACITY\",\"disabled\":false,\"keyframes\":[{\"opacity\":0},{\"opacity\":1}],\"options\":{\"ease\":\"power1.inOut\",\"delay\":0,\"duration\":0.1}}}}}","2262851596":"{\"screen\":{\"type\":\"link\",\"eventName\":\"click\",\"eventElement\":\"self\",\"eventAction\":\"\",\"displayType\":\"\",\"selectedTag\":\"\",\"linkType\":\"link\",\"blank\":true}}","730602724":"{\"animations\":{\"animation-i2sxcdo0x\":{\"id\":\"animation-i2sxcdo0x\",\"triggerName\":\"HOVER\",\"mediaParams\":{\"screen\":{\"disabled\":false,\"effectIds\":[\"effect-iwqm94moz\"],\"preset\":\"FADE_IN\",\"loop\":\"none\",\"triggerElement\":\"#ibov5thq2_0\"}}}},\"effects\":{\"effect-iwqm94moz\":{\"screen\":{\"id\":\"effect-iwqm94moz\",\"name\":\"COLOR\",\"disabled\":false,\"keyframes\":[{\"color\":\"rgba(255, 255, 255, 1)\"},{\"color\":\"rgba(240, 25, 109, 1)\"}],\"options\":{\"ease\":\"0.645, 0.045, 0.355, 1\",\"delay\":0,\"duration\":0.3}}}}}","1845662127":"{\"animations\":{\"animation-is4212xj1\":{\"id\":\"animation-is4212xj1\",\"triggerName\":\"SCROLL_TRANSFORM\",\"mediaParams\":{\"screen\":{\"disabled\":true,\"effectIds\":[\"effect-ignhtqonz\"],\"preset\":\"FADE_IN\",\"triggerElement\":\"#i8z5xo3zc_0\",\"startPosition\":\"top\",\"endPosition\":\"center\",\"startOffset\":\"0%\",\"endOffset\":\"0%\",\"scrollerStartOffset\":\"100%\",\"scrollerEndOffset\":\"0%\",\"smoothing\":0,\"markers\":true}}}},\"effects\":{\"effect-ignhtqonz\":{\"screen\":{\"id\":\"effect-ignhtqonz\",\"name\":\"MOVE\",\"disabled\":false,\"keyframes\":[{\"x\":\"0px\",\"y\":\"0px\",\"z\":\"0px\"},{\"x\":\"0px\",\"y\":\"-100%\",\"z\":\"0px\"}],\"options\":{\"ease\":\"power1.inOut\",\"startKeyframe\":0,\"endKeyframe\":100}}}}}","1677249857":"{\"levels\":[{\"desktop\":{\"layout\":\"vertical\",\"appearance\":\"default\",\"triggerEvent\":\"hover\",\"effect\":\"fade\",\"open\":{\"easing\":\"linear\",\"duration\":200},\"close\":{\"easing\":\"linear\",\"duration\":200},\"hideEmptyMenu\":false,\"showNextMenu\":false,\"columns\":3},\"mobile\":{\"layout\":\"vertical\",\"appearance\":\"slide\",\"triggerEvent\":\"click\",\"effect\":\"left\",\"open\":{\"easing\":\"cubic-bezier(0.445, 0.05, 0.55, 0.95)\",\"duration\":1000},\"close\":{\"easing\":\"cubic-bezier(0.645, 0.045, 0.355, 1)\",\"duration\":1000},\"hideEmptyMenu\":false,\"showNextMenu\":true}}],\"anchorDuration\":\"1000\",\"mobileBreakPoint\":\"(max-width: 479px)\",\"mobileMenuPosition\":\"left\",\"scrollLock\":false}","2038236754":"{\"animations\":{\"animation-i62ywkyr8\":{\"id\":\"animation-i62ywkyr8\",\"triggerName\":\"HOVER\",\"mediaParams\":{\"screen\":{\"disabled\":false,\"effectIds\":[\"effect-i7b47zh2z\"],\"preset\":\"FADE_IN\",\"loop\":\"none\",\"triggerElement\":\"#ihjdkk9ar_0\"}}}},\"effects\":{\"effect-i7b47zh2z\":{\"screen\":{\"id\":\"effect-i7b47zh2z\",\"name\":\"COLOR\",\"disabled\":false,\"keyframes\":[{\"color\":\"rgba(255, 255, 255, 1)\"},{\"color\":\"rgba(240, 25, 109, 1)\"}],\"options\":{\"ease\":\"0.645, 0.045, 0.355, 1\",\"delay\":0,\"duration\":0.3}}}}}","953365152":"{\"screen\":{\"closeOnOverlay\":true,\"scrollLock\":false,\"effect\":\"fade\",\"open\":{\"easing\":\"ease-in-out\",\"duration\":200},\"close\":{\"easing\":\"ease-in-out\",\"duration\":200}}}","3670885118":"{\"screen\":{\"mode\":\"main\",\"anketa_id\":\"201649913\",\"name\":\"Email Form\",\"
2053initial_state\":\"{\\\"anketa_id\\\":\\\"201649913\\\",\\\"name\\\":\\\"Email Form\\\",\\\"submit_name\\\":\\\"Отправить\\\",\\\"success_note\\\":\\\"Thank you!\\\",\\\"tag_id\\\":\\\"i28wkxdqk\\\",\\\"symbol_id\\\":\\\"symbol-ibk6cj3z3\\\",\\\"change\\\":false,\\\"dictionaries\\\":{\\\"iko6dkzg5\\\":{\\\"dictionary_id\\\":1242257313,\\\"name\\\":\\\"Checkbox group\\\",\\\"type_id\\\":5,\\\"required\\\":false,\\\"alias\\\":\\\"field_1242257313\\\",\\\"note\\\":\\\"\\\",\\\"variants\\\":[\\\"Сайт под ключ\\\",\\\"Дизайн без верстки\\\",\\\"3d иллюстрации\\\"],\\\"params_value\\\":\\\"\\\",\\\"validator\\\":\\\"\\\",\\\"change\\\":false},\\\"izynmrhor\\\":{\\\"dictionary_id\\\":1242257513,\\\"name\\\":\\\"Website or Company Name*\\\",\\\"type_id\\\":1,\\\"required\\\":true,\\\"alias\\\":\\\"field_1242257513\\\",\\\"note\\\":\\\"\\\",\\\"variants\\\":[],\\\"params_value\\\":\\\"\\\",\\\"validator\\\":\\\"\\\",\\\"change\\\":false},\\\"iitu8ll77\\\":{\\\"dictionary_id\\\":1242257713,\\\"name\\\":\\\"Email address\\\",\\\"type_id\\\":13,\\\"required\\\":true,\\\"alias\\\":\\\"email\\\",\\\"note\\\":\\\"\\\",\\\"variants\\\":[],\\\"params_value\\\":\\\"\\\",\\\"validator\\\":\\\"\\\",\\\"change\\\":false},\\\"io9p32pjf\\\":{\\\"dictionary_id\\\":1242257913,\\\"name\\\":\\\"Textarea\\\",\\\"type_id\\\":2,\\\"required\\\":true,\\\"alias\\\":\\\"field_1242257913\\\",\\\"note\\\":\\\"\\\",\\\"variants\\\":[],\\\"params_value\\\":\\\"\\\",\\\"validator\\\":\\\"\\\",\\\"change\\\":false}},\\\"redirect_url\\\":\\\"/success-submition\\\"}\",\"nativeStyle\":false,\"disabledNativeStyleSelect\":true,\"redirectAction\":\"page\",\"redirectPage\":\"/success-submition\"}}","2723265586":"{\"screen\":{\"name\":\"Checkbox group\",\"type_id\":5,\"required\":false,\"dictionary_id\":1242257313,\"alias\":\"field_1242257313\"}}","4039395888":"{\"screen\":{\"type_id\":1,\"type_code\":\"text\",\"name\":\"Website or Company Name*\",\"required\":true,\"maxlength\":256,\"dictionary_id\":1242257513,\"alias\":\"field_1242257513\"}}","1905957598":"{\"screen\":{\"type_id\":13,\"type_code\":\"email\",\"name\":\"Email address\",\"required\":true,\"maxlength\":256,\"dictionary_id\":1242257713,\"alias\":\"email\"}}","1831041182":"{\"screen\":{\"name\":\"Textarea\",\"type_id\":2,\"type_field\":\"textarea\",\"required\":true,\"dictionary_id\":1242257913,\"alias\":\"field_1242257913\"}}","1966213245":"{\"screen\":{\"objectFit\":\"cover\",\"lockRatio\":true,\"maxWidth\":\"3000\",\"maxHeight\":\"3000\"},\"(max-width: 479px)\":{\"objectFit\":\"cover\"}}","956016656":"{\"animations\":{\"animation-i14yre8pc\":{\"id\":\"animation-i14yre8pc\",\"triggerName\":\"APPEAR_ON_SCREEN\",\"mediaParams\":{\"screen\":{\"effectIds\":[\"effect-iewgynmx7\"],\"preset\":\"SLIDE_IN_LEFT\",\"iterations\":1,\"stageOfAppear\":\"top\",\"loop\":\"none\"},\"(min-width: 1440px)\":{}}}},\"effects\":{\"effect-iewgynmx7\":{\"screen\":{\"id\":\"effect-iewgynmx7\",\"name\":\"MOVE\",\"disabled\":false,\"keyframes\":[{\"x\":\"0px\",\"y\":\"20em\",\"z\":\"0px\"},{\"x\":\"0px\",\"y\":\"0px\",\"z\":\"0px\"}],\"options\":{\"ease\":\"0.785, 0.135, 0.15, 0.86\",\"delay\":0,\"duration\":1.2}}}}}","3047831952":"{\"animations\":{\"animation-ikwgk0qxk\":{\"id\":\"animation-ikwgk0qxk\",\"triggerName\":\"CLICK\",\"mediaParams\":{\"screen\":{\"disabled\":true,\"effectIds\":[\"effect-icfs6lkee\"],\"preset\":\"FADE_IN\",\"secondClick\":\"reverse\",\"loop\":\"none\",\"triggerElement\":\"#i3g1qsujh_0\"}}}},\"effects\":{\"effect-icfs6lkee\":{\"screen\":{\"id\":\"effect-icfs6lkee\",\"name\":\"MOVE\",\"disabled\":false,\"keyframes\":[{\"x\":\"0px\",\"y\":\"0px\",\"z\":\"0px\"},{\"x\":\"11px\",\"y\":\"0px\",\"z\":\"0px\"}],\"options\":{\"ease\":\"0.455, 0.03, 0.515, 0.955\",\"delay\":0,\"duration\":0.3}}}}}","93719356":"{\"screen\":{\"type\":\"link\",\"eventName\":\"click\",\"eventElement\":\"self\",\"eventAction\":\"\",\"displayType\":\"\",\"selectedTag\":\"\",\"linkType\":\"page\",\"blank\":true}}","3971710226":"{\"screen\":{\"speed\":600}}"}}
2054</script>
2054
2055
2056<!-- assets.bottom -->
2057<!-- </noscript></script>
2057</style> -->
2058<script src="/assets/site/main.min.js?1791276656" ></script>
vendor: 1 bytes, line 2058
2058
2059<script >/*<![CDATA[*/
2060var megacounter_key="c2830a912de55aa467b70f88487ad0ad";
2061(function(d){
2062    var s = d.createElement("script");
2063    s.src = "//counter.megagroup.ru/loader.js?"+new Date().getTime();
2064    s.async = true;
2065    d.getElementsByTagName("head")[0].appendChild(s);
2066})(document);
2067/*]]>*/</script>
vendor: 1 bytes, line 2067
2067
2068<script >/*<![CDATA[*/
2069$ite.start({"sid":6746786,"vid":6822589,"aid":5024752,"stid":27,"cp":21,"active":true,"domain":"salakhov-design.ru","lang":"en","trusted":false,"debug":false,"captcha":4,"onetap":[{"provider":"vkontakte","provider_id":"53543634","code_verifier":"mjvnrgfZ9oObJp4JJvHt4i6a2RJd78U5gsrVR7gBUUG_zXjHLh-2L9h8j6zSFbxR_IyP7TylsvlLU6hQGkJycbt_"}]});
2070/*]]>*/</script>
2070
2071<!-- /assets.bottom -->
2072</body>
2073</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.