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