PageSourceSearch

https://crocos.kz/

html crocos.kz collected 2026-09-24 10:46:59 UTC 123,253 bytes, 2,320 lines download raw bytes

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