PageSourceSearch

https://crocos.kz/kz/

html crocos.kz collected 2026-10-01 14:08:24 UTC 126,153 bytes, 2,343 lines download raw bytes

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