PageSourceSearch

https://crocos.kz/

html crocos.kz collected 2026-10-01 14:08:24 UTC 126,836 bytes, 2,389 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 в Астане | Разработка ПО, мобильных приложений и Digital-решения</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    
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/"/>
31    
32    <link rel="alternate" hreflang="ru-kz" href="https://crocos.kz/" />
33    <link rel="alternate" hreflang="kk-kz" href="https://crocos.kz/kz/" />
34    <link rel="alternate" hreflang="en" href="https://crocos.pro/" />
35    <link rel="alternate" hreflang="x-default" href="https://crocos.kz/" />
36    
37    <meta name="title" content="IT-компания CROCOS в Астане - разработка и продвижение">
38    <meta name="keywords" content="создание сайта, сайт продвижение, цифровые решения, разработка информационной системы, разработка и внедрение, web разработка, веб разработка, сайт под ключ, стоимость сайта ,заказать сайт, IT компания Crocos" />
39    <meta name="description" content="Интегратор цифровых решений CROCOS с 2011 года: веб-разработка, мобильные приложения, внедрение CRM/ECM и интернет-маркетинг в Казахстане. +7 (7172) 79-04-39" />
40    <!--<meta name="facebook-domain-verification" content="q6phb3kv98d678wpv7774hglla6edj" />-->
41    <!-- Open Graph -->
42    <meta property="og:type" content="website" />
43    <meta property="og:locale" content="ru_RU" />
44    <meta property="og:site_name" content="CROCOS SYSTEMS" />
45    <meta property="og:url" content="https://crocos.kz/" />
46    <!-- og_image TV не подключён к шаблону (тег отдавал пустоту) - картинка по умолчанию для всех страниц -->
47    <meta property="og:image" content="https://crocos.kz/assets/crocos2024/img/31.jpg" />
48    <meta property="og:image:width" content="1920" />
49    <meta property="og:image:height" content="1080" />
50    <meta property="og:image:alt" content="IT-компания CROCOS Казахстан" />
51    <meta property="og:title" content="IT-компания CROCOS в Астане | Разработка ПО и Digital-решения" />
52    <meta property="og:description" content="Интегратор цифровых решений CROCOS с 2011 года: веб-разработка, мобильные приложения, внедрение CRM/ECM и интернет-маркетинг в Казахстане." />
53    <!-- Twitter Cards -->
54    <meta name="twitter:card" content="summary_large_image" />
55    <meta name="twitter:title" content="IT-компания CROCOS в Астане | Разработка ПО и Digital-решения" />
56    <meta name="twitter:description" content="Интегратор цифровых решений CROCOS: мобильная разработка, веб-портал
56ы, CRM/ECM в Казахстане." />
57    <meta name="twitter:image" content="https://crocos.kz/assets/crocos2024/img/31.jpg" />
58
59    <meta name="msapplication-TileColor" content="#0C84F3">
60    <meta name="theme-color" content="#0C84F3">
61
62    <!-- Schema.org: организация и сайт (на всех страницах) -->
63    
63<script type="application/ld+json">
64    {
65      "@context": "https://schema.org",
66      "@graph": [
67        {
68          "@type": [ "ITBusiness", "Organization" ],
69          "@id": "https://crocos.kz/#organization",
70          "name": "CROCOS",
71          "legalName": "ТОО «CROCOS SYSTEMS»",
72          "url": "https://crocos.kz/",
73          "logo": {
74            "@type": "ImageObject",
75            "@id": "https://crocos.kz/#logo",
76            "url": "https://crocos.kz/assets/crocos2024/img/crocos_logo_black.svg",
77            "caption": "Логотип IT-компании CROCOS"
78          },
79          "image": "https://crocos.kz/assets/crocos2024/img/31.jpg",
80          "foundingDate": "2011",
81          "description": "Казахстанский IT-интегратор и веб-продакшн полного цикла. Разработка мобильных приложений, веб-порталов, автоматизация B2B-процессов и интернет-маркетинг.",
82          "taxID": "060140028221",
83          "address": {
84            "@type": "PostalAddress",
85            "streetAddress": "пр. Республики 34а, БЦ «Нұр Тау», офис 602",
86            "addressLocality": "Астана",
87            "postalCode": "010000",
88            "addressCountry": "KZ"
89          },
90          "geo": {
91            "@type": "GeoCoordinates",
92            "latitude": 51.1605,
93            "longitude": 71.4305
94          },
95          "contactPoint": [
96            {
97              "@type": "ContactPoint",
98              "telephone": "+7-7172-79-04-39",
99              "contactType": "sales",
100              "areaServed": "KZ",
101              "availableLanguage": [ "Russian", "Kazakh", "English" ]
102            }
103          ],
104          "sameAs": [
105            "https://www.facebook.com/wecrocos/",
106            "https://career.habr.com/companies/crocos"
107          ]
108        },
109        {
110          "@type": "WebSite",
111          "@id": "https://crocos.kz/#website",
112          "url": "https://crocos.kz/",
113          "name": "CROCOS",
114          "publisher": { "@id": "https://crocos.kz/#organization" },
115          "inLanguage": "ru-KZ"
116        }
117      ]
118    }
119    </script>
119
120    
121    
121<script type="application/ld+json">
122    {
123      "@context": "https://schema.org",
124      "@type": "BreadcrumbList",
125      "itemListElement": [
126        {
127          "@type": "ListItem",
128          "position": 1,
129          "name": "Главная",
130          "item": "https://crocos.kz/"
131        }
132      ]
133    }
134    </script>
134
135    
136    <link rel="apple-touch-icon"      sizes="57x57" href="/assets/crocosnews/img/favicon/apple-icon-57x57.png">
137    <link rel="apple-touch-icon"      sizes="60x60" href="/assets/crocosnews/img/favicon/apple-icon-60x60.png">
138    <link rel="apple-touch-icon"      sizes="72x72" href="/assets/crocosnews/img/favicon/apple-icon-72x72.png">
139    <link rel="apple-touch-icon"      sizes="76x76" href="/assets/crocosnews/img/favicon/apple-icon-76x76.png">
140    <link rel="apple-touch-icon"      sizes="114x114" href="/assets/crocosnews/img/favicon/apple-icon-114x114.png">
141    <link rel="apple-touch-icon"      sizes="120x120" href="/assets/crocosnews/img/favicon/apple-icon-120x120.png">
142    <link rel="apple-touch-icon"      sizes="144x144" href="/assets/crocosnews/img/favicon/apple-icon-144x144.png">
143    <link rel="apple-touch-icon"      sizes="152x152" href="/assets/crocosnews/img/favicon/apple-icon-152x152.png">
144    <link rel="apple-touch-icon"      sizes="180x180" href="/assets/crocosnews/img/favicon/apple-icon-180x180.png">
145    <link rel="icon" type="image/png" sizes="192x192"  href="/assets/crocosnews/img/favicon/android-icon-192x192.png">
146    <link rel="icon" type="image/png" sizes="32x32" href="/assets/crocosnews/img/favicon/favicon-32x32.png">
147    <link rel="icon" type="image/png" sizes="96x96" href="/assets/crocosnews/img/favicon/favicon-96x96.png">
148    <link rel="icon" type="image/png" sizes="16x16" href="/assets/crocosnews/img/favicon/favicon-16x16.png">
149    
150      <link rel="icon" type="image/x-icon" href="/assets/crocosnews/img/favicon.ico">
151  <!--   <link rel="manifest" href="/assets/crocosnews/img/favicon/manifest.json"> -->
152    <!--<link rel="preconnect" href="https://fonts.googleapis.com">-->
153    <!--<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>-->
154    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100&display=swap" rel="stylesheet">
155    <!-- Google Tag Manager -->
156    <!-- 
156<script>
vendor: 347 bytes, lines 156-160
156(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
157    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
158    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
159    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
160    })(window,document,'script','dataLayer','
160GTM-PG88XF4
vendor: 3 bytes, line 160
160');
160</script>
160 -->
161    <!-- End Google Tag Manager -->
162    
163    <!-- Global site tag (gtag.js) - Google Analytics -->
164    <!--
vendor: 64 bytes, line 164
164 <script async src="https://www.googletagmanager.com/gtag/js?id=
164G-Q06JTT5T42
vendor: 17 bytes, lines 164-165
164"></script>
165    
165<script>
166      
vendor: 154 bytes, lines 166-170
166window.dataLayer = window.dataLayer || [];
167      function gtag(){dataLayer.push(arguments);}
168      gtag('js', new Date());
169    
170      gtag('config', '
170G-Q06JTT5T42
vendor: 9 bytes, lines 170-171
170');
171    
171</script>
171 -->
172    
173    <!-- Yandex.Metrika counter -->
174   <!--  
174<script type="text/javascript" >
vendor: 320 bytes, lines 174-179
174
175      (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
176      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)})
177      (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
178   
179      ym(
17953760352
vendor: 147 bytes, lines 179-185
179, "init", {
180           clickmap:true,
181           trackLinks:true,
182           accurateTrackBounce:true,
183           webvisor:true
184      });
185   
185</script>
185 -->
186    <noscript><div><img src="https://mc.yandex.ru/watch/53760352" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
187    <!-- /Yandex.Metrika counter -->
188
189    <!-- Facebook Pixel Code -->
190    <!-- 
190<script>
vendor: 444 bytes, lines 190-199
190
191    !function(f,b,e,v,n,t,s)
192    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
193    n.callMethod.apply(n,arguments):n.queue.push(arguments)};
194    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
195    n.queue=[];t=b.createElement(e);t.async=!0;
196    t.src=v;s=b.getElementsByTagName(e)[0];
197    s.parentNode.insertBefore(t,s)}(window, document,'script',
198    'https://connect.facebook.net/en_US/fbevents.js');
199    fbq('init', '
199501427417250939
vendor: 40 bytes, lines 199-201
199');
200    fbq('track', 'PageView');
201    
201</script>
201
202    <noscript><img height="1" width="1" style="display:none"
203    src="https://www.facebook.com/tr?id=501427417250939&ev=PageView&noscript=1"
204    /></noscript> -->
205    <!-- End Facebook Pixel Code -->
206
207    <meta name="yandex-verification" content="04c0097a0ccc4758" />
208    <meta name="yandex-verification" content="bb1d6446e8aa3e4d" /> <!-- u.artem -->
209    <!-- Google Tag Manager -->
210<script>
vendor: 331 bytes, lines 210-214
210(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
211new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
212j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
213'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
214})(window,document,'script','dataLayer','
214GTM-PG88XF4
vendor: 3 bytes, line 214
214');
214</script>
214
215<!-- End Google Tag Manager -->
216
217<link rel="stylesheet" href="/assets/components/pdotools/css/pdopage.min.css" type="text/css" />
218<script type="text/javascript">pdoPage = {callbacks: {}, keys: {}, configs: {}};</script>
218
219</head>
220
221<body id="bs-kill9" class="">
222    <div id="cursor"></div>
223<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 223-224
223
224<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
224GTM-PG88XF4
vendor: 85 bytes, lines 224-225
224"
225height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
226<!-- End Google Tag Manager (noscript) -->
227
228<div class="main_bg">
229<header class=" header ">
230    <div class="container">
231        <div class="header_box">
232             <div class="text-container">
233	                <div class="animated-text-start z_indexf" >
234            <div class="header_top">
235                <div class='mobile_header'>
236                    <div class="logo">
237                        <a href="/">
238                            <img src="assets/crocos2024/img/crocos_logo.svg" alt="IT-компания CROCOS Астана" width="212" height="45">
239                        </a>
240                    </div>
241                    <div class='mobile'>
242                        <div class="mobile_icon">
243                            <span>
244                                Ru
245                                
246                                
247                            </span>
248                            <ul>
249                            <li>
250    <a href="https://crocos.kz/kz/" class="kz" data-lang="kz">
251        kz
252    </a>
253</li>
254<li>
255    <a href="https://crocos.kz/" class="ru active" data-lang="ru">
256        ru
257    </a>
258</li>
259                            <li>
260                                <a href="https://crocos.pro/" class="en" data-lang="en" target="_blank">
261                                    en
262                                </a>
263                            </li>
264                            <!--<li>-->
265                            <!--    <a href="https://crocos-uz.crocos.kz" class="uz" data-lang="uz" target="_blank">-->
266                            <!--        uz-->
267                            <!--    </a>-->
268                            <!--</li>-->
269                        </ul>
270                        </div>
271                        <div class='menubar'>
272                            <img alt="Меню" width="47" height="47" src="assets/crocos2024/img/Menu.svg">
273                        </div>
274                    </div>
275                </div>
276                <nav>
277                    <ul class="header_top_menu-top">
278                        <!--<li>Разработка-->
279                        <!---->
280                        <!---->
281                        <!--</li>-->
282                        <!--<li><a href="https://astana.citypass.kz/ru/" target="_blank">Городской путеводитель
283                        
284                        </a>
285                        </li> -->
286                    </ul>
287                </nav>
288            </div>
289            </div>
290            </div>
291             <div class="text-container">
292	                <div class="animated-text-start">
293            <div class="header_bottom wow fadeIn" data-wow-duration="2s">
294                <div class='menuhide'>
295                    <nav>
296                        <ul class="header_top_menu-bot">
297                            
298                            <li><a href="o-kompanii/" target="_blank">О
299                                    компании</a>
300                            </li>
301                            <li><a href="uslugi/" target="_blank">Услуги</a>
302                            </li>
303                            <li><a href="produktyi/" target="_blank">Продукты</a>
304                            </li>
305                            <li><a href="cases/" target="_blank">Кейсы</a>
306                            </li>
307                            <li><a href="kontaktyi" target="_blank">Контакты</a>
308                            </li>
309                            
310                            
311                            
312                            
313                            
314                        </ul>
315                    </nav>
316                </div>
317                <div class='header_bottom_info'>
318                    <div class="header_bottom_info_lang desc_icon">
319                        <span>
320                            Ru
321                            
322                            
323                        </span>
324                        <ul>
325                            <li>
326    <a href="https://crocos.kz/kz/" class="kz" data-lang="kz">
327        kz
328    </a>
329</li>
330<li>
331    <a href="https://crocos.kz/" class="ru active" data-lang="ru">
332        ru
333    </a>
334</li>
335                            <li>
336                                <a href="https://crocos.pro/" class="en" data-lang="en" target="_blank">
337                                    en
338                                </a>
339                            </li>
340                            <!--<li>-->
341                            <!--    <a href="https://crocos-uz.crocos.kz" class="uz" data-lang="uz" target="_blank">-->
342                            <!--        uz-->
343                            <!--    </a>-->
343
344                            <!--</li>-->
345                        </ul>
346                    </div>
347                 
348                    <div class='header_bottom_info_breaf imodal0' id="imodal" data-modal="formama">
349                        Обсудить проект
350                        
351                         
352                        <!-- <a href="https://forms.gle/tpk78gAAgod8WMXM9" target='_blank'>обратная связь</a> -->
353                    </div>
354               
355                    <div class='header_bottom_info_phone'>
356                        <a href="tel:+77718479990">
357                            <svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="https://www.w3.org/2000/svg">
358<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"/>
359<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"/>
360</svg>+7 /771/ 847 99 90</a> 
361                            <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">
362                            		<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" />
363                            	</svg></span>
364                            <div class='addition__numbers'>
365                            	<a href="tel:+77172790439" target="_blank">
366                            	    <span style="margin-right: 20px">
367                            			<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" class="bi bi-telephone" viewBox="0 0 16 16">
368  <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
368a.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"/>
369</svg>
370                            		</span>+7 (7172) 79 04 39</a>
371                            </div>
372                    </div>
373                    
374                </div>
375            </div>
376            </div>
377            </div>
378            <div class="mobile_slash">
379                <div class='cross_mobile'></div>
380                <nav class='mobile_slash-top'>
381                    <ul class="">
382                        <li>
383                             Разработка
384                        
385                         
386                    
387                        </li>
388                    <!--    <li><a href="https://astana.citypass.kz/ru/" target="_blank">
389                             Городской путеводитель
390                        
391                        
392                            </a>
393                        </li> -->
394                    </ul>
395                </nav>
396                <nav class='mobile_slash-bot'>
397                    <ul class="">
398                        
399                        <li><a href="o-kompanii/" target="_blank">О
400                                    компании</a>
401                            </li>
402                            <li><a href="uslugi/" target="_blank">Услуги</a>
403                            </li>
404                            <li><a href="produktyi/" target="_blank">Продукты</a>
405                            </li>
406                            <li><a href="cases/" target="_blank">Кейсы</a>
407                            </li>
408                            <li><a href="kontaktyi" target="_blank">Контакты</a>
409                            </li>
410                        
411                        
412                        
413                        
414                        
415                    </ul>
416                </nav>
417                <div class='header_bottom_info'>
418                    <div class='header_bottom_info_breaf amo_btn' id="imodal" data-modal="formama">
419                        Свяжитесь с нами
420                        
421                         
422                        <!-- <a href="https://forms.gle/tpk78gAAgod8WMXM9" target='_blank'>обратная связь</a> -->
423                    </div>
424                    <div class='header_bottom_info_phone'>
425                        <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">
426<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.
42663754 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"/>
427<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"/>
428</svg> +7 /771/ 847 99 90</a>
429                    </div>
430                </div>
431            </div>
432        </div>
433    </div>
434</header>
435
436<!-- Modal -->
437<div class="modal fade akciya" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
438  <div class="modal-dialog modal-dialog-centered" role="document">
439    <div class="modal-content">
440        
441      <div class="modal-header">
442        <h5 class="modal-title" id="exampleModalLongTitle">Акция!</h5>
443        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
444          <span aria-hidden="true">
445<svg width="71" height="71" viewBox="0 0 71 71" fill="none" xmlns="https://www.w3.org/2000/svg">
446<path d="M53.25 17.75L17.75 53.25" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
447<path d="M17.75 17.75L53.25 53.25" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
448</svg>
449</span>
450        </button>
451      </div>
452      <div class="modal-body">
453           Закажите разработку проекта - получите бесплатную SEO-оптимизацию
454                        
455                         
456       
457      </div>
458      <div class="modal-footer">
459        <a href="https://api.whatsapp.com/send?phone=77718479990" target="_blank"><button type="button" class="btn btn-primary">Узнать пoдробнее<span style="margin-left: 20px">
460<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="https://www.w3.org/2000/svg">
461<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"/>
462</svg>
463</span></button></a>
464      </div>
465    </div>
466  </div>
467</div>
468
469<div class="billboard container">
470    <div class="billboard_box">
471        <div class="billboard_box_text">
472            <div class="swiper swiper-main wow slideInLeft" data-wow-duration="2s">
473                <div class="swiper-wrapper">
474                    <div class="swiper-slide">
475                        <div class="text-container">
476                            <div class="animated-text-start">
477                        <h3>
478                            <span>Наши последние
479                                кейсы
480                        
481                        </span>
482                          Mini-Golf VR
483                        </h3>
484                        <p class='billboard_box_text_subtext'>
485                            VR-игра в мини-гольф для BI Group
486                        
487                        </p>
488                        <div class='billboard_box_text_btn'>
489                            <p><a href="https://crocos.kz/mini-golf-vrr" target="_blank">Смотреть кейс
490                        
491                        </a></p>
492                        </div>
493                        </div>
494                        </div>
495                    </div>
496                    <div class="swiper-slide">
497                        <div class="text-container">
498                            <div class="animated-text-start">
499                        <h3>
500                            <span>Наши последние
501                                кейсы
502                        
503                        </span>
504                          Tennis Horizon VR
505                        </h3>
506                        <p class='billboard_box_text_subtext'>
507                             VR проект для FinTech банка в Казахстане
508                        
509                        </p>
510                        <div class='billboard_box_text_btn'>
511                            <p><a href="https://crocos.kz/vr-forum" target="_blank">Смотреть кейс
512                        
513                        </a></p>
514                        </div>
515                        </div>
516                        </div>
517                    </div>
518                    <div class="swiper-slide">
519                        <div class="text-container">
520                            <div class="animated-text-start">
521                        <h3>
522                            <span>Наши последние
523                                кейсы
524                        
525                        </span>
526                          VR Promo
527                        </h3>
528                        <p class='billboard_box_text_subtext'>
529                            Обучение по безопасности на шахте
530                        
531                        </p>
532                        <div class='billboard_box_text_btn'>
533                            <p><a href="https://crocos.kz/vr-obuchenie-dlya-kazakhmys" target="_blank">Смотреть кейс
534                        
535                        </a></p>
536                        </div>
537                        </div>
538                        </div>
539                    </div>
540                    <!-- <div class="swiper-slide">
541                        <h3>
542                            <span>Наши последние
543                                кейсы
544                        
545                        </span>
546                            «КазГЮУ»
547                        </h3>
548                        <p class='billboard_box_text_subtext'>
549                            Разработка студенческого портала  и приложения для университета</p>
550                        <div class='billboard_box_text_btn'>
551                            <p><a href="https://crocos.kz/mokup-kazguu" target="_blank">Смотреть кейс
552                        
553                        </a></p>
554                        </div>
555                    </div>
556                    <div class="swiper-slide">
557                        <h3>
558                            <span>Наши последние
559                                кейсы
560                        
561                        </span>
562                            «Smerse»
563                        </h3>
564                        <p class='billboard_box_text_subtext'>
565                            Разработка кроссплатформенного NFT приложения</p>
566                        <div class='billboard_box_text_btn'>
567                            <p><a href="https://crocos.kz/mockup-smerse-site" target="_blank">Смотреть кейс
568                        
569                        </a></p>
570                        </div>
571                    </div>
572                    <div class="swiper-slide">
573                        <h3>
574                            <span>Наши последние
575                                кейсы
576                        
577                        </span>
578                            «CityPass»
579                        </h3>
580                        <p class='billboard_box_text_subtext'>
581                            Успешное внедрение туристического стартапа с 1 миллионом пользователей</p>
582                        <div class='billboard_box_text_btn'>
583                            <p><a href="https://crocos.kz/mokup-citypass-site" target="_blank">Смотреть кейс
584                        
585                        </a></p>
586                        </div>
587                    </div>
588                    <div class="swiper-slide">
589                        <h3>
590                            <span>Наши последние
591                                кейсы
592                        
593                        </span>
594                            «Astana International Forum»
595                        </h3>
596                        <p class='billboard_box_text_subtext'>
597                            Международный Форум Астана</p>
598                        <div class='billboard_box_text_btn'>
599                            <p><a href="https://crocos.kz/mockup-aif-site" target="_blank">Смотреть кейс
600                        
601                        </a></p>
602                        </div>
603                    </div>
604                    <div class="swiper-slide">
605                        <h3>
606                            <span>Наши последние
607                                кейсы
608                        
609                        </span>
610                            Отбасы Банк
611                        </h3>
612                        <p class='billboard_box_text_subtext'>
613                            Запуск рекламы с отметкой в 30 тысяч лидов и 12 млн просмотров</p>
614                        <div class='billboard_box_text_btn'>
615                            <p><a href="https://crocos.kz/mockup-otbasi-bank" target="_blank">Смотреть кейс
616                        
617                        </a></p>
618                        </div>
619                    </div> -->
620                </div>
621                <div class="swiper-pagination"></div>
622                <div id="bullets" class="swiper-pagination-bullets"></div>
623            </div>
624        </div>
625        <div class="billboard_box_img wow fadeInUp" data-wow-duration="2s">
626            <div class="billboard_box_img-inner" data-bs-toggle="modal" data-bs-target="#exampleModal">
627                <div class="zoom-image">
628                <img id="externalImage" src="/image/ban1.png" alt="Разработка информационных систем под ключ">
629                    </div>
630                <!--<div class="played"><img src="assets/crocos2024/img/playcase.svg"></div>-->
631            </div>
632        </div>
633    </div>
634</div>
635</div>
636<main>
637<section class='app container'>
638    <div class="app_box" data-bs-toggle="modal" data-bs-target="#showreelModal">
639        <div class="zoom-image">
640        <img src="/image/обложка 1.png" alt="Разработка информационных систем под ключ">
641            </div>
642        <div class="app_box-play"></div>
643    </div>
644</section>
645<section class="creation">
646    <div class="container">
647        <div class="creation_box">
648            <div style="position: relative;">
649                <div class="creation_box_title wow slideInLeft" data-wow-duration="2s">
650                    <div class="text-container">
651                            <div class="animated-text">
652                    <p>вдохновляемся будущим
653                        
654                        
655                    </p>
656                    </div>
657                        </div>
658                         <div class="text-container">
659                            <div class="animated-text">
660                    <h1>
661                        <strong>Мы создаем
662                            инновационные
663                            цифровые
664                        
665                        
666                            <span>
667                                <a href="produktyi/" target="_blank">продукты
668                        
669                        </a>
670                            </span>
671                        </strong>,
672                        которые
673                        улучшают нашу жизнь.
674                        
675                        
676                    </h1>
677                    </div>
678                        </div>
679                </div>
680                <img class='cube-color' alt="" src="assets/crocos2024/img/cube-color.png">
681            </div>
682            <div class='creation_box_offer'>
683                <div class="creation_box_offer_item wow slideInLeft" data-wow-duration="2s">
684                    <img class='cube' alt="" src="assets/crocos2024/img/cube.svg">
685                    <img class='active-cube' src="assets/crocos2024/img/active-cube.png">
686                    <div class="text-container">
687                            <div class="animated-text">
688                    <p>Инновации и современные
689                        технологии
690                        
691                        </p>
692                        </div>
693                        </div>
694                </div>
695                <div class="creation_box_offer_item wow fadeInUp" data-wow-duration="2s">
696                    <img alt="" class='cube' src="assets/crocos2024/img/cube.svg">
697                    <img class='active-cube' src="assets/crocos2024/img/active-cube.png">
698                    <div class="text-container">
699                            <div class="animated-text">
700                    <p>Развитие и
701                        совершенствование
702                        продуктов
703                        
704                        </p>
705                        </div>
706                        </div>
707                </div>
708                <div class="creation_box_offer_item wow slideInRight" data-wow-duration="2s">
709                    <img class='cube' alt="" src="assets/crocos2024/img/cube.svg">
710                    <img class='active-cube' src="assets/crocos2024/img/active-cube.png">
711                     <div class="text-container">
712                            <div class="animated-text">
713                    <p>Цифровые решения,
714                        которые
715                        реально работают
716                        
717                        </p>
718                        </div>
719                        </div>
720                </div>
721            </div>
722        </div>
723    </div>
724</section>
725<section class="partsec">
726    <div class="partners">
727        <div class="partners_box">
728            <div class="text-container">
729            <div class="animated-text">
730            	<div class="line__box line__box__reverse">
731            		    <div>
732            				<img src="assets/crocos2024/img/aviation.svg" alt="Разработка информационных систем под ключ">
733            				<img src="assets/crocos2024/img/eurasia.svg" alt="Разработка информационных систем под ключ">
734            				<img src="assets/crocos2024/img/citypass.svg" alt="Разработка информационных систем под ключ">
735            				<img src="assets/crocos2024/img/kztravel.svg" alt="Разработка информационных систем под ключ">
736            				<img src="assets/crocos2024/img/clinic.svg" alt="Разработка информационных систем под ключ">
737            				<img src="assets/crocos2024/img/eqonaq.svg" alt="Разработка информационных систем под ключ">
738            				<img src="assets/crocos2024/img/fingramota.svg" alt="Разработка информационных систем под ключ">
739            			</div>
740            			<div>
741            				<img src="assets/crocos2024/img/aviation.svg" alt="Разработка информационных систем под ключ">
742            				<img src="assets/crocos2024/img/eurasia.svg" alt="Разработка информационных систем под ключ">
743            				<img src="assets/crocos2024/img/citypass.svg" alt="Разработка информационных систем под ключ">
744            				<img src="assets/crocos2024/img/kztravel.svg" alt="Разработка информационных систем под ключ">
745            				<img src="assets/crocos2024/img/clinic.svg" alt="Разработка информационных систем под ключ">
746            				<img src="assets/crocos2024/img/eqonaq.svg" alt="Разработка информационных систем под ключ">
747            				<img src="assets/crocos2024/img/fingramota.svg" alt="Разработка информационных систем под ключ">
748            		    </div>
749            	</div>
750        	</div>
751        	</div>
752        	<div class="text-container">
753            <div class="animated-text">
754            	<div class="line__box line__box__forward">
755            	        <div>
756            				<img src="assets/crocos2024/img/aviation.svg" alt="Разработка информационных систем под ключ">
757            				<img src="assets/crocos2024/img/eurasia.svg" alt="Разработка информационных систем под ключ">
758            				<img src="assets/crocos2024/img/citypass.svg" alt="Разработка информационных систем под ключ">
759            				<img src="assets/crocos2024/img/kztravel.svg" alt="Разработка информационных систем под ключ">
760            				<img src="assets/crocos2024/img/clinic.svg" alt="Разработка информационных систем под ключ">
761            				<img src="assets/crocos2024/img/eqonaq.svg" alt="Разработка информационных систем под ключ">
762            				<img src="assets/crocos2024/img/fingramota.svg" alt="Разработка информационных систем под ключ">
763            			</div>
764            			<div>
765            				<img src="assets/crocos2024/img/aviation.svg" alt="Разработка информационных систем под ключ">
766            				<img src="assets/crocos2024/img/eurasia.svg" alt="Разработка информационных систем под ключ">
767            				<img src="assets/crocos2024/img/citypass.svg" alt="Разработка информационных систем под ключ">
768            				<img src="assets/crocos2024/img/kztravel.svg" alt="Разработка информационных систем под ключ">
769            				<img src="assets/crocos2024/img/clinic.svg" alt="Разработка информационных систем под ключ">
770            				<img src="assets/crocos2024/img/eqonaq.svg" alt="Разработка информационных систем под ключ">
771            				<img src="assets/crocos2024/img/fingramota.svg" alt="Разработка информационных систем под ключ">
772            		    </div>
773            	</div>
774        	</div>
775        	</div>
776        </div>
777    </div>
778</section>
779<section class="services container">
780	<div class="title">
781		<div class="text-container">
782			<div class="animated-text">
783				<h3>Услуги
784					
785					</h3>
786			</div>
787		</div>
788	</div>
789	<div class='services_box'>
790		<a href="sozdanyie-sajtov" target="_blank" class="wow fadeInDown" data-wow-duration="2s">
791			<div class='services_box_item'>
792				<div class="zoom-image"><img src="assets/crocos2024/img/ff2b6e4812edb05ed3ca926b02187187.jpg" alt="Web разработка"></div>
793				<div class="wr">
794					<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
795						<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"
796							stroke-linecap="round" stroke-linejoin="round" />
797					</svg>
798				</div>
799				<div class="text-container">
800					<div class="animated-text">
801						<h5>Web разработка
802							
803							</h5>
804					</div>
805				</div>
806			</div>
807		</a>
808		<a href="/razrabotka-mobilnyix-prilozhenij" target="_blank" class="wow fadeInDown" data-wow-delay="0.3s" data-wow-duration="2s">
809			<div class='services_box_item'>
810				<div class="zoom-image"><img src="assets/crocos2024/img/2150038900.jpg" alt="Мобильное приложение"></div>
811				<div class="wr">
812					<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
813						<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"
814							stroke-linecap="round" stroke-linejoin="round" />
815					</svg>
816				</div>
817				<div class="text-container">
818					<div class="animated-text">
819						<h5>Мобильное приложение
820							
821							</h5>
822					</div>
823				</div>
824			</div>
825		</a>
826		<a href="ar-vr-razrabotka" target="_blank" class="wow fadeInDown" data-wow-delay="0.6s" data-wow-duration="2s">
827			<div class='services_box_item'>
828				<div class="zoom-image"><img src="assets/crocos2024/img/6ef9e2871aeb860bbea417b70a6845fa.jpg" alt="AR/VR технологии"></div>
829				<div class="wr">
830					<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
831						<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"
832							stroke-linecap="round" stroke-linejoin="round" />
833					</svg>
834				</div>
835				<div class="text-container">
836					<div class="animated-text">
837						<h5>AR/VR технологии
838							
839							</h5>
840					</div>
841				</div>
842			</div>
843		</a>
844		<a href="/prodvizhenie-sajtov-v-astane" target="_blank" class="wow fadeInDown" data-wow-delay="0.9s" data-wow-duration="2s">
845			<div class='services_box_item'>
846				<div class="zoom-image"><img src="assets/crocos2024/img/6696be252cfd34051ec62d9d60e0103b.jpg" alt="Digital marketing"></div>
847				<div class="wr">
848					<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
849						<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"
850							stroke-linecap="round" stroke-linejoin="round" />
851					</svg>
852				</div>
853				<div class="text-container">
854					<div class="animated-text">
855						<h5>Digital marketing
856							
857							</h5>
858					</div>
859				</div>
860			</div>
861		</a>
862	</div>
863	<a class="btn" href="uslugi/" target="_blank">
864		<div class="text-container">
865			<div class="animated-text">
866				<p>Посмотреть все услуги
867					
868					</p>
869			</div>
870		</div>
871	</a>
872</section>
873<style>
874.products_bg .products_box_item img{
875    height:337px;
876}
877</style>
878<section class="products">
879    <div class="container">
880        <div class="title wow slideInLeft" data-wow-duration="2s">
881            <div class="text-container">
882            <div class="animated-text">
883            <h3>Продукты
884                        
885                        </h3>
886                        </div>
887                    </div>
888        </div>
889    </div>
890    <div class="products_bg">
891        <div class="products_box container">
892            <div class="swiper-products">
893                <div class="swiper-wrapper">
894                    <div class="swiper-slide">
895                        <div class='products_box_item'>
896                            <a href="https://checkinn.kz/" target="_blank">
897                                <div>
898                                   <div class="zoom-image"> <img src="/assets/crocos2024/img/352b239a43b9c90e2a9ed94593e295a1.jpg" alt="Разработка информационных систем под ключ"></div>
899                                         <span class="text-container">
900                                    <span class="animated-text">
901                                    <h5>CheckInn</h5>
902                                    <p>Система управления отелем и хостелом
903    
904    </p>
905                                         </span>
906                                        </span>
907                                </div>
908                            </a>
909                        </div>
910                    </div>
911                    <div class="swiper-slide">
912                        <div class='products_box_item'>
913                               	<a href="sistema-elektronnoj-ocheredi" target="_blank">
914                              
915                                
916                                <div>
917                                    <div class="zoom-image">  <img src="/assets/crocos2024/img/d6cfb77b92b37009d428bcb79af9898d.jpg" alt="Разработка информационных систем под ключ"></div>
918                                         <span class="text-container">
919                                    <span class="animated-text">
920                                    <h5>CrossKiosk</h5>
921                                    <p> Система электронной очереди
922    
923    </p>
924                                        </span>
925                                        </span>
926                                </div>
927                            </a>
928                        </div>
929                    </div>
930                    <div class="swiper-slide">
931                        <div class='products_box_item'>
932                             	<a href="/learning-management-system" target="_blank">
933                              
934                                
935                                <div>
936                                   <div class="zoom-image">   <img src="/assets/crocos2024/img/119abff9c29bfa3118bdbfcfc54bb5c9.jpg" alt="Разработка информационных систем под ключ"></div>
937                                        <span class="text-container">
938                                    <span class="animated-text">
939                                    <h5>Cross LMS</h5>
940                                    <p> Дистанционное образование
941    
942    </p>
943                                    </span>
944                                        </span>
945                                </div>
946                            </a>
947                        </div>
948                    </div>
949                    <div class="swiper-slide">
950                        <div class='products_box_item'>
951                              <a href="digital-universitet" target="_blank">
952                              
953                                
954                                <div>
955                                   <div class="zoom-image">   <img src="/assets/crocos2024/img/c4146be532cedaf512372e42acec44b1.jpg" alt="Разработка информационных систем под ключ"></div>
956                                          <span class="text-container">
957                                    <span class="animated-text">
958                                    <h5>Cross University</h5>
959                                    <p> Цифровой университет
960    
961    </p>
962                                     </span>
963                                </span>
964                                </div>
965                            </a>
966                        </div>
967                    </div>
968                    <div class="swiper-slide">
969                        <div class='products_box_item'>
970                                	<a href="crosshub-crm" target="_blank">
971                              
972                                
973                      
974                                <div>
975                                    <div class="zoom-image">  <img src="/assets/crocos2024/img/5301551f02a7b18a14c5dd4623ccecb1.jpg" alt="Разработка информационных систем под ключ"></div>
976                                        <span class="text-container">
977                                    <span class="animated-text">
978                                    <h5>Cross Hub</h5>
979                                    <p>Управление бизнес процессами
980    
981    </p>
982                                     </span>
983                                </span>
984                                </div>
985                            </a>
986                        </div>
987                    </div>
988                     <div class="swiper-slide">
989                            <div class='products_box_item'>
990                                	<a href="/history-of-nomad" target="_blank">
991                              
992                                
993                      
994                                <div>
995                                    <div class="zoom-image">  <img src="/image/WhatsApp Image 2026-04-28 at 12.46.50.jpeg" alt="Разработка информационных систем под ключ"></div>
996                                        <span class="text-container">
997                                    <span class="animated-text">
998                                    <h5>Nomad History</h5>
999                                    <p>VR-решение для образования и культуры
1000    
1001    </p>
1002                                     </span>
1003                                </span>
1004                                </div>
1005                            </a>
1006                        </div>
1007                    </div>
1008                    
1009                </div>
1010            </div>
1011        </div>
1012        <div class="container scrolll">
1013            <div class="swiper-scrollbar"></div>
1014            <!-- <div class="paginaton"></div> -->
1015            <div class="ar-blue"></div>
1016        </div>
1017    </div>
1018    <div class="container">
1019        
1020    <a class="btn" href="produktyi/" target="_blank">
1021        <div class="text-container">
1022                                    <div class="animated-text">
1023        <p>Посмотреть все продукты
1024                        
1025                        </p>
1026                         </div>
1027            </div>
1028    </a>
1029   
1030    </div>
1031</section>
1032<section class="cases">
1033    <div class="container">
1034        <img class='cb' alt="" src="assets/crocos2024/img/cube-color.png">
1035        <div class="title wow slideInLeft">
1036             <div class="text-container">
1037            <div class="animated-text">
1038            <h3>Кейсы
1039                        
1040                         </h3>
1041                        </div>
1042                        </div>
1043        </div>
1044    </div>
1045    <div class='cases_bg container'>
1046        <div class="cases_box">
1047            
1048<div class="wow fadeInUp cases_box_item cases_in_box_item project_card animate__fadeIn js-v__contant small_bl js-v__contant-all js-v__contant-dig" data-wow-duration="2s">
1049	<div class="project__item">
1050		<div class="zoom-image"><a style="background-image: url('/image/slast.png')" class="image_bl" href="https://crocos.kz/internet-magazin-optovyix-sladostej-slastiopt.com" target="_blank">
1051		<video preload="none" loop="" muted="" playsinline="" poster="/image/slast.png">
1052		<source src="https://crocos.kz/assets/crocos--new/video/slast.mp4" type="video/mp4" />
1053		</video>
1054		</a></div>
1055			<div class="text-container">
1056            <div class="animated-text">
1057		<h5><a href="https://crocos.kz/internet-magazin-optovyix-sladostej-slastiopt.com">Интернет-магазин оптовых сладостей Slastiopt.com</a></h5>
1058		<div class="tags">Цифровая платформа для оптовой торговли кондитерскими изделиями</div>
1059				<div class="tags_project">#Веб-разработка #1С #E-commerce</div>
1060		<span class="views"><img src="assets/crocos2024/img/eye.svg" style="margin-right:10px;">2740</span>
1061		<!--<div class="tags"><span>ID 1034</span></div>-->
1062			</div>
1063            </div>
1064        <!--<div class="reactions">-->
1065        <!--    <div><span data-lyket-type="like" data-lyket-id="1034" data-lyket-namespace="cases"></span></div>-->
1066        <!--    <div><img src="assets/crocos2024/img/eye.svg"><span>41</span></div>-->
1067        <!--</div>-->
1068	</div>
1069</div>
1070
1071<div class="wow fadeInUp cases_box_item cases_in_box_item project_card animate__fadeIn js-v__contant big_bl js-v__c
1071ontant-all js-v__contant-dig" data-wow-duration="2s">
1072	<div class="project__item">
1073		<div class="zoom-image"><a style="background-image: url('/image/kafmob.png')" class="image_bl" href="https://crocos.kz/mobilnoe-prilozhenie-dlya-ao-kazagrofinans" target="_blank">
1074		<video preload="none" loop="" muted="" playsinline="" poster="/image/kafmob.png">
1075		<source src="https://crocos.kz/assets/crocos--new/video/mob_kaf.mp4" type="video/mp4" />
1076		</video>
1077		</a></div>
1078		<div class="text-container">
1079            <div class="animated-text">
1080		<h5><a href="https://crocos.kz/mobilnoe-prilozhenie-dlya-ao-kazagrofinans">KazAgroFinance</a></h5>
1081		<div class="tags">Цифровое решение для сопровождения лизинга сельскохозяйственной техники</div>
1082				<div class="tags_project"></div>
1083					<div class="tags_project"></div>
1084	<span class="views"><img src="assets/crocos2024/img/eye.svg" style="margin-right:10px;">2793</span>
1085		<!--<div class="tags"><span>ID 1028</span></div>-->
1086			</div>
1087        </div>
1088        <!--<div class="reactions">-->
1089        <!--    <div><span data-lyket-type="like" data-lyket-id="1028" data-lyket-namespace="cases"></span></div>-->
1090        <!--    <div><img src="assets/crocos2024/img/eye.svg"><span>2</span></div>-->
1091        <!--</div>-->
1092	</div>
1093</div>
1094
1095<div class="wow fadeInUp cases_box_item cases_in_box_item project_card animate__fadeIn js-v__contant small_bl js-v__contant-all js-v__contant-dig" data-wow-duration="2s">
1096	<div class="project__item">
1097		<div class="zoom-image"><a style="background-image: url('/image/КМГ 111.png')" class="image_bl" href="https://crocos.kz/kazmunajgaz" target="_blank">
1098		<video preload="none" loop="" muted="" playsinline="" poster="/image/КМГ 111.png">
1099		<source src="https://crocos.kz/assets/crocos--new/video/kazmunai.mp4" type="video/mp4" />
1100		</video>
1101		</a></div>
1102			<div class="text-container">
1103            <div class="animated-text">
1104		<h5><a href="https://crocos.kz/kazmunajgaz">KazMunayGaz</a></h5>
1105		<div class="tags">SMM-сопровождение и продвижение корпоративных страниц</div>
1106				<div class="tags_project"></div>
1107		<span class="views"><img src="assets/crocos2024/img/eye.svg" style="margin-right:10px;">2539</span>
1108		<!--<div class="tags"><span>ID 1017</span></div>-->
1109			</div>
1110            </div>
1111        <!--<div class="reactions">-->
1112        <!--    <div><span data-lyket-type="like" data-lyket-id="1017" data-lyket-namespace="cases"></span></div>-->
1113        <!--    <div><img src="assets/crocos2024/img/eye.svg"><span>0</span></div>-->
1114        <!--</div>-->
1115	</div>
1116</div>
1117
1118<div class="wow fadeInUp cases_box_item cases_in_box_item project_card animate__fadeIn js-v__contant small_bl22 js-v__contant-all js-v__contant-site" data-wow-duration="2s">
1119	<div class="project__item">
1120		<div class="zoom-image"><a style="background-image: url('/image/PRIME ширик.png')" class="image_bl" href="https://crocos.kz/prime-green-clinic" target="_blank">
1121    	    <video  preload="none" loop="" muted="" playsinline="" poster="/image/PRIME ширик.png">
1122    		<source src="https://crocos.kz/assets/crocos--new/video/prime.mp4" type="video/mp4" />
1123    		</video>
1124		</a></div>
1125		 <div class="text-container">
1126            <div class="animated-text">
1127		<h5><a href="https://crocos.kz/prime-green-clinic">Prime Green Clinic</a></h5>
1128			<div class="tags">Платформа и мобильное приложение для медицинской клиники</div>
1129				<div class="tags_project"></div>
1130<span class="views"><img src="assets/crocos2024/img/eye.svg" style="margin-right:10px;">2532</span>
1131        <!--<div class="tags"><span>ID 1009</span></div>-->
1132        </div>
1133        </div>
1134        <!--<div class="reactions">-->
1135        <!--    <div><span data-lyket-type="like" data-lyket-id="1009" data-lyket-namespace="cases"></span></div>-->
1136        <!--    <div><img src="assets/crocos2024/img/eye.svg"><span>1</span></div>-->
1137        <!--</div>-->
1138	</div>
1139</div>
1140
1141        </div>
1142        <div class="container">
1143        <a class="btn" href="cases/" target="_blank"> 
1144          <div class="text-container">
1145            <div class="animated-text">
1146            <p>Посмотреть все кейсы
1147                        
1148                        </p>
1149                        </div>
1150                </div>
1151        </a>
1152        </div>
1153    </div>
1154</section>
1155<section class="products" style="     margin-bottom: 30px;   margin-top: 170px;">
1156    <div class="container">
1157        <div class="title wow slideInLeft" data-wow-duration="2s">
1158            <div class="text-container">
1159            <div class="animated-text">
1160            <h3 style="max-width: 800px;">СМИ о Crocos
1161                        
1162                        </h3>
1163                        <h4 style="margin-bottom: 60px;" class="logotxt">Мы гордимся, что <strong>нашу экспертизу ценят</strong> и освещают топовые отраслевые <strong>издания и телевидение страны.</strong> Это признание &mdash; <strong>мощный стимул к развитию!</strong>
1164                        
1165                        </h4>
1166                        </div>
1167                    </div>
1168        </div>
1169    </div>
1170    <div class="products_bg" style="margin-bottom:10px;">
1171        <div class="products_box container">
1172            <div class="swiper-products">
1173                <div class="swiper-wrapper logo_wr">
1174                   
1175                   <!--   <div class="swiper-slide">-->
1176                   <!--     <div class='products_box_item2'>-->
1177                   <!--           <div class='blog_box_item wow fadeInUp' data-wow-duration="2s">-->
1178                   <!--             <div>-->
1179                   <!--         	<a href="https://kazlenta.kz/97867-v-astane-prohodit-pervyy-turisticheskiy-ideaton-marafon-ide
1179y-dlya-razvitiya-turizma.html">-->
1180                   <!--         		<div class='blog_box_item_img2'>-->
1181                   <!--         		    <div class="zoom-image" style="text-align: center;min-height: 84px;"><img src="/image/logo.png" alt="ЭСКАТО ООН" style="max-width: 400px;"></div>-->
1182                   <!--         		</div>-->
1183                   <!--         	</a>-->
1184                   <!--         	<div class="text-container">-->
1185                   <!--         	<div class="animated-text">-->
1186                   <!--         	    	<p style="margin-top:20px;">24.04.2025</p>-->
1187                   <!--         	<h5 style="        margin: 10px 0 15px;" ><a href="https://kazlenta.kz/97867-v-astane-prohodit-pervyy-turisticheskiy-ideaton-marafon-idey-dlya-razvitiya-turizma.html">В Астане проходит первый туристический IDEATON – марафон идей для развития туризма</a></h5>-->
1188                            
1189                   <!--         	</div>-->
1190                   <!--              </div>-->
1191                   <!--         	</div>-->
1192                            	
1193                   <!--         </div>-->
1194                   <!--     </div>-->
1195                   <!-- </div>-->
1196                    
1197                   <!-- <div class="swiper-slide">-->
1198                   <!--     <div class='products_box_item2'>-->
1199                   <!--           <div class='blog_box_item wow fadeInUp' data-wow-duration="2s">-->
1200                   <!--             <div>-->
1201                   <!--         	<a href="https://bluescreen.kz/bolieie-50-startapov-i-it-kompanii-kazakhstana-priezientovany-na-ploshchadkie-konfierientsii-eskato-oon/ ">-->
1202                   <!--         		<div class='blog_box_item_img2'>-->
1203                   <!--         		    <div class="zoom-image" style="text-align: center;min-height: 84px;"><img src="/image/Logo_Long_Blue_1.png" alt="ЭСКАТО ООН" style="max-width: 400px;"></div>-->
1204                   <!--         		</div>-->
1205                   <!--         	</a>-->
1205
1206                   <!--         	<div class="text-container">-->
1207                   <!--         	<div class="animated-text">-->
1208                   <!--         	    	<p style="margin-top:20px;">05.09.2024</p>-->
1209                   <!--         	<h5 style="        margin: 10px 0 15px;" ><a href="https://bluescreen.kz/bolieie-50-startapov-i-it-kompanii-kazakhstana-priezientovany-na-ploshchadkie-konfierientsii-eskato-oon/ ">Более 50 стартапов и IT-компании Казахстана презентованы на площадке конференции ЭСКАТО ООН</a></h5>-->
1210                            
1211                   <!--         	</div>-->
1212                   <!--              </div>-->
1213                   <!--         	</div>-->
1214                            	
1215                   <!--         </div>-->
1216                   <!--     </div>-->
1217                   <!-- </div>-->
1218                   <!-- <div class="swiper-slide">-->
1219                   <!--     <div class='products_box_item2'>-->
1220                   <!--          <div class='blog_box_item wow fadeInUp' data-wow-duration="2s">-->
1221                   <!--             <div>-->
1222                   <!--         	<a href="https://khabar.kz/ru/teleproekty/neoset/158848-kazakhskie-natsionalnye-vidy-sporta-neoset">-->
1223                   <!--         		<div class='blog_box_item_img2'>-->
1224                   <!--         		    <div class="zoom-image" style="    text-align: center;min-height: 84px;"><img src="/image/Хабар_(с_2023).png" alt="NeoСеть" style="max-width: 150px;"></div>-->
1225                   <!--         		</div>-->
1226                   <!--         	</a>-->
1226
1227                   <!--         	<div class="text-container">-->
1228                   <!--         	<div class="animated-text">-->
1229                   <!--         	    	<p style="margin-top:20px;">20.03.2024</p>-->
1230                   <!--         	<h5 style="        margin: 10px 0 15px;" ><a href="https://khabar.kz/ru/teleproekty/neoset/158848-kazakhskie-natsionalnye-vidy-sporta-neoset">Казахские национальные виды спорта. «NeoСеть»</a></h5>-->
1231                            
1232                   <!--         	</div>-->
1233                   <!--              </div>-->
1234                   <!--         	</div>-->
1235                            
1236                   <!--         </div>-->
1237                   <!--     </div>-->
1238                   <!-- </div>-->
1239                   <!--<div class="swiper-slide">-->
1240                   <!--     <div class='products_box_item2'>-->
1241                   <!--        <div class='blog_box_item wow fadeInUp' data-wow-duration="2s">-->
1242                   <!--             <div>-->
1243                   <!--         	<a href="https://profi.travel/articles/55769/details">-->
1244                   <!--         		<div class='blog_box_item_img2'>-->
1245                   <!--         		    <div class="zoom-image" style="text-align: center;min-height: 84px;"><img src="/image/top-logo.png" alt="IT в сфере туризма" style="max-width: 400px;"></div>-->
1246                   <!--         		</div>-->
1247                   <!--         	</a>-->
1247
1248                   <!--         	<div class="text-container">-->
1249                   <!--         	<div class="animated-text">-->
1250                   <!--         	    <p style="margin-top:20px;">11.08.2022</p>-->
1251                   <!--         	<h5 style="        margin: 10px 0 15px;" ><a href="https://profi.travel/articles/55769/details">IT в сфере туризма: как это поможет вашим туристам путешествовать</a></h5>-->
1252                            	
1253                   <!--         	</div>-->
1254                   <!--              </div>-->
1255                   <!--         	</div>-->
1256                            
1257                   <!--         </div>-->
1258                   <!--     </div>-->
1259                   <!-- </div>-->
1260                    <div class="swiper-slide">
1261                        <div class='products_box_item2'>
1262                              <div class='blog_box_item wow fadeInUp' data-wow-duration="2s">
1263                                <div>
1264                            	<a href="https://tengrinews.kz/article/naiti-rabotu-astane-pocemu-soiskatelei-rabotodatelei-raznye-4233/">
1265                            		<div class='blog_box_item_img2'>
1266                            		    <div class="zoom-image" style="text-align: center;min-height: 84px;"><img src="image/1 (1).jpg"  style="max-width: 400px;max-height:84px;object-fit:contain;"></div>
1267                            		</div>
1268                            	</a>
1269                            	<div class="text-container">
1270                            	<div class="animated-text">
1271                            	    	<p style="margin-top:20px;">13.07.2025</p>
1272                            	<h5 style="        margin: 10px 0 15px;" ><a href="https://tengrinews.kz/article/naiti-rabotu-astane-pocemu-soiskatelei-rabotodatelei-raznye-4233/">Найти работу в Астане. Почему у соискателей и работодателей разные ожидания</a></h5>
1273                            
1274                            	</div>
1275                                 </div>
1276                            	</div>
1277                            	
1278                            </div>
1279                        </div>
1280                    </div>
1281<div class="swiper-slide">
1282                        <div class='products_box_item2'>
1283                              <div class='blog_box_item wow fadeInUp' data-wow-duration="2s">
1284                                <div>
1285                            	<a href="https://kazlenta.kz/97867-v-astane-prohodit-pervyy-turisticheskiy-ideaton-marafon-idey-dlya-razvitiya-turizma.html">
1286                            		<div class='blog_box_item_img2'>
1287                            		    <div class="zoom-image" style="text-align: center;min-height: 84px;"><img src="/image/logo.png"  style="max-width: 400px;max-height:84px;object-fit:contain;"></div>
1288                            		</div>
1289                            	</a>
1290                            	<div class="text-container">
1291                            	<div class="animated-text">
1292                            	    	<p style="margin-top:20px;">24.04.2025</p>
1293                            	<h5 style="        margin: 10px 0 15px;" ><a href="https://kazlenta.kz/97867-v-astane-prohodit-pervyy-turisticheskiy-ideaton-marafon-idey-dlya-razvitiya-turizma.html">В Астане проходит первый туристический IDEATON – марафон идей для развития туризма</a></h5>
1294                            
1295                            	</div>
1296                                 </div>
1297                            	</div>
1298                            	
1299                            </div>
1300                        </div>
1301                    </div>
1302<div class="swiper-slide">
1303                        <div class='products_box_item2'>
1304                              <div class='blog_box_item wow fadeInUp' data-wow-duration="2s">
1305                                <div>
1306                            	<a href="https://bluescreen.kz/bolieie-50-startapov-i-it-kompanii-kazakhstana-priezientovany-na-ploshchadkie-konfierientsii-eskato-oon/">
1307                            		<div class='blog_box_item_img2'>
1308                            		    <div class="zoom-image" style="text-align: center;min-height: 84px;"><img src="/image/Logo_Long_Blue_1.png"  style="max-width: 400px;max-height:84px;object-fit:contain;"></div>
1309                            		</div>
1310                            	</a>
1311                            	<div class="text-container">
1312                            	<div class="animated-text">
1313                            	    	<p style="margin-top:20px;">05.09.2024</p>
1314                            	<h5 style="        margin: 10px 0 15px;" ><a href="https://bluescreen.kz/bolieie-50-startapov-i-it-kompanii-kazakhstana-priezientovany-na-ploshchadkie-konfierientsii-eskato-oon/">Более 50 стартапов и IT-компании Казахстана презентованы на площадке конференции ЭСКАТО ООН</a></h5>
1315                            
1316                            	</div>
1317                                 </div>
1318                            	</div>
1319                            	
1320                            </div>
1321                        </div>
1322                    </div>
1323<div class="swiper-slide">
1324                        <div class='products_box_item2'>
1325                              <div class='blog_box_item wow fadeInUp' data-wow-duration="2s">
1326                                <div>
1327                            	<a href="https://khabar.kz/ru/teleproekty/neoset/158848-kazakhskie-natsionalnye-vidy-sporta-neoset">
1328                            		<div class='blog_box_item_img2'>
1329                            		    <div class="zoom-image" style="text-align: center;min-height: 84px;"><img src="/image/Хабар_(с_2023).png"  style="max-width: 400px;max-height:84px;object-fit:contain;"></div>
1330                            		</div>
1331                            	</a>
1332                            	<div class="text-container">
1333                            	<div class="animated-text">
1334                            	    	<p style="margin-top:20px;">20.03.2024</p>
1335                            	<h5 style="        margin: 10px 0 15px;" ><a href="https://khabar.kz/ru/teleproekty/neoset/158848-kazakhskie-natsionalnye-vidy-sporta-neoset">Казахские национальные виды спорта. «NeoСеть»</a></h5>
1336                            
1337                            	</div>
1338                                 </div>
1339                            	</div>
1340                            	
1341                            </div>
1342                        </div>
1343                    </div>
1344<div class="swiper-slide">
1345                        <div class='products_box_item2'>
1346                              <div class='blog_box_item wow fadeInUp' data-wow-duration="2s">
1347                                <div>
1348                            	<a href="https://profi.travel/articles/55769/detail
1348s">
1349                            		<div class='blog_box_item_img2'>
1350                            		    <div class="zoom-image" style="text-align: center;min-height: 84px;"><img src="/image/top-logo.png"  style="max-width: 400px;max-height:84px;object-fit:contain;"></div>
1351                            		</div>
1352                            	</a>
1353                            	<div class="text-container">
1354                            	<div class="animated-text">
1355                            	    	<p style="margin-top:20px;">11.08.2022</p>
1356                            	<h5 style="        margin: 10px 0 15px;" ><a href="https://profi.travel/articles/55769/details">IT в сфере туризма: как это поможет вашим туристам путешествовать</a></h5>
1357                            
1358                            	</div>
1359                                 </div>
1360                            	</div>
1361                            	
1362                            </div>
1363                        </div>
1364                    </div>
1365                </div>
1366            </div>
1367             <div class="container scrolll" style="
1368    overflow: auto;
1369    height: 5px;
1370    background: blue;
1371   #0066ff;max-width:1150px;
1372    padding-right: 50p;
1373    margin: initial;
1374        margin-top: 20px;
1375">
1376            <div class="swiper-scrollbar"></div>
1377            <!-- <div class="paginaton"></div> -->
1378            <div class="ar-blue"></div>
1379        </div>
1380        </div>
1381       
1382    </div>
1383    <div class="container">
1384        
1385
1386   
1387    </div>
1388</section>
1389<style>
1390@media (max-width: 768px) {
1391    .logotxt{
1392        font-size:18px;
1393    }
1394}
1395</style>
1396<section class="blog container">
1397    <div class="title wow slideInLeft" data-wow-duration="2s">
1398        <div class="text-container">
1399            <div class="animated-text">
1400        <h3>Блог
1401                        
1402                         </h3>
1403                        </div>
1404                        </div>
1405    </div>
1406    <div class="blog_box">
1407        <div class='blog_box_item wow fadeInUp' data-wow-duration="2s">
1408    <div>
1409	<a href="crosshelp">
1410		<div class='blog_box_item_img'>
1411		    <div class="zoom-image"><img src="/image/7d050e68-706c-4b2b-b05a-056bb9177181 (1).png" alt="CrossHelp"></div>
1412		</div>
1413	</a>
1414	<div class="text-container">
1415	<div class="animated-text">
1416	<h5><a href="crosshelp">CrossHelp</a></h5>
1417	
1418	</div>
1419     </div>
1420	</div>
1421	<div class="views">
1422		<!--<img alt="" src="assets/crocos2024/img/eye.svg">-->
1423		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1424            <path d="M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z" stroke="#8F9CBB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1425            <path d="M2 12C3.60014 7.90264 7.33603 5 12 5C16.664 5 20.3999 7.90264 22 12C20.3999 16.0974 16.664 19 12 19C7.33603 19 3.60014 16.0974 2 12Z" stroke="#8F9CBB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1426        </svg>
1427		<span>2987</span>
1428	</div>
1429</div>
1430<div class='blog_box_item wow fadeInUp' data-wow-duration="2s">
1431    <div>
1432	<a href="kak-vzlamyivayut-sajtyi-i-pochemu-vazhno-dumat-o-bezopasnosti-zaranee">
1433		<div class='blog_box_item_img'>
1434		    <div class="zoom-image"><img src="/image/dastan (1).png" alt="Как взламывают сайты и почему важно думать о безопасности заранее"></div>
1435		</div>
1436	</a>
1437	<div class="text-container">
1438	<div class="animated-text">
1439	<h5><a href="kak-vzlamyivayut-sajtyi-i-pochemu-vazhno-dumat-o-bezopasnosti-zaranee">Как взламывают сайты и почему важно думать о безопасности заранее</a></h5>
1440	
1441	</div>
1442     </div>
1443	</div>
1444	<div class="views">
1445		<!--<img alt="" src="assets/crocos2024/img/eye.svg">-->
1446		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1447            <path d="M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z" stroke="#8F9CBB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1448            <path d="M2 12C3.60014 7.90264 7.33603 5 12 5C16.664 5 20.3999 7.90264 22 12C20.3999 16.0974 16.664 19 12 19C7.33603 19 3.60014 16.0974 2 12Z" stroke="#8F9CBB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1449        </svg>
1450		<span>2939</span>
1451	</div>
1452</div>
1453<div class='blog_box_item wow fadeInUp' data-wow-duration="2s">
1454    <div>
1455	<a href="crocos-otmetil-10-letie-kompaniii">
1456		<div class='blog_box_item_img'>
1457		    <div class="zoom-image">
1457<img src="/image/2026_06_14-319 (1).jpg" alt="CROCOS отметил 10-летие компании"></div>
1458		</div>
1459	</a>
1460	<div class="text-container">
1461	<div class="animated-text">
1462	<h5><a href="crocos-otmetil-10-letie-kompaniii">CROCOS отметил 10-летие компании</a></h5>
1463	
1464	</div>
1465     </div>
1466	</div>
1467	<div class="views">
1468		<!--<img alt="" src="assets/crocos2024/img/eye.svg">-->
1469		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1470            <path d="M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z" stroke="#8F9CBB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1471            <path d="M2 12C3.60014 7.90264 7.33603 5 12 5C16.664 5 20.3999 7.90264 22 12C20.3999 16.0974 16.664 19 12 19C7.33603 19 3.60014 16.0974 2 12Z" stroke="#8F9CBB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1472        </svg>
1473		<span>2931</span>
1474	</div>
1475</div>
1476<div class='blog_box_item wow fadeInUp' data-wow-duration="2s">
1477    <div>
1478	<a href="informaczionnaya-bezopasnost-2025-kak-ispyitaniya-zashhishhayut-biznes">
1479		<div class='blog_box_item_img'>
1480		    <div class="zoom-image"><img src="/image/ИБ.png" alt="Информационная безопасность 2025: как испытания защищают бизнес"></div>
1481		</div>
1482	</a>
1483	<div class="text-container">
1484	<div class="animated-text">
1485	<h5><a href="informaczionnaya-bezopasnost-2025-kak-ispyitaniya-zashhishhayut-biznes">Информационная безопасность 2025: как испытания защищают бизнес</a></h5>
1486	
1487	</div>
1488     </div>
1489	</div>
1490	<div class="views">
1491		<!--<img alt="" src="assets/crocos2024/img/eye.svg">-->
1492		<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1493            <path d="M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z" stroke="#8F9CBB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1494            <path d="M2 12C3.60014 7.90264 7.33603 5 12 5C16.664 5 20.3999 7.90264 22 12C20.3999 16.0974 16.664 19 12 19C7.33603 19 3.60014 16.0974 2 12Z" stroke="#8F9CBB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
1495        </svg>
1496		<span>3048</span>
1497	</div>
1498</div>
1499    </div>
1500    <a href="novosti/" target="_blank">
1501        <div class="btn">
1502             <div class="text-container">
1503            <div class="animated-text">
1504            <p>Посмотреть весь блог
1505                        
1506                         </p>
1507                        </div>
1508                        </div>
1509        </div>
1510    </a>
1511</section>
1512<section class="brandbook container">
1513    <div class="brandbook_insta">
1514        <div class="text-container">
1515	<div class="animated-text">
1516        <div class="brandbook_info wow fadeInDown" data-wow-duration="2s">
1517            <div class="brandbook_icon">
1518                <div class="zoom-image"><img alt="" src="assets/crocos2024/img/instagram_stats.svg"></div>
1519            </div>
1520            <div class="brandbook_name">
1521                <h6>crocos_digital</h6>
1522                <p>@crocos_digital</p>
1523            </div>
1524            <div class="brandbook_follow">
1525                <div class="stats_follow-posts">
1526                    <h6>187</h6>
1527                    <p>публикаций
1528                        
1529                        </p>
1530                </div>
1531                <div class="brandbook_follow-subs">
1532                    <h6>8 609</h6>
1533                    <p>подписчиков
1534                        
1535                        </p>
1536                </div>
1537                <div class="brandbook_follow-leads">
1538                    <h6>391</h6>
1539                    <p>подписок
1540                        
1541                        </p>
1542                </div>
1543            </div>
1544        </div>
1545         </div>
1546        </div>
1547        <div class="brandbook_btn wow slideInRight" data-wow-delay="0.3s" data-wow-duration="2s">
1548            <a href="https://www.instagram.com/crocos_digital" target="_blank">
1549                 <div class="text-container">
1550	            <div class="animated-text">
1551                <p>Подписаться
1552                        
1553                        </p>
1554                        </div>
1555                        </div>
1556             </a>
1557        </div>
1558    </div>
1559    <!--<div class="brandbook_box">-->
1560    <!--    <div class="brandbook_box_item">-->
1561    <!--        <img src="assets/crocos2024/img/Showcase1.png" alt="">-->
1562    <!--    </div>-->
1563    <!--    <div class="brandbook_box_item">-->
1564    <!--        <img src="assets/crocos2024/img/Showcase2.png" alt="">-->
1565    <!--    </div>-->
1566    <!--    <div class="brandbook_box_item">-->
1567    <!--        <img src="assets/crocos2024/img/Showcase3.png" alt="">-->
1568    <!--    </div>-->
1569    <!--    <div class="brandbook_box_item">-->
1570    <!--        <img src="assets/crocos2024/img/Showcase4.png" alt="">-->
1571    <!--    </div>-->
1572    <!--    <div class="brandbook_box_item">-->
1573    <!--        <img src="assets/crocos2024/img//Showcase5.png" alt="">-->
1574    <!--    </div>-->
1575    <!--    <div class="brandbook_box_item">-->
1576    <!--        <img src="assets/crocos2024/img/Showcase6.png" alt="">-->
1577    <!--    </div>-->
1578    <!--    <div class="brandbook_box_item">-->
1579    <!--        <img src="assets/crocos2024/img/Showcase7.png" alt="">-->
1580    <!--    </div>-->
1581    <!--    <div class="brandbook_box_item">-->
1582    <!--        <img src="assets/crocos2024/img/Showcase8.png" alt="">-->
1583    <!--    </div>-->
1584    <!--    <div class="brandbook_box_item">-->
1585    <!--        <img src="assets/crocos2024/img/Showcase9.png" alt="">-->
1586    <!--    </div>-->
1587    <!--    <div class="brandbook_box_item">-->
1588    <!--        <img src="assets/crocos2024/img/Showcase10.png" alt="">-->
1589    <!--    </div>-->
1590    <!--</div>-->
1591    
1591<script>window['instawall15311'] = { "token": "hsNpAOjJc359Szif34DjVO9G7uoFj86mCUMhd8hY+Y3Fy96Gggwu90rcXdhKWrvQicdncIHbqLQBsxAu+WJ3ZwiEsQbqVX9nheYUMPgA1MA4/SU6MNY=", "root_tagid": "instawall-root15311", "card_padding": "5", "card_border_radius": "5", "card_count": "4", "layout_max_width": "1762px", "count_post": "8", "header_text_size": "20", "header_text_color": "#000000", "header_logo_size": "50", "header_button_text": "Подписаться", "header_button_text_size": "12", "header_button_text_color": "#ffffff", "header_button_background_color": "#0095f6", "hide_groupname": "1", "hide_text": "0", "hide_shadow": "0", "show_header": "0", "show_header_logo": "1", "show_header_button": "1" };</script>
1591
1592<div id="instawall-root15311" class="instawall instawall-root15311"></div>
1593<script>(function (d, s, id) { var js, dfjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) { return } js = d.createElement(s); js.id = id; js.setAttribute("data-scriptid", "15311"); js.src = "https://socactive.com/widgets/instawall/i.js?id=15311&r=" + Math.random(); dfjs.parentNode.insertBefore(js, dfjs) }(document, "script", "instawall-export15311"));</script>
1593
1594
1595</section>
1596           
1597           
1598	
1599    
1600            <section class="cta container game_none">
1601                <div class="cta_box">
1602                    <div class='cta_box_title wow slideInLeft' data-wow-duration="2s">
1603                     <div class="text-container">
1604	                <div class="animated-text">
1605                        <h2>
1606                           Воплощаем идеи в
1607                            жизнь
1608                        
1609                         
1610                        </h2>
1611                        </div>
1612                        </div>
1613                    </div>
1614                    <div id="imodal1" class='cta_box_btn imodal0' data-modal="formama">
1615                    <div class="text-container">
1616	                <div class="animated-text">
1617                        <p class="wow fadeIn" data-wow-duration="2s">
1618                            Свяжитесь с нами
1619                        
1620                        
1621                            </p>
1622                            </div>
1623                            </div>
1624                    </div>
1625                </div>
1626            </section>
1627          
1628          
1629        </main>
1630        <footer class='footer container'>
1631            <div class="text-container">
1632	                <div class="animated-text">
1633            <div class="footer_links">
1634                <div>
1635                <div class='footer_links-item linkedin'>
1636                    <a href="https://www.linkedin.com/company/crocos/mycompany/" target='_blank'><img src="assets/crocos2024/img/linkedin.svg" alt="linkedin"></a>
1637                </div>
1638                <div class='footer_links-item telegram'>
1639                    <a href="https://t.me/crocosdigital" target='_blank'><img src="assets/crocos2024/img/telegram.svg" alt="telegram"></a>
1640                </div>
1641                <div class='footer_links-item instagram'>
1642                    <a href="https://www.instagram.com/crocos_digital" target='_blank'><img src="assets/crocos2024/img/instagram.svg" alt="instagram"></a>
1643                </div>
1644                <div class='footer_links-item behance'>
1645                    <a href="https://www.behance.net/crocos" target='_blank'><img src="assets/crocos2024/img/behance.svg" alt="behance"></a>
1646                </div>
1647                <div class='footer_links-item youtube'>
1648                    <a href="https://www.youtube.com/channel/UCtCYaFg3R_O8hI2LPEX-S0w" target='_blank'><img src="assets/crocos2024/img/youtube.svg" alt="youtube"></a>
1649                </div>
1650                <div class='footer_links-item facebook'>
1651                    <a href="https://www.facebook.com/wecrocos" target='_blank'><img src="assets/crocos2024/img/facebook.svg" alt="youtube"></a>
1652                </div>
1653                </div>
1654           <div class="footer_phones">
1655                <a href="tel:+77172790439"><span>
1656<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="https://www.w3.org/2000/svg">
1657<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.
165763754 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"/>
1658<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"/>
1659</svg>
1660</span>+7
1661                            /7172/ 79 04
1662                            39</a>
1663                <a href="https://api.whatsapp.com/send?phone=77718479990" target="_blank"><span>
1664                            <svg width="22" height="22" viewBox="0 0 44 44" fill="none" xmlns="https://www.w3.org/2000/svg">
1665                            <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>
1666                            </svg>
1667                            </span>+7 /771/ 847 99 90</a>  
1668                </div>
1669            </div>
1670                  </div>
1671            </div>
1672             <div class="text-container">
1673	                <div class="animated-text">
1674            <nav>
1675                <ul class='footer_top_menu'>
1676                    
1677                    <li><a href="o-kompanii/" target="_blank">О
1678                                    компании</a>
1679                            </li>
1680                            <li><a href="uslugi/" target="_blank">Услуги</a>
1681                            </li>
1682                            <li><a href="produktyi/" target="_blank">Продукты</a>
1683                            </li>
1684                            <li><a href="cases/" target="_blank">Кейсы</a>
1685                            </li>
1686                            <li><a href="kontaktyi" target="_blank">Контакты</a>
1687                            </li>
1688                    
1689                    
1690                    
1691                    
1692                    
1693                </ul>
1694            </nav>
1695             </div>
1696            </div>
1697            <div class="text-container">
1698	                <div class="animated-text">
1699            <nav>
1700                <ul class='footer_bot_menu'>
1701                    <li><a href="/sozdanyie-sajtov" target="_blank">
1702                        Web разработка
1703                        
1704                        </a></li>
1705                    <li><a href="razrabotka-mobilnykh-prilozheniy" target="_blank">
1706                        Мобильные приложения
1707                        
1708                        </a></li>
1709                    <li><a href="digital-prodvizhenie/" target="_blank">
1710                        Digital продвижение
1711                        
1712                        </a></li>
1713                    <li><a href="informaczionnyie-sistemyi" target="_blank">
1714                       Информационные системы
1715                            
1716                            </a></li>
1717				   
1718                </ul>
1719            </nav>
1720             </div>
1721            </div>
1722             <div class="text-container">
1723	       
1724            <div class="footer_info">
1725               <div>
1726                	<a href="https://agima.partners/?utm_source=together-with-agima&amp;utm_medium=beydzh&amp;utm_campaign=mysite"
1727                		target="_blank">
1728                		<div class="zoom-image"><img alt="" src="assets/crocos2024/img/PC_Logo 1.svg"></div>
1729                	</a>
1730                	<a href="https://www.itk.kz/" target="_blank">
1731                		<div class="zoom-image"><img alt="" src="assets/crocos2024/img/logo2.svg"></div>
1732                	</a>
1733                	<a href="https://www.google.com/partners/agency?id=2442132733" target="_blank">
1734                		<div class="zoom-image"><img alt="" src="assets/crocos2024/img/logo3.svg"></div>
1735                	</a>
1736                	<a href="#" target="_blank">
1737                		<div class="zoom-image"><img alt="" src="assets/crocos2024/img/logo4.svg"></div>
1738                	</a>
1739                </div>
1740                <nav>
1741                    <ul class="footer_info_links">
1742                        <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>
1743                            Скачать презентацию
1744                            
1745                            </a>
1746                        </li>
1747                        <li><a href="https://www.notion.so/crocos/f17892b068fa4503a76bf4542ca6ba05" target='_blank'>
1748                            <a href="https://www.notion.so/crocos/f17892b068fa4503a76bf4542ca6ba05"  target="_blank">Стать частью команды</a>
1749                            
1750                            </a>
1751                        </li>
1752                        <li><a href="https://crocos.kz/files/Crocos_logo_2024.zip" download>
1753                            Скачать логотип
1754                            
1755                            </a></li>
1756                        <li><a href="javascript:void(0)" class="imodal0" data-modal="formama" onclick="return false">
1757                            Связаться с нами
1758                            
1759                            </a></li>
1760                        <li><a href="https://forms.gle/tpk78gAAgod8WMXM9" target='_blank'>
1761                            Заполнить бриф
1762                            
1763                            </a></li>
1764                             <li><a href="https://crocos.kz/politika-konfidenczialnosti" target='_blank'>
1765                            Политика конфиденциальности
1766                            
1767                            </a></li>
1768                    </ul>
1769                </nav>
1770            </div>
1771            
1772            </div>
1773            <div class="text-container">
1774	               
1775            <div class="copyright">
1776                Copyright &copy; 2026 Crocos. All rights reserved.
1777            </div>
1778             
1779            </div>
1780        </footer>
1781        <div class="mymodal" id="formama">
1782                <!--Array
1783(
1784    &#91;actionUrl&#93; =&gt; &#91;&#91;+assetsUrl&#93;&#93;action.php
1785    &#91;form&#93; =&gt; &#96;modal-x&#96;--&gt;
1786                &lt;!--
1787    &#91;formSelector&#93; =&gt; ajax_form
1788    &#91;frontend_css&#93; =&gt; &#91;&#91;+assetsUrl&#93;&#93;css/default.css
1789    &#91;frontend_js&#93; =&gt; &#91;&#91;+assetsUrl&#93;&#93;js/default.js
1790    &#91;objectName&#93; =&gt; AjaxForm
1791    &#91;snippet&#93; =&gt; &#96;FormIt&#96;--&gt;
1792                &lt;!--
1793    &#91;emailTpl&#93; =&gt; &#96;email_form_call-n&#96;--&gt;
1794                &lt;!--
1795    &#91;hooks&#93; =&gt; &#96;FormItSaveForm,email,redirect&#96;--&gt;
1796                &lt;!--
1797    &#91;emailSubject&#93; =&gt; &#96;Заказ звонка с сайта crocos.kz&#96;--&gt;
1798                &lt;!--
1799    &#91;emailFrom&#93; =&gt; &#96;[email protected]&#96;--&gt;
1800                &lt;!--
1801    &#91;emailTo&#93; =&gt; &#96;[email protected],[email protected],[email protected],[email protected]&#96;--&gt;
1802                &lt;!--
1803    &#91;validate&#93; =&gt; &#96;name:required,tel:required&#96;--&gt;
1804                &lt;!--
1805    &#91;validationErrorMessage&#93; =&gt; &#96;В форме содержатся ошибки!&#96;--&gt;
1806                &lt;!--
1807    &#91;successMessage&#93; =&gt; &#96;Сообщение успешно отправлено&#96;--&gt;
1808                &lt;!--
1809    &#91;successMessagePlaceholder&#93; =&gt; &#96;Сообщение успешно отправлено&#96;--&gt;
1810                &lt;!--
1811)
1812-->
1813            <div class="successMessage2"></div>
1814        </div>
1815          <div class="md-modal modal__forma md-effect-1" id="formacall">
1816        <div class="md-content">
1817            
1818            <div class="md-close md-close--button">
1819                <svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
1820                    <path d="M31.5 10.5L10.5 31.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1821                    <path d="M10.5 10.5L31.5 31.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1822                </svg>
1823            </div>
1824            <div class="form__modal">
1825                
1826                <div class="form__modal--title">
1827                   Заказать звонок
1828                            
1829                            
1830                </div>
1831                <!-- &hooks=`FormItSaveForm,email,redirect` 
1832                
1833                
1834                     -->
1835                <!-- js-скрипт гугл капчи -->
1836<!--
vendor: 63 bytes, line 1836
1836<script src='https://www.google.com/recaptcha/api.js'></script>
1836-->
1837
1838    
1839<form action="/" method="post" id="form" class="ajax_form">
1840    <div class="row align-items-center">
1841        <div class="col-sm-12">
1842            <input id="last_name" type="text" class="input-linck validate" name="name" placeholder="Ваше имя" value="">
1843        </div>
1844        <div class="col-sm-12">
1845            <input id="telephone" type="tel" class="input-linck validate" name="tel" placeholder="Ваш  телефон" value="">
1846        </div>
1847        
1848        <div class="col-sm-12">
1849            <div class="form-item" style="flex-direction: column; display: flex;">
1850                <div class="g-recaptcha" data-sitekey="6LdaOvwkAAAAALWaEZ_RoKHV1Ol7Uib39PZS_rwi"></div>
vendor: 127 bytes, lines 1850-1853
1850
1851<script type="text/javascript" src="https://www.google.com/recaptcha/api.js?hl=ru"></script>
1852                
1853                
1853<span class="error_g-recaptcha-response error" style="color:#000; margin: auto; padding:20px 0 0 0;"></span>
1854            </div>
1855        </div>
1856        
1857        <div class="col-sm-12">
1858        
1859            <button type="submit"  class="input-linck popap_linck" > <!-- onclick="yaCounter116565457.reachGoal('GOAL'); return true;" -->
1860            <!-- onclick="window.open('https://crocos.kz/thanks')"-->
1861                Обсудить <img src="/assets/crocos--new/img/stock-right.svg">
1862            </button>
1863           
1864        </div>
1865    </div>
1866
1867  
1868    
1869
1870	<input type="hidden" name="af_action" value="f2270a4701067c2faafb2f54cc0691df" />
1871</form>
1872                
1873                <div class="successMessage2"></div>
1874                
1875                
1876            </div>
1877            
1878        </div>
1879    </div>
1880        
1880<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>
1880<script id="amoforms_script_1414062" async="async" charset="utf-8" src="https://forms.amocrm.ru/forms/assets/js/amoforms.js?1727336756"></script>
1880
1881       
1882        
1882<script src="/assets/crocos--new/js/jquery-3.3.1.min.js"></script>
1882
1883             <!--
1883<script src="/assets/crocos2024/scripts/wow.min.js"></script>
1883
1884        
1884<script>new WOW().init(); </script>
1884 -->
1885        
1885<script defer="defer" src='/assets/crocos2024/scripts/modal.js'></script>
1885
1886        
1886<script defer="defer" src='/assets/crocos2024/scripts/menu.js'></script>
1886
1887        
1887<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
1887
1888        
1888<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>
1888
1889        <!--
1889<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
1889-->
1890        
1890<script defer="defer" src="/assets/crocos--new/js/classie.js" defer crossorigin="anonymous" type="text/javascript"></script>
1890
1891        
1891<script defer="defer" src="/assets/crocos--new/js/modalEffects.js" defer crossorigin="anonymous" type="text/javascript"></script>
1891
1892        <!--
1892<script src="/assets/crocosnews/js/jquery.fancybox.min.js" defer="" crossorigin="anonymous" type="text/javascript"></script>
1892-->
1893        
1893<script defer="defer" src="/assets/crocos--new/js/script.js?v=0.0.0.5"></script>
1893
1894    	
1894<script defer="defer" src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
1894
1895
1896    	
1896<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/gsap.min.js"></script>
1896
1897        
1897<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/ScrollTrigger.min.js"></script>
1897
1898        
1898<script defer="defer" src='/assets/crocos2024/scripts/script.js'></script>
1898
1899          
1900    	
1900<script>
1901            gsap.registerPlugin(ScrollTrigger);
1902            const revealElements = document.querySelectorAll('.animated-text');
1903            
1904            gsap.fromTo('.animated-text-start', {
1905            opacity: 0,
1906            		y: '100%',
1907            },{
1908               opacity: 1,
1909            		y: 0,
1910            		duration: .8, 
1911            })
1912            
1913            gsap.from('.billboard_box_img-inner', {
1914            opacity: 0,
1915             scale: .5
1916            })
1917            
1918            
1919            gsap.utils.toArray('.animated-text').forEach(function(element) {
1920                const bounds = element.getBoundingClientRect();
1921                gsap.to(element, {
1922            		opacity: 1,
1923            		y: 0,
1924            		duration: .8,
1925            		// delay: index * 0.3,
1926            		scrollTrigger: {
1927            			trigger: element,
1928            			start: 'top bottom',
1929            			once: true,
1930            			markers: false,
1931            		},
1932            });
1933        });
1934        gsap.utils.toArray('.zoom-image').forEach(function(elem) {
1935                gsap.fromTo(elem, 
1936                    {
1937                        scale: 0.95,
1938                        opacity: 0,
1939                        duration: 0.5,
1940                    }, 
1941                    {
1942                        scale: 1,
1943                        opacity: 1, 
1944                        duration: 2, 
1945                        ease: "power1.out",
1946                        scrollTrigger: {
1947                            trigger: elem,
1948                            start: "top 90%",
1949                            end: "top 80%",
1950                            scrub: 2,
1951                            markers: false
1952                        }
1953                    }
1954                );
1955            });
1956            
1957            function marqueMoveReverse() {
1958                window.addEventListener('wheel', function(val) {
1959                    if(val.deltaY > 0) {
1960                        gsap.to('.line__box.line__box__reverse div', {
1961                            transform: 'translateX(-100%)',
1962                            duration: 7,
1963                            //repeat: -1
1964                        })
1965                    } else {
1966                        gsap.to('.line__box.line__box__reverse div', {
1967                            transform: 'translateX(0)',
1968                            duration: 7,
1969                            //repeat: -1
1970                        })
1971                    }
1972                })
1973            }
1974            marqueMoveReverse()
1975            
1976            function marqueMoveForward() {
1977                window.addEventListener('wheel', function(val) {
1978                    if(val.deltaY > 0) {
1979                        gsap.to('.line__box.line__box__forward div', {
1980                            transform: 'translateX(100%)',
1981                            duration: 7,
1982                            //repeat: -1
1983                        })
1984                    } else {
1985                        gsap.to('.line__box.line__box__forward div', {
1986                            transform: 'translateX(0)',
1987                            duration: 7,
1988                            //repeat: -1
1989                        })
1990                    }
1991                })
1992            }
1993            marqueMoveForward()
1994            
1995        
1996    </script>
1996
1997   	
1998        
1998<script>
1999           // const swiperMain = new Swiper('.swiper-main', {
2000              //  direction: 'horizontal',
2001              //  loop: true,
2002                //autoplay: {
2003                //   delay: 4000
2004                //},
2005            
2006               // pagination: {
2007               //     el: '.swiper-pagination',
2008               //     type: 'bullets',
2009               // },
2010            
2011            //})
2012            
2013            const swiperProducts = new Swiper('.swiper-products', {
2014                direction: 'horizontal',
2015                // loop: true,
2016                //slidesPerView: 3,
2017                spaceBetween: 30,
2018                freeMode: true,
2019            
2020                scrollbar: {
2021                    el: '.swiper-scrollbar',
2022                    draggable: true,
2023                   
2024                },
2025                
2026                breakpoints: {
2027                    // when window width is >= 320px
2028                    320: {
2029                        slidesPerView: 1,
2030                        spaceBetween: 20
2031                    },
2032                    640: {
2033                        slidesPerView: 1,
2034                        spaceBetween: 30
2035                    },
2036                    980: {
2037                        slidesPerView: 2,
2038                        spaceBetween: 40
2039                    },
2040                    1199: {
2041                        slidesPerView: 3,
2042                        spaceBetween: 40
2043                    }
2044                }
2045            });
2046            
2047            const swiperLetters = new Swiper('.swiper-letters', {
2048                direction: 'horizontal',
2049                // loop: true,
2050                //slidesPerView: 3,
2051                //spaceBetween: 30,
2052                //freeMode: true,
2053            
2054                scrollbar: {
2055                    el: '.swiper-scrollbar',
2056                    draggable: true,
2057                   
2058                },
2059                
2060                breakpoints: {
2061                    // when window width is >= 320px
2062                    320: {
2063                        slidesPerView: 1,
2064                        spaceBetween: 20
2065                    },
2066                    // when window width is >= 480px
2067                    640: {
2068                        slidesPerView: 2,
2069                        spaceBetween: 30
2070                    },
2071                    // when window width is >= 640px
2072                    980: {
2073                        slidesPerView: 3.3,
2074                        spaceBetween: 40
2075                    }
2076                }
2077            });
2078            
2079          
2080            const swiperPartners = new Swiper('.swiper-partners', {
2081              direction: 'horizontal',
2082              //slidesPerView: 3,
2083              grid: {
2084                rows: 2,
2085                fill: "row",
2086              },
2087              spaceBetween: 30,
2088              pagination: {
2089                el: ".swiper-pagination",
2090                clickable: true,
2091              },
2092              
2093              breakpoints: {
2094                    // when window width is >= 320px
2095                    320: {
2096                        slidesPerView: 2,
2097                        spaceBetween: 20
2098                    },
2099                    // when window width is >= 480px
2100                    640: {
2101                        slidesPerView: 2,
2102                        spaceBetween: 30
2103                    },
2104                    // when window width is >= 640px
2105                    980: {
2106                        slidesPerView: 3,
2107                        spaceBetween: 40
2108                    },
2109                    1760: {
2110                        slidesPerView: 5,
2111                        spaceBetween: 40
2112                    }
2113                }
2114            });
2115            
2116            new Swiper('.swiper-cases', {
2117	// Optional parameters
2118	direction: 'horizontal',
2119	loop: false,
2120	freeMode: true,
2121	// slidesPerView: 2.5,
2122	spaceBetween: 30,
2123
2124	breakpoints: {
2125		// when window width is >= 320px
2126		320: {
2127			slidesPerView: 1.5,
2128			spaceBetween: 20,
2129		},
2130		// when window width is >= 480px
2131		480: {
2132			slidesPerView: 1.5,
2133			spaceBetween: 30,
2134		},
2135		// when window width is >= 640px
2136		640: {
2137			slidesPerView: 1.5,
2138			spaceBetween: 30,
2139		},
2140		992: {
2141			slidesPerView: 2.5,
2142			spaceBetween: 30,
2143		},
2144	},
2145})
2146
2147new Swiper('.swiper-testimonials', {
2148	// Optional parameters
2149	direction: 'horizontal',
2150	loop: false,
2151	// slidesPerView: 2,
2152	spaceBetween: 30,
2153
2154	breakpoints: {
2155		// when window width is >= 320px
2156		320: {
2157			slidesPerView: 1,
2158			spaceBetween: 20,
2159		},
2160		// when window width is >= 480px
2161		480: {
2162			slidesPerView: 1,
2163			spaceBetween: 30,
2164		},
2165		// when window width is >= 640px
2166		640: {
2167			slidesPerView: 1,
2168			spaceBetween: 30,
2169		},
2170		992: {
2171			slidesPerView: 2,
2172			spaceBetween: 30,
2173		},
2174	},
2175
2176	// // And if we need scrollbar
2177	scrollbar: {
2178		el: '.swiper-scrollbar',
2179		draggable: true,
2180	},
2181})
2182
2183 
2184            
2185           const swiperMain = new Swiper('.swiper-main', {
2186    direction: 'horizontal',
2187    slidesPerView: 1,
2188    spaceBetween: 30,
2189    loop: false,
2190    loopedSlides: 4,
2191    parallax: true,
2192    effect: 'fade',
2193    fadeEffect: {
2194        crossFade: true,
2195    },
2196    speed: 800,
2197    //autoplay: {
2198    //    delay: 5000,
2199    //},
2200    pagination: {
2201        el: '.swiper-pagination',
2202        type: 'fraction',
2203    },
2204});
2205
2206// Generate pagination bullets inside div with #bullets ID
2207for (let i = 1; i < swiperMain.slides.length + 1; i++) {
2208    if (i === 1) {
2209        // Add active class if it is the first bullet
2210        $('#bullets').append('<span class="swiper-pagination-bullet swiper-pagination-bullet-active slide' + i + '" data-slide-index="' + (i - 1) + '"></span>');
2211    } else {
2212        $('#bullets').append('<span class="swiper-pagination-bullet slide' + i + '" data-slide-index="' + (i - 1) + '"></span>');
2213    }
2214}
2215
2216// Get all bullet elements
2217const bullets = $('.swiper-pagination-bullet');
2218
2219// Add active class to the current bullet on slide change
2220swiperMain.on('slideChange', function () {
2221    // Get current slide from fraction pagination number
2222    const slide = "slide" + ($('.swiper-pagination-current').html());
2223    // Remove active class from all bullets
2224    bullets.removeClass("swiper-pagination-bullet-active");
2225    // Check each bullet element if it has slideNumber class
2226    $.each(bullets, function (index, value) {
2227        if ($(this).hasClass(slide)) {
2228            $(this).addClass("swiper-pagination-bullet-active");
2229            return false;
2230        }
2231    });
2232});
2233
2234// Add click event listeners to bullets for navigation
2235bullets.on('click', function () {
2236    const slideIndex = $(this).data('slide-index');
2237    swiperMain.slideTo(slideIndex);
2238});
2239
2240          
2241         document.addEventListener("DOMContentLoaded", (event) => {
2242            swiperMain.on('slideChange', function () {
2243              // Get the active slide
2244              var activeSlide = swiperMain.slides[swiperMain.activeIndex];
2245               console.log(swiperMain.activeIndex)
2246               var billboardBoxInner = document.querySelector('.billboard_box_img');
2247               var modalVideo = document.getElementById('modalVideo');
2248              if (swiperMain.activeIndex === 0) {
2249                document.getElementById('externalImage').src = '/image/ban1.png';
2250                billboardBoxInner.style.setProperty('--before-content', 'url("/image/ban11.png")');
2251                modalVideo.src = '/assets/crocos--new/video/golf.mp4';
2252              } else if (swiperMain.activeIndex === 1) {
2253                document.getElementById('externalImage').src = '/image/ban2.png';
2254                billboardBoxInner.style.setProperty('--before-content', 'url("/image/ban22.png")');
2255                modalVideo.src = '/assets/crocos--new/video/tennis_vr.mp4';
2256              } else if (swiperMain.activeIndex === 2) {
2257                document.getElementById('externalImage').src = '/image/ban3.png';
2258                billboardBoxInner.style.setProperty('--before-content', 'url("/image/ban33.png")');
2259                modalVideo.src = '/assets/crocos--new/video/vr.mp4';
2260              }
2261            })
2262           
2263         })
2264        </script>
2264
2265        
2266        
2266<script>
2267        
2268        if(false) {
2269       document.addEventListener("DOMContentLoaded", (event) => {
2270    const modalw = document.getElementById('exampleModalCenter');
2271    
2272    // Check if the cookie 'name=CookieStar' exists
2273    if (document.cookie.match(/(^|;) ?name=CookieStar/)) {
2274        $('#exampleModalCenter').modal('hide');
2275    } else {
2276        setTimeout(() => {
2277            $('#exampleModalCenter').modal('show');
2278        }, 20000)
2279    }
2280    
2281    // Function to set the cookie with a 10-minute expiration
2282    const setCookie = () => {
2283        const expirationDate = new Date();
2284        expirationDate.setTime(expirationDate.getTime() + (10 * 60 * 1000));
2285        const expires = 'expires=' + expirationDate.toUTCString();
2286        document.cookie = 'name=CookieStar; ' + expires + '; path=/;';
2287    };
2288
2289    // Ensure the modal exists
2290    if (modalw) {
2291        // Close modal and set cookie when clicking outside modal content or on close button
2292        document.addEventListener('click', (event) => {
2293            const modalContent = modalw.querySelector('.modal-content');
2294            const closeButton = modalw.querySelector('.close');
2295            if (modalContent && !modalContent.contains(event.target) && event.target !== closeButton) {
2296                setCookie();
2297                $('#exampleModalCenter').modal('hide');
2298            }
2299        });
2300        
2301
2302        // Close modal and set cookie when clicking on the close button
2303        const closeButton = modalw.querySelector('.close');
2304        if (closeButton) {
2305            closeButton.addEventListener('click', () => {
2306                setCookie();
2307                $('#exampleModalCenter').modal('hide');
2308            });
2309        }
2310    }
2311})
2312}
2313
2314        </script>
2314
2315        
2316        
2316<script>
2317            document.querySelector('.header_bottom_info_phone').addEventListener('mouseenter', () => {
2318                document.querySelector('.addition__numbers').classList.add('active')
2319            })
2320            document.querySelector('.header_bottom_info_phone').addEventListener('mouseleave', () => {
2321                document.querySelector('.addition__numbers').classList.remove('active')
2322            })
2323        </script>
2323
2324        
2325        
2325<script>
2326            const wapop = document.createElement('a')
2327            wapop.href = 'https://api.whatsapp.com/send?phone=77718479990'
2328            wapop.target = '_blank'
2329            wapop.classList.add('wapop')
2330            document.body.appendChild(wapop)
2331        </script>
2331
2332        
2333        
2333<script>
2334            $(document).ready(function() {
2335                if (window.innerWidth < 768) {
2336                    $("video").each(function() {
2337                        this.play();
2338                    });
2339            
2340                    // Отключаем события "mouseenter" и "mouseleave"
2341                    $("video").off("mouseenter mouseleave");
2342                }
2343            });
2344        </script>
2344
2345       
2346        
2346<script src="https://unpkg.com/@lyket/widget@latest/dist/lyket.js?apiKey=acc0dbccce8e557db5ebbe6d605aaa" /></script>
2346
2347    
2347<script type="text/javascript" src="/assets/components/pdotools/js/pdopage.min.js"></script>
vendor: 1 bytes, line 2347
2347
2348<script type="text/javascript">pdoPage.initialize({"wrapper":"#pdopage","rows":"#pdopage .rows","pagination":"#pdopage .pagination","link":"#pdopage .pagination a","more":"#pdopage .btn","moreTpl":"<button class=\"btn main-btn\">\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0435\u0449\u0451<\/button>","mode":"button","history":0,"pageVarKey":"page","pageLimit":"4","assetsUrl":"\/assets\/components\/pdotools\/","connectorUrl":"\/assets\/components\/pdotools\/connector.php","pageId":1,"hash":"74175bb9ec06666079121f5b41186d22d62911eb","scrollTop":true});</script>
vendor: 1 bytes, line 2348
2348
2349<script type="text/javascript" src="/assets/components/ajaxform/js/default.js"></script>
vendor: 1 bytes, line 2349
2349
2350<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":1});</script>
2350
2351</body>
2352</html>
2353<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
2354    <div class="modal-header" style="position:relative">
2355        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
2356            <span aria-hidden="true">
2357                <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" fill="currentColor" class="bi bi-x-circle" viewBox="0 0 16 16">
2358              <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/>
2359              <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/>
2360                </svg>
2361            </span>
2362        </button>
2363    </div>
2364  <div class="modal-dialog" role="document">
2365    <div class="modal-content">
2366        
2367        <video id="modalVideo" class="modal-video" poster="/assets/crocos2024/img/Cover.jpg" src="/assets/crocos--new/video/golf.mp4" preload="auto" controls loop playsinline></video>
2368        <!--<video id="modalVideo" class="modal-video" poster="/assets/crocos2024/img/Cover.jpg" src="/assets/crocos--new/img/CrocosTducts.mp4" preload="auto" controls loop playsinline></video>-->
2369    </div>
2370  </div>
2371</div>
2372<div class="modal fade" id="showreelModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
2373<div class="modal-header" style="position:relative">
2374    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
2375        <span aria-hidden="true">
2376            <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" fill="currentColor" class="bi bi-x-circle" viewBox="0 0 16 16">
2377              <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/>
2378              <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/>
2379            </svg>
2380        </span>
2381    </button>
2382</div>
2383  <div class="modal-dialog modal-dialog-centered" role="document">
2384    <div class="modal-content">
2385        <video class="video_bl modal-video" poster="" src="/assets/crocos2024/styles/CROCOS2025.mp4" preload="auto" controls loop playsinline></video>
2386        <!--<video class="video_bl modal-video" poster="" src="/assets/crocos--new/img/Crocos Digital Showreel 2023.mp4" preload="auto" controls loop playsinline></video>-->
2387    </div>
2388  </div>
2389</div>

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.