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