PageSourceSearch

https://crocos.kz/uslugi/

html crocos.kz collected 2026-10-01 14:08:26 UTC 73,527 bytes, 1,441 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ru">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <base href='https://crocos.kz/'>
7    <title>Услуги IT-компании CROCOS в Астане</title>
8   <!--<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">-->
9   <link rel="stylesheet" href="/assets/crocos2024/styles/animate.css">
10    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
11    <link rel="stylesheet" href="/assets/crocos2024/styles/main.css">
12    
13    <link rel="stylesheet" href="assets/crocos2024/styles/services.css">
14    
15    
16    
17    <link rel="stylesheet" href="assets/crocos2024/styles/blog-item.css">
18    <link rel="stylesheet" href="assets/crocos2024/styles/case-item.css">
19
20    <link rel="stylesheet" href="/assets/crocos2024/styles/fonts.css">
21    <link rel="stylesheet" href="/assets/crocos2024/styles/modal.css">
22    <!--<link rel="stylesheet" href="/assets/crocos--new/css/swiper.min.css">-->
23    <link rel="stylesheet" href="/assets/crocos--new/css/component.css">
24    <link href="/assets/crocosnews/js/jquery.fancybox.min.css" rel="stylesheet"/>
25    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
26	
26<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/gsap.min.js"></script>
26
27	
27<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/ScrollTrigger.min.js"></script>
27
28             
29
30    <link rel="canonical" href="https://crocos.kz/uslugi/"/>
31    
32    <meta name="title" content="Услуги IT-компании CROCOS в Астане">
33    <meta name="keywords" content=" интегратор digital-решений, информационные технологии, разработка сайтов, мобильная разработка, AR|VR разработка, SMM продвижение, SEO продвижение, создание сайтов, создание сайта, дизайн сайта, цена, услуги компании" />
34    <meta name="description" content="Компания «CROCOS» осуществляет полный комплекс услуг по разработке и продвижению интернет-проектов в Астане." />
35    <!--<meta name="facebook-domain-verification" content="q6phb3kv98d678wpv7774hglla6edj" />-->
36    <!-- Open Graph -->
37    <meta property="og:type" content="website" />
38    <meta property="og:locale" content="ru_RU" />
39    <meta property="og:site_name" content="CROCOS SYSTEMS" />
40    <meta property="og:url" content="https://crocos.kz/uslugi/" />
41    <!-- og_image TV не подключён к шаблону (тег отдавал пустоту) - картинка по умолчанию для всех страниц -->
42    <meta property="og:image" content="https://crocos.kz/assets/crocos2024/img/31.jpg" />
43    <meta property="og:image:width" content="1920" />
44    <meta property="og:image:height" content="1080" />
45    <meta property="og:image:alt" content="IT-компания CROCOS Казахстан" />
46    
47    <meta property="og:title" content="Услуги IT-компании CROCOS в Астане" />
48    <meta property="og:description" content="Компания «CROCOS» осуществляет полный комплекс услуг по разработке и продвижению интернет-проектов в Астане." />
49    <!-- Twitter Cards -->
50    <meta name="twitter:card" content="summary_large_image" />
51    <meta name="twitter:title" content="Услуги IT-компании CROCOS в Астане" />
52    <meta name="twitter:description" content="Компания «CROCOS» осуществляет полный комплекс услуг по разработке и продвижению интернет-проектов в Астане." />
53    <meta name="twitter:image" content="https://crocos.kz/assets/crocos2024/img/31.jpg" />
54    
55
56    <meta name="msapplication-TileColor" content="#0C84F3">
57    <meta name="theme-color" content="#0C84F3">
58
59    <!-- Schema.org: организация и сайт (на всех страницах) -->
60    
60<script type="application/ld+json">
61    {
62      "@context": "https://schema.org",
63      "@graph": [
64        {
65          "@type": [ "ITBusiness", "Organization" ],
66          "@id": "https://crocos.kz/#organization",
67          "name": "CROCOS",
68          "legalName": "ТОО «CROCOS SYSTEMS»",
69          "url": "https://crocos.kz/",
70          "logo": {
71            "@type": "ImageObject",
72            "@id": "https://crocos.kz/#logo",
73            "url": "https://crocos.kz/assets/crocos2024/img/crocos_logo_black.svg",
74            "caption": "Логотип IT-компании CROCOS"
75          },
76          "image": "https://crocos.kz/assets/crocos2024/img/31.jpg",
77          "foundingDate": "2011",
78          "description": "Казахстанский IT-интегратор и веб-продакшн полного цикла. Разработка мобильных приложений, веб-порталов, автоматизация B2B-процессов и интернет-маркетинг.",
79          "taxID": "060140028221",
80          "address": {
81            "@type": "PostalAddress",
82            "streetAddress": "пр. Республики 34а, БЦ «Нұр Тау», офис 602",
83            "addressLocality": "Астана",
84            "postalCode": "010000",
85            "addressCountry": "KZ"
86          },
87          "geo": {
88            "@type": "GeoCoordinates",
89            "latitude": 51.1605,
90            "longitude": 71.4305
91          },
92          "contactPoint": [
93            {
94              "@type": "ContactPoint",
95              "telephone": "+7-7172-79-04-39",
96              "contactType": "sales",
97              "areaServed": "KZ",
98              "availableLanguage": [ "Russian", "Kazakh", "English" ]
99            }
100          ],
101          "sameAs": [
102            "https://www.facebook.com/wecrocos/",
103            "https://career.habr.com/companies/crocos"
104          ]
105        },
106        {
107          "@type": "WebSite",
108          "@id": "https://crocos.kz/#website",
109          "url": "https://crocos.kz/",
110          "name": "CROCOS",
111          "publisher": { "@id": "https://crocos.kz/#organization" },
112          "inLanguage": "ru-KZ"
113        }
114      ]
115    }
116    </script>
116
117    
118    <link rel="apple-touch-icon"      sizes="57x57" href="/assets/crocosnews/img/favicon/apple-icon-57x57.png">
119    <link rel="apple-touch-icon"      sizes="60x60" href="/assets/crocosnews/img/favicon/apple-icon-60x60.png">
120    <link rel="apple-touch-icon"      sizes="72x72" href="/assets/crocosnews/img/favicon/apple-icon-72x72.png">
121    <link rel="apple-touch-icon"      sizes="76x76" href="/assets/crocosnews/img/favicon/apple-icon-76x76.png">
122    <link rel="apple-touch-icon"      sizes="114x114" href="/assets/crocosnews/img/favicon/apple-icon-114x114.png">
123    <link rel="apple-touch-icon"      sizes="120x120" href="/assets/crocosnews/img/favicon/apple-icon-120x120.png">
124    <link rel="apple-touch-icon"      sizes="144x144" href="/assets/crocosnews/img/favicon/apple-icon-144x144.png">
125    <link rel="apple-touch-icon"      sizes="152x152" href="/assets/crocosnews/img/favicon/apple-icon-152x152.png">
126    <link rel="apple-touch-icon"      sizes="180x180" href="/assets/crocosnews/img/favicon/apple-icon-180x180.png">
127    <link rel="icon" type="image/png" sizes="192x192"  href="/assets/crocosnews/img/favicon/android-icon-192x192.png">
128    <link rel="icon" type="image/png" sizes="32x32" href="/assets/crocosnews/img/favicon/favicon-32x32.png">
129    <link rel="icon" type="image/png" sizes="96x96" href="/assets/crocosnews/img/favicon/favicon-96x96.png">
130    <link rel="icon" type="image/png" sizes="16x16" href="/assets/crocosnews/img/favicon/favicon-16x16.png">
131    
132      <link rel="icon" type="image/x-icon" href="/assets/crocosnews/img/favicon.ico">
133  <!--   <link rel="manifest" href="/assets/crocosnews/img/favicon/manifest.json"> -->
134    <!--<link rel="preconnect" href="https://fonts.googleapis.com">-->
135    <!--<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>-->
136    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100&display=swap" rel="stylesheet">
137    <!-- Google Tag Manager -->
138    <!-- 
138<script>
vendor: 347 bytes, lines 138-142
138(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
139    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
140    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
141    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
142    })(window,document,'script','dataLayer','
142GTM-PG88XF4
vendor: 3 bytes, line 142
142');
142</script>
142 -->
143    <!-- End Google Tag Manager -->
144    
145    <!-- Global site tag (gtag.js) - Google Analytics -->
146    <!--
vendor: 64 bytes, line 146
146 <script async src="https://www.googletagmanager.com/gtag/js?id=
146G-Q06JTT5T42
vendor: 17 bytes, lines 146-147
146"></script>
147    
147<script>
148      
vendor: 154 bytes, lines 148-152
148window.dataLayer = window.dataLayer || [];
149      function gtag(){dataLayer.push(arguments);}
150      gtag('js', new Date());
151    
152      gtag('config', '
152G-Q06JTT5T42
vendor: 9 bytes, lines 152-153
152');
153    
153</script>
153 -->
154    
155    <!-- Yandex.Metrika counter -->
156   <!--  
156<script type="text/javascript" >
vendor: 320 bytes, lines 156-161
156
157      (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
158      m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
159      (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
160   
161      ym(
16153760352
vendor: 147 bytes, lines 161-167
161, "init", {
162           clickmap:true,
163           trackLinks:true,
164           accurateTrackBounce:true,
165           webvisor:true
166      });
167   
167</script>
167 -->
168    <noscript><div><img src="https://mc.yandex.ru/watch/53760352" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
169    <!-- /Yandex.Metrika counter -->
170
171    <!-- Facebook Pixel Code -->
172    <!-- 
172<script>
vendor: 444 bytes, lines 172-181
172
173    !function(f,b,e,v,n,t,s)
174    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
175    n.callMethod.apply(n,arguments):n.queue.push(arguments)};
176    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
177    n.queue=[];t=b.createElement(e);t.async=!0;
178    t.src=v;s=b.getElementsByTagName(e)[0];
179    s.parentNode.insertBefore(t,s)}(window, document,'script',
180    'https://connect.facebook.net/en_US/fbevents.js');
181    fbq('init', '
181501427417250939
vendor: 40 bytes, lines 181-183
181');
182    fbq('track', 'PageView');
183    
183</script>
183
184    <noscript><img height="1" width="1" style="display:none"
185    src="https://www.facebook.com/tr?id=501427417250939&ev=PageView&noscript=1"
186    /></noscript> -->
187    <!-- End Facebook Pixel Code -->
188
189    <meta name="yandex-verification" content="04c0097a0ccc4758" />
190    <meta name="yandex-verification" content="bb1d6446e8aa3e4d" /> <!-- u.artem -->
191    <!-- Google Tag Manager -->
192<script>
vendor: 331 bytes, lines 192-196
192(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
193new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
194j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
195'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
196})(window,document,'script','dataLayer','
196GTM-PG88XF4
vendor: 3 bytes, line 196
196');
196</script>
196
197<!-- End Google Tag Manager -->
198
199</head>
200
201<body id="bs-kill9" class="header_in">
202    <div id="cursor"></div>
203<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 203-204
203
204<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
204GTM-PG88XF4
vendor: 85 bytes, lines 204-205
204"
205height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
206<!-- End Google Tag Manager (noscript) -->
207
208<div class="">
209<header class="header_in header ">
210    <div class="container">
211        <div class="header_box">
212             <div class="text-container">
213	                <div class="animated-text-start z_indexf" >
214            <div class="header_top">
215                <div class='mobile_header'>
216                    <div class="logo">
217                        <a href="/">
218                            <img src="assets/crocos2024/img/crocos_logo_black.svg" alt="IT-компания CROCOS Астана" width="212" height="45">
219                        </a>
220                    </div>
221                    <div class='mobile'>
222                        <div class="mobile_icon">
223                            <span>
224                                Ru
225                                
226                                
227                            </span>
228                            <ul>
229                            <li>
230    <a href="https://crocos.kz/kz/uslugi-kaz/" class="kz" data-lang="kz">
231        kz
232    </a>
233</li>
234<li>
235    <a href="https://crocos.kz/uslugi/" class="ru active" data-lang="ru">
236        ru
237    </a>
238</li>
239                            <li>
240                                <a href="https://crocos.pro/" class="en" data-lang="en" target="_blank">
241                                    en
242                                </a>
243                            </li>
244                            <!--<li>-->
245                            <!--    <a href="https://crocos-uz.crocos.kz" class="uz" data-lang="uz" target="_blank">-->
246                            <!--        uz-->
247                            <!--    </a>-->
248                            <!--</li>-->
249                        </ul>
250                        </div>
251                        <div class='menubar'>
252                            <img alt="Меню" width="47" height="47" src="assets/crocos2024/img/Menu-black.svg">
253                        </div>
254                    </div>
255                </div>
256                <nav>
257                    <ul class="header_top_menu-top">
258                        <!--<li>Разработка-->
259                        <!---->
260                        <!---->
261                        <!--</li>-->
262                        <!--<li><a href="https://astana.citypass.kz/ru/" target="_blank">Городской путеводитель
263                        
264                        </a>
265                        </li> -->
266                    </ul>
267                </nav>
268            </div>
269            </div>
270            </div>
271             <div class="text-container">
272	                <div class="animated-text-start">
273            <div class="header_bottom wow fadeIn" data-wow-duration="2s">
274                <div class='menuhide'>
275                    <nav>
276                        <ul class="header_top_menu-bot">
277                            
278                            <li><a href="o-kompanii/" target="_blank">О
279                                    компании</a>
280                            </li>
281                            <li><a href="uslugi/" target="_blank">Услуги</a>
282                            </li>
283                            <li><a href="produktyi/" target="_blank">Продукты</a>
284                            </li>
285                            <li><a href="cases/" target="_blank">Кейсы</a>
286                            </li>
287                            <li><a href="kontaktyi" target="_blank">Контакты</a>
288                            </li>
289                            
290                            
291                            
292                            
293                            
294                        </ul>
295                    </nav>
296                </div>
297                <div class='header_bottom_info'>
298                    <div class="header_bottom_info_lang desc_icon">
299                        <span>
300                            Ru
301                            
302                            
303                        </span>
304                        <ul>
305                            <li>
306    <a href="https://crocos.kz/kz/uslugi-kaz/" class="kz" data-lang="kz">
307        kz
308    </a>
309</li>
310<li>
311    <a href="https://crocos.kz/uslugi/" class="ru active" data-lang="ru">
312        ru
313    </a>
314</li>
315                            <li>
316                                <a href="https://crocos.pro/" class="en" data-lang="en" target="_blank">
317                                    en
318                                </a>
319                            </li>
320                            <!--<li>-->
321                            <!--    <a href="https://crocos-uz.crocos.kz" class="uz" data-lang="uz" target="_blank">-->
322                            <!--        uz-->
323                            <!--    </a>-->
324                            <!--</li>-->
325                        </ul>
326                    </div>
327                 
328                    <div class='header_bottom_info_breaf imodal0' id="imodal" data-modal="formama">
329                        Обсудить проект
330                        
331                         
332                        <!-- <a href="https://forms.gle/tpk78gAAgod8WMXM9" target='_blank'>обратная связь</a> -->
333                    </div>
334               
335                    <div class='header_bottom_info_phone'>
336                        <a href="tel:+77718479990">
337                            <svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="https://www.w3.org/2000/svg">
338<path d="M8.60754 6.00909C8.77254 6.23825 8.89171 6.44909 8.97421 6.65075C9.05671 6.84325 9.10254 7.03575 9.10254 7.20992C9.10254 7.42992 9.03837 7.64992 8.91004 7.86075C8.79087 8.07159 8.61671 8.29159 8.39671 8.51159L7.70004 9.23575C7.59921 9.33659 7.55337 9.45575 7.55337 9.60242C7.55337 9.67575 7.56254 9.73992 7.58087 9.81325C7.60837 9.88659 7.63587 9.94159 7.65421 9.99659C7.81921 10.2991 8.10337 10.6933 8.50671 11.1699C8.91921 11.6466 9.35921 12.1324 9.83587 12.6183C10.3309 13.1041 10.8075 13.5533 11.2934 13.9658C11.77 14.3691 12.1642 14.6441 12.4759 14.8091C12.5217 14.8274 12.5767 14.8549 12.6409 14.8824C12.7142 14.9099 12.7875 14.9191 12.87 14.9191C13.0259 14.9191 13.145 14.8641 13.2459 14.7633L13.9425 14.0758C14.1717 13.8466 14.3917 13.6724 14.6025 13.5624C14.8134 13.4341 15.0242 13.3699 15.2534 13.3699C15.4275 13.3699 15.6109 13.4066 15.8125 13.4891C16.0142 13.5716 16.225 13.6908 16.4542 13.8466L19.4884 16.0008C19.7267 16.1658 19.8917 16.3583 19.9925 16.5874C20.0842 16.8166 20.1392 17.0458 20.1392 17.3024C20.1392 17.6324 20.0659 17.9716 19.91 18.3016C19.7542 18.6316 19.5525 18.9433 19.2867 19.2366C18.8375 19.7316 18.3425 20.0891 17.7834 20.3183C17.2334 20.5474 16.6375 20.6666 15.9959 20.6666C15.0609 20.6666 14.0617 20.4466 13.0075 19.9974C11.9534 19.5483 10.8992 18.9433 9.85421 18.1824C8.78914 17.4033 7.78409 16.5454 6.84754 15.6158C5.92058 14.6826 5.06563 13.6806 4.29004 12.6183C3.53837 11.5733 2.93337 10.5283 2.49337 9.49242C2.05337 8.44742 1.83337 7.44825 1.83337 6.49492C1.83337 5.87159 1.94337 5.27575 2.16337 4.72575C2.38337 4.16659 2.73171 3.65325 3.21754 3.19492C3.80421 2.61742 4.44587 2.33325 5.12421 2.33325C5.38087 2.33325 5.63754 2.38825 5.86671 2.49825C6.10504 2.60825 6.31587 2.77325 6.48087 3.01159" stroke="#0066FF" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
339<path d="M16.9583 8.74992C16.9583 8.19992 16.5275 7.35659 15.8858 6.66909C15.2992 6.03659 14.52 5.54159 13.75 5.54159M15.5925 2.59909C15.0058 2.42492 14.3917 2.33325 13.75 2.33325M20.1667 8.74992C20.1667 6.57742 19.085 4.65242 17.435 3.49742" stroke="#0066FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
340</svg>+7 /771/ 847 99 90</a> 
341                            <span><svg xmlns="https://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">
342                            		<path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708" />
343                            	</svg></span>
344                            <div class='addition__numbers'>
345                            	<a href="tel:+77172790439" target="_blank">
346                            	    <span style="margin-right: 20px">
347                            			<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" class="bi bi-telephone" viewBox="0 0 16 16">
348  <path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.6 17.6 0 0 0 4.168 6.608 17.6 17.6 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.68.68 0 0 0-.58-.122l-2.19.547a1.75 1.75 0 0 1-1.657-.459L5.482 8.062a1.75 1.75 0 0 1-.46-1.657l.548-2.19a.68.68 0 0 0-.122-.58zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.75 1.75 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z"/>
349</svg>
350                            		</span>+7 (7172) 79 04 39</a>
351                            </div>
352                    </div>
353                    
354                </div>
355            </div>
356            </div>
357            </div>
358            <div class="mobile_slash">
359                <div class='cross_mobile'></div>
360                <nav class='mobile_slash-top'>
361                    <ul class="">
362                        <li>
363                             Разработка
364                        
365                         
366                    
367                        </li>
368                    <!--    <li><a href="https://astana.citypass.kz/ru/" target="_blank">
369                             Городской путеводитель
370                        
371                        
372                            </a>
373                        </li> -->
374                    </ul>
375                </nav>
376                <nav class='mobile_slash-bot'>
377                    <ul class="">
378                        
379                        <li><a href="o-kompanii/" target="_blank">О
380                                    компании</a>
381                            </li>
382                            <li><a href="uslugi/" target="_blank">Услуги</a>
383                            </li>
384                            <li><a href="produktyi/" target="_blank">Продукты</a>
385                            </li>
386                            <li><a href="cases/" target="_blank">Кейсы</a>
387                            </li>
388                            <li><a href="kontaktyi" target="_blank">Контакты</a>
389                            </li>
390                        
391                        
392                        
393                        
394                        
395                    </ul>
396                </nav>
397                <div class='header_bottom_info'>
398                    <div class='header_bottom_info_breaf amo_btn' id="imodal" data-modal="formama">
399                        Свяжитесь с нами
400                        
401                         
402                        <!-- <a href="https://forms.gle/tpk78gAAgod8WMXM9" target='_blank'>обратная связь</a> -->
403                    </div>
404                    <div class='header_bottom_info_phone'>
405                        <a href="tel:+77172790439">  +7 /7172/ 79 04 39</a> <a href="tel:+77718479990"><svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="https://www.w3.org/2000/svg">
406<path d="M8.60754 6.00909C8.77254 6.23825 8.89171 6.44909 8.97421 6.65075C9.05671 6.84325 9.10254 7.03575 9.10254 7.20992C9.10254 7.42992 9.03837 7.64992 8.91004 7.86075C8.79087 8.07159 8.61671 8.29159 8.39671 8.51159L7.70004 9.23575C7.59921 9.33659 7.55337 9.45575 7.55337 9.60242C7.55337 9.67575 7.56254 9.73992 7.58087 9.81325C7.60837 9.88659 7.63587 9.94159 7.65421 9.99659C7.81921 10.2991 8.10337 10.6933 8.50671 11.1699C8.91921 11.6466 9.35921 12.1324 9.83587 12.6183C10.3309 13.1041 10.8075 13.5533 11.2934 13.9658C11.77 14.3691 12.1642 14.6441 12.4759 14.8091C12.5217 14.8274 12.5767 14.8549 12.6409 14.8824C12.7142 14.9099 12.7875 14.9191 12.87 14.9191C13.0259 14.9191 13.145 14.8641 13.2459 14.7633L13.9425 14.0758C14.1717 13.8466 14.3917 13.6724 14.6025 13.5624C14.8134 13.4341 15.0242 13.3699 15.2534 13.3699
406C15.4275 13.3699 15.6109 13.4066 15.8125 13.4891C16.0142 13.5716 16.225 13.6908 16.4542 13.8466L19.4884 16.0008C19.7267 16.1658 19.8917 16.3583 19.9925 16.5874C20.0842 16.8166 20.1392 17.0458 20.1392 17.3024C20.1392 17.6324 20.0659 17.9716 19.91 18.3016C19.7542 18.6316 19.5525 18.9433 19.2867 19.2366C18.8375 19.7316 18.3425 20.0891 17.7834 20.3183C17.2334 20.5474 16.6375 20.6666 15.9959 20.6666C15.0609 20.6666 14.0617 20.4466 13.0075 19.9974C11.9534 19.5483 10.8992 18.9433 9.85421 18.1824C8.78914 17.4033 7.78409 16.5454 6.84754 15.6158C5.92058 14.6826 5.06563 13.6806 4.29004 12.6183C3.53837 11.5733 2.93337 10.5283 2.49337 9.49242C2.05337 8.44742 1.83337 7.44825 1.83337 6.49492C1.83337 5.87159 1.94337 5.27575 2.16337 4.72575C2.38337 4.16659 2.73171 3.65325 3.21754 3.19492C3.80421 2.61742 4.44587 2.33325 5.12421 2.33325C5.38087 2.33325 5.63754 2.38825 5.86671 2.49825C6.10504 2.60825 6.31587 2.77325 6.48087 3.01159" stroke="#ffFfff" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
407<path d="M16.9583 8.74992C16.9583 8.19992 16.5275 7.35659 15.8858 6.66909C15.2992 6.03659 14.52 5.54159 13.75 5.54159M15.5925 2.59909C15.0058 2.42492 14.3917 2.33325 13.75 2.33325M20.1667 8.74992C20.1667 6.57742 19.085 4.65242 17.435 3.49742" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
408</svg> +7 /771/ 847 99 90</a>
409                    </div>
410                </div>
411            </div>
412        </div>
413    </div>
414</header>
415
416<!-- Modal -->
417<div class="modal fade akciya" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
418  <div class="modal-dialog modal-dialog-centered" role="document">
419    <div class="modal-content">
420        
421      <div class="modal-header">
422        <h5 class="modal-title" id="exampleModalLongTitle">Акция!</h5>
423        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
424          <span aria-hidden="true">
425<svg width="71" height="71" viewBox="0 0 71 71" fill="none" xmlns="https://www.w3.org/2000/svg">
426<path d="M53.25 17.75L17.75 53.25" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
427<path d="M17.75 17.75L53.25 53.25" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
428</svg>
429</span>
430        </button>
431      </div>
432      <div class="modal-body">
433           Закажите разработку проекта - получите бесплатную SEO-оптимизацию
434                        
435                         
436       
437      </div>
438      <div class="modal-footer">
439        <a href="https://api.whatsapp.com/send?phone=77718479990" target="_blank"><button type="button" class="btn btn-primary">Узнать пoдробнее<span style="margin-left: 20px">
440<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="https://www.w3.org/2000/svg">
441<path d="M37.561 6.41667C33.4216 2.29166 27.9024 0 22.0767 0C9.96515 0 0.153308 9.77778 0.153308 21.8472C0.153308 25.6667 1.22648 29.4861 3.0662 32.6944L0 44L11.6516 40.9444C14.8711 42.625 18.3972 43.5417 22.0767 43.5417C34.1881 43.5417 44 33.7639 44 21.6944C43.8467 16.0417 41.7003 10.5417 37.561 6.41667ZM32.655 29.6389C32.1951 30.8611 30.0488 32.0833 28.9756 32.2361C28.0557 32.3889 26.8293 32.3889 25.6028 32.0833C24.8362 31.7778 23.7631 31.4722 22.5366 30.8611C17.0174 28.5694 13.4913 23.0694 13.1847 22.6111C12.8781 22.3056 10.885 19.7083 10.885 16.9583C10.885 14.2083 12.2648 12.9861 12.7247 12.375C13.1847 11.7639 13.7979 11.7639 14.2578 11.7639C14.5645 11.7639 15.0244 11.7639 15.331 11.7639C15.6376 11.7639 16.0976 11.6111 16.5575 12.6806C17.0174 13.75 18.0906 16.5 18.2439 16.6528C18.3972 16.9583 18.3972 17.2639 18.2439 17.5694C18.0906 17.875 17.9373 18.1806 17.6307 18.4861C17.324 18.7917 17.0174 19.25 16.8641 19.4028C16.5575 19.7083 16.2509 20.0139 16.5575 20.4722C16.8641 21.0833 17.9373 22.7639 19.6237 24.2917C21.77 26.125 23.4564 26.7361 24.0697 27.0417C24.6829 27.3472 24.9895 27.1944 25.2962 26.8889C25.6028 26.5833 26.676 25.3611 26.9826 24.75C27.2892 24.1389 27.7491 24.2917 28.2091 24.4444C28.669 24.5972 31.4286 25.9722 31.8885 26.2778C32.5017 26.5833 32.8084 26.7361 32.9617 26.8889C33.115 27.3472 33.115 28.4167 32.655 29.6389Z" fill="white"/>
442</svg>
443</span></button></a>
444      </div>
445    </div>
446  </div>
447</div>
448
449<section class='services services_in container'>
450	<ul class="breadcrumbs"><li><a href="/">Главная</a></li>&nbsp;/&nbsp;<li><a class="activ">Услуги</a></li></ul>
451	<div class="title wow slideInLeft" data-wow-duration="2s">
452		<h1>Услуги</h1>
453	</div>
454	<div class="services_box services_in_box">
455	     <a href="sozdanyie-sajtov" target="_blank" class="wow fadeInUp" data-wow-duration="2s">
456                              
457                                
458		
459			<div class='services_box_item'>
460				<div class="zoom-image"><img src="assets/crocos2024/img/ff2b6e4812edb05ed3ca926b02187187.jpg" alt="Web разработка"></div>
461				<div class="wr"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
462						<path d="M14.43 5.93005L20.5 12.0001L14.43 18.0701M11.01 12.0001H20.33M3.5 12.0001H6.97" stroke="white" stroke-width="1.5" stroke-miterlimit="10"
463							stroke-linecap="round" stroke-linejoin="round" />
464					</svg></div>
465				<div class="text-container">
466					<div class="animated-text">
467						<h5>Web разработка
468							
469							</h5>
470					</div>
471				</div>
472			</div>
473		</a>
474		   <a href="/razrabotka-mobilnykh-prilozheniy" target="_blank" class="wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="2s">
475                              
476                                
477		
478			<div class='services_box_item'>
479				<div class="zoom-image"><img src="assets/crocos2024/img/2150038900.jpg" alt="Мобильное приложение"></div>
480				<div class="wr"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
481						<path d="M14.43 5.93005L20.5 12.0001L14.43 18.0701M11.01 12.0001H20.33M3.5 12.0001H6.97" stroke="white" stroke-width="1.5" stroke-miterlimit="10"
482							stroke-linecap="round" stroke-linejoin="round" />
483					</svg></div>
484				<div class="text-container">
485					<div class="animated-text">
486						<h5>Мобильное приложение
487							
488							</h5>
489					</div>
490				</div>
491			</div>
492		</a>
493			 	<a href="/razrabotka-igr" target="_blank" class="wow fadeInUp" data-wow-delay="0.9s" data-wow-duration="2s">
494                              
495                                
496	
497			<div class='services_box_item'>
498				<div class="zoom-image"><img src="/image/Gemini_Generated_Image_u4h8bcu4h8bcu4h8.png" alt="Media"></div>
499				<div class="wr"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
500						<path d="M14.43 5.93005L20.5 12.0001L14.43 18.0701M11.01 12.0001H20.33M3.5 12.0001H6.97" stroke="white" stroke-width="1.5" stroke-miterlimit="10"
501							stroke-linecap="round" stroke-linejoin="round" />
502					</svg></div>
503				<div class="text-container">
504					<div class="animated-text">
505						<h5>Разработка игр «Crocos Games»
506							
507							</h5>
508					</div>
509				</div>
510			</div>
511		</a>
512		   	<a href="ar-vr-razrabotka" target="_blank" class="wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="2s">
513                              
514                                
515	
516			<div class='services_box_item'>
517				<div class="zoom-image"><img src="assets/crocos2024/img/6ef9e2871aeb860bbea417b70a6845fa.jpg" alt="AR/VR технологии"></div>
518				<div class="wr"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
519						<path d="M14.43 5.93005L20.5 12.0001L14.43 18.0701M11.01 12.0001H20.33M3.5 12.0001H6.97" stroke="white" stroke-width="1.5" stroke-miterlimit="10"
520							stroke-linecap="round" stroke-linejoin="round" />
521					</svg></div>
522				<div class="text-container">
523					<div class="animated-text">
524						<h5>AR/VR технологии
525							
526							</h5>
527					</div>
528				</div>
529			</div>
530		</a>
531		   <a href="razrabotka-umnyix-chat-botov-i-analitika-bolshix-dannyix" target="_blank" class="wow fadeInUp" data-wow-delay="0.9s" data-wow-duration="2s">
532                              
533                                
534		
535		
536			<div class='services_box_item'>
537				<div class="zoom-image"><img src="assets/crocos2024/img/Cover1111.png" alt="Media"></div>
538				<div class="wr"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
539						<path d="M14.43 5.93005L20.5 12.0001L14.43 18.0701M11.01 12.0001H20.33M3.5 12.0001H6.97" stroke="white" stroke-width="1.5" stroke-miterlimit="10"
540							stroke-linecap="round" stroke-linejoin="round" />
541					</svg></div>
542				<div class="text-container">
543					<div class="animated-text">
544						<h5>Разработка умных чат-ботов и аналитика больших данных
545							
546							</h5>
547					</div>
548				</div>
549			</div>
550		</a>
551		  <a href="/informaczionnyie-sistemyi" target="_blank" class="wow fadeInUp" data-wow-delay="0.9s" data-wow-duration="2s">
552                              
553                                
554		
555			<div class='services_box_item'>
556				<div class="zoom-image"><img src="assets/crocos2024/img/inform.png" alt="Digital marketing"></div>
557				<div class="wr"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
558						<path d="M14.43 5.93005L20.5 12.0001L14.43 18.0701M11.01 12.0001H20.33M3.5 12.0001H6.97" stroke="white" stroke-width="1.5" stroke-miterlimit="10"
559							stroke-linecap="round" stroke-linejoin="round" />
560					</svg></div>
561				<div class="text-container">
562					<div class="animated-text">
563						<h5>Информационные системы
564							
565							</h5>
566					</div>
567				</div>
568			</div>
569		</a>
570		  <a href="/autstaffing-it-speczialistov-dlya-vashego-biznesa" target="_blank" class="wow fadeInUp" data-wow-delay="0.9s" data-wow-duration="2s">
571                              
572                                
573	
574			<div class='services_box_item'>
575				<div class="zoom-image"><img src="assets/crocos2024/img/newover12.jpg" alt="Digital marketing"></div>
576				<div class="wr"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
577						<path d="M14.43 5.93005L20.5 12.0001L14.43 18.0701M11.01 12.0001H20.33M3.5 12.0001H6.97" stroke="white" stroke-width="1.5" stroke-miterlimit="10"
578							stroke-linecap="round" stroke-linejoin="round" />
579					</svg></div>
580				<div class="text-container">
581					<div class="animated-text">
582						<h5>Аутстаффинг IT-специалистов для вашего бизнеса
583							
584							</h5>
585					</div>
586				</div>
587			</div>
588		</a>
589		  <a href="/prodvizhenie-sajtov-v-astane" target="_blank" class="wow fadeInUp" data-wow-delay="0.9s" data-wow-duration="2s">
590                              
591                                
592	
593			<div class='services_box_item'>
594				<div class="zoom-image"><img src="assets/crocos2024/img/6696be252cfd34051ec62d9d60e0103b.jpg" alt="Digital marketing"></div>
595				<div class="wr"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
596						<path d="M14.43 5.93005L20.5 12.0001L14.43 18.0701M11.01 12.0001H20.33M3.5 12.0001H6.97" stroke="white" stroke-width="1.5" stroke-miterlimit="10"
597							stroke-linecap="round" stroke-linejoin="round" />
598					</svg></div>
599				<div class="text-container">
600					<div class="animated-text">
601						<h5>SEO
602							
603							</h5>
604					</div>
605				</div>
606			</div>
607		</a>
608			  <a href="/kontekstnaya-reklama-v-kazaxstane" target="_blank" class="wow fadeInUp" data-wow-delay="0.9s" data-wow-duration="2s">
609                              
610                                
611	
612			<div class='services_box_item'>
613				<div class="zoom-image"><img src="assets/crocos2024/img/Cover.png" alt="Marketing" style="object-position: right;"></div>
614				<div class="wr"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
615						<path d="M14.43 5.93005L20.5 12.0001L14.43 18.0701M11.01 12.0001H20.33M3.5 12.0001H6.97" stroke="white" stroke-width="1.5" stroke-miterlimit="10"
616							stroke-linecap="round" stroke-linejoin="round" />
617					</svg></div>
618				<div class="text-container">
619					<div class="animated-text">
620						<h5>Контекстная реклама в Казахстане
621							
622							</h5>
623					</div>
624				</div>
625			</div>
626		</a>
627		 <a href="targetirovannaya-reklama-v-soczialnyix-setyax" target="_blank" class="wow fadeInUp" data-wow-delay="0.9s" data-wow-duration="2s">
628                              
629                                
630		
631			<div class='services_box_item'>
632				<div class="zoom-image"><img src="assets/crocos2024/img/Group 289481.png" alt="Target"></div>
633				<div class="wr"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
634						<path d="M14.43 5.93005L20.5 12.0001L14.43 18.0701M11.01 12.0001H20.33M3.5 12.0001H6.97" stroke="white" stroke-width="1.5" stroke-miterlimit="10"
635							stroke-linecap="round" stroke-linejoin="round" />
636					</svg></div>
637				<div class="text-container">
638					<div class="animated-text">
639						<h5>Таргетированная реклама в социальных сетях
640							
641							</h5>
642					</div>
643				</div>
644			</div>
645		</a>
646			 	<a href="medijnaya-reklama-dlya-strategicheskogo-rosta-vashego-brenda" target="_blank" class="wow fadeInUp" data-wow-delay="0.9s" data-wow-duration="2s">
647                              
648                                
649	
650			<div class='services_box_item'>
651				<div class="zoom-image"><img src="assets/crocos2024/img/Cover111.png" alt="Media"></div>
652				<div class="wr"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
653						<path d="M14.43 5.93005L20.5 12.0001L14.43 18.0701M11.01 12.0001H20.33M3.5 12.0001H6.97" stroke="white" stroke-width="1.5" stroke-miterlimit="10"
654							stroke-linecap="round" stroke-linejoin="round" />
655					</svg></div>
656				<div class="text-container">
657					<div class="animated-text">
658						<h5>Медийная реклама для стратегического роста вашего бренда
659							
660							</h5>
661					</div>
662				</div>
663			</div>
664		</a>
665		 <!--         <a href="fabrika-professij" target="_blank" class="wow fadeInUp" data-wow-delay="0.9s" data-wow-duration="2s">
666		                           
667		                             
668		  
669		         <div class='services_box_item'>
670		 <div class="zoom-image"><img src="/image/solution/Mask1.png" alt="Media"></div>
671		 <div class="wr"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
672		         <path d="M14.43 5.93005L20.5 12.0001L14.43 18.0701M11.01 12.0001H20.33M3.5 12.0001H6.97" stroke="white" stroke-width="1.5" stroke-miterlimit="10"
673		             stroke-linecap="round" stroke-linejoin="round" />
674		     </svg></div>
675		 <div class="text-container">
676		     <div class="animated-text">
677		         <h5>Фабрика <br> профессий
678		     
679		     </h5>
680		     </div>
681		 </div>
682		         </div>
683		     </a> -->
684		         
685	</div>
686</section>
687           
688           
689	
690    
691            <section class="cta container game_none">
692                <div class="cta_box">
693                    <div class='cta_box_title wow slideInLeft' data-wow-duration="2s">
694                     <div class="text-container">
695	                <div class="animated-text">
696                        <h2>
697                           Воплощаем идеи в
698                            жизнь
699                        
700                         
701                        </h2>
702                        </div>
703                        </div>
704                    </div>
705                    <div id="imodal1" class='cta_box_btn imodal0' data-modal="formama">
706                    <div class="text-container">
707	                <div class="animated-text">
708                        <p class="wow fadeIn" data-wow-duration="2s">
709                            Свяжитесь с нами
710                        
711                        
712                            </p>
713                            </div>
714                            </div>
715                    </div>
716                </div>
717            </section>
718          
719          
720        </main>
721        <footer class='footer container'>
722            <div class="text-container">
723	                <div class="animated-text">
724            <div class="footer_links">
725                <div>
726                <div class='footer_links-item linkedin'>
727                    <a href="https://www.linkedin.com/company/crocos/mycompany/" target='_blank'><img src="assets/crocos2024/img/linkedin.svg" alt="linkedin"></a>
728                </div>
729                <div class='footer_links-item telegram'>
730                    <a href="https://t.me/crocosdigital" target='_blank'><img src="assets/crocos2024/img/telegram.svg" alt="telegram"></a>
731                </div>
732                <div class='footer_links-item instagram'>
733                    <a href="https://www.instagram.com/crocos_digital" target='_blank'><img src="assets/crocos2024/img/instagram.svg" alt="instagram"></a>
734                </div>
735                <div class='footer_links-item behance'>
736                    <a href="https://www.behance.net/crocos" target='_blank'><img src="assets/crocos2024/img/behance.svg" alt="behance"></a>
737                </div>
738                <div class='footer_links-item youtube'>
739                    <a href="https://www.youtube.com/channel/UCtCYaFg3R_O8hI2LPEX-S0w" target='_blank'><img src="assets/crocos2024/img/youtube.svg" alt="youtube"></a>
740                </div>
741                <div class='footer_links-item facebook'>
742                    <a href="https://www.facebook.com/wecrocos" target='_blank'><img src="assets/crocos2024/img/facebook.svg" alt="youtube"></a>
743                </div>
744                </div>
745           <div class="footer_phones">
746                <a href="tel:+77172790439"><span>
747<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="https://www.w3.org/2000/svg">
748<path d="M8.60754 6.00909C8.77254 6.23825 8.89171 6.44909 8.97421 6.65075C9.05671 6.84325 9.10254 7.03575 9.10254 7.20992C9.10254 7.42992 9.03837 7.64992 8.91004 7.86075C8.79087 8.07159 8.61671 8.29159 8.39671 8.51159L7.70004 9.23575C7.59921 9.33659 7.55337 9.45575 7.55337 9.60242C7.55337 9.67575 7.56254 9.73992 7.58087 9.81325C7.60837 9.88659 7.63587 9.94159 7.65421 9.99659C7.81921 10.2991 8.10337 10.6933 8.50671 11.1699C8.91921 11.6466 9.35921 12.1324 9.83587 12.6183C10.3309 13.1041 10.8075 13.5533 11.2934 13.9658C11.77 14.3691 12.1642 14.6441 12.4759 14.8091C12.5217 14.8274 12.5767 14.8549 12.6409 14.8824C12.7142 14.9099 12.7875 14.9191 12.87 14.9191C13.0259 14.9191 13.145 14.8641 13.2459 14.7633L13.9425 14.0758C14.1717 13.8466 14.3917 13.6724 14.6025 13.5624C14.8134 13.4341 15.0242 13.3699 15.2534 13.3699
748C15.4275 13.3699 15.6109 13.4066 15.8125 13.4891C16.0142 13.5716 16.225 13.6908 16.4542 13.8466L19.4884 16.0008C19.7267 16.1658 19.8917 16.3583 19.9925 16.5874C20.0842 16.8166 20.1392 17.0458 20.1392 17.3024C20.1392 17.6324 20.0659 17.9716 19.91 18.3016C19.7542 18.6316 19.5525 18.9433 19.2867 19.2366C18.8375 19.7316 18.3425 20.0891 17.7834 20.3183C17.2334 20.5474 16.6375 20.6666 15.9959 20.6666C15.0609 20.6666 14.0617 20.4466 13.0075 19.9974C11.9534 19.5483 10.8992 18.9433 9.85421 18.1824C8.78914 17.4033 7.78409 16.5454 6.84754 15.6158C5.92058 14.6826 5.06563 13.6806 4.29004 12.6183C3.53837 11.5733 2.93337 10.5283 2.49337 9.49242C2.05337 8.44742 1.83337 7.44825 1.83337 6.49492C1.83337 5.87159 1.94337 5.27575 2.16337 4.72575C2.38337 4.16659 2.73171 3.65325 3.21754 3.19492C3.80421 2.61742 4.44587 2.33325 5.12421 2.33325C5.38087 2.33325 5.63754 2.38825 5.86671 2.49825C6.10504 2.60825 6.31587 2.77325 6.48087 3.01159" stroke="#0066FF" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
749<path d="M16.9583 8.74992C16.9583 8.19992 16.5275 7.35659 15.8858 6.66909C15.2992 6.03659 14.52 5.54159 13.75 5.54159M15.5925 2.59909C15.0058 2.42492 14.3917 2.33325 13.75 2.33325M20.1667 8.74992C20.1667 6.57742 19.085 4.65242 17.435 3.49742" stroke="#0066FF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
750</svg>
751</span>+7
752                            /7172/ 79 04
753                            39</a>
754                <a href="https://api.whatsapp.com/send?phone=77718479990" target="_blank"><span>
755                            <svg width="22" height="22" viewBox="0 0 44 44" fill="none" xmlns="https://www.w3.org/2000/svg">
756                            <path d="M37.561 6.41667C33.4216 2.29166 27.9024 0 22.0767 0C9.96515 0 0.153308 9.77778 0.153308 21.8472C0.153308 25.6667 1.22648 29.4861 3.0662 32.6944L0 44L11.6516 40.9444C14.8711 42.625 18.3972 43.5417 22.0767 43.5417C34.1881 43.5417 44 33.7639 44 21.6944C43.8467 16.0417 41.7003 10.5417 37.561 6.41667ZM32.655 29.6389C32.1951 30.8611 30.0488 32.0833 28.9756 32.2361C28.0557 32.3889 26.8293 32.3889 25.6028 32.0833C24.8362 31.7778 23.7631 31.4722 22.5366 30.8611C17.0174 28.5694 13.4913 23.0694 13.1847 22.6111C12.8781 22.3056 10.885 19.7083 10.885 16.9583C10.885 14.2083 12.2648 12.9861 12.7247 12.375C13.1847 11.7639 13.7979 11.7639 14.2578 11.7639C14.5645 11.7639 15.0244 11.7639 15.331 11.7639C15.6376 11.7639 16.0976 11.6111 16.5575 12.6806C17.0174 13.75 18.0906 16.5 18.2439 16.6528C18.3972 16.9583 18.3972 17.2639 18.2439 17.5694C18.0906 17.875 17.9373 18.1806 17.6307 18.4861C17.324 18.7917 17.0174 19.25 16.8641 19.4028C16.5575 19.7083 16.2509 20.0139 16.5575 20.4722C16.8641 21.0833 17.9373 22.7639 19.6237 24.2917C21.77 26.125 23.4564 26.7361 24.0697 27.0417C24.6829 27.3472 24.9895 27.1944 25.2962 26.8889C25.6028 26.5833 26.676 25.3611 26.9826 24.75C27.2892 24.1389 27.7491 24.2917 28.2091 24.4444C28.669 24.5972 31.4286 25.9722 31.8885 26.2778C32.5017 26.5833 32.8084 26.7361 32.9617 26.8889C33.115 27.3472 33.115 28.4167 32.655 29.6389Z" fill="#0066ff"></path>
757                            </svg>
758                            </span>+7 /771/ 847 99 90</a>  
759                </div>
760            </div>
761                  </div>
762            </div>
763             <div class="text-container">
764	                <div class="animated-text">
765            <nav>
766                <ul class='footer_top_menu'>
767                    
768                    <li><a href="o-kompanii/" target="_blank">О
769                                    компании</a>
770                            </li>
771                            <li><a href="uslugi/" target="_blank">Услуги</a>
772                            </li>
773                            <li><a href="produktyi/" target="_blank">Продукты</a>
774                            </li>
775                            <li><a href="cases/" target="_blank">Кейсы</a>
776                            </li>
777                            <li><a href="kontaktyi" target="_blank">Контакты</a>
778                            </li>
779                    
780                    
781                    
782                    
783                    
784                </ul>
785            </nav>
786             </div>
787            </div>
788            <div class="text-container">
789	                <div class="animated-text">
790            <nav>
791                <ul class='footer_bot_menu'>
792                    <li><a href="/sozdanyie-sajtov" target="_blank">
793                        Web разработка
794                        
795                        </a></li>
796                    <li><a href="razrabotka-mobilnykh-prilozheniy" target="_blank">
797                        Мобильные приложения
798                        
799                        </a></li>
800                    <li><a href="digital-prodvizhenie/" target="_blank">
801                        Digital продвижение
802                        
803                        </a></li>
804                    <li><a href="informaczionnyie-sistemyi" target="_blank">
805                       Информационные системы
806                            
807                            </a></li>
808				   
809                </ul>
810            </nav>
811             </div>
812            </div>
813             <div class="text-container">
814	       
815            <div class="footer_info">
816               <div>
817                	<a href="https://agima.partners/?utm_source=together-with-agima&amp;utm_medium=beydzh&amp;utm_campaign=mysite"
818                		target="_blank">
819                		<div class="zoom-image"><img alt="" src="assets/crocos2024/img/PC_Logo 1.svg"></div>
820                	</a>
821                	<a href="https://www.itk.kz/" target="_blank">
822                		<div class="zoom-image"><img alt="" src="assets/crocos2024/img/logo2.svg"></div>
823                	</a>
824                	<a href="https://www.google.com/partners/agency?id=2442132733" target="_blank">
825                		<div class="zoom-image"><img alt="" src="assets/crocos2024/img/logo3.svg"></div>
826                	</a>
827                	<a href="#" target="_blank">
828                		<div class="zoom-image"><img alt="" src="assets/crocos2024/img/logo4.svg"></div>
829                	</a>
830                </div>
831                <nav>
832                    <ul class="footer_info_links">
833                        <li><a href="https://www.canva.com/design/DAF7da1LCfU/lJnEBwdDEuMrH4cGr8_tfQ/view?utm_content=DAF7da1LCfU&utm_campaign=designshare&utm_medium=link&utm_source=editor#8" download>
834                            Скачать презентацию
835                            
836                            </a>
837                        </li>
838                        <li><a href="https://www.notion.so/crocos/f17892b068fa4503a76bf4542ca6ba05" target='_blank'>
839                            <a href="https://www.notion.so/crocos/f17892b068fa4503a76bf4542ca6ba05"  target="_blank">Стать частью команды</a>
840                            
841                            </a>
842                        </li>
843                        <li><a href="https://crocos.kz/files/Crocos_logo_2024.zip" download>
844                            Скачать логотип
845                            
846                            </a></li>
847                        <li><a href="javascript:void(0)" class="imodal0" data-modal="formama" onclick="return false">
848                            Связаться с нами
849                            
850                            </a></li>
851                        <li><a href="https://forms.gle/tpk78gAAgod8WMXM9" target='_blank'>
852                            Заполнить бриф
853                            
854                            </a></li>
855                             <li><a href="https://crocos.kz/politika-konfidenczialnosti" target='_blank'>
856                            Политика конфиденциальности
857                            
858                            </a></li>
859                    </ul>
860                </nav>
861            </div>
862            
863            </div>
864            <div class="text-container">
865	               
866            <div class="copyright">
867                Copyright &copy; 2026 Crocos. All rights reserved.
868            </div>
869             
870            </div>
871        </footer>
872        <div class="mymodal" id="formama">
873                <!--Array
874(
875    &#91;actionUrl&#93; =&gt; &#91;&#91;+assetsUrl&#93;&#93;action.php
876    &#91;form&#93; =&gt; &#96;modal-x&#96;--&gt;
877                &lt;!--
878    &#91;formSelector&#93; =&gt; ajax_form
879    &#91;frontend_css&#93; =&gt; &#91;&#91;+assetsUrl&#93;&#93;css/default.css
880    &#91;frontend_js&#93; =&gt; &#91;&#91;+assetsUrl&#93;&#93;js/default.js
881    &#91;objectName&#93; =&gt; AjaxForm
882    &#91;snippet&#93; =&gt; &#96;FormIt&#96;--&gt;
883                &lt;!--
884    &#91;emailTpl&#93; =&gt; &#96;email_form_call-n&#96;--&gt;
885                &lt;!--
886    &#91;hooks&#93; =&gt; &#96;FormItSaveForm,email,redirect&#96;--&gt;
887                &lt;!--
888    &#91;emailSubject&#93; =&gt; &#96;Заказ звонка с сайта crocos.kz&#96;--&gt;
889                &lt;!--
890    &#91;emailFrom&#93; =&gt; &#96;[email protected]&#96;--&gt;
891                &lt;!--
892    &#91;emailTo&#93; =&gt; &#96;[email protected],[email protected],[email protected],[email protected]&#96;--&gt;
893                &lt;!--
894    &#91;validate&#93; =&gt; &#96;name:required,tel:required&#96;--&gt;
895                &lt;!--
896    &#91;validationErrorMessage&#93; =&gt; &#96;В форме содержатся ошибки!&#96;--&gt;
897                &lt;!--
898    &#91;successMessage&#93; =&gt; &#96;Сообщение успешно отправлено&#96;--&gt;
899                &lt;!--
900    &#91;successMessagePlaceholder&#93; =&gt; &#96;Сообщение успешно отправлено&#96;--&gt;
901                &lt;!--
902)
903-->
904            <div class="successMessage2"></div>
905        </div>
906          <div class="md-modal modal__forma md-effect-1" id="formacall">
907        <div class="md-content">
908            
909            <div class="md-close md-close--button">
910                <svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
911                    <path d="M31.5 10.5L10.5 31.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
912                    <path d="M10.5 10.5L31.5 31.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
913                </svg>
914            </div>
915            <div class="form__modal">
916                
917                <div class="form__modal--title">
918                   Заказать звонок
919                            
920                            
921                </div>
922                <!-- &hooks=`FormItSaveForm,email,redirect` 
923                
924                
925                     -->
926                <!-- js-скрипт гугл капчи -->
927<!--
vendor: 63 bytes, line 927
927<script src='https://www.google.com/recaptcha/api.js'></script>
927-->
928
929    
930<form action="uslugi/" method="post" id="form" class="ajax_form">
931    <div class="row align-items-center">
932        <div class="col-sm-12">
933            <input id="last_name" type="text" class="input-linck validate" name="name" placeholder="Ваше имя" value="">
934        </div>
935        <div class="col-sm-12">
936            <input id="telephone" type="tel" class="input-linck validate" name="tel" placeholder="Ваш  телефон" value="">
937        </div>
938        
939        <div class="col-sm-12">
940            <div class="form-item" style="flex-direction: column; display: flex;">
941                <div class="g-recaptcha" data-sitekey="6LdaOvwkAAAAALWaEZ_RoKHV1Ol7Uib39PZS_rwi"></div>
vendor: 127 bytes, lines 941-944
941
942<script type="text/javascript" src="https://www.google.com/recaptcha/api.js?hl=ru"></script>
943                
944                
944<span class="error_g-recaptcha-response error" style="color:#000; margin: auto; padding:20px 0 0 0;"></span>
945            </div>
946        </div>
947        
948        <div class="col-sm-12">
949        
950            <button type="submit"  class="input-linck popap_linck" > <!-- onclick="yaCounter116565457.reachGoal('GOAL'); return true;" -->
951            <!-- onclick="window.open('https://crocos.kz/thanks')"-->
952                Обсудить <img src="/assets/crocos--new/img/stock-right.svg">
953            </button>
954           
955        </div>
956    </div>
957
958  
959    
960
961	<input type="hidden" name="af_action" value="f2270a4701067c2faafb2f54cc0691df" />
962</form>
963                
964                <div class="successMessage2"></div>
965                
966                
967            </div>
968            
969        </div>
970    </div>
971        
971<script>!function(a,m,o,c,r,m){a[o+c]=a[o+c]||{setMeta:function(p){this.params=(this.params||[]).concat([p])}},a[o+r]=a[o+r]||function(f){a[o+r].f=(a[o+r].f||[]).concat([f])},a[o+r]({id:"1414062",hash:"a5fa469033956c1d50fa9431e26a389a",locale:"ru"}),a[o+m]=a[o+m]||function(f,k){a[o+m].f=(a[o+m].f||[]).concat()}}(window,0,"amo_forms_","params","load","loaded");</script>
971<script id="amoforms_script_1414062" async="async" charset="utf-8" src="https://forms.amocrm.ru/forms/assets/js/amoforms.js?1727336756"></script>
971
972       
973        
973<script src="/assets/crocos--new/js/jquery-3.3.1.min.js"></script>
973
974             <!--
974<script src="/assets/crocos2024/scripts/wow.min.js"></script>
974
975        
975<script>new WOW().init(); </script>
975 -->
976        
976<script defer="defer" src='/assets/crocos2024/scripts/modal.js'></script>
976
977        
977<script defer="defer" src='/assets/crocos2024/scripts/menu.js'></script>
977
978        
978<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
978
979        
979<script defer="defer" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+" crossorigin="anonymous"></script>
979
980        <!--
980<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
980-->
981        
981<script defer="defer" src="/assets/crocos--new/js/classie.js" defer crossorigin="anonymous" type="text/javascript"></script>
981
982        
982<script defer="defer" src="/assets/crocos--new/js/modalEffects.js" defer crossorigin="anonymous" type="text/javascript"></script>
982
983        <!--
983<script src="/assets/crocosnews/js/jquery.fancybox.min.js" defer="" crossorigin="anonymous" type="text/javascript"></script>
983-->
984        
984<script defer="defer" src="/assets/crocos--new/js/script.js?v=0.0.0.5"></script>
984
985    	
985<script defer="defer" src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
985
986
987    	
987<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/gsap.min.js"></script>
987
988        
988<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/ScrollTrigger.min.js"></script>
988
989        
989<script defer="defer" src='/assets/crocos2024/scripts/script.js'></script>
989
990          
991    	
991<script>
992            gsap.registerPlugin(ScrollTrigger);
993            const revealElements = document.querySelectorAll('.animated-text');
994            
995            gsap.fromTo('.animated-text-start', {
996            opacity: 0,
997            		y: '100%',
998            },{
999               opacity: 1,
1000            		y: 0,
1001            		duration: .8, 
1002            })
1003            
1004            gsap.from('.billboard_box_img-inner', {
1005            opacity: 0,
1006             scale: .5
1007            })
1008            
1009            
1010            gsap.utils.toArray('.animated-text').forEach(function(element) {
1011                const bounds = element.getBoundingClientRect();
1012                gsap.to(element, {
1013            		opacity: 1,
1014            		y: 0,
1015            		duration: .8,
1016            		// delay: index * 0.3,
1017            		scrollTrigger: {
1018            			trigger: element,
1019            			start: 'top bottom',
1020            			once: true,
1021            			markers: false,
1022            		},
1023            });
1024        });
1025        gsap.utils.toArray('.zoom-image').forEach(function(elem) {
1026                gsap.fromTo(elem, 
1027                    {
1028                        scale: 0.95,
1029                        opacity: 0,
1030                        duration: 0.5,
1031                    }, 
1032                    {
1033                        scale: 1,
1034                        opacity: 1, 
1035                        duration: 2, 
1036                        ease: "power1.out",
1037                        scrollTrigger: {
1038                            trigger: elem,
1039                            start: "top 90%",
1040                            end: "top 80%",
1041                            scrub: 2,
1042                            markers: false
1043                        }
1044                    }
1045                );
1046            });
1047            
1048            function marqueMoveReverse() {
1049                window.addEventListener('wheel', function(val) {
1050                    if(val.deltaY > 0) {
1051                        gsap.to('.line__box.line__box__reverse div', {
1052                            transform: 'translateX(-100%)',
1053                            duration: 7,
1054                            //repeat: -1
1055                        })
1056                    } else {
1057                        gsap.to('.line__box.line__box__reverse div', {
1058                            transform: 'translateX(0)',
1059                            duration: 7,
1060                            //repeat: -1
1061                        })
1062                    }
1063                })
1064            }
1065            marqueMoveReverse()
1066            
1067            function marqueMoveForward() {
1068                window.addEventListener('wheel', function(val) {
1069                    if(val.deltaY > 0) {
1070                        gsap.to('.line__box.line__box__forward div', {
1071                            transform: 'translateX(100%)',
1072                            duration: 7,
1073                            //repeat: -1
1074                        })
1075                    } else {
1076                        gsap.to('.line__box.line__box__forward div', {
1077                            transform: 'translateX(0)',
1078                            duration: 7,
1079                            //repeat: -1
1080                        })
1081                    }
1082                })
1083            }
1084            marqueMoveForward()
1085            
1086        
1087    </script>
1087
1088   	
1089        
1089<script>
1090           // const swiperMain = new Swiper('.swiper-main', {
1091              //  direction: 'horizontal',
1092              //  loop: true,
1093                //autoplay: {
1094                //   delay: 4000
1095                //},
1096            
1097               // pagination: {
1098               //     el: '.swiper-pagination',
1099               //     type: 'bullets',
1100               // },
1101            
1102            //})
1103            
1104            const swiperProducts = new Swiper('.swiper-products', {
1105                direction: 'horizontal',
1106                // loop: true,
1107                //slidesPerView: 3,
1108                spaceBetween: 30,
1109                freeMode: true,
1110            
1111                scrollbar: {
1112                    el: '.swiper-scrollbar',
1113                    draggable: true,
1114                   
1115                },
1116                
1117                breakpoints: {
1118                    // when window width is >= 320px
1119                    320: {
1120                        slidesPerView: 1,
1121                        spaceBetween: 20
1122                    },
1123                    640: {
1124                        slidesPerView: 1,
1125                        spaceBetween: 30
1126                    },
1127                    980: {
1128                        slidesPerView: 2,
1129                        spaceBetween: 40
1130                    },
1131                    1199: {
1132                        slidesPerView: 3,
1133                        spaceBetween: 40
1134                    }
1135                }
1136            });
1137            
1138            const swiperLetters = new Swiper('.swiper-letters', {
1139                direction: 'horizontal',
1140                // loop: true,
1141                //slidesPerView: 3,
1142                //spaceBetween: 30,
1143                //freeMode: true,
1144            
1145                scrollbar: {
1146                    el: '.swiper-scrollbar',
1147                    draggable: true,
1148                   
1149                },
1150                
1151                breakpoints: {
1152                    // when window width is >= 320px
1153                    320: {
1154                        slidesPerView: 1,
1155                        spaceBetween: 20
1156                    },
1157                    // when window width is >= 480px
1158                    640: {
1159                        slidesPerView: 2,
1160                        spaceBetween: 30
1161                    },
1162                    // when window width is >= 640px
1163                    980: {
1164                        slidesPerView: 3.3,
1165                        spaceBetween: 40
1166                    }
1167                }
1168            });
1169            
1170          
1171            const swiperPartners = new Swiper('.swiper-partners', {
1172              direction: 'horizontal',
1173              //slidesPerView: 3,
1174              grid: {
1175                rows: 2,
1176                fill: "row",
1177              },
1178              spaceBetween: 30,
1179              pagination: {
1180                el: ".swiper-pagination",
1181                clickable: true,
1182              },
1183              
1184              breakpoints: {
1185                    // when window width is >= 320px
1186                    320: {
1187                        slidesPerView: 2,
1188                        spaceBetween: 20
1189                    },
1190                    // when window width is >= 480px
1191                    640: {
1192                        slidesPerView: 2,
1193                        spaceBetween: 30
1194                    },
1195                    // when window width is >= 640px
1196                    980: {
1197                        slidesPerView: 3,
1198                        spaceBetween: 40
1199                    },
1200                    1760: {
1201                        slidesPerView: 5,
1202                        spaceBetween: 40
1203                    }
1204                }
1205            });
1206            
1207            new Swiper('.swiper-cases', {
1208	// Optional parameters
1209	direction: 'horizontal',
1210	loop: false,
1211	freeMode: true,
1212	// slidesPerView: 2.5,
1213	spaceBetween: 30,
1214
1215	breakpoints: {
1216		// when window width is >= 320px
1217		320: {
1218			slidesPerView: 1.5,
1219			spaceBetween: 20,
1220		},
1221		// when window width is >= 480px
1222		480: {
1223			slidesPerView: 1.5,
1224			spaceBetween: 30,
1225		},
1226		// when window width is >= 640px
1227		640: {
1228			slidesPerView: 1.5,
1229			spaceBetween: 30,
1230		},
1231		992: {
1232			slidesPerView: 2.5,
1233			spaceBetween: 30,
1234		},
1235	},
1236})
1237
1238new Swiper('.swiper-testimonials', {
1239	// Optional parameters
1240	direction: 'horizontal',
1241	loop: false,
1242	// slidesPerView: 2,
1243	spaceBetween: 30,
1244
1245	breakpoints: {
1246		// when window width is >= 320px
1247		320: {
1248			slidesPerView: 1,
1249			spaceBetween: 20,
1250		},
1251		// when window width is >= 480px
1252		480: {
1253			slidesPerView: 1,
1254			spaceBetween: 30,
1255		},
1256		// when window width is >= 640px
1257		640: {
1258			slidesPerView: 1,
1259			spaceBetween: 30,
1260		},
1261		992: {
1262			slidesPerView: 2,
1263			spaceBetween: 30,
1264		},
1265	},
1266
1267	// // And if we need scrollbar
1268	scrollbar: {
1269		el: '.swiper-scrollbar',
1270		draggable: true,
1271	},
1272})
1273
1274 
1275            
1276           const swiperMain = new Swiper('.swiper-main', {
1277    direction: 'horizontal',
1278    slidesPerView: 1,
1279    spaceBetween: 30,
1280    loop: false,
1281    loopedSlides: 4,
1282    parallax: true,
1283    effect: 'fade',
1284    fadeEffect: {
1285        crossFade: true,
1286    },
1287    speed: 800,
1288    //autoplay: {
1289    //    delay: 5000,
1290    //},
1291    pagination: {
1292        el: '.swiper-pagination',
1293        type: 'fraction',
1294    },
1295});
1296
1297// Generate pagination bullets inside div with #bullets ID
1298for (let i = 1; i < swiperMain.slides.length + 1; i++) {
1299    if (i === 1) {
1300        // Add active class if it is the first bullet
1301        $('#bullets').append('<span class="swiper-pagination-bullet swiper-pagination-bullet-active slide' + i + '" data-slide-index="' + (i - 1) + '"></span>');
1302    } else {
1303        $('#bullets').append('<span class="swiper-pagination-bullet slide' + i + '" data-slide-index="' + (i - 1) + '"></span>');
1304    }
1305}
1306
1307// Get all bullet elements
1308const bullets = $('.swiper-pagination-bullet');
1309
1310// Add active class to the current bullet on slide change
1311swiperMain.on('slideChange', function () {
1312    // Get current slide from fraction pagination number
1313    const slide = "slide" + ($('.swiper-pagination-current').html());
1314    // Remove active class from all bullets
1315    bullets.removeClass("swiper-pagination-bullet-active");
1316    // Check each bullet element if it has slideNumber class
1317    $.each(bullets, function (index, value) {
1318        if ($(this).hasClass(slide)) {
1319            $(this).addClass("swiper-pagination-bullet-active");
1320            return false;
1321        }
1322    });
1323});
1324
1325// Add click event listeners to bullets for navigation
1326bullets.on('click', function () {
1327    const slideIndex = $(this).data('slide-index');
1328    swiperMain.slideTo(slideIndex);
1329});
1330
1331          
1332         document.addEventListener("DOMContentLoaded", (event) => {
1333            swiperMain.on('slideChange', function () {
1334              // Get the active slide
1335              var activeSlide = swiperMain.slides[swiperMain.activeIndex];
1336               console.log(swiperMain.activeIndex)
1337               var billboardBoxInner = document.querySelector('.billboard_box_img');
1338               var modalVideo = document.getElementById('modalVideo');
1339              if (swiperMain.activeIndex === 0) {
1340                document.getElementById('externalImage').src = '/image/ban1.png';
1341                billboardBoxInner.style.setProperty('--before-content', 'url("/image/ban11.png")');
1342                modalVideo.src = '/assets/crocos--new/video/golf.mp4';
1343              } else if (swiperMain.activeIndex === 1) {
1344                document.getElementById('externalImage').src = '/image/ban2.png';
1345                billboardBoxInner.style.setProperty('--before-content', 'url("/image/ban22.png")');
1346                modalVideo.src = '/assets/crocos--new/video/tennis_vr.mp4';
1347              } else if (swiperMain.activeIndex === 2) {
1348                document.getElementById('externalImage').src = '/image/ban3.png';
1349                billboardBoxInner.style.setProperty('--before-content', 'url("/image/ban33.png")');
1350                modalVideo.src = '/assets/crocos--new/video/vr.mp4';
1351              }
1352            })
1353           
1354         })
1355        </script>
1355
1356        
1357        
1357<script>
1358        
1359        if(false) {
1360       document.addEventListener("DOMContentLoaded", (event) => {
1361    const modalw = document.getElementById('exampleModalCenter');
1362    
1363    // Check if the cookie 'name=CookieStar' exists
1364    if (document.cookie.match(/(^|;) ?name=CookieStar/)) {
1365        $('#exampleModalCenter').modal('hide');
1366    } else {
1367        setTimeout(() => {
1368            $('#exampleModalCenter').modal('show');
1369        }, 20000)
1370    }
1371    
1372    // Function to set the cookie with a 10-minute expiration
1373    const setCookie = () => {
1374        const expirationDate = new Date();
1375        expirationDate.setTime(expirationDate.getTime() + (10 * 60 * 1000));
1376        const expires = 'expires=' + expirationDate.toUTCString();
1377        document.cookie = 'name=CookieStar; ' + expires + '; path=/;';
1378    };
1379
1380    // Ensure the modal exists
1381    if (modalw) {
1382        // Close modal and set cookie when clicking outside modal content or on close button
1383        document.addEventListener('click', (event) => {
1384            const modalContent = modalw.querySelector('.modal-content');
1385            const closeButton = modalw.querySelector('.close');
1386            if (modalContent && !modalContent.contains(event.target) && event.target !== closeButton) {
1387                setCookie();
1388                $('#exampleModalCenter').modal('hide');
1389            }
1390        });
1391        
1392
1393        // Close modal and set cookie when clicking on the close button
1394        const closeButton = modalw.querySelector('.close');
1395        if (closeButton) {
1396            closeButton.addEventListener('click', () => {
1397                setCookie();
1398                $('#exampleModalCenter').modal('hide');
1399            });
1400        }
1401    }
1402})
1403}
1404
1405        </script>
1405
1406        
1407        
1407<script>
1408            document.querySelector('.header_bottom_info_phone').addEventListener('mouseenter', () => {
1409                document.querySelector('.addition__numbers').classList.add('active')
1410            })
1411            document.querySelector('.header_bottom_info_phone').addEventListener('mouseleave', () => {
1412                document.querySelector('.addition__numbers').classList.remove('active')
1413            })
1414        </script>
1414
1415        
1416        
1416<script>
1417            const wapop = document.createElement('a')
1418            wapop.href = 'https://api.whatsapp.com/send?phone=77718479990'
1419            wapop.target = '_blank'
1420            wapop.classList.add('wapop')
1421            document.body.appendChild(wapop)
1422        </script>
1422
1423        
1424        
1424<script>
1425            $(document).ready(function() {
1426                if (window.innerWidth < 768) {
1427                    $("video").each(function() {
1428                        this.play();
1429                    });
1430            
1431                    // Отключаем события "mouseenter" и "mouseleave"
1432                    $("video").off("mouseenter mouseleave");
1433                }
1434            });
1435        </script>
1435
1436       
1437        
1437<script src="https://unpkg.com/@lyket/widget@latest/dist/lyket.js?apiKey=acc0dbccce8e557db5ebbe6d605aaa" /></script>
1437
1438    
1438<script type="text/javascript" src="/assets/components/ajaxform/js/default.js"></script>
vendor: 1 bytes, line 1438
1438
1439<script type="text/javascript">AjaxForm.initialize({"assetsUrl":"\/assets\/components\/ajaxform\/","actionUrl":"\/assets\/components\/ajaxform\/action.php","closeMessage":"\u0437\u0430\u043a\u0440\u044b\u0442\u044c \u0432\u0441\u0435","formSelector":"form.ajax_form","pageId":45});</script>
1439
1440</body>
1441</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.