Crowdin Product Demo | Crowdin Translation & Localication

<!DOCTYPE html> <html lang="en" prefix="og: https://ogp.me/ns#" xmlns:fb="https://www.facebook.com/2008/fbml"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta property="og:locale" content="en_US" /> <meta property="og:locale:alternate" content="ar_SA" /> <meta property="og:locale:alternate" content="pt_PT" /> <meta property="og:locale:alternate" content="pt_BR" /> <meta property="og:locale:alternate" content="cs_CZ" /> <meta property="og:locale:alternate" content="de_DE" /> <meta property="og:locale:alternate" content="es_ES" /> <meta property="og:locale:alternate" content="fr_FR" /> <meta property="og:locale:alternate" content="it_IT" /> <meta property="og:locale:alternate" content="pl_PL" /> <meta property="og:locale:alternate" content="sk_SK" /> <meta property="og:locale:alternate" content="ru_RU" /> <meta property="og:locale:alternate" content="uk_UA" /> <meta property="og:locale:alternate" content="ja_JP" /> <meta property="og:locale:alternate" content="be_BY" /> <meta property="og:locale:alternate" content="hu_HU" /> <meta property="og:locale:alternate" content="da_DK" /> <meta property="og:locale:alternate" content="tr_TR" /> <meta property="og:locale:alternate" content="zh_CN" /> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/images/respond.proxy.gif" id="respond-redirect" rel="respond-redirect" /> <title>Crowdin Product Demo | Crowdin Translation & Localication</title> <meta name="robots" content="index, follow" /> <meta name="description" content="See Crowdin in action and get a glimpse of how to create a localization project and use AI for translations." /> <meta property="og:title" content="Crowdin Product Demo | Crowdin Translation & Localication" /> <meta property="og:image" content="https://crowdin.com/images/content/crowdin-info.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="628" /> <meta property="og:url" content="https://crowdin.com/interactive-demo" /> <meta property="og:site_name" content="Crowdin" /> <meta property="og:description" content="See Crowdin in action and get a glimpse of how to create a localization project and use AI for translations." /> <meta property="og:type" content="website" /> <meta property="fb:admins" content="1322494837" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Crowdin Product Demo | Crowdin Translation & Localication" /> <meta name="twitter:image" content="https://crowdin.com/images/content/crowdin-info.png" /> <meta name="twitter:url" content="https://crowdin.com/interactive-demo" /> <meta name="twitter:description" content="See Crowdin in action and get a glimpse of how to create a localization project and use AI for translations." /> <meta name="twitter:site" content="@crowdin" /> <link rel="canonical" href="https://crowdin.com/interactive-demo" /> <script src="https://browser.sentry-cdn.com/7.60.0/bundle.replay.min.js" integrity="sha384-N+VZps2PwFdv9LugkPA8nw+SMI1mGJG7IDe49jaxZlWDDJhHQ+SHakMpwhLQLAka" crossorigin="anonymous" ></script> <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/2dabfbbec8b71e267115f6a5/script.js"></script> <script type="text/javascript">var CDN = "https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b", CROWDIN_VERSION = "9", WEBSOCKETS_HOST = "wss://ws-lb.crowdin.com", AUTH_SERVICE_URL = "https://accounts.crowdin.com", SITE_URL = "https://crowdin.com", DESKTOP_VIEW = 1, TABLET_VIEW = 0, MOBILE_VIEW = 0, CURRENT_LOCALE = "en_US", CUSTOM_LANGUAGES_FLAG_TEMPLATES = '{"big":"https:\/\/crowdin-static.downloads.crowdin.com\/images\/custom_flags\/big\/%d_%s.png","small":"https:\/\/crowdin-static.downloads.crowdin.com\/images\/custom_flags\/small\/%d_%s.png"}';</script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/js/src/core.js?1732711022" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/js/src/browser.js?1732711022" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/js/src/logger.js?1732711022" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/js/lib/crowdin-localizer.js?1732711022" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/js/lib/icu/messageformatLight.js?1732711022" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/js/lib/icu/Intl.complete.min.js?1732711022" crossorigin="anonymous"></script> <meta http-equiv="X-UA-Compatible" content="chrome=1" /> <link href="https://crowdin.com/favicon.ico" rel="shortcut icon" type="image/x-icon" /> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#2e3340"> <meta name="theme-color" content="#ffffff"> <link rel="alternate" hreflang="x-default" href="https://crowdin.com/interactive-demo" /> <link rel="alternate" hreflang="en" href="https://crowdin.com/interactive-demo" /> <link rel="alternate" hreflang="ar" href="https://ar.crowdin.com/interactive-demo" /> <link rel="alternate" hreflang="pt" href="https://pt.crowdin.com/interactive-demo" /> <link rel="alternate" hreflang="pt-BR" href="https://br.crowdin.com/interactive-demo" /> <link rel="alternate" hreflang="cs" href="https://cs.crowdin.com/interactive-demo" /> <link rel="alternate" hreflang="de" href="https://de.crowdin.com/interactive-demo" /> <link rel="alternate" hreflang="es" href="https://es.crowdin.com/interactive-demo" /> <link rel="alternate" hreflang="fr" href="https://fr.crowdin.com/interactive-demo" /> <link rel="alternate" hreflang="it" href="https://it.crowdin.com/interactive-demo" /> <link rel="alternate" hreflang="pl" href="https://pl.crowdin.com/interactive-demo" /> <link rel="alternate" hreflang="sk" href="https://sk.crowdin.com/interactive-demo" /> <link rel="alternate" hreflang="ru" href="https://ru.crowdin.com/interactive-demo" /> <link rel="alternate" hreflang="uk" href="https://uk.crowdin.com/interactive-demo" /> <link rel="alternate" hreflang="ja" href="https://ja.crowdin.com/interactive-demo" /> <link rel="alternate" hreflang="be" href="https://be.crowdin.com/interactive-demo" /> <link rel="alternate" hreflang="hu" href="https://hu.crowdin.com/interactive-demo" /> <link rel="alternate" hreflang="da" href="https://da.crowdin.com/interactive-demo" /> <link rel="alternate" hreflang="tr" href="https://tr.crowdin.com/interactive-demo" /> <link rel="alternate" hreflang="zh" href="https://zh.crowdin.com/interactive-demo" /> <link rel="search" href="//crowdin.com/xml/osd.xml" title="Search projects on Crowdin" type="application/opensearchdescription+xml" /> <meta name="msapplication-TileColor" content="#00aba9"> <meta name="msapplication-TileImage" content="/mstile-144x144.png"> <script type="text/javascript"> var debug = false; window.onerror = function(msg, url, line, col, error_obj) { return !debug; }; </script> <script type="text/javascript" id="tag-manager-script" async defer src="/js/lib/tagmanager/tag-manager.js"></script>  <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-W87XVT8'); </script>  <script> function trackUserByGoogle(cookieName, eventName) { var cookie = getCookie(cookieName); if (cookie) { window.dataLayer && window.dataLayer.push({event: eventName, method: cookie}); setCookie(cookieName, null, -1); } } trackUserByGoogle("user.logIn", "logIn"); trackUserByGoogle("user.signUp", "signUp"); trackUserByGoogle("user.logOut", "logOut"); </script> <script> !function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split('.');2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement('script')).type='text/javascript',p.async=!0,p.src=s.api_host.replace('.i.posthog.com','-assets.i.posthog.com')+'/static/array.js',(r=t.getElementsByTagName('script')[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a='posthog',u.people=u.people||[],u.toString=function(t){var e='posthog';return'posthog'!==a&&(e+='.'+a),t||(e+=' (stub)'),e},u.people.toString=function(){return u.toString(1)+'.people (stub)'},o='capture identify alias people.set people.set_once set_config register register_once unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled onFeatureFlags getFeatureFlag getFeatureFlagPayload reloadFeatureFlags group updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures getActiveMatchingSurveys getSurveys getNextSurveyStep onSessionId setPersonProperties'.split(' '),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]); posthog.init( 'phc_14SWLen9KrmOgEyG0IBxnHJjggvNt9tQCFO1W2Vzpyx', { api_host: 'https://hog.crowdin.com', persistence: 'localStorage', loaded: () => { ; } } ) </script> <script type="text/javascript">var USER_IS_LOGGED_IN = 0;</script> <script type="text/javascript">var KB_URL = "https:\/\/support.crowdin.com"</script> <script type="text/javascript">var DP_URL = "https:\/\/developer.crowdin.com"</script> <script type="text/javascript"> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag("consent", "default", { ad_storage: "denied", ad_user_data: "denied", ad_personalization: "denied", analytics_storage: "denied", functionality_storage: "denied", personalization_storage: "denied", security_storage: "granted", wait_for_update: 2000, }); gtag("set", "ads_data_redaction", true); gtag("set", "url_passthrough", true); </script> <link href="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/css/crowdin-website-new.min.css?1732711023" media="screen" rel="stylesheet" type="text/css"/> <link href="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/css/lib/jquery.jgrowl.css?1732711019" media="screen" rel="stylesheet" type="text/css"/> <link href="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/css/crowdin-darkness-new.min.css?1732711023" media="screen" rel="stylesheet" type="text/css"/> <link href="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/css/localization-switcher.css?1732711019" media="screen" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/l10n_cache/cache.dynamic.en_US.js?1732711024" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/js/lib/jquery-new.min.js?1732711022" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/js/lib/crowdin-vendor.min.js?1732711022" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/js/lib/jquery.cookie.min.js?1732711022" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/js/front/header.js?1732711022" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/js/lib/md5.js?1732711022" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/js/lib/jquery.jgrowl.js?1732711022" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/js/lib/mailcheck.js?1732711022" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/js/src/class.js?1732711022" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/js/src/crowdin_component.js?1732711022" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/js/lib/jquery-validation/jquery.validate.min.js?1732711022" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/js/lib/jquery-validation/jquery.validate.i18n.js?1732711022" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/js/lib/jquery-validation/jquery.validate.setup.js?1732711022" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/js/lib/jquery-validation/additional-methods.min.js?1732711022" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/js/application_header/content_header.js?1732711022" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/js/lib/lodash.min.js?1732711022" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/js/src/common_functions.js?1732711022" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/js/lib/magic/content-code.js?1732711022" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/js/lib/magic/content-focus.js?1732711022" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/js/front/appearance.js?1732711022" crossorigin="anonymous"></script> <script type="text/javascript" src="/backend/tracker/member_status"></script> <script type="text/javascript">CrowdinLocalizer.setLocale("en");</script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://gtm-sst.crowdin.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MW5LV72');</script> <script> Sentry.init({ dsn: 'https://476192f57fb74aa7a0d8d0e522e1eacb@sentry.io/3048813', environment: "production", replaysSessionSampleRate: 0, replaysOnErrorSampleRate: 1.0, integrations: [new Sentry.Replay()], // ignore exceptions from Chrome extensions whitelistUrls: [/.*cloudfront\.net\/.*/], beforeSend(event, hint) { // skip logs from Japanese bot - https://udger.com/resources/ua-list/bot-detail?bot=NaverBot if (window.navigator.userAgent.includes('Yeti')) { return null; } return event; } }); (function setSentryScopes() { var userId = typeof GLOBAL_CURRENT_USER_ID != 'undefined' ? GLOBAL_CURRENT_USER_ID : null; Sentry.configureScope(function(scope) { scope.setUser({ id: userId }); }); })(); </script> </head> <body class="interactive-demo">  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W87XVT8" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>   <noscript> <iframe src="https://gtm-sst.crowdin.com/ns.html?id=GTM-MW5LV72" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <header id="header" class="navbar navbar-expand-lg fixed-top crowdin-navbar"> <div class="container-md"> <a itemprop="url" class="navbar-brand crowdin-navbar__logo" href="https://crowdin.com" title="Crowdin — Localization Management Platform"> <svg xmlns="http://www.w3.org/2000/svg" width="116" height="24" viewBox="0 0 116 24"><path d="M85.47 17.26c-.92-1.09-1.39-2.48-1.39-4.18v-.35c0-1.7.49-3.09 1.46-4.17.98-1.08 2.26-1.63 3.87-1.63.85 0 1.58.14 2.17.43.6.28 1.08.67 1.44 1.18V1.91h2.85v16.75h-2.71l-.29-1.25c-.31.29-.87.78-1.3 1-.62.31-1.37.47-2.23.47-1.65 0-2.95-.54-3.88-1.62h.01Zm1.39-4.64v.57h.01c0 .82.24 1.49.71 2.01s1.25.78 2.33.78c.74 0 1.38-.18 1.94-.52h.02c.73-.48 1.16-1.3 1.16-2.17v-.79c0-.85-.41-1.65-1.11-2.12-.52-.35-1.16-.52-1.91-.52-1.07 0-1.86.26-2.37.78-.51.51-.76 1.18-.76 2.01l-.02-.03ZM30 13.08c0 1.78.54 3.21 1.63 4.29s2.55 1.62 4.4 1.62 3.09-.46 4.02-1.37c.92-.92 1.39-1.98 1.39-3.19v-.11h-2.68v.1c0 .49-.21.91-.63 1.26-.42.35-1.13.52-2.12.52-1.11 0-1.93-.27-2.45-.82-.52-.55-.78-1.27-.78-2.18v-.59c0-.91.26-1.64.79-2.18.52-.55 1.34-.82 2.44-.82.96 0 1.66.17 2.1.5s.67.76.67 1.27v.11h2.68v-.14c-.06-1.22-.53-2.27-1.43-3.17-.9-.9-2.23-1.35-3.99-1.35-1.85 0-3.32.54-4.4 1.62-1.09 1.07-1.63 2.5-1.63 4.29v.35Zm13.69 5.58h2.73v-5.67c0-1.24.6-1.88 1.09-2.24.5-.36 1.06-.53 1.69-.53.2 0 .38.01.53.03.17.02.32.05.47.08V6.99c-.07-.03-.2-.06-.38-.1s-.35-.05-.51-.05c-.65 0-1.23.18-1.74.52-.46.31-.83.69-1.11 1.11-.03.04-.1.03-.1-.03l-.24-1.29h-2.44v11.51h.01Zm9.33-1.29c-1.13-1.08-1.69-2.51-1.69-4.29v-.35c0-1.79.56-3.22 1.69-4.29 1.13-1.08 2.62-1.62 4.46-1.62s3.32.54 4.45 1.62c1.14 1.07 1.7 2.5 1.7 4.29v.35c0 1.78-.57 3.22-1.7 4.29-1.13 1.08-2.6 1.62-4.45 1.62s-3.33-.54-4.46-1.62Zm1.97-6.95c-.58.46-.87 1.19-.87 2.18v.59c0 1.03.29 1.77.86 2.22.58.44 1.42.66 2.5.66s1.91-.22 2.49-.66.87-1.18.87-2.22v-.59c0-1-.3-1.73-.89-2.18-.58-.46-1.4-.69-2.48-.69s-1.91.23-2.49.69Zm9.88-3.28 3.43 11.51h3.11l2.44-8.36c.03-.09.15-.09.18 0l2.63 8.36h3.1l3.45-11.51h-3.38l-1.7 6.41c-.07.29-.14.58-.21.86l-.14.64c0 .04-.07.04-.07 0-.05-.21-.1-.42-.16-.64-.07-.29-.15-.58-.24-.86l-1.9-6.41h-3.23s-1.91 6.54-2.26 7.84c-.01.06-.1.06-.11 0l-1.98-7.84h-2.96Zm34.25 11.51h2.72V7.14h-2.72v11.51Zm-.58-14.66c0 .5.17.9.5 1.22.34.31.82.47 1.44.47s1.09-.16 1.42-.48c.34-.32.51-.72.51-1.21s-.17-.88-.5-1.2c-.34-.32-.81-.48-1.44-.48s-1.09.16-1.43.48c-.33.32-.5.72-.5 1.2Zm9.32 14.66h-2.72V7.14h2.58s.18 1.21.21 1.39c.39-.5.91-.89 1.54-1.16.7-.31 1.46-.46 2.28-.46 1.25 0 2.27.33 3.07.99.8.65 1.2 1.96 1.2 3.92v6.83h-2.72v-6.14c0-1.66-.43-2.85-2.47-2.85s-2.97 1.68-2.97 4.32v4.67Z" shape-rendering="geometricPrecision" style="fill:var(--crowdin-website-logo-dark-color, #263238);fill-rule:evenodd;stroke-width:0"/><path d="M17 0H6.92C4.84 0 3.11.69 1.9 1.9.69 3.11 0 4.84 0 6.92V17c0 2.12.69 3.88 1.91 5.09S4.88 24 7 24h10c2.12 0 3.87-.69 5.09-1.91S24 19.12 24 17V7c0-2.13-.69-3.88-1.91-5.09S19.12 0 17 0Z" shape-rendering="geometricPrecision" style="fill:var(--crowdin-website-logo-dark-color, #263238);stroke-width:0"/><g shape-rendering="geometricPrecision"><path d="M14.85 14.78c-.01-.09-.08-.43-.32-.43h-.72s-.3 0-.29.28c.01.56.33 1.04.72 1.36.33.27.73.41 1.18.41.4-.01.45-.3.26-.39-.32-.15-.74-.48-.83-1.25v.02ZM17 7.06c-2.02 0-4.03.49-5.35 1.28-.7.42-1.24.94-1.62 1.53-.3.48-.5 1-.58 1.56-.03.19-.04.76.57.92.38.1.97.14 1.36.19.64.07.82-.64.87-.76.51-1.39 1.25-2.33 2.33-2.95 1.09-.63 2.55-.92 4.61-.92.27 0 .9.03.9-.28 0-.56-2.72-.56-3.1-.56H17ZM14.2 17.64c-.73-.17-1.95-.96-2.23-2.97-.05-.38-.27-.56-.58-.63-.43-.09-1.17-.13-1.41-.15-.35-.04-.6.17-.56.77.07.91.44 1.63 1.06 2.33.73.83 1.69 1.31 2.71 1.29 1.13-.03 1.21-.23 1.22-.37 0-.15-.07-.24-.2-.27h-.01ZM11.12 19.31c-1.12 0-3.5-1.81-3.5-4.64 0-.5-.3-1-.93-1.18-.51-.15-1.22-.38-1.68-.4-1.1-.07-1.04.84-1.01 1.32.11 2.01.99 3.71 2.45 4.67.61.4 1.32.67 2.18.83.2.04.91.19 1.63.16 1.11-.05 1.23-.37 1.23-.5 0-.17-.12-.25-.37-.25Z" style="fill:var(--crowdin-website-logo-white-color, #fff);stroke-width:0"/><path d="M20.38 5.11c-2.69-.78-5.58-1-8.34-.71-2.93.31-6.57 1.48-7.71 4.97-.12.36-.33 1.68.93 2 .41.1.82.29 1.25.37 1.24.23 1.5-.94 1.57-1.17.07-.22.15-.44.25-.66.39-.84.97-1.55 1.64-2.1 1.38-1.15 3.09-1.69 4.75-1.96.97-.15 1.94-.22 2.91-.2 2.94.07 3.26.29 3.37-.03s-.42-.45-.61-.51h-.01ZM17.88 9.69c-3.25 0-4.1 1.63-4.34 2.72-.11.53.21.57.5.62.42.07.75.01.9-.39.46-1.24 1.08-2.45 3.06-2.45.2 0 .38-.12.38-.25s-.13-.25-.5-.25Z" style="fill:var(--crowdin-website-logo-white-color, #fff);stroke-width:0"/></g></svg> </a> <button id="crowdin-toggle-header-menu" class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="true" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="nav navbar-nav mr-auto main-menu mt-3 mt-lg-0 flex-lg-nowrap"> <li class="crowdin-navbar__nav-link dropdown megamenu__link "> <a href="#" id="product" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="submenu-title" > Product </a> <div class="dropdown-menu megamenu" aria-labelledby="product" id="product-dropdown"> <div class="container"> <div class="megamenu__wrapper"> <ul class="list-unstyled megamenu__content teams-solutions order-1"> <li class="border-0"> <h4 class="dropdown-header">Solution for Teams</h4> <ul class="list-unstyled megamenu__content__wrapper"> <li class="megamenu__content__item"> <span class="megamenu__icon"></span> <a href="/teams/engineering" class="" > <p class="title mb-1"> <span class="megamenu__content__item__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><mask id="a" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M0 0h24v24H0z"/></mask><g mask="url(#a)"><path fill="currentColor" d="m8 18-6-6 6-6 1.425 1.425-4.6 4.6L9.4 16.6 8 18Zm8 0-1.425-1.425 4.6-4.6L14.6 7.4 16 6l6 6-6 6Z"/></g></svg> </span> <span>Engineering</span> </p> <p class="text-muted mb-0 subtitle">Localize your apps, websites, and games with automated content updates by integrating with your repo</p> </a> </li> <li class="megamenu__content__item"> <a href="/teams/marketing" class="" > <p class="title mb-1"> <span class="megamenu__content__item__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" fill="none"><mask id="a" width="25" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M.5 0h24v24H.5z"/></mask><g mask="url(#a)"><path fill="currentColor" d="M3.125 18.175 1.5 17l5-8 3 3.5 4-6.5 2.725 4.075a6.36 6.36 0 0 0-1.088.138c-.341.075-.679.179-1.012.312l-.55-.825-3.8 6.175L6.75 12.35l-3.625 5.825ZM22.075 23l-3.125-3.125a3.695 3.695 0 0 1-1.113.525c-.408.117-.829.175-1.262.175-1.25 0-2.313-.438-3.188-1.313s-1.312-1.937-1.312-3.187c0-1.25.438-2.313 1.313-3.188.874-.875 1.937-1.312 3.187-1.312 1.25 0 2.313.438 3.188 1.313.874.874 1.312 1.937 1.312 3.187 0 .433-.058.854-.175 1.262a4.04 4.04 0 0 1-.525 1.138l3.125 3.1L22.075 23Zm-5.5-4.425c.7 0 1.292-.242 1.775-.725.483-.483.725-1.075.725-1.775s-.242-1.292-.725-1.775c-.483-.483-1.075-.725-1.775-.725s-1.292.242-1.775.725c-.483.483-.725 1.075-.725 1.775s.242 1.292.725 1.775c.483.483 1.075.725 1.775.725Zm2.225-8a6.524 6.524 0 0 0-.988-.325 5.54 5.54 0 0 0-1.062-.15L21.875 2 23.5 3.175l-4.7 7.4Z"/></g></svg> </span> <span>Marketing</span> </p> <p class="text-muted mb-0 subtitle">Scale your marketing efforts through localization. Connect your marketing tools to automate the process</p> </a> </li> <li class="megamenu__content__item"> <a href="/teams/support" class="" > <p class="title mb-1"> <span class="megamenu__content__item__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><mask id="a" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M0 0h24v24H0z"/></mask><g mask="url(#a)"><path fill="currentColor" d="M11 21v-2h8v-7.1c0-.967-.183-1.875-.55-2.725a7.078 7.078 0 0 0-1.5-2.225 7.077 7.077 0 0 0-2.225-1.5A6.805 6.805 0 0 0 12 4.9c-.967 0-1.875.183-2.725.55a7.077 7.077 0 0 0-2.225 1.5 7.077 7.077 0 0 0-1.5 2.225A6.805 6.805 0 0 0 5 11.9V18H4c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 2 16v-2c0-.383.092-.72.275-1.012.183-.292.425-.53.725-.713l.075-1.325c.15-1.217.496-2.317 1.037-3.3a8.784 8.784 0 0 1 2.026-2.5 9.1 9.1 0 0 1 2.725-1.588A8.93 8.93 0 0 1 12 3c1.1 0 2.154.188 3.162.563a8.803 8.803 0 0 1 2.713 1.6c.8.691 1.47 1.524 2.012 2.5.542.974.888 2.062 1.038 3.262l.075 1.3c.3.15.542.37.725.662.183.292.275.613.275.963v2.3c0 .367-.092.692-.275.975-.183.283-.425.5-.725.65V19c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 19 21h-8Zm-2-7a.967.967 0 0 1-.713-.287A.968.968 0 0 1 8 13c0-.283.096-.52.287-.713A.967.967 0 0 1 9 12c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713A.967.967 0 0 1 9 14Zm6 0a.968.968 0 0 1-.713-.287A.968.968 0 0 1 14 13c0-.283.096-.52.287-.713A.968.968 0 0 1 15 12c.283 0 .52.096.713.287.191.192.287.43.287.713s-.096.52-.287.713A.968.968 0 0 1 15 14Zm-8.975-1.55c-.067-.983.07-1.875.412-2.675.342-.8.8-1.48 1.375-2.038A6.05 6.05 0 0 1 9.8 6.45c.75-.3 1.5-.45 2.25-.45 1.517 0 2.83.48 3.938 1.438S17.767 9.591 18 11.024c-1.567-.017-2.983-.438-4.25-1.263s-2.225-1.895-2.875-3.212a7.985 7.985 0 0 1-1.688 3.587 7.78 7.78 0 0 1-3.162 2.313Z"/></g></svg> </span> <span>Support</span> </p> <p class="text-muted mb-0 subtitle">Create and maintain multilingual support docs and other important content</p> </a> </li> <li class="megamenu__content__item"> <a href="/teams/designers" class="" > <p class="title mb-1"> <span class="megamenu__content__item__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" fill="none"><mask id="a" width="25" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M.5 0h24v24H.5z"/></mask><g mask="url(#a)"><path fill="currentColor" d="M19.35 9.4 15.1 5.15l1.425-1.425a1.92 1.92 0 0 1 1.413-.575c.558 0 1.029.192 1.412.575l1.425 1.425c.383.383.575.854.575 1.412a1.92 1.92 0 0 1-.575 1.413L19.35 9.4ZM3.5 21v-4.25l4.5-4.5-5.275-5.325L7.45 2.2l5.3 5.325L15.1 5.15l4.25 4.25L17 11.75l5.275 5.325-4.7 4.7-5.325-5.3L7.75 21H3.5Zm5.925-10.175 1.9-1.9-1.2-1.2-1.2 1.175-1.4-1.4L8.7 6.3 7.425 5.05 5.55 6.95l3.875 3.875Zm8.125 8.125 1.9-1.9-1.275-1.25L17 16.975l-1.425-1.4 1.2-1.2-1.225-1.2-1.9 1.9 3.9 3.875ZM5.5 19h1.4l9.625-9.6L15.1 7.975 5.5 17.6V19Z"/></g></svg> </span> <span>Designers</span> </p> <p class="text-muted mb-0 subtitle">Preview multilingual content, customize translations before implementation</p> </a> </li> <li class="megamenu__content__item"> <a href="/page/freelance-translators" class=""> <p class="title mb-1"> <span class="megamenu__content__item__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><mask id="a" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M0 0h24v24H0z"/></mask><g mask="url(#a)"><path fill="currentColor" d="m11.9 22 4.55-12h2.1l4.55 12H21l-1.05-3.05H15.1L14 22h-2.1Zm3.8-4.8h3.6l-1.75-4.95h-.1L15.7 17.2ZM4 19l-1.4-1.4 5.05-5.05a16.024 16.024 0 0 1-1.663-2.175A16.034 16.034 0 0 1 4.75 8h2.1c.3.6.62 1.142.963 1.625.341.483.754.992 1.237 1.525.733-.8 1.342-1.62 1.825-2.463A16.06 16.06 0 0 0 12.1 6H1V4h7V2h2v2h7v2h-2.9a18.153 18.153 0 0 1-1.425 3.45 16.134 16.134 0 0 1-2.225 3.15l2.4 2.45-.75 2.05L9 14l-5 5Z"/></g></svg> </span> <span>Translators</span> </p> <p class="text-muted mb-0 subtitle">Translate online with all the benefits of a desktop CAT tool</p> </a> </li> </ul> </li> </ul> <ul class="megamenu__content list-unstyled teams-solutions order-1"> <li class="border-0"> <h4 class="dropdown-header">Use Cases</h4> <ul class="list-unstyled megamenu__content__wrapper"> <li class="megamenu__content__item"> <a href="/software-localization" class="" > <p class="title mb-1"> <span class="megamenu__content__item__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><mask id="a" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M0 0h24v24H0z"/></mask><g mask="url(#a)"><path fill="currentColor" d="m8 18-6-6 6-6 1.425 1.425-4.6 4.6L9.4 16.6 8 18Zm8 0-1.425-1.425 4.6-4.6L14.6 7.4 16 6l6 6-6 6Z"/></g></svg> </span> <span>Software Localization</span> </p> <p class="text-muted mb-0 subtitle">Set an automated process once and receive continuous localization in parallel with development</p> </a> </li> <li class="megamenu__content__item"> <a href="/mobile-app-localization" class=""> <p class="title mb-1"> <span class="megamenu__content__item__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><mask id="a" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M0 0h24v24H0z"/></mask><g mask="url(#a)"><path fill="currentColor" d="M9 14.5V13h6v1.5H9Zm-1-3V10h8v1.5H8ZM7 23c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 5 21V3c0-.55.196-1.02.588-1.413A1.926 1.926 0 0 1 7 1h10c.55 0 1.02.196 1.413.587C18.803 1.98 19 2.45 19 3v18c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 17 23H7Zm0-3v1h10v-1H7Zm0-2h10V6H7v12ZM7 4h10V3H7v1Z"/></g></svg> </span> <span>Mobile App Localization</span> </p> <p class="text-muted mb-0 subtitle">Localize Android or iOS apps into any language and reach new markets</p> </a> </li> <li class="megamenu__content__item"> <a href="/multilingual-user-interface" class=""> <p class="title mb-1"> <span class="megamenu__content__item__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><mask id="a" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M0 0h24v24H0z"/></mask><g mask="url(#a)"><path fill="currentColor" d="M11.625 1c1.517 0 2.813.53 3.888 1.587 1.075 1.059 1.612 2.346 1.612 3.863 0 .8-.179 1.587-.537 2.362a5.483 5.483 0 0 1-1.613 2.013h-.85V8.9c.3-.333.542-.704.725-1.113.184-.408.275-.854.275-1.337 0-.95-.346-1.763-1.037-2.438C13.396 3.339 12.575 3 11.625 3c-.983 0-1.812.337-2.487 1.013A3.323 3.323 0 0 0 8.125 6.45c0 .483.088.942.263 1.375.175.433.42.808.737 1.125v2.45a5.577 5.577 0 0 1-2.175-2c-.55-.867-.825-1.85-.825-2.95 0-1.517.534-2.804 1.6-3.863C8.792 1.53 10.092 1 11.625 1Zm-.95 21a1.99 1.99 0 0 1-.8-.163 2.076 2.076 0 0 1-.65-.437l-5.15-5.15 1.4-1.45a2.5 2.5 0 0 1 .788-.538 1.37 1.37 0 0 1 .912-.062l1.95.45V6.5c0-.7.242-1.292.725-1.775.484-.483 1.075-.725 1.775-.725s1.292.242 1.775.725c.483.483.725 1.075.725 1.775v4.3h.65a.746.746 0 0 1 .45.15l3.7 1.8c.4.183.696.48.888.887.191.409.245.83.162 1.263l-.9 5.45c-.083.483-.316.88-.7 1.188a2.02 2.02 0 0 1-1.3.462h-6.4Zm0-2h6.4l.95-5.45-4.15-2.05h-1.75v-6a.49.49 0 0 0-.137-.362.49.49 0 0 0-.363-.138.49.49 0 0 0-.362.138.49.49 0 0 0-.138.362v10.6l-4.25-.9 3.8 3.8Z"/></g></svg> </span> <span>UI Localization</span> </p> <p class="text-muted mb-0 subtitle">Localize your product's user interface and create global design</p> </a> </li> <li class="megamenu__content__item"> <a href="/website-translation" class="" > <p class="title mb-1"> <span class="megamenu__content__item__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><mask id="a" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M0 0h24v24H0z"/></mask><g mask="url(#a)"><path fill="currentColor" d="M9.4 19.55c-.3-.55-.563-1.12-.787-1.713A14.688 14.688 0 0 1 8.05 16H5.1a8.3 8.3 0 0 0 1.813 2.175A7.195 7.195 0 0 0 9.4 19.55ZM4.25 14h3.4a13.208 13.208 0 0 1-.15-2 13.208 13.208 0 0 1 .15-2h-3.4A7.959 7.959 0 0 0 4 12a7.959 7.959 0 0 0 .25 2Zm.85-6h2.95c.15-.633.337-1.246.563-1.838C8.838 5.571 9.1 5 9.4 4.45c-.933.3-1.763.758-2.488 1.375A8.298 8.298 0 0 0 5.1 8Zm5 0h3.8c-.2-.733-.458-1.425-.775-2.075A12.701 12.701 0 0 0 12 4.05c-.433.6-.808 1.225-1.125 1.875-.317.65-.575 1.342-.775 2.075Zm5.85 0h2.95a8.298 8.298 0 0 0-1.813-2.175A7.196 7.196 0 0 0 14.6 4.45c.3.55.563 1.12.787 1.712.226.592.413 1.205.563 1.838ZM12 22a9.676 9.676 0 0 1-3.875-.788 10.144 10.144 0 0 1-3.188-2.15 10.142 10.142 0 0 1-2.15-3.187A9.676 9.676 0 0 1 2 12c0-1.383.263-2.68.788-3.887a10.183 10.183 0 0 1 2.15-3.175 10.143 10.143 0 0 1 3.187-2.15A9.676 9.676 0 0 1 12 2c1.383 0 2.68.263 3.887.788a10.183 10.183 0 0 1 3.175 2.15 10.184 10.184 0 0 1 2.15 3.175A9.649 9.649 0 0 1 22 12a10.051 10.051 0 0 1-.05 1h-2.025c.033-.167.054-.33.063-.488.008-.158.012-.329.012-.512a7.953 7.953 0 0 0-.25-2h-3.4a13.208 13.208 0 0 1 .15 2v.512c0 .159-.008.321-.025.488h-2a4.89 4.89 0 0 0 .025-.488V12a13.208 13.208 0 0 0-.15-2h-4.7a13.208 13.208 0 0 0-.15 2 13.208 13.208 0 0 0 .15 2H13v2h-2.9c.2.733.458 1.425.775 2.075.317.65.692 1.275 1.125 1.875a16.913 16.913 0 0 0 1-1.65v3.65a10.307 10.307 0 0 1-1 .05Zm7.95-.625L17 18.425v2.225h-2V15h5.65v2H18.4l2.95 2.95-1.4 1.425Z"/></g></svg> </span> <span>Website Localization</span> </p> <p class="text-muted mb-0 subtitle">Create a multilingual website by integrating Crowdin and your website’s CMS.</p> </a> </li> <li class="megamenu__content__item"> <a href="/multilingual-support" class=""> <p class="title mb-1"> <span class="megamenu__content__item__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><mask id="a" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M0 0h24v24H0z"/></mask><g mask="url(#a)"><path fill="currentColor" d="M12 22a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12c0-1.383.263-2.683.788-3.9a10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2c1.383 0 2.683.263 3.9.788a10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Zm-2.9-2.55 1.2-2.75a4.677 4.677 0 0 1-1.813-1.162A5.672 5.672 0 0 1 7.3 13.7l-2.75 1.15c.383 1.067.975 2 1.775 2.8.8.8 1.725 1.4 2.775 1.8ZM7.3 10.3c.283-.7.68-1.313 1.188-1.838A4.677 4.677 0 0 1 10.3 7.3L9.15 4.55c-1.067.4-2 1-2.8 1.8-.8.8-1.4 1.733-1.8 2.8L7.3 10.3ZM12 15c.833 0 1.542-.292 2.125-.875A2.893 2.893 0 0 0 15 12c0-.833-.292-1.542-.875-2.125A2.893 2.893 0 0 0 12 9c-.833 0-1.542.292-2.125.875A2.893 2.893 0 0 0 9 12c0 .833.292 1.542.875 2.125A2.893 2.893 0 0 0 12 15Zm2.9 4.45a7.78 7.78 0 0 0 2.763-1.787A7.78 7.78 0 0 0 19.45 14.9l-2.75-1.2c-.25.7-.633 1.304-1.15 1.813a5.597 5.597 0 0 1-1.8 1.187l1.15 2.75Zm1.8-9.2 2.75-1.15a7.78 7.78 0 0 0-1.787-2.762A7.78 7.78 0 0 0 14.9 4.55l-1.15 2.8c.683.25 1.275.63 1.775 1.138.5.508.892 1.095 1.175 1.762Z"/></g></svg> </span> <span>Multilingual Support</span> </p> <p class="text-muted mb-0 subtitle">Translate customer service chatbots, emails, and documentation</p> </a> </li> <li class="megamenu__content__item"> <a href="/game-localization" class=""> <p class="title mb-1"> <span class="megamenu__content__item__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><mask id="a" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M0 0h24v24H0z"/></mask><g mask="url(#a)"><path fill="#81C784" d="M4.725 20c-1 0-1.854-.358-2.563-1.075a3.748 3.748 0 0 1-1.112-2.6 4.074 4.074 0 0 1 .1-.9l2.1-8.4c.233-.9.708-1.63 1.425-2.188A3.88 3.88 0 0 1 7.125 4h9.75c.916 0 1.733.28 2.45.838a3.952 3.952 0 0 1 1.425 2.187l2.1 8.4c.033.15.062.304.087.462.025.159.038.313.038.463 0 1.017-.363 1.88-1.088 2.587A3.605 3.605 0 0 1 19.275 20c-.7 0-1.35-.183-1.95-.55a3.458 3.458 0 0 1-1.35-1.5l-.7-1.45a.817.817 0 0 0-.375-.375 1.16 1.16 0 0 0-.525-.125h-4.75a1.16 1.16 0 0 0-.525.125.817.817 0 0 0-.375.375l-.7 1.45c-.3.633-.75 1.133-1.35 1.5-.6.367-1.25.55-1.95.55Zm.075-2a1.594 1.594 0 0 0 1.45-.925l.7-1.425c.25-.517.616-.92 1.1-1.213A2.993 2.993 0 0 1 9.625 14h4.75c.566 0 1.091.15 1.575.45.483.3.858.7 1.125 1.2l.7 1.425a1.594 1.594 0 0 0 1.45.925c.466 0 .866-.154 1.2-.462a1.6 1.6 0 0 0 .525-1.163c0 .017-.017-.142-.05-.475l-2.1-8.375a2.033 2.033 0 0 0-.7-1.1A1.889 1.889 0 0 0 16.875 6h-9.75c-.467 0-.88.142-1.238.425-.358.283-.587.65-.687 1.1L3.1 15.9c-.034.1-.05.25-.05.45 0 .467.17.858.512 1.175.342.317.754.475 1.238.475Zm8.7-7c.283 0 .52-.096.712-.287A.968.968 0 0 0 14.5 10a.967.967 0 0 0-.288-.713A.968.968 0 0 0 13.5 9a.968.968 0 0 0-.713.287.967.967 0 0 0-.287.713c0 .283.096.52.287.713.192.191.43.287.713.287Zm2-2c.283 0 .52-.096.712-.287A.967.967 0 0 0 16.5 8a.967.967 0 0 0-.288-.713A.968.968 0 0 0 15.5 7a.968.968 0 0 0-.713.287A.967.967 0 0 0 14.5 8c0 .283.096.52.287.713.192.191.43.287.713.287Zm0 4c.283 0 .52-.096.712-.287A.968.968 0 0 0 16.5 12a.968.968 0 0 0-.288-.713A.968.968 0 0 0 15.5 11a.968.968 0 0 0-.713.287.968.968 0 0 0-.287.713c0 .283.096.52.287.713.192.191.43.287.713.287Zm2-2c.283 0 .52-.096.712-.287A.968.968 0 0 0 18.5 10a.967.967 0 0 0-.288-.713A.968.968 0 0 0 17.5 9a.968.968 0 0 0-.713.287.967.967 0 0 0-.287.713c0 .283.096.52.287.713.192.191.43.287.713.287Zm-9 1.5a.728.728 0 0 0 .75-.75v-1h1A.728.728 0 0 0 11 10a.728.728 0 0 0-.75-.75h-1v-1a.729.729 0 0 0-.75-.75.728.728 0 0 0-.75.75v1h-1A.728.728 0 0 0 6 10a.728.728 0 0 0 .75.75h1v1a.728.728 0 0 0 .75.75Z"/></g></svg> </span> <span>Game Localization</span> </p> <p class="text-muted mb-0 subtitle">Translate your game and enter the international market</p> </a> </li> <li class="megamenu__content__item"> <a href="/e-commerce-localization" class=""> <p class="title mb-1"> <span class="megamenu__content__item__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" fill="none" viewBox="0 0 25 24"><mask id="mask0_12943_33343" width="25" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M.5 0h24v24H.5z"/></mask><g mask="url(#mask0_12943_33343)"><path fill="#81C784" d="M7.5 22c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 5.5 20c0-.55.196-1.02.588-1.413A1.926 1.926 0 0 1 7.5 18c.55 0 1.02.196 1.412.587.392.392.588.863.588 1.413s-.196 1.02-.588 1.413A1.926 1.926 0 0 1 7.5 22Zm10 0c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 15.5 20c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 17.5 18c.55 0 1.02.196 1.413.587.391.392.587.863.587 1.413s-.196 1.02-.587 1.413A1.926 1.926 0 0 1 17.5 22ZM6.65 6l2.4 5h7l2.75-5H6.65ZM5.7 4h14.75c.383 0 .675.17.875.513.2.341.208.687.025 1.037l-3.55 6.4c-.183.333-.43.592-.738.775A1.945 1.945 0 0 1 16.05 13H8.6l-1.1 2h12v2h-12c-.75 0-1.317-.33-1.7-.988-.383-.658-.4-1.312-.05-1.962L7.1 11.6 3.5 4h-2V2h3.25l.95 2Z"/></g></svg> </span> <span>E-commerce Localization</span> </p> <p class="text-muted mb-0 subtitle">Automate localization of your e-commerce website and reach global customers.</p> </a> </li> </ul> </li> </ul> <div class="megamenu__content megamenu__content--fill-row-lg megamenu__content megamenu__content--bento order-0 order-xl-1 mt-lg-2 pb-0"> <a href="https://crowdin.com/features" class="megamenu__content__item megamenu__content__item--gray d-flex "> <span class="title">Why Crowdin?</span> </a> <a class="megamenu__content__item megamenu__content__item--gray d-flex megamenu__content__item--integrations" href="https://store.crowdin.com/"> <p class="title mb-1"> Apps & Integrations </p> <p class="text-muted mb-0 subtitle"> Browse 600+ integrations and plugins </p> </a> <a id="ai-localization-header-menu-card" href="/ai-localization" class="megamenu__content__item megamenu__content__item--gray d-flex megamenu__content__item--ai "> <p class="title mb-1"> <span class="megamenu__content__item__icon"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M14.2074 8.85194L14.9619 10.7382C15.096 11.0734 15.5706 11.0734 15.7047 10.7382L16.4592 8.85194C16.7133 8.21668 17.2167 7.71333 17.8519 7.45922L19.7382 6.70472C20.0734 6.57062 20.0734 6.09605 19.7382 5.96194L17.8519 5.20744C17.2167 4.95334 16.7133 4.44998 16.4592 3.81473L15.7047 1.92848C15.5706 1.59322 15.096 1.59322 14.9619 1.92848L14.2074 3.81473C13.9533 4.44998 13.45 4.95334 12.8147 5.20744L10.9285 5.96194C10.5932 6.09605 10.5932 6.57062 10.9285 6.70472L12.8147 7.45922C13.45 7.71333 13.9533 8.21668 14.2074 8.85194Z" fill="#6FC6A7"/> <path d="M18.3171 19.2927L18.8374 20.5935C18.8961 20.7403 19.1039 20.7403 19.1626 20.5935L19.6829 19.2927C19.7942 19.0146 20.0146 18.7942 20.2927 18.6829L21.5935 18.1626C21.7403 18.1039 21.7403 17.8961 21.5935 17.8374L20.2927 17.3171C20.0146 17.2058 19.7942 16.9854 19.6829 16.7073L19.1626 15.4065C19.1039 15.2597 18.8961 15.2597 18.8374 15.4065L18.3171 16.7073C18.2058 16.9854 17.9854 17.2058 17.7073 17.3171L16.4065 17.8374C16.2597 17.8961 16.2597 18.1039 16.4065 18.1626L17.7073 18.6829C17.9854 18.7942 18.2058 19.0146 18.3171 19.2927Z" fill="#6FC6A7"/> <path d="M7.26265 19.9691L8.00361 21.8215C8.13771 22.1568 8.61229 22.1568 8.74639 21.8215L9.48735 19.9691C10.1226 18.381 11.381 17.1226 12.9691 16.4873L14.8215 15.7464C15.1568 15.6123 15.1568 15.1377 14.8215 15.0036L12.9691 14.2627C11.381 13.6274 10.1226 12.369 9.48735 10.7809L8.74639 8.92848C8.61229 8.59322 8.13771 8.59322 8.00361 8.92848L7.26265 10.7809C6.6274 12.369 5.36901 13.6274 3.78087 14.2627L1.92848 15.0036C1.59322 15.1377 1.59322 15.6123 1.92848 15.7464L3.78087 16.4873C5.36901 17.1226 6.6274 18.381 7.26265 19.9691Z" fill="#6DB2AA"/> </svg> </span> <span class="text">AI Translation</span> </p> <p class="mb-0 subtitle">Empower your business with an AI translator fine-tuned to your company's needs and get 95% publishable translations</p> </a> <a href="/localization-best-practices" class="megamenu__content__item megamenu__content__item--gray d-flex "> <span class="title mb-1">Crowdin Resources</span> <span class="mb-1 subtitle">Resources on localization services, translation and localization tips</span> <div class="resources-badges-wrapper subtitle"> <span class="resources-badges-wrapper__item">📚 Free e-books</span> <span class="resources-badges-wrapper__item">📺 Webinars</span> <span class="resources-badges-wrapper__item">🎓 Courses</span> <span class="resources-badges-wrapper__item">✅ Checklists</span> </div> </a> </div> </div> </div> </div> </li> <li class="crowdin-navbar__nav-link dropdown megamenu__link "> <a title="Demo" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="submenu-title" id="demo">Demo</a> <div class="dropdown-menu megamenu" aria-labelledby="demo" id="demo-dropdown"> <div class="container"> <div class="megamenu__wrapper megamenu__wrapper--demo"> <div class="megamenu__content megamenu__content--demo"> <a href="https://crowdin.com/demo-request" class="megamenu__content__item live-demo "> <img class="megamenu__content__image" src="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/images/demo-request/live-demo-image.webp" alt="Book Demo Call"> <p class="text-nowrap title mb-1">Book Demo Call</p> <p class="text-muted mb-0 subtitle">Book a personalized demo call and talk to our experts.</p> </a> </div> <div class="megamenu__content megamenu__content--demo"> <a href="https://crowdin.com/on-demand-demo" class="megamenu__content__item on-demand-demo "> <img class="megamenu__content__image" src="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/images/demo-request/on-demand-demo-image.webp" alt="Watch Demo Recording"> <p class="text-nowrap title mb-1">Watch Demo Recording</p> <p class="text-muted mb-0 subtitle">Watch a pre-recorded 4-minute introduction to Crowdin.</p> </a> </div> <div class="megamenu__content megamenu__content--interactive-demo"> <a href="https://crowdin.com/interactive-demo" class="megamenu__content__item active"> <img class="megamenu__content__image" src="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/images/demo-request/interactive-demo.webp" alt="Interactive Demo"> <p class="text-nowrap title mb-1">Interactive Demo</p> <p class="text-muted mb-0 subtitle">Guide on project setup, applying AI translation, and buying human review.</p> </a> </div> </div> </div> </div> </li> <li class="crowdin-navbar__nav-link crowdin-navbar__nav-link--ai "> <a id="ai-localization-header-menu" class="ai-link" title="AI" href="https://crowdin.com/ai-localization"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M14.2074 8.85194L14.9619 10.7382C15.096 11.0734 15.5706 11.0734 15.7047 10.7382L16.4592 8.85194C16.7133 8.21668 17.2167 7.71333 17.8519 7.45922L19.7382 6.70472C20.0734 6.57062 20.0734 6.09605 19.7382 5.96194L17.8519 5.20744C17.2167 4.95334 16.7133 4.44998 16.4592 3.81473L15.7047 1.92848C15.5706 1.59322 15.096 1.59322 14.9619 1.92848L14.2074 3.81473C13.9533 4.44998 13.45 4.95334 12.8147 5.20744L10.9285 5.96194C10.5932 6.09605 10.5932 6.57062 10.9285 6.70472L12.8147 7.45922C13.45 7.71333 13.9533 8.21668 14.2074 8.85194Z" fill="#6FC6A7"/> <path d="M18.3171 19.2927L18.8374 20.5935C18.8961 20.7403 19.1039 20.7403 19.1626 20.5935L19.6829 19.2927C19.7942 19.0146 20.0146 18.7942 20.2927 18.6829L21.5935 18.1626C21.7403 18.1039 21.7403 17.8961 21.5935 17.8374L20.2927 17.3171C20.0146 17.2058 19.7942 16.9854 19.6829 16.7073L19.1626 15.4065C19.1039 15.2597 18.8961 15.2597 18.8374 15.4065L18.3171 16.7073C18.2058 16.9854 17.9854 17.2058 17.7073 17.3171L16.4065 17.8374C16.2597 17.8961 16.2597 18.1039 16.4065 18.1626L17.7073 18.6829C17.9854 18.7942 18.2058 19.0146 18.3171 19.2927Z" fill="#6FC6A7"/> <path d="M7.26265 19.9691L8.00361 21.8215C8.13771 22.1568 8.61229 22.1568 8.74639 21.8215L9.48735 19.9691C10.1226 18.381 11.381 17.1226 12.9691 16.4873L14.8215 15.7464C15.1568 15.6123 15.1568 15.1377 14.8215 15.0036L12.9691 14.2627C11.381 13.6274 10.1226 12.369 9.48735 10.7809L8.74639 8.92848C8.61229 8.59322 8.13771 8.59322 8.00361 8.92848L7.26265 10.7809C6.6274 12.369 5.36901 13.6274 3.78087 14.2627L1.92848 15.0036C1.59322 15.1377 1.59322 15.6123 1.92848 15.7464L3.78087 16.4873C5.36901 17.1226 6.6274 18.381 7.26265 19.9691Z" fill="#6DB2AA"/> </svg> <span class="ml-1">AI</span> </a> </li> <li class="crowdin-navbar__nav-link "> <a title="Pricing" href="https://crowdin.com/pricing#annual"> Pricing </a> </li> <li class="hidden-sm crowdin-navbar__nav-link "> <a title="Customers" href="https://crowdin.com/page/customer-testimonials"> Customers </a> </li> <li class="crowdin-navbar__nav-link "> <a title="Enterprise" href="https://crowdin.com/enterprise">Enterprise</a> </li> </ul> <form class="form-inline flex-nowrap mb-2 my-lg-0 flex-column flex-lg-row justify-content-lg-end"> <div class="header-search d-none d-lg-block"> <div class="input-group input-group-sm header-search__input-group"> <div class="input-group-prepend"> <span class="input-group-text""><span class="material-icons">search</span></span> </div> <input type="text" class="form-control" placeholder="Search projects" aria-label="Search projects" /> </div> <span class="btn header-search__btn" title="Search projects"> <span class="material-icons">search</span> </span> </div> <span class="crowdin-navbar__nav-link mr-auto d-inline-flex d-lg-none"> <a title="Contact" href="https://crowdin.com/projects#advanced-search">Search projects </a> </span> <span class="crowdin-navbar__nav-link contact "> <a title="Contact" href="https://crowdin.com/contacts">Contact </a> </span> <div id="app-user" class="form-group mt-3 mt-lg-0"> <div class="shimmer shimmer-long" style="width: 188px; height: 24px"></div> </div> </form> </div> </div> </header> <main class="wrap"> <section class="crowdin-demo-request crowdin-interactive-demo"> <div class="container"> <div class="row"> <div class="offset-xl-1 col-xl-10 text-center"> <h1>Crowdin Product Demo</h1> <p class="subtitle-h1 mb-5">See Crowdin in action and get a glimpse of how to create a localization project and use AI for translations.</p> <div style="position: relative; padding-bottom: calc(54.35374149659864% + 41px); height: 0; width: 100%;"> <iframe src="https://demo.arcade.software/pSbybLVBRMamzu0vDXrp?embed&show_copy_link=true" title="Quick Start Guide: AI Translation + Human Review" frameborder="0" loading="lazy" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="clipboard-write" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;color-scheme: light;"></iframe> </div> </div> </div> </div> </section> <section class="crowdin-section crowdin-home-ai viewport-box active"> <div class="container-md bg-wrapper"> <div class="row"> <div class="offset-xl-1 col-lg-6 col-xl-5 text-center text-lg-left"> <div class="title-super-icon title-super-icon--lg-left"> <span class="super-icon super-icon--ai-stars"></span> <h2 class="mb-4 display-2 px-3 px-sm-0">Ready-to-publish<br/>AI Translations</h2> </div> <p class="subtitle-h2">Localize your projects with a personal AI translator. Get accurate, context-aware translations quickly. Our AI language translator merges the best of technology providers and human insight. Plus, AI trains on your resources and feedback for continuous improvement.</p> <a id="interactive-demo-ai-page-link" class="main-button main-button--ai mb-2" href="/ai-localization"> <span class="btn-ai-icon"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.333 4c1.321.031 1.865 0 3.626 0 1.762 0 3.46.031 4.53.157 1.824.126 3.334.818 4.435 1.919 1.1 1.1 1.793 2.61 1.919 4.435.063.692.125 1.541.125 2.454.032.943.032 1.95.032 3.082 0 1.133-.063 4.718-.157 5.442-.126 1.824-.818 3.334-1.919 4.435-1.1 1.1-2.61 1.793-4.435 1.919-.692.063-1.541.125-2.454.125-.912 0-1.95.032-3.082.032-2.17-.063-4.184.063-5.977-.22-1.793-.283-3.365-.975-4.623-2.705a6.13 6.13 0 0 1-.818-1.636 8.937 8.937 0 0 1-.378-1.95C4.031 20.294 4 18.249 4 16.488v-2.41" stroke="url(#paint0_linear_13132_57185)" stroke-width="2.5" stroke-miterlimit="10" stroke-linecap="round"/><path d="m6.874 10.518.755 1.887a.4.4 0 0 0 .743 0l.754-1.887a2.5 2.5 0 0 1 1.393-1.392l1.886-.755a.4.4 0 0 0 0-.743l-1.886-.754A2.5 2.5 0 0 1 9.126 5.48l-.754-1.886a.4.4 0 0 0-.743 0l-.755 1.886a2.5 2.5 0 0 1-1.392 1.393l-1.887.754a.4.4 0 0 0 0 .743l1.887.755a2.5 2.5 0 0 1 1.392 1.392Z" fill="#6FC6A7"/><path d="m15.013 20.72.74 1.852a.4.4 0 0 0 .743 0l.741-1.853a6.25 6.25 0 0 1 3.482-3.482l1.852-.74a.4.4 0 0 0 0-.743l-1.852-.741a6.25 6.25 0 0 1-3.482-3.482l-.74-1.853a.4.4 0 0 0-.743 0l-.741 1.853a6.25 6.25 0 0 1-3.482 3.482l-1.853.74a.4.4 0 0 0 0 .743l1.853.741a6.25 6.25 0 0 1 3.482 3.482Z" fill="url(#paint1_linear_13132_57185)"/><defs><linearGradient id="paint0_linear_13132_57185" x1="6" y1="8" x2="29.333" y2="26" gradientUnits="userSpaceOnUse"><stop stop-color="#89D7BB"/><stop offset=".485" stop-color="#4CC5A1"/><stop offset="1" stop-color="#90C4EA" stop-opacity=".7"/></linearGradient><linearGradient id="paint1_linear_13132_57185" x1="11.7" y1="-.1" x2="25.712" y2="41.938" gradientUnits="userSpaceOnUse"><stop stop-color="#76D1B2"/><stop offset=".413" stop-color="#68A19A"/><stop offset="1" stop-color="#B1E9E9"/></linearGradient></defs></svg> </span> <span class="content"> <span class="text-nowrap">Try Crowdin AI</span> </span> <svg class="ml-auto" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.99984 6L8.58984 7.41L13.1698 12L8.58984 16.59L9.99984 18L15.9998 12L9.99984 6Z" fill="currentColor" fill-opacity="0.87"/> </svg> </a> <p class="small text-muted mb-0">*You purchase tokens from the provider at their price. There is no markup in Crowdin.</p> </div> <div class="offset-lg-1 offset-xl-0 col-lg-4 col-xl-5 relative crowdin-home-ai__scheme"> <div class="crowdin-home-ai__scheme__wrapper"> <div class="scheme-border scheme-border--7"> <div class="scheme-border scheme-border--6"> <div class="scheme-border scheme-border--5"> <div class="scheme-border scheme-border--4"> <span class="scheme-chip--right-center scheme-chip--ai-vs-mt scheme-chip" data-toggle="tooltip" data-placement="top" title="Use AI Assistant as an MT engine for customizable translations, with options to train your model and add context for better quality" > AI as MT </span> <span class="scheme-chip--right-bottom scheme-chip--provide-context scheme-chip" data-toggle="tooltip" data-placement="top" title="Without proper context, AI cannot provide accurate translations. On Crowdin you can provide context on prompt, file, and segment (key) level." > Provide Context </span> <span class="scheme-chip--left-top scheme-chip--fine-tune scheme-chip" data-toggle="tooltip" data-placement="top" title="Pre-train the LLM model with your translation assets, such as TM and glossary" > Fine Tuning </span> <div class="scheme-border scheme-border--3"> <span class="scheme-chip--left-center scheme-chip--provider-option scheme-chip" data-toggle="tooltip" data-placement="top" title="Crowdin AI providers include: OpenAI, Google Gemini, and Microsoft Azure OpenAI" > Provider Options </span> <span class="scheme-chip--center-bottom scheme-chip" data-toggle="tooltip" data-placement="top" title="The AI Assistant can include prompts after each chat response, not just at the beginning of the conversation." > Prompt Engineering </span> <div class="scheme-border scheme-border--2"> <span class="scheme-chip--right-top scheme-chip" data-toggle="tooltip" data-placement="top" title="Tokens are purchased from the provider at their prices, without any markup from Crowdin." > No Extra Cost </span> <div class="scheme-border scheme-border--1 text-center"> <div class="core"> <a id="ai-assistant-logo-link" href="/ai-localization" class="ai-logo"> <svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96" fill="none"> <path d="M40 12C43.9633 12.0944 45.5937 12 50.8781 12C56.1625 12 61.2582 12.0944 64.4666 12.4718C69.9397 12.8493 74.4692 14.9253 77.7719 18.228C81.0747 21.5308 83.1507 26.0603 83.5282 31.5334C83.7169 33.6094 83.9056 36.1573 83.9056 38.8938C84 41.7248 84 44.7444 84 48.1415C84 51.5387 83.8113 62.2962 83.5282 64.4666C83.1507 69.9397 81.0747 74.4692 77.7719 77.772C74.4692 81.0747 69.9397 83.1507 64.4666 83.5282C62.3906 83.7169 59.8427 83.9056 57.1062 83.9056C54.3696 83.9056 51.2556 84 47.8585 84C41.3473 83.8113 35.308 84.1887 29.9292 83.3395C24.5505 82.4902 19.8322 80.4142 16.0577 75.2241C15.0197 73.7143 14.1704 72.1101 13.6042 70.3172C13.038 68.5243 12.6606 66.637 12.4718 64.4666C12.0944 60.8807 12 54.7471 12 49.4627C12 44.1782 12 42.8938 12 42.2333" stroke="url(#paint0_linear_13135_57213)" stroke-width="7.5" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M20.6223 31.5558L22.8858 37.2146C23.2881 38.2203 24.7119 38.2203 25.1142 37.2146L27.3777 31.5558C28.14 29.65 29.65 28.14 31.5558 27.3777L37.2146 25.1142C38.2203 24.7119 38.2203 23.2881 37.2146 22.8858L31.5558 20.6223C29.65 19.86 28.14 18.35 27.3777 16.4442L25.1142 10.7854C24.7119 9.77965 23.2881 9.77965 22.8858 10.7854L20.6223 16.4442C19.86 18.35 18.35 19.86 16.4442 20.6223L10.7854 22.8858C9.77965 23.2881 9.77965 24.7119 10.7854 25.1142L16.4442 27.3777C18.35 28.14 19.86 29.65 20.6223 31.5558Z" fill="#6FC6A7"/> <path d="M45.038 62.1574L47.2608 67.7146C47.6631 68.7203 49.0869 68.7203 49.4892 67.7146L51.712 62.1574C53.6178 57.393 57.393 53.6178 62.1574 51.712L67.7146 49.4892C68.7203 49.0869 68.7203 47.6631 67.7146 47.2608L62.1574 45.038C57.393 43.1322 53.6178 39.357 51.712 34.5926L49.4892 29.0354C49.0869 28.0297 47.6631 28.0297 47.2608 29.0354L45.038 34.5926C43.1322 39.357 39.357 43.1322 34.5926 45.038L29.0354 47.2608C28.0297 47.6631 28.0297 49.0869 29.0354 49.4892L34.5926 51.712C39.357 53.6178 43.1322 57.393 45.038 62.1574Z" fill="url(#paint1_linear_13135_57213)"/> <defs> <linearGradient id="paint0_linear_13135_57213" x1="18" y1="24" x2="88" y2="78" gradientUnits="userSpaceOnUse"> <stop stop-color="#89D7BB"/> <stop offset="0.4855" stop-color="#4CC5A1"/> <stop offset="1" stop-color="#90C4EA" stop-opacity="0.7"/> </linearGradient> <linearGradient id="paint1_linear_13135_57213" x1="35.1" y1="-0.299997" x2="77.1375" y2="125.812" gradientUnits="userSpaceOnUse"> <stop stop-color="#76D1B2"/> <stop offset="0.412886" stop-color="#68A19A"/> <stop offset="1" stop-color="#B1E9E9"/> </linearGradient> </defs> </svg> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <script type="text/javascript">!function(e,t,n){function a(){var e=t.getElementsByTagName("script")[0],n=t.createElement("script");n.type="text/javascript",n.async=!0,n.src="https://beacon-v2.helpscout.net",e.parentNode.insertBefore(n,e)}if(e.Beacon=n=function(t,n,a){e.Beacon.readyQueue.push({method:t,options:n,data:a})},n.readyQueue=[],"complete"===t.readyState)return a();e.attachEvent?e.attachEvent("onload",a):e.addEventListener("load",a,!1)}(window,document,window.Beacon||function(){});</script> <script> window.Beacon('init', '9fc3667d-44e6-4ca2-8632-de4eb68aaab4'); </script> <div id="push"></div> </main> <footer class="crowdin-footer"> <section class="crowdin-footer__body"> <div class="container"> <div class="row"> <div class="col-xl-3 col-lg-3 mb-3 mb-lg-0"> <a class="mb-3 d-inline-flex" href="/"> <svg class="default-logo" width="116" height="24"> <image class="" xlink:href="/images/crowdin-logo-white.svg" href="/images/crowdin-logo-white.svg" src="/images/crowdin-logo-white.png" width="116" height="24" alt="Crowdin"/> </svg> </a> <div class="d-flex flex-row align-items-center justify-content-start"> <img style="opacity: .54" src="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/images/footer/iso.svg" alt="ISO/IEC 27001 certified" width="48" height="48"> <img style="opacity: .54" class="ml-2" src="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/images/footer/gdpr.svg" alt="EU General Data Protection Regulation (GDPR) compliance" width="41" height="60"> <div class="position-relative"> <span id="hipaa-help-footer" data-toggle="tooltip" data-placement="top" title="Customers that are subject to HIPAA and want to utilize Crowdin in connection with Protected Health Information (PHI) must sign Crowdin's Business Associate Agreement" class="hipaa-logo__info"> <span class="icon icon-info"></span> </span> <img style="opacity: .54" class="ml-2" src="https://d2gma3rgtloi6d.cloudfront.net/2eaf8d2b/images/footer/hipaa.svg" alt="HIPAA Compliant" width="40" height="50"> </div> </div> </div> <div class="col-lg-9 footer-grid"> <div class="footer-grid__column mb-4 mb-lg-0"> <h4 class="footer-grid__column__title">Crowdin</h4> <a class="footer-grid__column__link" href="https://support.crowdin.com/introduction/"> Why Crowdin? </a> <a class="footer-grid__column__link" target="_blank" href="https://support.crowdin.com/introduction/"> Crowdin Features </a> <a class="footer-grid__column__link" href="/demo-request"> Request Demo </a> <a class="footer-grid__column__link" href="https://store.crowdin.com"> Apps & Integrations </a> <a class="footer-grid__column__link" href="/projects"> Explore public projects </a> <a class="footer-grid__column__link" href="/pricing"> Pricing </a> <a class="footer-grid__column__link" href="/enterprise"> Enterprise </a> </div> <div class="footer-grid__column"> <h4 class="footer-grid__column__title">Support</h4> <a class="footer-grid__column__link" href="/contacts"> Contact us </a> <a class="footer-grid__column__link" href="https://support.crowdin.com" target="_blank"> Help center </a> <a class="footer-grid__column__link" target="_blank" href="https://support.crowdin.com/developer/crowdin-apps-about/"> Developer Portal </a> <a class="footer-grid__column__link" href="https://crowdin.com/blog/tag/monthly-updates"> Changelog </a> <a class="footer-grid__column__link" href="https://community.crowdin.com/" target="_blank"> Community </a> <a class="footer-grid__column__link" href="https://status.crowdin.com/" target="_blank"> Status </a> </div> <div class="footer-grid__column"> <h4 class="footer-grid__column__title">Company</h4> <a class="footer-grid__column__link" href="/page/about-crowdin"> About us </a> <a class="footer-grid__column__link" href="https://crowdin.com/blog" target="_blank"> Blog </a> <a class="footer-grid__column__link" href="/page/customer-testimonials"> Customers </a> <a class="footer-grid__column__link" href="https://crowdin.com/page/security"> Security </a> </div> <div class="footer-grid__column"> <h4 class="footer-grid__column__title">Legal</h4> <a class="footer-grid__column__link" href="https://support.crowdin.com/terms/" target="_blank" title="Terms of Service"> Terms and Conditions </a> <a class="footer-grid__column__link" href="https://support.crowdin.com/cookies/" target="_blank" title="Cookies Statement"> Cookies Statement </a> <a class="footer-grid__column__link"" href="https://support.crowdin.com/privacy-policy/" target="_blank" title="Your privacy matters"> Privacy Policy </a> </div> <div class="footer-grid__column"></div> </div> </div> </div> </section> <section class="crowdin-footer__bottom"> <div class="container"> <div class="row"> <div class="col d-flex flex-row justify-content-between"> <div class="d-flex flex-row footer-soc-icons"> <a class="footer-grid__column__link d-inline-flex align-items-center mb-0" target="_blank" href="https://github.com/crowdin"> <i class="soc-icon d-inline-flex mr-2"> <svg width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#a)"><path d="M9 .375c-4.973 0-9 3.96-9 8.844 0 3.908 2.579 7.223 6.154 8.391.45.083.615-.19.615-.425 0-.21-.008-.767-.011-1.504-2.504.533-3.032-1.186-3.032-1.186-.41-1.021-1.001-1.294-1.001-1.294-.816-.549.063-.537.063-.537.904.061 1.378.911 1.378.911.803 1.352 2.107.962 2.621.736.082-.572.313-.962.57-1.183-1.998-.221-4.099-.982-4.099-4.37 0-.965.349-1.754.926-2.373-.101-.224-.405-1.123.079-2.341 0 0 .754-.237 2.475.907a8.786 8.786 0 0 1 2.25-.299c.765.005 1.53.102 2.25.299 1.71-1.144 2.464-.907 2.464-.907.483 1.218.18 2.117.09 2.34.574.62.922 1.409.922 2.374 0 3.397-2.104 4.145-4.106 4.363.315.265.607.807.607 1.636 0 1.184-.01 2.135-.01 2.422 0 .232.157.508.618.42C15.423 16.438 18 13.12 18 9.219 18 4.335 13.97.375 9 .375Z" fill="currentColor"/></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h18v18H0z"/></clipPath></defs></svg> </i> </a> <a class="footer-grid__column__link d-inline-flex align-items-center mb-0" target="_blank" href="https://x.com/crowdin"> <i class="soc-icon d-inline-flex mr-2"> <svg width="17" height="18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#a)"><path d="M10.117 7.694 16.446.499h-1.5L9.451 6.746 5.062.499H0l6.637 9.447L0 17.49h1.5l5.803-6.597 4.635 6.597H17l-6.883-9.796Zm-2.054 2.335-.672-.94-5.35-7.486h2.303l4.318 6.04.672.941 5.613 7.852h-2.304l-4.58-6.407Z" fill="currentColor"/></g><defs><clipPath id="a"><path fill="currentColor" transform="translate(0 .5)" d="M0 0h17v17H0z"/></clipPath></defs></svg> </i> </a> <a class="footer-grid__column__link d-inline-flex align-items-center mb-0" target="_blank" href="https://www.linkedin.com/company/crowdin/"> <i class="soc-icon d-inline-flex mr-2"> <svg width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#a)"><path d="M15.546 0H2.455A2.455 2.455 0 0 0 0 2.455v13.09A2.455 2.455 0 0 0 2.455 18h13.09A2.455 2.455 0 0 0 18 15.546V2.455A2.455 2.455 0 0 0 15.546 0Zm-9.41 14.245a.38.38 0 0 1-.38.38H4.14a.38.38 0 0 1-.38-.38v-6.78a.38.38 0 0 1 .38-.38h1.617a.38.38 0 0 1 .38.38v6.78ZM4.948 6.443a1.534 1.534 0 1 1 0-3.068 1.534 1.534 0 0 1 0 3.068Zm9.64 7.828a.348.348 0 0 1-.35.35H12.5a.35.35 0 0 1-.35-.35v-3.175c0-.475.14-2.079-1.24-2.079-1.07 0-1.287 1.098-1.33 1.59v3.668a.35.35 0 0 1-.345.35h-1.68a.35.35 0 0 1-.348-.35V7.436a.349.349 0 0 1 .349-.35h1.68a.35.35 0 0 1 .349.35v.591c.397-.596.985-1.054 2.24-1.054 2.78 0 2.761 2.596 2.761 4.021l.002 3.277Z" fill="currentColor"/></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h18v18H0z"/></clipPath></defs></svg> </i> </a> <a class="footer-grid__column__link d-inline-flex align-items-center mb-0" target="_blank" href="https://www.youtube.com/@crowdin-localization"> <i class="soc-icon d-inline-flex mr-2"> <svg width="18" height="18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.082 4.782a2.114 2.114 0 0 0-1.487-1.487c-1.32-.361-6.603-.361-6.603-.361s-5.282 0-6.603.347A2.157 2.157 0 0 0 .902 4.782c-.347 1.32-.347 4.06-.347 4.06s0 2.751.347 4.058a2.115 2.115 0 0 0 1.488 1.487c1.334.362 6.602.362 6.602.362s5.282 0 6.603-.348a2.115 2.115 0 0 0 1.487-1.487c.348-1.32.348-4.059.348-4.059s.014-2.752-.348-4.073ZM7.31 11.371v-5.06l4.393 2.53-4.393 2.53Z" fill="currentColor"/></svg> </i> </a> </div> <div class="d-flex flex-row flex-nowrap text-right text-lg-right crowdin-footer__bottom__language"> <a class="crowdin-footer__bottom__link" href="https://crowdin.com">crowdin.com</a> <a href="javascript:void(0)" data-toggle="modal" data-target="#localization-dialog" class="lang-switcher hidden crowdin-footer__bottom__link dropdown-toggle localization-switcher localization-switcher-text ml-3"> <b class="caret"></b> </a> </div> </div> </div> </div> </section> </footer>  <div class="modal fade localization-dialog" style="display: none" id="localization-dialog" tabindex="-1" role="dialog" aria-labelledby="localization-dialog" aria-hidden="true"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content localization-dialog"> <div class="modal-header"> <h5 class="modal-title">Language</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> </div> <div class="modal-body localization-dialog-settings"> <div class="alert alert-warning"> <div class="localization-dialog__alert"> <p class="alert-warning__col"> Crowdin has been translated by volunteers, and some translations might be incomplete. You can help us translate Crowdin into your language by adding new translations or voting for existing ones. </p> <a href="https://translate.crowdin.com/" target="_blank" class="btn btn-primary btn-sm alert-warning__col"> Contribute </a> <a href="#" id="global-website-btn" class="btn btn-sm btn-icon-left alert-warning__col color-primary"> <span class="material-icons mr-1">language</span> Global website </a> </div> </div> <div class="localization-dialog__languages"> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language localization-dialog__languages__language-checked"> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> English <span class="material-icons body--18 language-icon ml-1 color-primary" title="Global website">language</span> </div> <div class="localization-dialog__languages__language__bottom text-overflow"> English (Great Britain) </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" style="visibility: visible;" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="English" data-internal-code="en_US" value="en" checked > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> 简体中文 </div> <div class="localization-dialog__languages__language__bottom text-overflow"> Chinese, Simplified </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="简体中文" data-internal-code="zh_CN" value="zh" > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> Dansk </div> <div class="localization-dialog__languages__language__bottom text-overflow"> Danish </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="Dansk" data-internal-code="da_DK" value="da" > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> Magyar </div> <div class="localization-dialog__languages__language__bottom text-overflow"> Hungarian </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="Magyar" data-internal-code="hu_HU" value="hu" > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> Italiano </div> <div class="localization-dialog__languages__language__bottom text-overflow"> Italian </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="Italiano" data-internal-code="it_IT" value="it" > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> Português </div> <div class="localization-dialog__languages__language__bottom text-overflow"> Portuguese </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="Português" data-internal-code="pt_PT" value="pt" > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> Português brasileiro </div> <div class="localization-dialog__languages__language__bottom text-overflow"> Portuguese (Brazil) </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="Português brasileiro" data-internal-code="pt_BR" value="br" > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> Русский </div> <div class="localization-dialog__languages__language__bottom text-overflow"> Russian </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="Русский" data-internal-code="ru_RU" value="ru" > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> Türkçe </div> <div class="localization-dialog__languages__language__bottom text-overflow"> Turkish </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="Türkçe" data-internal-code="tr_TR" value="tr" > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> Українська </div> <div class="localization-dialog__languages__language__bottom text-overflow"> Ukrainian </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="Українська" data-internal-code="uk_UA" value="uk" > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> Español </div> <div class="localization-dialog__languages__language__bottom text-overflow"> Spanish </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="Español" data-internal-code="es_ES" value="es" > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> Français </div> <div class="localization-dialog__languages__language__bottom text-overflow"> French </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="Français" data-internal-code="fr_FR" value="fr" > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> Беларуская </div> <div class="localization-dialog__languages__language__bottom text-overflow"> Belarusian </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="Беларуская" data-internal-code="be_BY" value="be" > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> عربي </div> <div class="localization-dialog__languages__language__bottom text-overflow"> Arabic </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="عربي" data-internal-code="ar_SA" value="ar" > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> čeština </div> <div class="localization-dialog__languages__language__bottom text-overflow"> Czech </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="čeština" data-internal-code="cs_CZ" value="cs" > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> Deutsch </div> <div class="localization-dialog__languages__language__bottom text-overflow"> German </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="Deutsch" data-internal-code="de_DE" value="de" > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> Polskie </div> <div class="localization-dialog__languages__language__bottom text-overflow"> Polish </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="Polskie" data-internal-code="pl_PL" value="pl" > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> Slovenský </div> <div class="localization-dialog__languages__language__bottom text-overflow"> Slovak </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="Slovenský" data-internal-code="sk_SK" value="sk" > </div> </div> </div> <div class="localization-dialog__languages__language-wrapper"> <div class="localization-dialog__languages__language "> <div class="localization-dialog__languages__language-container"> <div class="localization-dialog__languages__language__head text-overflow"> 日本 </div> <div class="localization-dialog__languages__language__bottom text-overflow"> Japanese </div> </div> <div class="localization-dialog__languages__language__checker"> <span class="material-icons color-primary check-icon" >check</span> <input class="language-checker" name="language" type="checkbox" data-selected-name="日本" data-internal-code="ja_JP" value="ja" > </div> </div> </div> </div> </div> <div class="modal-footer"> <div> <button type="button" class="btn btn-sm btn-link localization-btn-auto-detect">Auto detect</button> </div> <div> <button type="button" class="btn btn-sm btn-outline-primary localization-btn-change">Change</button> <button type="button" class="btn btn-sm btn-link localization-btn-cancel" data-dismiss="modal">Cancel</button> </div> </div> </div> </div> </div> <script> (function () { let DEFAULT_LOCALIZATION_CODE = 'en'; let currentLocalizationCode = DEFAULT_LOCALIZATION_CODE; let defaultLocalHost = window.location.host; $(document).ready(function() { currentLocalizationCode = getCurrentLanguageUrlCode(); if(currentLocalizationCode !== DEFAULT_LOCALIZATION_CODE) { $('.crowdin-footer__bottom__language .lang-switcher').removeClass('hidden'); } initDialogData(); $('.localization-btn-auto-detect').on('click', function () { autoDetectLanguage(); }); $('.localization-btn-change').on('click', function () { changeLanguage(); }); }); function getCurrentLanguage() { return $('.localization-dialog__languages input[name="language"]:checked'); } function getCurrentLanguageUrlCode() { return getCurrentLanguage().val(); } function selectLanguageBtn($btn) { let classChecked = 'localization-dialog__languages__language-checked'; let $languages = $('.localization-dialog__languages'); $languages.find('input[name="language"]:checked').prop('checked', false); $('.' + classChecked).removeClass(classChecked); $languages.find('.check-icon').css('visibility','hidden'); $languages.find('.language-icon').removeClass('color-primary').addClass('text-muted'); $btn.find('input').prop('checked', true); $btn.addClass('localization-dialog__languages__language-checked') $btn.find('.check-icon').css('visibility', 'visible'); $btn.find('.language-icon').removeClass('text-muted').addClass('color-primary'); } function initDialogData() { const currentLanguageUrlCode = getCurrentLanguageUrlCode(); if (currentLanguageUrlCode && currentLanguageUrlCode !== DEFAULT_LOCALIZATION_CODE) { defaultLocalHost = window.location.host.slice(currentLanguageUrlCode.length + 1); } $('.localization-switcher-text').html(getCurrentLanguage().data('selected-name')) $('.localization-dialog__languages__language').click(function (e) { e.preventDefault(); let $languageBtn = $(this); selectLanguageBtn($languageBtn); }); $('#global-website-btn').click(function (e) { e.preventDefault(); let newLocation = window.location.protocol + '//' + defaultLocalHost + window.location.pathname + window.location.search + window.location.hash; if(window.location.href !== newLocation) { window.location.href = newLocation; } }); } function initSettingLocalizationDialog() { const $dialog = $(".localization-dialog-settings").dialog({ resizable: false, autoOpen: false, width: 'auto', zIndex: 100000, modal: true, title: "Language", buttons: [{ text: _l('generic.cancel'), click: function() { $(this).dialog('close'); setCurrentLanguage(); }, class : 'btn localization-btn-cancel' },{ text: "Change", click: function() { changeLanguage(); $(this).dialog('close'); }, class : 'btn btn-primary localization-btn-change' }], close: function() { $(this).dialog('destroy'); }, dialogClass: 'localization-dialog-container' }); $dialog.parent().find('.ui-dialog-buttonpane') .append('<a href="javascript:void(0)" class="btn localization-btn-auto-detect">' + "Auto detect" + '</a>'); return $dialog; } function setCurrentLanguage() { let $btn = $('.localization-dialog__languages').find('input[name="language"][value="' + currentLocalizationCode + '"]') .closest('.localization-dialog__languages__language'); selectLanguageBtn($btn); } function changeLanguage() { let toLettersCode = getCurrentLanguageUrlCode(), newLocation ; if (toLettersCode === DEFAULT_LOCALIZATION_CODE) { newLocation = window.location.protocol + '//' + defaultLocalHost + window.location.pathname + window.location.search + window.location.hash; } else { newLocation = window.location.protocol + '//' + toLettersCode + '.' + defaultLocalHost + window.location.pathname + window.location.search + window.location.hash; } if (window.location.href !== newLocation) { window.location.href = newLocation; } $('#localization-dialog').modal('hide') } function autoDetectLanguage() { let browserLanguages = window.navigator.languages; let languageInputs = $('.localization-dialog__languages input[name="language"]'); let nextLanguage = true; browserLanguages.every(function (browserLanguage) { languageInputs.each(function () { let $languageInput = $(this); if( browserLanguage.toLocaleLowerCase().replace('-', '_') === $languageInput.data('internal-code').toLowerCase() || browserLanguage.toLocaleLowerCase().split('-')[0] === $languageInput.val() ) { selectLanguageBtn($languageInput.parent().parent()); nextLanguage = false; return false; } }); return nextLanguage; }); } $('#localization-dialog').on('hidden.bs.modal', function (e) { setCurrentLanguage(); }) $('.localization-settings-switcher').mousedown(function (e) { e.preventDefault(); $dialog = initSettingLocalizationDialog(); $dialog && $dialog.dialog('open'); }); })(); </script> <script> $(document).ready(function() { $.getJSON('/webinar/show?from=blog', function(data) { if (data.success) { var storageKey = 'ebook-mobile-app-l10n'; var storageData = localStorage.getItem(storageKey); var showBanner = storageData === null; if (showBanner) { $('#webinar-banner').removeClass('hidden'); } $('#close_banner').on('click', function() { $('.webinar-page--banner').fadeOut('slow', function(){ $('.webinar-page--banner').addClass('hidden'); localStorage.setItem(storageKey, 'hide'); }); }) } }); }); </script> </body> </html>

CINXE.COM

Crowdin Product Demo | Crowdin Translation & Localication