PageSourceSearch

https://crocos.kz/produktyi/

html crocos.kz collected 2026-10-01 14:08:27 UTC 66,733 bytes, 1,359 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    
14    <link rel="stylesheet" href="assets/crocos2024/styles/products.css">
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/produktyi/"/>
31    
32    <meta name="title" content="IT-продукты компании CROCOS">
33    <meta name="keywords" content="Promobot, Система контроля доступа, PMS, Citypass, QR diplom" />
34    <meta name="description" content="Получите качественную разработку IT-продуктов, платформ и сервисов от надежной и опытной компании «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/produktyi/" />
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="Получите качественную разработку IT-продуктов, платформ и сервисов от надежной и опытной компании «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="Получите качественную разработку IT-продуктов, платформ и сервисов от надежной и опытной компании «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/produktyi-kaz/" class="kz" data-lang="kz">
231        kz
232    </a>
233</li>
234<li>
235    <a href="https://crocos.kz/produktyi/" 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/produktyi-kaz/" class="kz" data-lang="kz">
307        kz
308    </a>
309</li>
310<li>
311    <a href="https://crocos.kz/produktyi/" 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>-->
323
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.457
348a.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.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.
40663754 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<style>
450.products_in_box_item img {
451    width: 100%;
452    max-height: 480px;
453    border-radius: 20px;
454}
455.products_in_box_item div::after {
456    border-radius: 20px;
457}
458</style>
459<section class='products_in container'>
460    <ul class="breadcrumbs"><li><a href="/">Главная</a></li>&nbsp;/&nbsp;<li><a class="activ">Продукты</a></li></ul>
461		<div class="title wow slideInLeft" data-wow-duration="2s">
462			<h1>Продукты</h1>
463		</div>
464		<div class="products_in_box">
465			<div class="products_in_box_item wow fadeInUp" data-wow-duration="2s">
466			      <a href="digital-universitet">
467                              
468                                
469				
470					<div>
471						<img src="/assets/crocos2024/img/c4146be532cedaf512372e42acec44b1.jpg" alt="CrossHotel">
472						<h5>CrossUniversity</h5>
473					<p>
474    Цифровой университет
475    
476    
477</p>
478
479					</div>
480				</a>
481			</div>
482			<div class="products_in_box_item wow fadeInUp" data-wow-duration="2s">
483				<a href="https://checkinn.kz/" target="_blank">
484					<div>
485						<img src="/assets/crocos2024/img/352b239a43b9c90e2a9ed94593e295a1.jpg" alt="CrossHotel">
486						<h5>CheckInn</h5>
487					<p>
488    Система управления отелем и хостелом
489    
490    
491</p>
492
493					</div>
494				</a>
495			</div>
496			<div class="products_in_box_item wow fadeInUp" data-wow-duration="2s">
497			      	<a href="sistema-elektronnoj-ocheredi">
498                              
499                                
500			
501					<div>
502						<img src="/assets/crocos2024/img/d6cfb77b92b37009d428bcb79af9898d.jpg" alt="CrossHotel">
503						<h5>CrossKiosk</h5>
504					<p>
505    Система электронной очереди
506    
507    
508</p>
509
510					</div>
511				</a>
512			</div>
513			<div class="products_in_box_item wow fadeInUp" data-wow-duration="2s">
514			      	<a href="crosshub-crm">
515                              
516                                
517			
518					<div>
519						<img src="/assets/crocos2024/img/5301551f02a7b18a14c5dd4623ccecb1.jpg" alt="CrossHotel">
520						<h5>Cross Hub</h5>
521					<p>
522    Управление бизнес процессами
523    
524    
525</p>
526
527					</div>
528				</a>
529			</div>
530			<div class="products_in_box_item wow fadeInUp" data-wow-duration="2s">
531			       	<a href="/learning-management-system">
532                              
533                                
534			
535					<div>
536						<img src="/assets/crocos2024/img/119abff9c29bfa3118bdbfcfc54bb5c9.jpg" alt="CrossHotel">
537						<h5>Cross LMS</h5>
538						<p>
539    Дистанционное образование
540    
541    
542</p>
543
544					</div>
545				</a>
546			</div>
547			<!--------
548			<div class="products_in_box_item wow fadeInUp" data-wow-duration="2s">
549			       	<a href="/history-of-nomad">
550                              
551                                
552			
553					<div>
554						<img src="/image/WhatsApp Image 2026-04-28 at 12.46.50.jpeg" alt="CrossHotel" style="max-height: 480px;">
555						<h5>Nomad History</h5>
556						<p>
557    VR-решение для образования и культуры
558    
559    
560</p>
561
562					</div>
563				</a>
564			</div>
565			<div class="products_in_box_item wow fadeInUp" data-wow-duration="2s">
566			       	<a href="/fabrika-professij">
567                    
568					<div>
569						<img src="/image/solution/Mask1.png" alt="CrossHotel" style="max-height: 480px;">
570						<h5>
571                            Фабрика профессий
572                            
573                            
574                        </h5>
575						<p>
576                            Единая VR-платформа для Практического Обучения
577                            
578                            
579                        </p>
580					</div>
581				</a>
582			</div>
583			
584			---------->
585			<div class="products_in_box_item wow fadeInUp" data-wow-duration="2s">
586			       	<a href="https://crocos.kz/crocos-lab">
587                    
588					<div>
589						<img src="/image/WhatsApp Image 2026-09-11 at 13.12.20.jpeg" alt="CrossHotel" style="max-height: 480px;">
590						<h5>
591                            Crocos Lab
592                            
593                            
594                        </h5>
595						<p>
596                            VR-курсы для учёбы и работы
597                            
598                            
599                        </p>
600					</div>
601				</a>
602			</div>
603		</div>
604	</section>
605	           
606           
607	
608    
609            <section class="cta container game_none">
610                <div class="cta_box">
611                    <div class='cta_box_title wow slideInLeft' data-wow-duration="2s">
612                     <div class="text-container">
613	                <div class="animated-text">
614                        <h2>
615                           Воплощаем идеи в
616                            жизнь
617                        
618                         
619                        </h2>
620                        </div>
621                        </div>
622                    </div>
623                    <div id="imodal1" class='cta_box_btn imodal0' data-modal="formama">
624                    <div class="text-container">
625	                <div class="animated-text">
626                        <p class="wow fadeIn" data-wow-duration="2s">
627                            Свяжитесь с нами
628                        
629                        
630                            </p>
631                            </div>
632                            </div>
633                    </div>
634                </div>
635            </section>
636          
637          
638        </main>
639        <footer class='footer container'>
640            <div class="text-container">
641	                <div class="animated-text">
642            <div class="footer_links">
643                <div>
644                <div class='footer_links-item linkedin'>
645                    <a href="https://www.linkedin.com/company/crocos/mycompany/" target='_blank'><img src="assets/crocos2024/img/linkedin.svg" alt="linkedin"></a>
646                </div>
647                <div class='footer_links-item telegram'>
648                    <a href="https://t.me/crocosdigital" target='_blank'><img src="assets/crocos2024/img/telegram.svg" alt="telegram"></a>
649                </div>
650                <div class='footer_links-item instagram'>
651                    <a href="https://www.instagram.com/crocos_digital" target='_blank'><img src="assets/crocos2024/img/instagram.svg" alt="instagram"></a>
652                </div>
653                <div class='footer_links-item behance'>
654                    <a href="https://www.behance.net/crocos" target='_blank'><img src="assets/crocos2024/img/behance.svg" alt="behance"></a>
655                </div>
656                <div class='footer_links-item youtube'>
657                    <a href="https://www.youtube.com/channel/UCtCYaFg3R_O8hI2LPEX-S0w" target='_blank'><img src="assets/crocos2024/img/youtube.svg" alt="youtube"></a>
658                </div>
659                <div class='footer_links-item facebook'>
660                    <a href="https://www.facebook.com/wecrocos" target='_blank'><img src="assets/crocos2024/img/facebook.svg" alt="youtube"></a>
661                </div>
662                </div>
663           <div class="footer_phones">
664                <a href="tel:+77172790439"><span>
665<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="https://www.w3.org/2000/svg">
666<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"/>
667<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"/>
668</svg>
669</span>+7
670                            /7172/ 79 04
671                            39</a>
672                <a href="https://api.whatsapp.com/send?phone=77718479990" target="_blank"><span>
673                            <svg width="22" height="22" viewBox="0 0 44 44" fill="none" xmlns="https://www.w3.org/2000/svg">
674                            <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>
675                            </svg>
676                            </span>+7 /771/ 847 99 90</a>  
677                </div>
678            </div>
679                  </div>
680            </div>
681             <div class="text-container">
682	                <div class="animated-text">
683            <nav>
684                <ul class='footer_top_menu'>
685                    
686                    <li><a href="o-kompanii/" target="_blank">О
687                                    компании</a>
688                            </li>
689                            <li><a href="uslugi/" target="_blank">Услуги</a>
690                            </li>
691                            <li><a href="produktyi/" target="_blank">Продукты</a>
692                            </li>
693                            <li><a href="cases/" target="_blank">Кейсы</a>
694                            </li>
695                            <li><a href="kontaktyi" target="_blank">Контакты</a>
696                            </li>
697                    
698                    
699                    
700                    
701                    
702                </ul>
703            </nav>
704             </div>
705            </div>
706            <div class="text-container">
707	                <div class="animated-text">
708            <nav>
709                <ul class='footer_bot_menu'>
710                    <li><a href="/sozdanyie-sajtov" target="_blank">
711                        Web разработка
712                        
713                        </a></li>
714                    <li><a href="razrabotka-mobilnykh-prilozheniy" target="_blank">
715                        Мобильные приложения
716                        
717                        </a></li>
718                    <li><a href="digital-prodvizhenie/" target="_blank">
719                        Digital продвижение
720                        
721                        </a></li>
722                    <li><a href="informaczionnyie-sistemyi" target="_blank">
723                       Информационные системы
724                            
725                            </a></li>
726				   
727                </ul>
728            </nav>
729             </div>
730            </div>
731             <div class="text-container">
732	       
733            <div class="footer_info">
734               <div>
735                	<a href="https://agima.partners/?utm_source=together-with-agima&amp;utm_medium=beydzh&amp;utm_campaign=mysite"
736                		target="_blank">
737                		<div class="zoom-image"><img alt="" src="assets/crocos2024/img/PC_Logo 1.svg"></div>
738                	</a>
739                	<a href="https://www.itk.kz/" target="_blank">
740                		<div class="zoom-image"><img alt="" src="assets/crocos2024/img/logo2.svg"></div>
741                	</a>
742                	<a href="https://www.google.com/partners/agency?id=2442132733" target="_blank">
743                		<div class="zoom-image"><img alt="" src="assets/crocos2024/img/logo3.svg"></div>
744                	</a>
745                	<a href="#" target="_blank">
746                		<div class="zoom-image"><img alt="" src="assets/crocos2024/img/logo4.svg"></div>
747                	</a>
748                </div>
749                <nav>
750                    <ul class="footer_info_links">
751                        <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>
752                            Скачать презентацию
753                            
754                            </a>
755                        </li>
756                        <li><a href="https://www.notion.so/crocos/f17892b068fa4503a76bf4542ca6ba05" target='_blank'>
757                            <a href="https://www.notion.so/crocos/f17892b068fa4503a76bf4542ca6ba05"  target="_blank">Стать частью команды</a>
758                            
759                            </a>
760                        </li>
761                        <li><a href="https://crocos.kz/files/Crocos_logo_2024.zip" download>
762                            Скачать логотип
763                            
764                            </a></li>
765                        <li><a href="javascript:void(0)" class="imodal0" data-modal="formama" onclick="return false">
766                            Связаться с нами
767                            
768                            </a></li>
769                        <li><a href="https://forms.gle/tpk78gAAgod8WMXM9" target='_blank'>
770                            Заполнить бриф
771                            
772                            </a></li>
773                             <li><a href="https://crocos.kz/politika-konfidenczialnosti" target='_blank'>
774                            Политика конфиденциальности
775                            
776                            </a></li>
777                    </ul>
778                </nav>
779            </div>
780            
781            </div>
782            <div class="text-container">
783	               
784            <div class="copyright">
785                Copyright &copy; 2026 Crocos. All rights reserved.
786            </div>
787             
788            </div>
789        </footer>
790        <div class="mymodal" id="formama">
791                <!--Array
792(
793    &#91;actionUrl&#93; =&gt; &#91;&#91;+assetsUrl&#93;&#93;action.php
794    &#91;form&#93; =&gt; &#96;modal-x&#96;--&gt;
795                &lt;!--
796    &#91;formSelector&#93; =&gt; ajax_form
797    &#91;frontend_css&#93; =&gt; &#91;&#91;+assetsUrl&#93;&#93;css/default.css
798    &#91;frontend_js&#93; =&gt; &#91;&#91;+assetsUrl&#93;&#93;js/default.js
799    &#91;objectName&#93; =&gt; AjaxForm
800    &#91;snippet&#93; =&gt; &#96;FormIt&#96;--&gt;
801                &lt;!--
802    &#91;emailTpl&#93; =&gt; &#96;email_form_call-n&#96;--&gt;
803                &lt;!--
804    &#91;hooks&#93; =&gt; &#96;FormItSaveForm,email,redirect&#96;--&gt;
805                &lt;!--
806    &#91;emailSubject&#93; =&gt; &#96;Заказ звонка с сайта crocos.kz&#96;--&gt;
807                &lt;!--
808    &#91;emailFrom&#93; =&gt; &#96;[email protected]&#96;--&gt;
809                &lt;!--
810    &#91;emailTo&#93; =&gt; &#96;[email protected],[email protected],[email protected],[email protected]&#96;--&gt;
811                &lt;!--
812    &#91;validate&#93; =&gt; &#96;name:required,tel:required&#96;--&gt;
813                &lt;!--
814    &#91;validationErrorMessage&#93; =&gt; &#96;В форме содержатся ошибки!&#96;--&gt;
815                &lt;!--
816    &#91;successMessage&#93; =&gt; &#96;Сообщение успешно отправлено&#96;--&gt;
817                &lt;!--
818    &#91;successMessagePlaceholder&#93; =&gt; &#96;Сообщение успешно отправлено&#96;--&gt;
819                &lt;!--
820)
821-->
822            <div class="successMessage2"></div>
823        </div>
824          <div class="md-modal modal__forma md-effect-1" id="formacall">
825        <div class="md-content">
826            
827            <div class="md-close md-close--button">
828                <svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
829                    <path d="M31.5 10.5L10.5 31.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
830                    <path d="M10.5 10.5L31.5 31.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
831                </svg>
832            </div>
833            <div class="form__modal">
834                
835                <div class="form__modal--title">
836                   Заказать звонок
837                            
838                            
839                </div>
840                <!-- &hooks=`FormItSaveForm,email,redirect` 
841                
842                
843                     -->
844                <!-- js-скрипт гугл капчи -->
845<!--
vendor: 63 bytes, line 845
845<script src='https://www.google.com/recaptcha/api.js'></script>
845-->
846
847    
848<form action="produktyi/" method="post" id="form" class="ajax_form">
849    <div class="row align-items-center">
850        <div class="col-sm-12">
851            <input id="last_name" type="text" class="input-linck validate" name="name" placeholder="Ваше имя" value="">
852        </div>
853        <div class="col-sm-12">
854            <input id="telephone" type="tel" class="input-linck validate" name="tel" placeholder="Ваш  телефон" value="">
855        </div>
856        
857        <div class="col-sm-12">
858            <div class="form-item" style="flex-direction: column; display: flex;">
859                <div class="g-recaptcha" data-sitekey="6LdaOvwkAAAAALWaEZ_RoKHV1Ol7Uib39PZS_rwi"></div>
vendor: 127 bytes, lines 859-862
859
860<script type="text/javascript" src="https://www.google.com/recaptcha/api.js?hl=ru"></script>
861                
862                
862<span class="error_g-recaptcha-response error" style="color:#000; margin: auto; padding:20px 0 0 0;"></span>
863            </div>
864        </div>
865        
866        <div class="col-sm-12">
867        
868            <button type="submit"  class="input-linck popap_linck" > <!-- onclick="yaCounter116565457.reachGoal('GOAL'); return true;" -->
869            <!-- onclick="window.open('https://crocos.kz/thanks')"-->
870                Обсудить <img src="/assets/crocos--new/img/stock-right.svg">
871            </button>
872           
873        </div>
874    </div>
875
876  
877    
878
879	<input type="hidden" name="af_action" value="f2270a4701067c2faafb2f54cc0691df" />
880</form>
881                
882                <div class="successMessage2"></div>
883                
884                
885            </div>
886            
887        </div>
888    </div>
889        
889<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>
889<script id="amoforms_script_1414062" async="async" charset="utf-8" src="https://forms.amocrm.ru/forms/assets/js/amoforms.js?1727336756"></script>
889
890       
891        
891<script src="/assets/crocos--new/js/jquery-3.3.1.min.js"></script>
891
892             <!--
892<script src="/assets/crocos2024/scripts/wow.min.js"></script>
892
893        
893<script>new WOW().init(); </script>
893 -->
894        
894<script defer="defer" src='/assets/crocos2024/scripts/modal.js'></script>
894
895        
895<script defer="defer" src='/assets/crocos2024/scripts/menu.js'></script>
895
896        
896<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
896
897        
897<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>
897
898        <!--
898<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
898-->
899        
899<script defer="defer" src="/assets/crocos--new/js/classie.js" defer crossorigin="anonymous" type="text/javascript"></script>
899
900        
900<script defer="defer" src="/assets/crocos--new/js/modalEffects.js" defer crossorigin="anonymous" type="text/javascript"></script>
900
901        <!--
901<script src="/assets/crocosnews/js/jquery.fancybox.min.js" defer="" crossorigin="anonymous" type="text/javascript"></script>
901-->
902        
902<script defer="defer" src="/assets/crocos--new/js/script.js?v=0.0.0.5"></script>
902
903    	
903<script defer="defer" src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
903
904
905    	
905<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/gsap.min.js"></script>
905
906        
906<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/ScrollTrigger.min.js"></script>
906
907        
907<script defer="defer" src='/assets/crocos2024/scripts/script.js'></script>
907
908          
909    	
909<script>
910            gsap.registerPlugin(ScrollTrigger);
911            const revealElements = document.querySelectorAll('.animated-text');
912            
913            gsap.fromTo('.animated-text-start', {
914            opacity: 0,
915            		y: '100%',
916            },{
917               opacity: 1,
918            		y: 0,
919            		duration: .8, 
920            })
921            
922            gsap.from('.billboard_box_img-inner', {
923            opacity: 0,
924             scale: .5
925            })
926            
927            
928            gsap.utils.toArray('.animated-text').forEach(function(element) {
929                const bounds = element.getBoundingClientRect();
930                gsap.to(element, {
931            		opacity: 1,
932            		y: 0,
933            		duration: .8,
934            		// delay: index * 0.3,
935            		scrollTrigger: {
936            			trigger: element,
937            			start: 'top bottom',
938            			once: true,
939            			markers: false,
940            		},
941            });
942        });
943        gsap.utils.toArray('.zoom-image').forEach(function(elem) {
944                gsap.fromTo(elem, 
945                    {
946                        scale: 0.95,
947                        opacity: 0,
948                        duration: 0.5,
949                    }, 
950                    {
951                        scale: 1,
952                        opacity: 1, 
953                        duration: 2, 
954                        ease: "power1.out",
955                        scrollTrigger: {
956                            trigger: elem,
957                            start: "top 90%",
958                            end: "top 80%",
959                            scrub: 2,
960                            markers: false
961                        }
962                    }
963                );
964            });
965            
966            function marqueMoveReverse() {
967                window.addEventListener('wheel', function(val) {
968                    if(val.deltaY > 0) {
969                        gsap.to('.line__box.line__box__reverse div', {
970                            transform: 'translateX(-100%)',
971                            duration: 7,
972                            //repeat: -1
973                        })
974                    } else {
975                        gsap.to('.line__box.line__box__reverse div', {
976                            transform: 'translateX(0)',
977                            duration: 7,
978                            //repeat: -1
979                        })
980                    }
981                })
982            }
983            marqueMoveReverse()
984            
985            function marqueMoveForward() {
986                window.addEventListener('wheel', function(val) {
987                    if(val.deltaY > 0) {
988                        gsap.to('.line__box.line__box__forward div', {
989                            transform: 'translateX(100%)',
990                            duration: 7,
991                            //repeat: -1
992                        })
993                    } else {
994                        gsap.to('.line__box.line__box__forward div', {
995                            transform: 'translateX(0)',
996                            duration: 7,
997                            //repeat: -1
998                        })
999                    }
1000                })
1001            }
1002            marqueMoveForward()
1003            
1004        
1005    </script>
1005
1006   	
1007        
1007<script>
1008           // const swiperMain = new Swiper('.swiper-main', {
1009              //  direction: 'horizontal',
1010              //  loop: true,
1011                //autoplay: {
1012                //   delay: 4000
1013                //},
1014            
1015               // pagination: {
1016               //     el: '.swiper-pagination',
1017               //     type: 'bullets',
1018               // },
1019            
1020            //})
1021            
1022            const swiperProducts = new Swiper('.swiper-products', {
1023                direction: 'horizontal',
1024                // loop: true,
1025                //slidesPerView: 3,
1026                spaceBetween: 30,
1027                freeMode: true,
1028            
1029                scrollbar: {
1030                    el: '.swiper-scrollbar',
1031                    draggable: true,
1032                   
1033                },
1034                
1035                breakpoints: {
1036                    // when window width is >= 320px
1037                    320: {
1038                        slidesPerView: 1,
1039                        spaceBetween: 20
1040                    },
1041                    640: {
1042                        slidesPerView: 1,
1043                        spaceBetween: 30
1044                    },
1045                    980: {
1046                        slidesPerView: 2,
1047                        spaceBetween: 40
1048                    },
1049                    1199: {
1050                        slidesPerView: 3,
1051                        spaceBetween: 40
1052                    }
1053                }
1054            });
1055            
1056            const swiperLetters = new Swiper('.swiper-letters', {
1057                direction: 'horizontal',
1058                // loop: true,
1059                //slidesPerView: 3,
1060                //spaceBetween: 30,
1061                //freeMode: true,
1062            
1063                scrollbar: {
1064                    el: '.swiper-scrollbar',
1065                    draggable: true,
1066                   
1067                },
1068                
1069                breakpoints: {
1070                    // when window width is >= 320px
1071                    320: {
1072                        slidesPerView: 1,
1073                        spaceBetween: 20
1074                    },
1075                    // when window width is >= 480px
1076                    640: {
1077                        slidesPerView: 2,
1078                        spaceBetween: 30
1079                    },
1080                    // when window width is >= 640px
1081                    980: {
1082                        slidesPerView: 3.3,
1083                        spaceBetween: 40
1084                    }
1085                }
1086            });
1087            
1088          
1089            const swiperPartners = new Swiper('.swiper-partners', {
1090              direction: 'horizontal',
1091              //slidesPerView: 3,
1092              grid: {
1093                rows: 2,
1094                fill: "row",
1095              },
1096              spaceBetween: 30,
1097              pagination: {
1098                el: ".swiper-pagination",
1099                clickable: true,
1100              },
1101              
1102              breakpoints: {
1103                    // when window width is >= 320px
1104                    320: {
1105                        slidesPerView: 2,
1106                        spaceBetween: 20
1107                    },
1108                    // when window width is >= 480px
1109                    640: {
1110                        slidesPerView: 2,
1111                        spaceBetween: 30
1112                    },
1113                    // when window width is >= 640px
1114                    980: {
1115                        slidesPerView: 3,
1116                        spaceBetween: 40
1117                    },
1118                    1760: {
1119                        slidesPerView: 5,
1120                        spaceBetween: 40
1121                    }
1122                }
1123            });
1124            
1125            new Swiper('.swiper-cases', {
1126	// Optional parameters
1127	direction: 'horizontal',
1128	loop: false,
1129	freeMode: true,
1130	// slidesPerView: 2.5,
1131	spaceBetween: 30,
1132
1133	breakpoints: {
1134		// when window width is >= 320px
1135		320: {
1136			slidesPerView: 1.5,
1137			spaceBetween: 20,
1138		},
1139		// when window width is >= 480px
1140		480: {
1141			slidesPerView: 1.5,
1142			spaceBetween: 30,
1143		},
1144		// when window width is >= 640px
1145		640: {
1146			slidesPerView: 1.5,
1147			spaceBetween: 30,
1148		},
1149		992: {
1150			slidesPerView: 2.5,
1151			spaceBetween: 30,
1152		},
1153	},
1154})
1155
1156new Swiper('.swiper-testimonials', {
1157	// Optional parameters
1158	direction: 'horizontal',
1159	loop: false,
1160	// slidesPerView: 2,
1161	spaceBetween: 30,
1162
1163	breakpoints: {
1164		// when window width is >= 320px
1165		320: {
1166			slidesPerView: 1,
1167			spaceBetween: 20,
1168		},
1169		// when window width is >= 480px
1170		480: {
1171			slidesPerView: 1,
1172			spaceBetween: 30,
1173		},
1174		// when window width is >= 640px
1175		640: {
1176			slidesPerView: 1,
1177			spaceBetween: 30,
1178		},
1179		992: {
1180			slidesPerView: 2,
1181			spaceBetween: 30,
1182		},
1183	},
1184
1185	// // And if we need scrollbar
1186	scrollbar: {
1187		el: '.swiper-scrollbar',
1188		draggable: true,
1189	},
1190})
1191
1192 
1193            
1194           const swiperMain = new Swiper('.swiper-main', {
1195    direction: 'horizontal',
1196    slidesPerView: 1,
1197    spaceBetween: 30,
1198    loop: false,
1199    loopedSlides: 4,
1200    parallax: true,
1201    effect: 'fade',
1202    fadeEffect: {
1203        crossFade: true,
1204    },
1205    speed: 800,
1206    //autoplay: {
1207    //    delay: 5000,
1208    //},
1209    pagination: {
1210        el: '.swiper-pagination',
1211        type: 'fraction',
1212    },
1213});
1214
1215// Generate pagination bullets inside div with #bullets ID
1216for (let i = 1; i < swiperMain.slides.length + 1; i++) {
1217    if (i === 1) {
1218        // Add active class if it is the first bullet
1219        $('#bullets').append('<span class="swiper-pagination-bullet swiper-pagination-bullet-active slide' + i + '" data-slide-index="' + (i - 1) + '"></span>');
1220    } else {
1221        $('#bullets').append('<span class="swiper-pagination-bullet slide' + i + '" data-slide-index="' + (i - 1) + '"></span>');
1222    }
1223}
1224
1225// Get all bullet elements
1226const bullets = $('.swiper-pagination-bullet');
1227
1228// Add active class to the current bullet on slide change
1229swiperMain.on('slideChange', function () {
1230    // Get current slide from fraction pagination number
1231    const slide = "slide" + ($('.swiper-pagination-current').html());
1232    // Remove active class from all bullets
1233    bullets.removeClass("swiper-pagination-bullet-active");
1234    // Check each bullet element if it has slideNumber class
1235    $.each(bullets, function (index, value) {
1236        if ($(this).hasClass(slide)) {
1237            $(this).addClass("swiper-pagination-bullet-active");
1238            return false;
1239        }
1240    });
1241});
1242
1243// Add click event listeners to bullets for navigation
1244bullets.on('click', function () {
1245    const slideIndex = $(this).data('slide-index');
1246    swiperMain.slideTo(slideIndex);
1247});
1248
1249          
1250         document.addEventListener("DOMContentLoaded", (event) => {
1251            swiperMain.on('slideChange', function () {
1252              // Get the active slide
1253              var activeSlide = swiperMain.slides[swiperMain.activeIndex];
1254               console.log(swiperMain.activeIndex)
1255               var billboardBoxInner = document.querySelector('.billboard_box_img');
1256               var modalVideo = document.getElementById('modalVideo');
1257              if (swiperMain.activeIndex === 0) {
1258                document.getElementById('externalImage').src = '/image/ban1.png';
1259                billboardBoxInner.style.setProperty('--before-content', 'url("/image/ban11.png")');
1260                modalVideo.src = '/assets/crocos--new/video/golf.mp4';
1261              } else if (swiperMain.activeIndex === 1) {
1262                document.getElementById('externalImage').src = '/image/ban2.png';
1263                billboardBoxInner.style.setProperty('--before-content', 'url("/image/ban22.png")');
1264                modalVideo.src = '/assets/crocos--new/video/tennis_vr.mp4';
1265              } else if (swiperMain.activeIndex === 2) {
1266                document.getElementById('externalImage').src = '/image/ban3.png';
1267                billboardBoxInner.style.setProperty('--before-content', 'url("/image/ban33.png")');
1268                modalVideo.src = '/assets/crocos--new/video/vr.mp4';
1269              }
1270            })
1271           
1272         })
1273        </script>
1273
1274        
1275        
1275<script>
1276        
1277        if(false) {
1278       document.addEventListener("DOMContentLoaded", (event) => {
1279    const modalw = document.getElementById('exampleModalCenter');
1280    
1281    // Check if the cookie 'name=CookieStar' exists
1282    if (document.cookie.match(/(^|;) ?name=CookieStar/)) {
1283        $('#exampleModalCenter').modal('hide');
1284    } else {
1285        setTimeout(() => {
1286            $('#exampleModalCenter').modal('show');
1287        }, 20000)
1288    }
1289    
1290    // Function to set the cookie with a 10-minute expiration
1291    const setCookie = () => {
1292        const expirationDate = new Date();
1293        expirationDate.setTime(expirationDate.getTime() + (10 * 60 * 1000));
1294        const expires = 'expires=' + expirationDate.toUTCString();
1295        document.cookie = 'name=CookieStar; ' + expires + '; path=/;';
1296    };
1297
1298    // Ensure the modal exists
1299    if (modalw) {
1300        // Close modal and set cookie when clicking outside modal content or on close button
1301        document.addEventListener('click', (event) => {
1302            const modalContent = modalw.querySelector('.modal-content');
1303            const closeButton = modalw.querySelector('.close');
1304            if (modalContent && !modalContent.contains(event.target) && event.target !== closeButton) {
1305                setCookie();
1306                $('#exampleModalCenter').modal('hide');
1307            }
1308        });
1309        
1310
1311        // Close modal and set cookie when clicking on the close button
1312        const closeButton = modalw.querySelector('.close');
1313        if (closeButton) {
1314            closeButton.addEventListener('click', () => {
1315                setCookie();
1316                $('#exampleModalCenter').modal('hide');
1317            });
1318        }
1319    }
1320})
1321}
1322
1323        </script>
1323
1324        
1325        
1325<script>
1326            document.querySelector('.header_bottom_info_phone').addEventListener('mouseenter', () => {
1327                document.querySelector('.addition__numbers').classList.add('active')
1328            })
1329            document.querySelector('.header_bottom_info_phone').addEventListener('mouseleave', () => {
1330                document.querySelector('.addition__numbers').classList.remove('active')
1331            })
1332        </script>
1332
1333        
1334        
1334<script>
1335            const wapop = document.createElement('a')
1336            wapop.href = 'https://api.whatsapp.com/send?phone=77718479990'
1337            wapop.target = '_blank'
1338            wapop.classList.add('wapop')
1339            document.body.appendChild(wapop)
1340        </script>
1340
1341        
1342        
1342<script>
1343            $(document).ready(function() {
1344                if (window.innerWidth < 768) {
1345                    $("video").each(function() {
1346                        this.play();
1347                    });
1348            
1349                    // Отключаем события "mouseenter" и "mouseleave"
1350                    $("video").off("mouseenter mouseleave");
1351                }
1352            });
1353        </script>
1353
1354       
1355        
1355<script src="https://unpkg.com/@lyket/widget@latest/dist/lyket.js?apiKey=acc0dbccce8e557db5ebbe6d605aaa" /></script>
1355
1356    
1356<script type="text/javascript" src="/assets/components/ajaxform/js/default.js"></script>
vendor: 1 bytes, line 1356
1356
1357<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":353});</script>
1357
1358</body>
1359</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.