1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5<!-- jQuery Ready Queue - allows $(fn) calls before jQuery loads -->
6<script> 7(function(){ 8 var q=window.jQueryReadyQueue=[]; 9 var fake$=function(fn){if(typeof fn==='function')q.push(fn);return fake$}; 10 fake$.ready=fake$; 11 fake$.fn={ready:fake$}; 12 window.$=window.jQuery=fake$; 13 window.flushJQueryQueue=function(){var q=window.jQueryReadyQueue;if(q){q.forEach(function(f){jQuery(f)});window.jQueryReadyQueue=null}}; 14})(); 15</script>
15 16<!-- html.js-loading: pauses infinite CSS animations (announcement badge shimmer, logo carousel) until load + idle -->
17<script> 18(function(){ 19 var h=document.documentElement;h.classList.add('js-loading'); 20 var done=function(){h.classList.remove('js-loading')}; 21 var idle=function(){(window.requestIdleCallback||function(f){setTimeout(f,300)})(done,{timeout:2500})}; 22 if(document.readyState==='complete'){idle()}else{window.addEventListener('load',idle)} 23 setTimeout(done,8000); 24})(); 25</script>
25 26 27<!-- Mixpanel and Sentry moved to end of body for performance --> 28 29 <meta charset="utf-8"> 30 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 31 <meta name="viewport" content="width=device-width, initial-scale=1"> 32 <meta name="description" content="A blog packed with content about how we develop a Czech online application for work communication and how we help companies with work organization and team efficiency."> 33 <meta name="author" content="Freelo"> 34 <meta name="robots" content="index, follow"> 35 36 <title>Freelo Blog: creating a Czech SaaS application for effective collaboration - Freelo</title> 37 38 <meta property="fb:app_id" content="1544189429232926"> 39 <meta property="fb:page_id" content="1604323403122404"> 40 <meta property="og:image" content="https://www.freelo.io/img/rebrand2025/og-image-web.png"> 41 <meta property="og:title" content="Freelo Blog: creating a Czech SaaS application for effective collaboration"> 42 <meta property="og:locale" content="en_us"> 43 <meta property="og:description" content="A blog packed with content about how we develop a Czech online application for work communication and how we help companies with work organization and team efficiency."> 44 <meta property="og:type" content="website"> 45 <link rel="preload" href="/css/wotfard-semibold-webfont.woff2" as="font" type="font/woff2" crossorigin> 46 <link rel="preload" href="/css/wotfard-regular-webfont.woff2" as="font" type="font/woff2" crossorigin> 47 <link rel="preload" href="/dist/main.js?v=tltff4" as="script"> 48 <link property="og:url" content="https://www.freelo.io/en/blog"> 49 <meta property="og:site_name" content="Blog | Freelo"> 50 <meta name="twitter:site" content="@FreeloIO"> 51 <meta property="twitter:title" content="Freelo Blog: creating a Czech SaaS application for effective collaboration"> 52 <meta property="twitter:description" content="A blog packed with content about how we develop a Czech online application for work communication and how we help companies with work organization and team efficiency."> 53 <meta property="twitter:card" content="summary_large_image"> 54 <meta property="twitter:image:src" content="https://www.freelo.io/img/rebrand2025/og-image-web.png"> 55<link rel="alternate" hreflang="cs" href="https://www.freelo.io/cs/blog" /> 56<link rel="alternate" hreflang="en" href="https://www.freelo.io/en/blog" /> 57 <link rel="canonical" href="https://www.freelo.io/en/blog" /> 58 59
59<script type="application/ld+json"> 60 {"@context":"https://schema.org","@type":"Organization","name":"Freelo","url":"https://www.freelo.io","logo":"https://www.freelo.io/files/brand/2026/logo-on-white.png","sameAs":["https://www.facebook.com/Freelo-1604323403122404/","https://www.linkedin.com/company/freelocz/","https://www.youtube.com/c/Freelocz","https://www.instagram.com/freelocz/","https://twitter.com/Freelocz"],"contactPoint":{"@type":"ContactPoint","telephone":"+420777302228","contactType":"customer support","email":"[email protected]"}} 61 </script>
61 62 63
63<script type="application/ld+json"> 64 {"@context":"https://schema.org","@type":"WebSite","name":"Freelo","url":"https://www.freelo.io"} 65 </script>
65 66 67 68 <link rel="shortcut icon" href="/img/favicons/favicon.ico?v=tltff4"> 69 <link rel="apple-touch-icon" sizes="180x180" href="/img/favicons/apple-touch-icon.png"> 70 <link rel="icon" type="image/png" sizes="64x64" href="/img/favicons/favicon-64.ico"> 71 <link rel="manifest" href="/img/favicons/site.webmanifest"> 72 <link rel="mask-icon" href="/img/favicons/safari-pinned-tab.svg" color="#03a9f4"> 73 <meta name="msapplication-TileColor" content="#ffffff"> 74 <meta name="theme-color" content="#ffffff"> 75 76 <!-- Custom CSS --> 77 <link rel="stylesheet" href="/dist/tailwind.css?v=tltff4" type="text/css"> 78 <link rel="stylesheet" href="/css/fonts-link.css?v=tltff4" type="text/css"> 79 80 81 <link rel="dns-prefetch" href="https://www.google.com"> 82 <link rel="dns-prefetch" href="https://www.google.cz"> 83 <link rel="dns-prefetch" href="https://googleads.g.doubleclick.net"> 84 <link rel="dns-prefetch" href="https://www.googleadservices.com"> 85 <link rel="dns-prefetch" href="https://www.googletagmanager.com"> 86 <link rel="dns-prefetch" href="https://www.google-analytics.com"> 87 88 <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin> 89 <link rel="preconnect" href="https://cdn.mxpnl.com" crossorigin> 90 <link rel="preconnect" href="https://api-eu.mixpanel.com" crossorigin> 91 92 93 <link type="application/rss+xml" rel="alternate" title="Podcast Z PodpalubÃ" href="http://feeds.soundcloud.com/users/soundcloud:users:352063271/sounds.rss" /> 94 95 96 97 <meta name="google-site-verification" content="PEnbIgXjS8AO1r_uTy3x3B8cJVWYPiT0kUKDkPbT5LE"> 98 <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> 99 <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 100 <!--[if lt IE 9]> 101
101<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js?v=tltff4"></script>
101 102
102<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js?v=tltff4"></script>
102 103 <![endif]--> 104 105 106 <!-- Google Consent Mode v2 bootstrap â MUST run before GTM so the consent default beats the --> 107 <!-- container load (fixes the consent race condition â task 371148). This mirrors --> 108 <!-- src/js/cookieconsent/gtm.js; the guard flag makes the deferred bundle copy a no-op here, --> 109 <!-- while app.freelo.io (no inline copy) still runs it from the bundle. KEEP THE TWO IN SYNC. --> 110
110<script> 111 window.dataLayer = window.dataLayer || []; 112 function gtag() { 113 window.dataLayer.push(arguments); 114 } 115 116 function booleanToGTMValue(bool) { 117 return bool ? "granted" : "denied"; 118 } 119 120 function setConsentToLocalStorage(cookie) { 121 var marketingGTMValue = booleanToGTMValue( 122 cookie.categories != null && 123 cookie.categories.marketing != null && 124 cookie.categories.marketing.wanted 125 ); 126 127 var consentPayload = { 128 ad_storage: marketingGTMValue, 129 analytics_storage: booleanToGTMValue( 130 cookie.categories != null && 131 cookie.categories.analytics != null && 132 cookie.categories.analytics.wanted 133 ), 134 ad_user_data: marketingGTMValue, 135 ad_personalization: marketingGTMValue, 136 }; 137 138 window.localStorage.setItem( 139 "consentMode", 140 window.JSON.stringify(consentPayload) 141 ); 142 143 return consentPayload; 144 } 145 146 function setConsentOrDefault() { 147 if (window.localStorage.getItem("consentMode") == null) { 148 gtag("consent", "default", { 149 ad_storage: "denied", 150 analytics_storage: "denied", 151 ad_user_data: "denied", 152 ad_personalization: "denied", 153 }); 154 } else { 155 gtag( 156 "consent", 157 "default", 158 window.JSON.parse(window.localStorage.getItem("consentMode")) 159 ); 160 } 161 } 162 163 if (!window.__freeloConsentModeReady) { 164 window.__freeloConsentModeReady = true; 165 166 if (window.localStorage.getItem("consentMode") == null) { 167 var cconsentCookie = document.cookie 168 .split(";") 169 .find(function (part) { 170 return part.includes("cconsent"); 171 }); 172 173 if (cconsentCookie != null) { 174 var cookieDataString = cconsentCookie.split("=")[1]; 175 176 if (cookieDataString != null) { 177 var parsedCookieData = window.JSON.parse(cookieDataString); 178 179 if (parsedCookieData != null) { 180 setConsentToLocalStorage(parsedCookieData); 181 setConsentOrDefault(); 182 } 183 } 184 } else { 185 setConsentOrDefault(); 186 } 187 } else { 188 setConsentOrDefault(); 189 } 190 191 window.addEventListener("freelo-cookie-consent-change", function (event) { 192 var cookie = event.detail.cookie; 193 194 var consentPayload = setConsentToLocalStorage(cookie); 195 gtag("consent", "update", consentPayload); 196 }); 197 } 198 </script>
198 199 <!-- End Google Consent Mode v2 bootstrap --> 200 201 <!-- Google Tag Manager --> 202
202<script> 203 (function() { 204 var h = location.hostname; 205 if (h.indexOf('app.') === 0 || h === 'localhost' || h === '127.0.0.1') return; 206 207 window.dataLayer = window.dataLayer || []; 208 window.dataLayer.push({'gtm.start': new Date().getTime(), event: 'gtm.js'}); 209 var j = document.createElement('script'); 210 j.async = true; 211 j.src = 'https://www.googletagmanager.com/gtm.js?id=GTM-M79RL6Z'; 212 document.head.appendChild(j); 213 })(); 214 </script>
214 215 <!-- End Google Tag Manager --> 216 217 218 <meta name="apple-itunes-app" content="app-id=1367857997"> 219 220
220<script src="/dist/cookieconsent.js?v=tltff4" defer></script>
220 221 222</head> 223 224<body class="body-en relative"> 225 226<style> 227 /* Text: bÃlý default, shimmer gradient jen na hover */ 228 .announcement-bar__text { 229 background: linear-gradient(90deg, #fff, #fff); 230 -webkit-background-clip: text; 231 background-clip: text; 232 -webkit-text-fill-color: transparent; 233 } 234 .announcement-bar__link:hover .announcement-bar__text, 235 .announcement-bar__link:focus-visible .announcement-bar__text { 236 background: linear-gradient(90deg, #fff, var(--color-blue-300), var(--color-blue-200), var(--color-blue-300), #fff); 237 background-size: 200% 100%; 238 -webkit-background-clip: text; 239 background-clip: text; 240 -webkit-text-fill-color: transparent; 241 animation: announcementShimmer 3s ease-in-out infinite; 242 } 243 @keyframes announcementShimmer { 244 0% { background-position: 100% 0; } 245 50% { background-position: 0% 0; } 246 100% { background-position: 100% 0; } 247 } 248 249 /* Badge shimmer â pozadà badge "Novinka". 250 Gradient jede jako pseudo-element posouvaný pÅes transform (kompozitor), 251 ne pÅes background-position (ta vyvolá pÅepoÄet stylů + paint každý frame). 252 BÄhem naÄÃtánà (html.js-loading, nastavuje inline skript v @layout) je pauznutý. */ 253 .announcement-bar__badge { 254 position: relative; 255 overflow: hidden; 256 isolation: isolate; 257 background: var(--color-blue-500); 258 border: none; 259 } 260 .announcement-bar__badge::before { 261 content: ""; 262 position: absolute; 263 inset: 0; 264 inline-size: 200%; 265 z-index: -1; 266 background: linear-gradient(90deg, var(--color-blue-500), var(--color-blue-300), var(--color-blue-500)); 267 transform: translateX(-50%); 268 will-change: transform; 269 animation: announcementBadgeShimmer 3s ease-in-out infinite; 270 } 271 @keyframes announcementBadgeShimmer { 272 0%, 100% { transform: translateX(-50%); } 273 50% { transform: translateX(0); } 274 } 275 html.js-loading .announcement-bar__badge::before { 276 animation-play-state: paused; 277 } 278 279 @media (prefers-reduced-motion: reduce) { 280 .announcement-bar__link:hover .announcement-bar__text, 281 .announcement-bar__link:focus-visible .announcement-bar__text { 282 -webkit-text-fill-color: #fff; 283 background: none; 284 animation: none; 285 } 286 .announcement-bar__badge::before { 287 animation: none; 288 } 289 } 290</style> 291 292<div class="bg-[var(--color-blue-950)] text-white xm:text-center py-2.5 sm:py-3 px-4 relative z-[60]"> 293 <a href="/en/ai" class="announcement-bar__link inline-flex items-start gap-2 sm:gap-3 text-white no-underline hover:no-underline focus-visible:outline-2 focus-visible:outline-[var(--color-amber-300)] focus-visible:outline-offset-2 rounded"> 294 <span class="badge badge-xs announcement-bar__badge text-white shrink-0">New</span> 295 <span class="announcement-bar__text text-[1.3rem] sm:text-[1.5rem] leading-snug"> 296 The AI tide at Freelo - a new era of modern collaboration 297 </span> 298 </a> 299</div> 300 301 302<div data-spy="affix" data-offset-top="10" class="menu-bar__wrap px-4 affix-top"> 303 304 <div class="max-w-screen-2xl mx-auto"> 305 <div class="menu-bar__overlay"></div> 306 307 <div class="menu-bar__in"> 308 309 <div class="menu-bar__logo-wrap"> 310 <a href="https://www.freelo.io" class="menu-bar__logo"> 311 <img src="https://www.freelo.io/img/rebrand2025/freelo-logo.svg" alt="Freelo" class="menu-bar__logo-img"> 312 </a> 313 </div> 314 315 316 <div class="menu-bar__menu-wrap"> 317 318 <ul class="menu-bar__menu1"> 319 <li class="menu-bar__li menu-bar__li--product"> 320 <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="drop1">Product 321<svg xmlns="http://www.w3.org/2000/svg" class="svg-icon" height="5" role="img" viewBox="0 0 11 5" width="11"><g fill="none" fill-rule="evenodd"><g stroke="#979797" transform="translate(-856 -335)"><polyline points="857 335.121 861.439 339.561 865.879 335.121"></polyline></g></g></svg> </a> 322 323 <div class="dropdown-menu dropdown-menu--no-cols" id="menu1" aria-labelledby="drop1"> 324 <ul class="menu-bar__submenu"> 325 <li class=""> 326 <a href="/en/ai" class="group text-xl flex items-center gap-4 md:gap-6 rounded p-2 md:p-3">
327 <span class="menu-bar__ai-icon-badge"> 328<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="relative z-10 w-[18px] h-[18px] md:w-[20px] md:h-[20px] flex-none text-white" data-slot="icon" fill="none" role="img" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 0 0-2.456 2.456ZM16.894 20.567 16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394-1.183.394a2.25 2.25 0 0 0-1.423 1.423Z" stroke-linecap="round" stroke-linejoin="round"></path></svg> </span> 329 <span class=""> 330 <span class="block menu-bar__submenu__link-title">AI</span> 331 332 </span> 333 334 </a> 335 </li> 336 337 <li class=""> 338 <a href="/en/features" class="group text-xl flex items-center gap-4 md:gap-6 rounded p-2 md:p-3"> 339<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[28px] h-[28px] md:w-[32px] md:h-[32px] flex-none text-[var(--color-blue-950)] group-hover:text-[var(--color-blue-500)]" data-slot="icon" fill="none" role="img" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M13.5 16.875h3.375m0 0h3.375m-3.375 0V13.5m0 3.375v3.375M6 10.5h2.25a2.25 2.25 0 0 0 2.25-2.25V6a2.25 2.25 0 0 0-2.25-2.25H6A2.25 2.25 0 0 0 3.75 6v2.25A2.25 2.25 0 0 0 6 10.5Zm0 9.75h2.25A2.25 2.25 0 0 0 10.5 18v-2.25a2.25 2.25 0 0 0-2.25-2.25H6a2.25 2.25 0 0 0-2.25 2.25V18A2.25 2.25 0 0 0 6 20.25Zm9.75-9.75H18a2.25 2.25 0 0 0 2.25-2.25V6A2.25 2.25 0 0 0 18 3.75h-2.25A2.25 2.25 0 0 0 13.5 6v2.25a2.25 2.25 0 0 0 2.25 2.25Z" stroke-linecap="round" stroke-linejoin="round"></path></svg> <span class=""> 340 <span class="block menu-bar__submenu__link-title">Features</span> 341 342 </span> 343 344 </a> 345 </li> 346 347 348 349 350 351 352 <li class=""> 353 <a href="/en/integrations" class="group text-xl flex items-center gap-4 md:gap-6 rounded p-2 md:p-3"> 354<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[28px] h-[28px] md:w-[32px] md:h-[32px] flex-none text-[var(--color-blue-950)] group-hover:text-[var(--color-blue-500)]" data-slot="icon" fill="none" role="img" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M14.25 6.087c0-.355.186-.676.401-.959.221-.29.349-.634.349-1.003 0-1.036-1.007-1.875-2.25-1.875s-2.25.84-2.25 1.875c0 .369.128.713.349 1.003.215.283.401.604.401.959v0a.64.64 0 0 1-.657.643 48.39 48.39 0 0 1-4.163-.3c.186 1.613.293 3.25.315 4.907a.656.656 0 0 1-.658.663v0c-.355 0-.676-.186-.959-.401a1.647 1.647 0 0 0-1.003-.349c-1.036 0-1.875 1.007-1.875 2.25s.84 2.25 1.875 2.25c.369 0 .713-.128 1.003-.349.283-.215.604-.401.959-.401v0c.31 0 .555.26.532.57a48.039 48.039 0 0 1-.642 5.056c1.518.19 3.058.309 4.616.354a.64.64 0 0 0 .657-.643v0c0-.355-.186-.676-.401-.959a1.647 1.647 0 0 1-.349-1.003c0-1.035 1.008-1.875 2.25-1.875 1.243 0 2.25.84 2.25 1.875 0 .369-.128.713-.349 1.003-.215.283-.4.604-.4.959v0c0 .333.277.599.61.58a48.1 48.1 0 0 0 5.427-.63 48.05 48.05 0 0 0 .582-4.717.532.532 0 0 0-.533-.57v0c-.355 0-.676.186-.959.401-.29.221-.634.349-1.003.349-1.035 0-1.875-1.007-1.875-2.25s.84-2.25 1.875-2.25c.37 0 .713.128 1.003.349.283.215.604.401.96.401v0a.656.656 0 0 0 .658-.663 48.422 48.422 0 0 0-.37-5.36c-1.886.342-3.81.574-5.766.689a.578.578 0 0 1-.61-.58v0Z" stroke-linecap="round" stroke-linejoin="round"></path></svg>
354 <span class=""> 355 <span class="block menu-bar__submenu__link-title">Integration</span> 356 357 </span> 358 359 </a> 360 </li> 361 362 <li class=""> 363 <a href="/en/security" class="group text-xl flex items-center gap-4 md:gap-6 rounded p-2 md:p-3"> 364<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[28px] h-[28px] md:w-[32px] md:h-[32px] flex-none text-[var(--color-blue-950)] group-hover:text-[var(--color-blue-500)]" data-slot="icon" fill="none" role="img" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M9 12.75 11.25 15 15 9.75m-3-7.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285Z" stroke-linecap="round" stroke-linejoin="round"></path></svg> <span class=""> 365 <span class="block menu-bar__submenu__link-title">Security</span> 366 367 </span> 368 369 </a> 370 </li> 371 372 373 374 <li class=""> 375 <a href="/en/apps" class="group text-xl flex items-center gap-4 md:gap-6 rounded p-2 md:p-3"> 376<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[28px] h-[28px] md:w-[32px] md:h-[32px] flex-none text-[var(--color-blue-950)] group-hover:text-[var(--color-blue-500)]" data-slot="icon" fill="none" role="img" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M10.5 1.5H8.25A2.25 2.25 0 0 0 6 3.75v16.5a2.25 2.25 0 0 0 2.25 2.25h7.5A2.25 2.25 0 0 0 18 20.25V3.75a2.25 2.25 0 0 0-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3" stroke-linecap="round" stroke-linejoin="round"></path></svg> <span class=""> 377 <span class="block menu-bar__submenu__link-title">Mobile and desktop apps</span> 378 379 </span> 380 381 </a> 382 </li> 383 384 385 386 <li class=""> 387 <a href="/en/changelog" class="group text-xl flex items-center gap-4 md:gap-6 rounded p-2 md:p-3"> 388<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[28px] h-[28px] md:w-[32px] md:h-[32px] flex-none text-[var(--color-blue-950)] group-hover:text-[var(--color-blue-500)]" data-slot="icon" fill="none" role="img" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 0 0 2.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 0 0-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25ZM6.75 12h.008v.008H6.75V12Zm0 3h.008v.008H6.75V15Zm0 3h.008v.008H6.75V18Z" stroke-linecap="round" stroke-linejoin="round"></path></svg> <span class=""> 389 <span class="block menu-bar__submenu__link-title">Changelog</span> 390 391 </span> 392 393 </a> 394 </li> 395 396 397 398 <li class=""> 399 <a href="/en/help" class="group text-xl flex items-center gap-4 md:gap-6 rounded p-2 md:p-3"> 400<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[28px] h-[28px] md:w-[32px] md:h-[32px] flex-none text-[var(--color-blue-950)] group-hover:text-[var(--color-blue-500)]" data-slot="icon" fill="none" role="img" stroke="currentColor" stroke-width="1.5" viewB
400ox="0 0 24 24"><path d="M4.26 10.147a60.438 60.438 0 0 0-.491 6.347A48.62 48.62 0 0 1 12 20.904a48.62 48.62 0 0 1 8.232-4.41 60.46 60.46 0 0 0-.491-6.347m-15.482 0a50.636 50.636 0 0 0-2.658-.813A59.906 59.906 0 0 1 12 3.493a59.903 59.903 0 0 1 10.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.717 50.717 0 0 1 12 13.489a50.702 50.702 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 0v-3.675A55.378 55.378 0 0 1 12 8.443m-7.007 11.55A5.981 5.981 0 0 0 6.75 15.75v-1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> <span class=""> 401 <span class="block menu-bar__submenu__link-title">Help</span> 402 403 </span> 404 405 </a> 406 </li> 407 <li class=""> 408 <a class="group text-xl flex items-center gap-4 md:gap-6 rounded p-2 md:p-3" href="https://api.freelo.io/docs/v1/freelo-api"> 409<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[28px] h-[28px] md:w-[32px] md:h-[32px] flex-none text-[var(--color-blue-950)] group-hover:text-[var(--color-blue-500)]" data-slot="icon" fill="none" role="img" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="m6.75 7.5 3 2.25-3 2.25m4.5 0h3m-9 8.25h13.5A2.25 2.25 0 0 0 21 18V6a2.25 2.25 0 0 0-2.25-2.25H5.25A2.25 2.25 0 0 0 3 6v12a2.25 2.25 0 0 0 2.25 2.25Z" stroke-linecap="round" stroke-linejoin="round"></path></svg> <span class=""> 410 <span class="block menu-bar__submenu__link-title">API</span> 411 412 </span> 413 414 </a> 415 </li> 416 417 418 419 </ul> 420 421 </div> 422 </li> 423 424 425 426 427 <li class="menu-bar__li menu-bar__li--pricing"> 428 <a href="/en/pricing">Pricing</a> 429 </li> 430 431 432 433 434 <li class="menu-bar__li menu-bar__li--narrow"> 435 <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="drop2">References 436<svg xmlns="http://www.w3.org/2000/svg" class="svg-icon" height="5" role="img" viewBox="0 0 11 5" width="11"><g fill="none" fill-rule="evenodd"><g stroke="#979797" transform="translate(-856 -335)"><polyline points="857 335.121 861.439 339.561 865.879 335.121"></polyline></g></g></svg> </a> 437 <div class="dropdown-menu" id="menu2" aria-labelledby="drop2"> 438 <ul class="menu-bar__submenu"> 439 <li class=""> 440 <a href="/en/references" class="group text-xl flex items-center gap-4 md:gap-6 rounded p-2 md:p-3"> 441<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[28px] h-[28px] md:w-[32px] md:h-[32px] flex-none text-[var(--color-blue-950)] group-hover:text-[var(--color-blue-500)]" data-slot="icon" fill="none" role="img" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z" stroke-linecap="round" stroke-linejoin="round"></path></svg> <span class=""> 442 <span class="block menu-bar__submenu__link-title">All references</span> 443 </span> 444 445 </a> 446 </li> 447 <li class=""> 448 <a href="/en/case-studies" class="group text-xl flex items-center gap-4 md:gap-6 rounded p-2 md:p-3"> 449<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[28px] h-[28px] md:w-[32px] md:h-[32px] flex-none text-[var(--color-blue-950)] group-hover:text-[var(--color-blue-500)]" data-slot="icon" fill="none" role="img" stroke="currentColor" stroke-width="1.5" viewB
449ox="0 0 24 24"><path d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25M9 16.5v.75m3-3v3M15 12v5.25m-4.5-15H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z" stroke-linecap="round" stroke-linejoin="round"></path></svg> <span class=""> 450 <span class="block menu-bar__submenu__link-title">Case studies</span> 451 </span> 452 453 </a> 454 </li> 455 456 457 458 </ul> 459 </div> 460 </li> 461 462 463 <li class="menu-bar__li menu-bar__li--sources"> 464 <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="drop1">Education 465<svg xmlns="http://www.w3.org/2000/svg" class="svg-icon" height="5" role="img" viewBox="0 0 11 5" width="11"><g fill="none" fill-rule="evenodd"><g stroke="#979797" transform="translate(-856 -335)"><polyline points="857 335.121 861.439 339.561 865.879 335.121"></polyline></g></g></svg> </a> 466 467 <div class="dropdown-menu dropdown-menu--no-cols" id="menu1" aria-labelledby="drop1"> 468 469 <ul class="menu-bar__submenu"> 470 471 472 473 <li class=""> 474 <a href="/en/getting-started" class="group text-xl flex items-center gap-4 md:gap-6 rounded p-2 md:p-3"> 475<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[28px] h-[28px] md:w-[32px] md:h-[32px] flex-none text-[var(--color-blue-950)] group-hover:text-[var(--color-blue-500)]" data-slot="icon" fill="none" role="img" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" stroke-linecap="round" stroke-linejoin="round"></path></svg> <span class=""> 476 <span class="block menu-bar__submenu__link-title">Start with Freelo</span> 477 478 </span> 479 480 </a> 481 </li> 482 <li class=""> 483 <a class="group text-xl flex items-center gap-4 md:gap-6 rounded p-2 md:p-3" href="/en/online-consultation"> 484<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[28px] h-[28px] md:w-[32px] md:h-[32px] flex-none text-[var(--color-blue-950)] group-hover:text-[var(--color-blue-500)]" data-slot="icon" fill="none" role="img" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 0 1-.825-.242m9.345-8.334a2.126 2.126 0 0 0-.476-.095 48.64 48.64 0 0 0-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0 0 11.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155" stroke-linecap="round" stroke-linejoin="round"></path></svg> <span class=""> 485 <span class="block menu-bar__submenu__link-title">Free online consultation</span> 486 487 </span> 488 489 </a> 490 </li> 491 492 493 494 <li class=""> 495 <a href="/en/businesswiki" class="group text-xl flex items-center gap-4 md:gap-6 rounded p-2 md:p-3"> 496<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[28px] h-[28px] md:w-[32px] md:h-[32px] flex-none text-[var(--color-blue-950)] group-hover:text-[var(--color-blue-500)]" data-slot="icon" fill="none" role="img" stroke="currentColor" stroke-width="1.5" viewB
496ox="0 0 24 24"><path d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10" stroke-linecap="round" stroke-linejoin="round"></path></svg> <span class=""> 497 <span class="block menu-bar__submenu__link-title">Business Wiki</span> 498 499 </span> 500 501 </a> 502 </li> 503 <li class=""> 504 <a href="/en/blog" class="group text-xl flex items-center gap-4 md:gap-6 rounded p-2 md:p-3"> 505<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[28px] h-[28px] md:w-[32px] md:h-[32px] flex-none text-[var(--color-blue-950)] group-hover:text-[var(--color-blue-500)]" data-slot="icon" fill="none" role="img" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z" stroke-linecap="round" stroke-linejoin="round"></path></svg> <span class=""> 506 <span class="block menu-bar__submenu__link-title">Blog</span> 507 508 </span> 509 510 </a> 511 </li> 512 <li class=""> 513 <a href="/en/help" class="group text-xl flex items-center gap-4 md:gap-6 rounded p-2 md:p-3"> 514<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[28px] h-[28px] md:w-[32px] md:h-[32px] flex-none text-[var(--color-blue-950)] group-hover:text-[var(--color-blue-500)]" data-slot="icon" fill="none" role="img" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M4.26 10.147a60.438 60.438 0 0 0-.491 6.347A48.62 48.62 0 0 1 12 20.904a48.62 48.62 0 0 1 8.232-4.41 60.46 60.46 0 0 0-.491-6.347m-15.482 0a50.636 50.636 0 0 0-2.658-.813A59.906 59.906 0 0 1 12 3.493a59.903 59.903 0 0 1 10.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.717 50.717 0 0 1 12 13.489a50.702 50.702 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 0v-3.675A55.378 55.378 0 0 1 12 8.443m-7.007 11.55A5.981 5.981 0 0 0 6.75 15.75v-1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg> <span class=""> 515 <span class="block menu-bar__submenu__link-title">Help</span> 516 517 </span> 518 519 </a> 520 </li> 521 522 523 524 525 </ul> 526 527 528 529 </div> 530 </li> 531 532 533 534 535 <li class="menu-bar__li menu-bar__li--narrow relative"> 536 <a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="drop4">About us 537<svg xmlns="http://www.w3.org/2000/svg" class="svg-icon" height="5" role="img" viewBox="0 0 11 5" width="11"><g fill="none" fill-rule="evenodd"><g stroke="#979797" transform="translate(-856 -335)"><polyline points="857 335.121 861.439 339.561 865.879 335.121"></polyline></g></g></svg> </a> 538 539 <div class="dropdown-menu" id="menu4" aria-labelledby="drop4"> 540 <ul class="menu-bar__submenu"> 541 <li class=""> 542 <a href="/en/about" class="group text-xl flex items-center gap-4 md:gap-6 rounded p-2 md:p-3"> 543<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[28px] h-[28px] md:w-[32px] md:h-[32px] flex-none text-[var(--color-blue-950)] group-hover:text-[var(--color-blue-500)]" data-slot="icon" fill="none" role="img" stroke="currentColor" stroke-width="1.5" viewB
543ox="0 0 24 24"><path d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z" stroke-linecap="round" stroke-linejoin="round"></path></svg> <span class=""> 544 <span class="block menu-bar__submenu__link-title">Our story</span> 545 546 </span> 547 548 </a> 549 </li> 550 551 552 553 554 555 556 557 <li class=""> 558 <a href="/en/presskit" class="group text-xl flex items-center gap-4 md:gap-6 rounded p-2 md:p-3"> 559<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[28px] h-[28px] md:w-[32px] md:h-[32px] flex-none text-[var(--color-blue-950)] group-hover:text-[var(--color-blue-500)]" data-slot="icon" fill="none" role="img" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m.75 12 3 3m0 0 3-3m-3 3v-6m-1.5-9H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z" stroke-linecap="round" stroke-linejoin="round"></path></svg> <span class=""> 560 <span class="block menu-bar__submenu__link-title">Presskit</span> 561 562 </span> 563 564 </a> 565 </li> 566 567 568 569 <li class=""> 570 <a href="/en/contact" class="group text-xl flex items-center gap-4 md:gap-6 rounded p-2 md:p-3"> 571<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="w-[28px] h-[28px] md:w-[32px] md:h-[32px] flex-none text-[var(--color-blue-950)] group-hover:text-[var(--color-blue-500)]" data-slot="icon" fill="none" role="img" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24"><path d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z" stroke-linecap="round" stroke-linejoin="round"></path></svg> <span class=""> 572 <span class="block menu-bar__submenu__link-title">Contacts</span> 573 574 </span> 575 576 </a> 577 </li> 578 579 580 581 582 </ul> 583 </div> 584 </li> 585 586 587 588 589 590 591 592 593 </ul> 594 595 <ul class="menu-bar__menu2 md:flex md:gap-2"> 596 <li class="menu-bar__li menu-bar__li--btn menu-bar__li--login" data-clarity-mask="True"> 597 <a class="btn btn-link-shadow text-center" href="https://app.freelo.io?loggedIn=0">Sign in</a> 598 </li> 599 <li class="menu-bar__li menu-bar__li--btn menu-bar__li--sales"> 600 <a href="/en/online-consultation" class="btn btn-ghost text-center gtmOnlineConsultation">Online demo</a> 601 </li> 602 <li class="menu-bar__li menu-bar__li--btn menu-bar__li--subscribe"> 603 <a class="btn btn-primary SignUpModal text-center" href="https://app.freelo.io/signup?referer=%5Bhttps%3A%2F%2Fwww.freelo.io%2Fen%2Fblog%5D&locale=en_us" data-modal-open="regmodal">Start <span class="md:hidden lg:inline">Free</span></a> 604 </li> 605 </ul> 606 </div> 607 <div class="flex items-center gap-2 menu-bar__lang"> 608 <a href="/en/online-consultation" class="btn btn-ghost-dark menu-bar__tap-sales gtmOnlineConsultation">Online demo</a> 609 <a class="menu-bar__tap-btn btn btn-blue" href="#"> 610 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-[16px] h-[16px] text-white fill-current flex-none" height="512px" role="img" version="1.1" viewBox="0 0 512 512" width="512px"><path d="M486.4,230.8 L25.6,230.8 C11.4688,230.8 0,242.2688 0,256.4 C0,270.5568 11.4688,282 25.6,282 L486.4,282 C500.5312,282 512,270.5568 512,256.4 C512,242.2688 500.5312,230.8 486.4,230.8 Z M486.4,435.6 L25.6,435.6 C11.4688,435.6 0,447.0688 0,461.2 C0,475.3568 11.4688,486.8 25.6,486.8 L486.4,486.8 C500.5312,486.8 512,475.3568 512,461.2 C512,447.0688 500.5312,435.6 486.4,435.6 Z M25.6,77.2 L486.4,77.2 C500.5312,77.2 512,65.7568 512,51.6 C512,37.4688 500.5312,26 486.4,26 L25.6,26 C11.4688,26 0,37.4688 0,51.6 C0,65.7568 11.4688,77.2 25.6,77.2 Z"></path></svg> <span class="hidden xxm:inline">Menu</span> 611 </a> 612 </div> 613 </div> 614 615 </div> 616</div> 617 618 619 <!-- Modal --> 620 621 622<div class="text-center py-6 sm:py-10 md:py-16 lg:py-20 px-4 mb-4 bg-[var(--color-blue-50)]"> 623 <h1 class="max-w-screen-md mx-auto leading-tight md:leading-none mb-0 pb-4 mt-0 pt-5 text-balance">Blog</h1> 624 <p class="text-3xl max-w-prose mx-auto text-slate-600 text-balance">News from below decks, podcasts, articles for team leaders and skippers.</p> 625 <p class="text-3xl max-w-prose mx-auto text-slate-600 text-balance">A blog packed with content about how we develop a Czech online application for work communication and how we help companies with work organization and team efficiency.
625</p> 626 627 <div class="max-w-prose md:max-w-screen-md mx-auto md:w-1/2 mb-3 md:mb-4 relative" 628 data-help-autocomplete 629 data-suggest-url="/en/blog" 630 data-detail-url="/en/blog" 631 data-no-results="No results" 632 data-show-all="Show all results" 633 data-searching="Search..." 634 > 635 <form class="flex relative js-help-search-form" method="get" action=""> 636 <input class="form-input form-input-lg rounded-full flex-1 mr-2 js-help-search-input" 637 type="text" placeholder="e.g. Team communication" 638 autocomplete="off" inputmode="search" 639 role="combobox" aria-expanded="false" 640 aria-autocomplete="list" aria-controls="blog-search-listbox" 641 name="q"> 642 <button type="submit" class="btn btn-blue btn-lg rounded-full flex items-center" value="" aria-label="Retrieved from"> 643<svg xmlns="http://www.w3.org/2000/svg" class="svg-icon svg-icon--fill svg-icon--in-flex w-[1.6rem] h-[1.6rem] flex-none text-white" height="512" role="img" viewBox="0 0 512 512" width="512"><g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path d="M392.32984,357.721452 L504.832368,470.22398 C514.389211,479.780823 514.389211,495.275526 504.832368,504.832368 C495.275526,514.389211 479.780823,514.389211 470.22398,504.832368 L357.721452,392.32984 C320.042897,422.47002 272.24939,440.492854 220.246426,440.492854 C98.6076842,440.492854 -2.84217094e-14,341.885171 -2.84217094e-14,220.246426 C-2.84217094e-14,98.6076842 98.6076842,1.98951966e-13 220.246426,1.98951966e-13 C341.885171,1.98951966e-13 440.492854,98.6076842 440.492854,220.246426 C440.492854,272.24939 422.47002,320.042897 392.32984,357.721452 L392.32984,357.721452 Z M220.246426,391.549203 C314.854339,391.549203 391.549203,314.854339 391.549203,220.246426 C391.549203,125.638516 314.854339,48.9436505 220.246426,48.9436505 C125.638516,48.9436505 48.9436505,125.638516 48.9436505,220.246426 C48.9436505,314.854339 125.638516,391.549203 220.246426,391.549203 Z" fill="#000" fill-rule="nonzero"></path></g></svg> </button> 644 </form> 645 <ul id="blog-search-listbox" role="listbox" hidden></ul> 646 <div class="sr-only" role="status" aria-live="polite" aria-atomic="true"></div> 647 </div> 648</div> 649 650 651 652 653<div class="max-w-screen-2xl px-4 py-4 sm:py-5 mx-auto"> 654 <div class="flex flex-wrap md:flex-nowrap md:items-start max-w-screen-xl mx-auto"> 655 <div class="p-3 sm:p-4 border border-black/5 rounded sm:rounded-md md:w-[30%] flex-none md:ml-5 my-5 order-2 max-w-full"> 656 <strong class="block">Categories of articles</strong> 657 <nav> 658 <ul class="list-unstyled"> 659 <li> 660 <a href="/en/blog/category/tips" class="block p-2 border-b border-black/5">Tips</a> 661 <a href="/en/blog/category/stories" class="block p-2 border-b border-black/5">Stories</a> 662 <a href="/en/blog/category/news" class="block p-2 border-b border-black/5">News</a> 663 <a href="/en/blog/category/behind-scene" class="block p-2 border-b border-black/5">Behind the scene</a> 664 <a href="/en/blog/category/academy" class="block p-2 border-b border-black/5">Academy</a> 665 <a href="/en/blog/category/all" class="block p-2 border-b border-black/5">All</a> 666 </li> 667 </ul> 668 </nav> 669 670 <strong class="block">We focus on the following topics</strong> 671 <div class="flex flex-wrap gap-4"><a href="/en/blog/tag/birthday" class="inline-block px-3 py-2 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]">Birthday</a><a href="/en/blog/tag/development" class="inline-block px-3 py-2 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]">Development</a><a href="/en/blog/tag/how-to" class="inline-block px-3 py-2 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]">How to</a><a href="/en/blog/tag/inspiration" class="inline-block px-3 py-2 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]">Inspiration</a><a href="/en/blog/tag/en-motivace" class="inline-block px-3 py-2 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]">Motivace</a><a href="/en/blog/tag/news" class="inline-block px-3 py-2 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]">News</a><a href="/en/blog/tag/overview" class="inline-block px-3 py-2 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]">Overview</a><a href="/en/blog/tag/productivity" class="inline-block px-3 py-2 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]">Productivity</a><a href="/en/blog/tag/project-management" class="inline-block px-3 py-2 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]">Project management</a><a href="/en/blog/tag/projects" class="inline-block px-3 py-2 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]">Projects</a><a href="/en/blog/tag/recap" class="inline-block px-3 py-2 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]">Recap</a><a href="/en/blog/tag/remote-work" class="inline-block px-3 py-2 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]">Remote work</a><a href="/en/blog/tag/saas" class="inline-block px-3 py-2 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]">SaaS</a><a href="/en/blog/tag/tasks" class="inline-block px-3 py-2 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]">Tasks</a><a href="/en/blog/tag/team" class="inline-block px-3 py-2 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]">Team</a><a href="/en/blog/tag/workflow" class="inline-block px-3 py-2 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]">Workflow</a><a href="/en/blog/tag/workload-organization" class="inline-block px-3 py-2 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]">Workload Organization</a></div> 672 </div> 673 <div class="max-w-screen-md py-4 sm:py-5 mx-auto order-1"> 674 <div class="articles"> 675 <article class="group border-b border-black/5 mb-5 pb-5 sm:mb-8 sm:pb-8 lg:mb-12 lg:pb-12 gap-8 sm:gap-12 max-w-[720px] mx-auto md:ml-0 md:mr-0 block"> 676 <a href="/en/blog/freelo-recognized-as-one-of-the-top-product-in-capterras-pricing-value-report-for-collaboration-software" class="block w-full mb-4 sm:mb-5"> 677 <div class="bg-[var(--color-blue-100)] rounded-2xl overflow-hidden px-6 pt-6 sm:px-10 sm:pt-10"> 678 <img loading="lazy" height="338" width="600" src="https://blog.freelo.cz/wp-content/uploads/2023/06/cruise-ship-1024x683.png" alt="" class="w-full object-cover rounded-t-xl shadow-lg transition-transform duration-300 ease-out group-hover:scale-105 aspect-video"> 679 </div> 680 </a> 681 <div class="articles__category-perex"> 682 <div class="mb-2 text-[14px]"> 683 <a href="/en/blog/category/all" class="inline-block px-3 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]"><span class="sr-only">Kategorie: </span>All</a>
684 <span class="inline-block text-[var(--color-gray-text)] text-[14px]"> ⢠</span> 685 <time class="text-[var(--color-gray-text)] no-underline text-[14px]" datetime="2023-06-23">23. 6. 2023</time> 686 </div> 687 <a href="/en/blog/freelo-recognized-as-one-of-the-top-product-in-capterras-pricing-value-report-for-collaboration-software" class="no-underline"> 688 <h2 class="mt-0 text-[var(--color-blue-950)] hover:text-[var(--color-blue-500)] transition-colors ">Freelo Recognized as One of the Top Product In Capterraâs Pricing Value Report For Collaboration Software</h2> 689 </a> 690 <div class="text-[var(--color-gray-text)]"></div> 691 </div> 692 </article> 693 694 <article class="group border-b border-black/5 mb-5 pb-5 sm:mb-8 sm:pb-8 lg:mb-12 lg:pb-12 gap-8 sm:gap-12 sm:flex pt-4"> 695 <a href="/en/blog/10-reasons-why-you-should-run-your-projects-on-freelo" class="block w-full sm:w-[300px] lg:w-[350px] flex-none"> 696 <div class="bg-[var(--color-blue-100)] rounded-2xl overflow-hidden px-4 pt-4 sm:px-6 sm:pt-6 mb-4 md:mb-0"> 697 <img loading="lazy" height="338" width="600" src="https://blog.freelo.cz/wp-content/uploads/2017/04/59-1024x683.jpg" alt="" class="w-full object-cover rounded-t-xl shadow-lg transition-transform duration-300 ease-out group-hover:scale-105 aspect-video"> 698 </div> 699 </a> 700 <div class="articles__category-perex"> 701 <div class="mb-2 text-[14px]"> 702 <a href="/en/blog/category/tips" class="inline-block px-3 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]"><span class="sr-only">Kategorie: </span>Tips</a> 703 <a href="/en/blog/category/all" class="inline-block px-3 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]"><span class="sr-only">Kategorie: </span>All</a> 704 <span class="inline-block text-[var(--color-gray-text)] text-[14px]"> ⢠</span> 705 <time class="text-[var(--color-gray-text)] no-underline text-[14px]" datetime="2018-01-17">17. 1. 2018</time> 706 </div> 707 <a href="/en/blog/10-reasons-why-you-should-run-your-projects-on-freelo" class="no-underline"> 708 <h2 class="mt-0 text-[var(--color-blue-950)] hover:text-[var(--color-blue-500)] transition-colors text-3xl sm:text-4xl sm:text-5xl font-semibold">10 Reasons Why You Should Run Your Projects on Freelo</h2> 709 </a> 710 <div class="text-[var(--color-gray-text)]">
710You know it. You can have a business with the best idea ever, a better product, employing great professionals with many years of experience, but sometimes you will find that something goes wrong. 711 712There will be a more demanding project, a communication mess, phones will never stop ringing, 100 emails are delivered daily, the IT department will go into "coffee regime" and the whole team practically does not leave the office for the whole day... 713 714Managing the organization of projects and mutual communication in the company is not sometimes simple yet it's alpha and omega of a successful company. If you want to know <strong>how Freelo can help with your workflow, definitely keep reading.</strong> 715 716</div> 717 </div> 718 </article> 719 720 <article class="group border-b border-black/5 mb-5 pb-5 sm:mb-8 sm:pb-8 lg:mb-12 lg:pb-12 gap-8 sm:gap-12 sm:flex pt-4"> 721 <a href="/en/blog/hook-up-your-application-via-webhooks-with-freelo" class="block w-full sm:w-[300px] lg:w-[350px] flex-none"> 722 <div class="bg-[var(--color-blue-100)] rounded-2xl overflow-hidden px-4 pt-4 sm:px-6 sm:pt-6 mb-4 md:mb-0"> 723 <img loading="lazy" height="338" width="600" src="https://blog.freelo.cz/wp-content/uploads/2020/07/kotva.jpg" alt="" class="w-full object-cover rounded-t-xl shadow-lg transition-transform duration-300 ease-out group-hover:scale-105 aspect-video"> 724 </div> 725 </a> 726 <div class="articles__category-perex"> 727 <div class="mb-2 text-[14px]"> 728 <a href="/en/blog/category/news" class="inline-block px-3 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]"><span class="sr-only">Kategorie: </span>News</a> 729 <a href="/en/blog/category/academy" class="inline-block px-3 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]"><span class="sr-only">Kategorie: </span>Academy</a> 730 <span class="inline-block text-[var(--color-gray-text)] text-[14px]"> ⢠</span> 731 <time class="text-[var(--color-gray-text)] no-underline text-[14px]" datetime="2020-07-21">21. 7. 2020</time> 732 </div> 733 <a href="/en/blog/hook-up-your-application-via-webhooks-with-freelo" class="no-underline"> 734 <h2 class="mt-0 text-[var(--color-blue-950)] hover:text-[var(--color-blue-500)] transition-colors text-3xl sm:text-4xl sm:text-5xl font-semibold">Hook up your application via Webhooks with Freelo</h2> 735 </a> 736 <div class="text-[var(--color-gray-text)]"></div> 737 </div> 738 </article> 739 740 <article class="group border-b border-black/5 mb-5 pb-5 sm:mb-8 sm:pb-8 lg:mb-12 lg:pb-12 gap-8 sm:gap-12 sm:flex pt-4"> 741 <a href="/en/blog/freelo-has-labels-and-task-priority" class="block w-full sm:w-[300px] lg:w-[350px] flex-none"> 742 <div class="bg-[var(--color-blue-100)] rounded-2xl overflow-hidden px-4 pt-4 sm:px-6 sm:pt-6 mb-4 md:mb-0"> 743 <img loading="lazy" height="338" width="600" src="https://blog.freelo.cz/wp-content/uploads/2020/04/photo-1507925921958-8a62f3d1a50d-1024x678.jpeg" alt="" class="w-full object-cover rounded-t-xl shadow-lg transition-transform duration-300 ease-out group-hover:scale-105 aspect-video"> 744 </div> 745 </a> 746 <div class="articles__category-perex"> 747 <div class="mb-2 text-[14px]"> 748 <a href="/en/blog/category/tips" class="inline-block px-3 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]"><span class="sr-only">Kategorie: </span>Tips</a> 749 <a href="/en/blog/category/all" class="inline-block px-3 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]"><span class="sr-only">Kategorie: </span>All</a> 750 <a href="/en/blog/category/academy" class="inline-block px-3 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]"><span class="sr-only">Kategorie: </span>Academy</a>
751 <span class="inline-block text-[var(--color-gray-text)] text-[14px]"> ⢠</span> 752 <time class="text-[var(--color-gray-text)] no-underline text-[14px]" datetime="2020-04-29">29. 4. 2020</time> 753 </div> 754 <a href="/en/blog/freelo-has-labels-and-task-priority" class="no-underline"> 755 <h2 class="mt-0 text-[var(--color-blue-950)] hover:text-[var(--color-blue-500)] transition-colors text-3xl sm:text-4xl sm:text-5xl font-semibold">Freelo has labels and task priority</h2> 756 </a> 757 <div class="text-[var(--color-gray-text)]"></div> 758 </div> 759 </article> 760 761 <article class="group border-b border-black/5 mb-5 pb-5 sm:mb-8 sm:pb-8 lg:mb-12 lg:pb-12 gap-8 sm:gap-12 sm:flex pt-4"> 762 <a href="/en/blog/4-reasons-to-start-with-process-management" class="block w-full sm:w-[300px] lg:w-[350px] flex-none"> 763 <div class="bg-[var(--color-blue-100)] rounded-2xl overflow-hidden px-4 pt-4 sm:px-6 sm:pt-6 mb-4 md:mb-0"> 764 <img loading="lazy" height="338" width="600" src="https://blog.freelo.cz/wp-content/uploads/2020/04/jim-quenzer-746614-unsplash-e1540377768813-1024x644-1.jpg" alt="" class="w-full object-cover rounded-t-xl shadow-lg transition-transform duration-300 ease-out group-hover:scale-105 aspect-video"> 765 </div> 766 </a> 767 <div class="articles__category-perex"> 768 <div class="mb-2 text-[14px]"> 769 <a href="/en/blog/category/all" class="inline-block px-3 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]"><span class="sr-only">Kategorie: </span>All</a> 770 <a href="/en/blog/category/academy" class="inline-block px-3 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]"><span class="sr-only">Kategorie: </span>Academy</a> 771 <span class="inline-block text-[var(--color-gray-text)] text-[14px]"> ⢠</span> 772 <time class="text-[var(--color-gray-text)] no-underline text-[14px]" datetime="2020-04-29">29. 4. 2020</time> 773 </div> 774 <a href="/en/blog/4-reasons-to-start-with-process-management" class="no-underline"> 775 <h2 class="mt-0 text-[var(--color-blue-950)] hover:text-[var(--color-blue-500)] transition-colors text-3xl sm:text-4xl sm:text-5xl font-semibold">4 reasons to start with process management</h2> 776 </a> 777 <div class="text-[var(--color-gray-text)]"></div> 778 </div> 779 </article> 780 781 <article class="group border-b border-black/5 mb-5 pb-5 sm:mb-8 sm:pb-8 lg:mb-12 lg:pb-12 gap-8 sm:gap-12 sm:flex pt-4"> 782 <a href="/en/blog/how-to-implement-freelo-and-have-tasks-organized" class="block w-full sm:w-[300px] lg:w-[350px] flex-none"> 783 <div class="bg-[var(--color-blue-100)] rounded-2xl overflow-hidden px-4 pt-4 sm:px-6 sm:pt-6 mb-4 md:mb-0"> 784 <img loading="lazy" height="338" width="600" src="https://blog.freelo.cz/wp-content/uploads/2020/05/sticky-note-to-ship-code_4460x4460-1024x683-1.jpg" alt="" class="w-full object-cover rounded-t-xl shadow-lg transition-transform duration-300 ease-out group-hover:scale-105 aspect-video"> 785 </div> 786 </a> 787 <div class="articles__category-perex"> 788 <div class="mb-2 text-[14px]"> 789 <a href="/en/blog/category/all" class="inline-block px-3 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]"><span class="sr-only">Kategorie: </span>All</a> 790 <span class="inline-block text-[var(--color-gray-text)] text-[14px]"> ⢠</span> 791 <time class="text-[var(--color-gray-text)] no-underline text-[14px]" datetime="2020-05-12">12. 5. 2020</time> 792 </div> 793 <a href="/en/blog/how-to-implement-freelo-and-have-tasks-organized" class="no-underline"> 794 <h2 class="mt-0 text-[var(--color-blue-950)] hover:text-[var(--color-blue-500)] transition-colors text-3xl sm:text-4xl sm:text-5xl font-semibold">How to implement Freelo and have tasks organized</h2> 795 </a> 796 <div class="text-[var(--color-gray-text)]"></div> 797 </div> 798 </article> 799 800 <article class="group border-b border-black/5 mb-5 pb-5 sm:mb-8 sm:pb-8 lg:mb-12 lg:pb-12 gap-8 sm:gap-12 sm:flex pt-4"> 801 <a href="/en/blog/applying-new-task-management-tools-get-your-team-fully-onboard" class="block w-full sm:w-[300px] lg:w-[350px] flex-none"> 802 <div class="bg-[var(--color-blue-100)] rounded-2xl overflow-hidden px-4 pt-4 sm:px-6 sm:pt-6 mb-4 md:mb-0"> 803 <img loading="lazy" height="338" width="600" src="https://blog.freelo.cz/wp-content/uploads/2018/05/business-team-meeting-boardroom_925x.jpg" alt="" class="w-full object-cover rounded-t-xl shadow-lg transition-transform duration-300 ease-out group-hover:scale-105 aspect-video"> 804 </div> 805 </a> 806 <div class="articles__category-perex"> 807 <div class="mb-2 text-[14px]"> 808 <a href="/en/blog/category/tips" class="inline-block px-3 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]"><span class="sr-only">Kategorie: </span>Tips</a> 809 <a href="/en/blog/category/all" class="inline-block px-3 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]"><span class="sr-only">Kategorie: </span>All</a>
810 <span class="inline-block text-[var(--color-gray-text)] text-[14px]"> ⢠</span> 811 <time class="text-[var(--color-gray-text)] no-underline text-[14px]" datetime="2018-05-16">16. 5. 2018</time> 812 </div> 813 <a href="/en/blog/applying-new-task-management-tools-get-your-team-fully-onboard" class="no-underline"> 814 <h2 class="mt-0 text-[var(--color-blue-950)] hover:text-[var(--color-blue-500)] transition-colors text-3xl sm:text-4xl sm:text-5xl font-semibold">Applying new task-management tools? Get your team fully onboard</h2> 815 </a> 816 <div class="text-[var(--color-gray-text)]">There goes a lot of thinking, trying and testing (as well as investing!) into picking new software. But even when the seemingly impossible decision is done, the hard part hasnât even begun. The most feared task by many CEOs and project managers is how to successfully implement a new tool into daily routine of a workplace without wrecking havoc. How can you get the employees excited? Stop them from complaining? Make them use it properly, effectively and adopt new habits? The reality of introducing apps into a company culture can get messy. But here are some ways how to manage it.�</div> 817 </div> 818 </article> 819 820 <article class="group border-b border-black/5 mb-5 pb-5 sm:mb-8 sm:pb-8 lg:mb-12 lg:pb-12 gap-8 sm:gap-12 sm:flex pt-4"> 821 <a href="/en/blog/365-days-of-freelo-the-second-act" class="block w-full sm:w-[300px] lg:w-[350px] flex-none"> 822 <div class="bg-[var(--color-blue-100)] rounded-2xl overflow-hidden px-4 pt-4 sm:px-6 sm:pt-6 mb-4 md:mb-0"> 823 <img loading="lazy" height="338" width="600" src="https://blog.freelo.cz/wp-content/uploads/2017/11/freelo-365-dejstvi-druhe-fb-cover-1024x536.png" alt="" class="w-full object-cover rounded-t-xl shadow-lg transition-transform duration-300 ease-out group-hover:scale-105 aspect-video"> 824 </div> 825 </a> 826 <div class="articles__category-perex"> 827 <div class="mb-2 text-[14px]"> 828 <a href="/en/blog/category/all" class="inline-block px-3 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]"><span class="sr-only">Kategorie: </span>All</a> 829 <a href="/en/blog/category/behind-scene" class="inline-block px-3 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]"><span class="sr-only">Kategorie: </span>Behind the scene</a> 830 <span class="inline-block text-[var(--color-gray-text)] text-[14px]"> ⢠</span> 831 <time class="text-[var(--color-gray-text)] no-underline text-[14px]" datetime="2017-11-16">16. 11. 2017</time> 832 </div> 833 <a href="/en/blog/365-days-of-freelo-the-second-act" class="no-underline"> 834 <h2 class="mt-0 text-[var(--color-blue-950)] hover:text-[var(--color-blue-500)] transition-colors text-3xl sm:text-4xl sm:text-5xl font-semibold">365 Days of Freelo - the second act</h2> 835 </a> 836 <div class="text-[var(--color-gray-text)]">Another year is behind us and we can together remember all the important things that happened. <strong>Come to recap with us this amazing year!</strong> 837 838Where to start elsewhere than last birthday of Freelo. We celebrated maybe "too much" in the <a href="https://www.facebook.com/FreeloCZ/videos/a.1885451425009599.1073741829.1604323403122404/1885452145009527/?type=3&theater">Vinohrady Parliament</a>. :-) 839 840Participation surprised us so we are preparing a heavier caliber in co-working space in Prague Node5 this year. But we're a bit ahead ... 841 842</div> 843 </div> 844 </article> 845 846 <article class="group border-b border-black/5 mb-5 pb-5 sm:mb-8 sm:pb-8 lg:mb-12 lg:pb-12 gap-8 sm:gap-12 sm:flex pt-4"> 847 <a href="/en/blog/7-rules-how-to-organize-your-projects" class="block w-full sm:w-[300px] lg:w-[350px] flex-none"> 848 <div class="bg-[var(--color-blue-100)] rounded-2xl overflow-hidden px-4 pt-4 sm:px-6 sm:pt-6 mb-4 md:mb-0"> 849 <img loading="lazy" height="338" width="600" src="https://blog.freelo.cz/wp-content/uploads/2017/08/7-pravidel-jak-organizovat-projekty-blog-1024x536.png" alt="" class="w-full object-cover rounded-t-xl shadow-lg transition-transform duration-300 ease-out group-hover:scale-105 aspect-video"> 850 </div> 851 </a> 852 <div class="articles__category-perex"> 853 <div class="mb-2 text-[14px]"> 854 <a href="/en/blog/category/tips" class="inline-block px-3 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]"><span class="sr-only">Kategorie: </span>Tips</a> 855 <a href="/en/blog/category/all" class="inline-block px-3 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]"><span class="sr-only">Kategorie: </span>All</a>
856 <span class="inline-block text-[var(--color-gray-text)] text-[14px]"> ⢠</span> 857 <time class="text-[var(--color-gray-text)] no-underline text-[14px]" datetime="2017-08-09">9. 8. 2017</time> 858 </div> 859 <a href="/en/blog/7-rules-how-to-organize-your-projects" class="no-underline"> 860 <h2 class="mt-0 text-[var(--color-blue-950)] hover:text-[var(--color-blue-500)] transition-colors text-3xl sm:text-4xl sm:text-5xl font-semibold">7 Rules How to Organize your Projects</h2> 861 </a> 862 <div class="text-[var(--color-gray-text)]">Creating projects in Freelo is no science. Just click. 863 864What is not so easy is to <strong>keep order in the projects for the long run.</strong> To keep an eye on your assignments, we have prepared a set of important rules for dividing individual projects. The article is based on a large number of useful feedback and real problems from our users. 865 866These rules will get stronger, especially if you have a larger number of projects and team colleagues. 867 868</div> 869 </div> 870 </article> 871 872 <article class="group border-b border-black/5 mb-5 pb-5 sm:mb-8 sm:pb-8 lg:mb-12 lg:pb-12 gap-8 sm:gap-12 sm:flex pt-4"> 873 <a href="/en/blog/10-rules-for-effective-teamwork" class="block w-full sm:w-[300px] lg:w-[350px] flex-none"> 874 <div class="bg-[var(--color-blue-100)] rounded-2xl overflow-hidden px-4 pt-4 sm:px-6 sm:pt-6 mb-4 md:mb-0"> 875 <img loading="lazy" height="338" width="600" src="https://blog.freelo.cz/wp-content/uploads/2017/07/infografika-komu-freelo-pomaha-cover-blog-e1608300069802-1024x603.png" alt="" class="w-full object-cover rounded-t-xl shadow-lg transition-transform duration-300 ease-out group-hover:scale-105 aspect-video"> 876 </div> 877 </a> 878 <div class="articles__category-perex"> 879 <div class="mb-2 text-[14px]"> 880 <a href="/en/blog/category/tips" class="inline-block px-3 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]"><span class="sr-only">Kategorie: </span>Tips</a> 881 <a href="/en/blog/category/all" class="inline-block px-3 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]"><span class="sr-only">Kategorie: </span>All</a> 882 <span class="inline-block text-[var(--color-gray-text)] text-[14px]"> ⢠</span> 883 <time class="text-[var(--color-gray-text)] no-underline text-[14px]" datetime="2017-07-18">18. 7. 2017</time> 884 </div> 885 <a href="/en/blog/10-rules-for-effective-teamwork" class="no-underline"> 886 <h2 class="mt-0 text-[var(--color-blue-950)] hover:text-[var(--color-blue-500)] transition-colors text-3xl sm:text-4xl sm:text-5xl font-semibold">10 Rules for Effective Teamwork</h2> 887 </a> 888 <div class="text-[var(--color-gray-text)]">We have prepared a set of ten very useful and simple rules that can help almost every team to keep order. You can stick to them, inspire them, or adapt them to the specific needs of your team. Just do not lie in the drawer and <strong>start using them as soon as possible.</strong>�</div> 889 </div> 890 </article> 891 892 <article class="group border-b border-black/5 mb-5 pb-5 sm:mb-8 sm:pb-8 lg:mb-12 lg:pb-12 gap-8 sm:gap-12 sm:flex pt-4"> 893 <a href="/en/blog/remote-work-can-be-an-advantage-for-a-company" class="block w-full sm:w-[300px] lg:w-[350px] flex-none"> 894 <div class="bg-[var(--color-blue-100)] rounded-2xl overflow-hidden px-4 pt-4 sm:px-6 sm:pt-6 mb-4 md:mb-0"> 895 <img loading="lazy" height="338" width="600" src="https://blog.freelo.cz/wp-content/uploads/2017/05/work-journal_4460x4460-1024x683.jpg" alt="" class="w-full object-cover rounded-t-xl shadow-lg transition-transform duration-300 ease-out group-hover:scale-105 aspect-video"> 896 </div> 897 </a> 898 <div class="articles__category-perex"> 899 <div class="mb-2 text-[14px]"> 900 <a href="/en/blog/category/tips" class="inline-block px-3 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]"><span class="sr-only">Kategorie: </span>Tips</a> 901 <a href="/en/blog/category/all" class="inline-block px-3 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]"><span class="sr-only">Kategorie: </span>All</a>
902 <span class="inline-block text-[var(--color-gray-text)] text-[14px]"> ⢠</span> 903 <time class="text-[var(--color-gray-text)] no-underline text-[14px]" datetime="2017-05-17">17. 5. 2017</time> 904 </div> 905 <a href="/en/blog/remote-work-can-be-an-advantage-for-a-company" class="no-underline"> 906 <h2 class="mt-0 text-[var(--color-blue-950)] hover:text-[var(--color-blue-500)] transition-colors text-3xl sm:text-4xl sm:text-5xl font-semibold">Remote Work Can be an Advantage for a Company</h2> 907 </a> 908 <div class="text-[var(--color-gray-text)]">A few years ago there was no doubt about the clear boundary between work and personal life. She stood in the middle of our lives like the Great Wall of China, and we every day try to swing over it without unnecessary scraps. </div> 909 </div> 910 </article> 911 912 <article class="group border-b border-black/5 mb-5 pb-5 sm:mb-8 sm:pb-8 lg:mb-12 lg:pb-12 gap-8 sm:gap-12 sm:flex pt-4"> 913 <a href="/en/blog/the-first-365-days-of-freelo-up-down-and-back-again" class="block w-full sm:w-[300px] lg:w-[350px] flex-none"> 914 <div class="bg-[var(--color-blue-100)] rounded-2xl overflow-hidden px-4 pt-4 sm:px-6 sm:pt-6 mb-4 md:mb-0"> 915 <img loading="lazy" height="338" width="600" src="https://blog.freelo.cz/wp-content/uploads/2016/11/photo-1444703686981-a3abbc4d4fe3-1024x683.jpg" alt="sen dream hvÄzdy" class="w-full object-cover rounded-t-xl shadow-lg transition-transform duration-300 ease-out group-hover:scale-105 aspect-video"> 916 </div> 917 </a> 918 <div class="articles__category-perex"> 919 <div class="mb-2 text-[14px]"> 920 <a href="/en/blog/category/all" class="inline-block px-3 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]"><span class="sr-only">Kategorie: </span>All</a> 921 <a href="/en/blog/category/behind-scene" class="inline-block px-3 rounded-lg bg-[var(--color-blue-100)] text-[var(--color-blue-950)] no-underline hover:bg-[var(--color-blue-200)]"><span class="sr-only">Kategorie: </span>Behind the scene</a> 922 <span class="inline-block text-[var(--color-gray-text)] text-[14px]"> ⢠</span> 923 <time class="text-[var(--color-gray-text)] no-underline text-[14px]" datetime="2016-11-09">9. 11. 2016</time> 924 </div> 925 <a href="/en/blog/the-first-365-days-of-freelo-up-down-and-back-again" class="no-underline"> 926 <h2 class="mt-0 text-[var(--color-blue-950)] hover:text-[var(--color-blue-500)] transition-colors text-3xl sm:text-4xl sm:text-5xl font-semibold">The First 365 Days of Freelo - up, down and back again</h2> 927 </a> 928 <div class="text-[var(--color-gray-text)]">Freelo finally have first year behind. There were ups and downs. Moments of hope and nervousness. <strong>What is it like to come to the Czech market with own application?</strong> Can you ever think of everything in advance, or do you have to learn a lot, and especially improvise? We released the most interesting thing that we found out and experienced in 365 days of Freelo's work.�</div> 929 </div> 930 </article> 931 932 </div> 933 934 935 </div> 936 937 </div> 938 939 940 941 942 943 944 945</div> 946 947 948 949 950 951<footer class="relative px-4 mt-30 md:mt-50"> 952 <div class="footer-new relative overflow-hidden flex flex-col items-center mx-auto max-w-screen-5xl px-8 py-8 md:p-16 rounded-4xl 3xl:rounded-[3rem]" style="background: linear-gradient(90deg, #e8f3ff 0%, #e8f3ff 100%);"> 953 <div class="max-w-screen-2xl w-full mx-auto"> 954 955 <div class="mx-auto bg-[var(--color-surface-blue-100)] px-6 py-8 sm:px-15 sm:py-15 rounded-[2rem] relative"> 956 <h3 class="mt-0 mb-4 md:pb-1 md:tracking-tight text-balance"> 957 Try Freelo for free 958 </h3> 959 <img src="/img/rebrand2025/tudu/tudu-stoji-ukazuje-do-strany2.svg" alt="" class="block ml-auto mt-4 w-[70px] xm:w-[90px] sm:mt-0 sm:absolute sm:w-[120px] md:w-[150px] sm:bottom-0 sm:right-6 md:right-10 float-right sm:float-none"> 960 <div class="flex gap-6 md:gap-10 flex-col md:flex-row md:items-center sm:pr-[150px] md:pr-[190px]"> 961 <div class="flex flex-col sm:flex-row gap-8 items-start sm:items-center"> 962 <p class="mt-0 mb-0 md:text-3xl text-balance text-slate-600"> 963 Start your 14-day free test cruise. No credit card and no commitment. 964 </p> 965 <a class="btn btn-lg w-full xm:w-auto btn-primary SignUpModal px-12 sm:px-20 sm:px-6 px-5 sm:mx-auto sm:ml-0 sm:mr-0" href="https://app.freelo.io/signup?referer=%5Bhttps%3A%2F%2Fwww.freelo.io%2Fen%2Fblog%5D&locale=en_us" data-modal-open="regmodal">Try for free</a> 966 </div> 967 <p class="max-w-2xl text-lg xm:text-xl lg:max-w-3xl md:text-2xl pt-1 md:pt-2 my-0 text-balance"> 968 Need some advice? Book with us a free <a href="/en/online-consultation" class="whitespace-nowrap">online consultation</a>. 969 </p> 970 </div> 971 972 </div> 973 974 <div class="w-full flex flex-col md:flex-row items-center justify-center pb-[30px] border-b-2 border-[#dfedff] sm:gap-10 mt-15 md:mt-20"> 975 <div class="flex items-center flex-wrap justify-center gap-5 mb-4 md:mb-0"> 976 <div class="flex items-center gap-3"> 977 <img loading="lazy" src="/img/avatars/team/tereza-nemcova.webp" width="300" height="372" class="w-[46px] sm:w-[56px] drop-shadow-lg" alt="Tereza"> 978 <img loading="lazy" src="/img/avatars/team/katerina-jozifova.webp" width="300" height="372" class="w-[46px] sm:w-[56px] drop-shadow-lg" alt="Katherine"> 979 <img loading="lazy" src="/img/avatars/team/lucia-mala.webp" width="300" height="372" class="w-[46px] sm:w-[56px] drop-shadow-lg" alt="Lucia"> 980 <img loading="lazy" src="/img/avatars/team/lucie-horakova.webp" width="300" height="372" class="w-[46px] sm:w-[56px] drop-shadow-lg" alt="Lucie"> 981 </div> 982 <div class="text-4xl md:text-4xl leading-[30px] text-[var(--color-dark)] text-center"> 983 <p class="m-0 text-balance">Friendly support ready to advise you</p> 984 </div> 985 </div> 986 987 <div class="flex flex-wrap items-center justify-center gap-3 md:gap-5"> 988 <a href="tel:+420777302228" class="px-4 md:px-8 py-3 rounded-full text-[#1b76fe] font-semibold text-[14px] md:text-2xl no-underline hover:underline"> 989 +420 777 302 228 990 </a>
991 <span class="text-[#002870] text-2xl md:text-3xl hidden lg:inline w-full xm:w-auto text-center">or</span> 992 <a href="mailto:[email protected]" class="px-4 md:px-8 py-3 rounded-full text-[#1b76fe] font-semibold text-[14px] md:text-2xl no-underline hover:underline"> 993 [email protected] 994 </a> 995 </div> 996 </div> 997 998 999 <div class="w-full flex flex-col xm:flex-row justify-between py-[30px] gap-12 sm:gap-8"> 1000 <div class="flex flex-col gap-6"> 1001 <h3 class="text-[#002870] font-semibold text-3xl m-0">Product</h3> 1002 <div class="flex flex-row xm:flex-col xm:gap-4 lg:flex-row lg:gap-8"> 1003 <ul class="list-none p-0 m-0 flex flex-col gap-4 flex-1 xm:flex-none min-w-[140px]"> 1004 <li><a href="/en/pricing" class="text-[#002870] text-[14px] no-underline hover:underline">Pricing</a></li> 1005 <li><a href="/en/features" class="text-[#002870] text-[14px] no-underline hover:underline">Features</a></li> 1006 <li><a target="_blank" href="https://api.freelo.io/docs/v1/freelo-api" class="text-[#002870] text-[14px] no-underline hover:underline">API</a></li> 1007 </ul> 1008 <ul class="list-none p-0 m-0 flex flex-col gap-4 flex-1 xm:flex-none min-w-[140px]"> 1009 <li><a href="/en/references" class="text-[#002870] text-[14px] no-underline hover:underline">References</a></li> 1010 <li><a href="/en/case-studies" class="text-[#002870] text-[14px] no-underline hover:underline">Case studies</a></li> 1011 <li><a href="/en/changelog" class="text-[#002870] text-[14px] no-underline hover:underline">Changelog</a></li> 1012 1013 </ul> 1014 </div> 1015 </div> 1016 1017 <div class="flex flex-col gap-6"> 1018 <h3 class="text-[#002870] font-semibold text-3xl m-0">Support</h3> 1019 <div class="flex flex-row xm:flex-col xm:gap-4 lg:flex-row lg:gap-8"> 1020 <ul class="list-none p-0 m-0 flex flex-col gap-4 flex-1 xm:flex-none min-w-[160px]"> 1021 <li><a href="/en/help" class="text-[#002870] text-[14px] no-underline hover:underline">Help</a></li> 1022 <li><a href="/en/faq" class="text-[#002870] text-[14px] no-underline hover:underline">FAQ</a></li> 1023 </ul> 1024 <ul class="list-none p-0 m-0 flex flex-col gap-4 flex-1 xm:flex-none min-w-[160px]"> 1025 <li><a href="/en/online-consultation" class="text-[#002870] text-[14px] no-underline hover:underline">Free online consultation</a></li> 1026 <li><a href="/en/initial-consultation" class="text-[#002870] text-[14px] no-underline hover:underline">Tailor-made online training</a></li> 1027 <li><a href="/en/businesswiki" class="text-[#002870] text-[14px] no-underline hover:underline">Business Wiki</a></li> 1028 </ul> 1029 </div> 1030 </div> 1031 1032 <div class="flex flex-col gap-6"> 1033 <h3 class="text-[#002870] font-semibold text-3xl m-0">Info</h3> 1034 <div class="flex flex-row xm:flex-col xm:gap-4 lg:flex-row lg:gap-8"> 1035 <ul class="list-none p-0 m-0 flex flex-col gap-4 flex-1 xm:flex-none min-w-[120px]"> 1036 <li><a href="/en/about" class="text-[#002870] text-[14px] no-underline hover:underline">About us</a></li> 1037 <li><a href="/en/presskit" class="text-[#002870] text-[14px] no-underline hover:underline">Presskit</a></li> 1038 <li><a href="/en/blog" class="text-[#002870] text-[14px] no-underline hover:underline">Blog</a></li> 1039 <li><a href="/en/garance-spokojenosti" class="text-[#002870] text-[14px] no-underline hover:underline">Satisfaction Guarantee</a></li> 1040 </ul> 1041 <ul class="list-none p-0 m-0 flex flex-col gap-4 flex-1 xm:flex-none min-w-[120px]"> 1042 <li><a href="/en/presskit#napsali-o-nas" class="text-[#002870] text-[14px] no-underline hover:underline">They wrote about us</a></li> 1043 <li><a href="/en/security" class="text-[#002870] text-[14px] no-underline hover:underline">Security</a></li> 1044 <li><a href="/en/refund" class="text-[#002870] text-[14px] no-underline hover:underline">Satisfaction Guarantee</a></li> 1045 <li><a href="/en/contact" class="text-[#002870] text-[14px] no-underline hover:underline">Contacts</a></li> 1046 </ul> 1047 </div> 1048 </div> 1049 </div> 1050 1051 <div class="w-full flex flex-col items-center md:grid md:grid-cols-[1fr_auto_1fr] md:items-center pt-[30px] gap-6"> 1052 <div class="flex items-center gap-3 md:justify-self-start"> 1053 <a target="_blank" href="https://www.facebook.com/Freelo-1604323403122404/" class="group bg-white w-[44px] h-[44px] rounded-full flex items-center justify-center shadow-sm hover:bg-[#1877F2] hover:shadow-lg hover:-translate-y-1 transition-all duration-200 no-external"> 1054<svg xmlns="http://www.w3.org/2000/svg" class="svg-icon svg-icon--in-flex w-[20px] h-[20px] text-[#1b76fe] group-hover:text-white transition-colors duration-200" clip-rule="evenodd" fill="currentColor" fill-rule="evenodd" role="img" stroke-linejoin="round" stroke-miterlimit="1.414" viewBox="0 0 16 16"><path d="M15.117 0H.883C.395 0 0 .395 0 .883v14.234c0 .488.395.883.883.883h7.663V9.804H6.46V7.39h2.086V5.607c0-2.066 1.262-3.19 3.106-3.19.883 0 1.642.064 1.863.094v2.16h-1.28c-1 0-1.195.476-1.195 1.176v1.54h2.39l-.31 2.416h-2.08V16h4.077c.488 0 .883-.395.883-.883V.883C16 .395 15.605 0 15.117 0" fill-rule="nonzero"></path></svg> </a> 1055 <a target="_blank" href="https://www.linkedin.com/company/freelocz/" class="group bg-white w-[44px] h-[44px] rounded-full flex items-center justify-center shadow-sm hover:bg-[#0A66C2] hover:shadow-lg hover:-translate-y-1 transition-all duration-200 no-external"> 1056<svg xmlns="http://www.w3.org/2000/svg" class="svg-icon svg-icon--in-flex w-[20px] h-[20px] text-[#1b76fe] group-hover:text-white transition-colors duration-200" clip-rule="evenodd" fill="currentColor" fill-rule="evenodd" role="img" stroke-linejoin="round" stroke-miterlimit="1.414" viewBox="0 0 16 16"><path d="M13.632 13.635h-2.37V9.922c0-.886-.018-2.025-1.234-2.025-1.235 0-1.424.964-1.424 1.96v3.778h-2.37V6H8.51V7.04h.03c.318-.6 1.092-1.233 2.247-1.233 2.4 0 2.845 1.58 2.845 3.637v4.188zM3.558 4.955c-.762 0-1.376-.617-1.376-1.377 0-.758.614-1.375 1.376-1.375.76 0 1.376.617 1.376 1.375 0 .76-.617 1.377-1.376 1.377zm1.188 8.68H2.37V6h2.376v7.635zM14.816 0H1.18C.528 0 0 .516 0 1.153v13.694C0 15.484.528 16 1.18 16h13.635c.652 0 1.185-.516 1.185-1.153V1.153C16 .516 15.467 0 14.815 0z" fill-rule="nonzero"></path></svg> </a> 1057 <a target="_blank" href="https://www.youtube.com/c/Freelocz" class="group bg-white w-[44px] h-[44px] rounded-full flex items-center justify-center shadow-sm hover:bg-[#FF0000] hover:shadow-lg hover:-translate-y-1 transition-all duration-200 no-external"> 1058<svg xmlns="http://www.w3.org/2000/svg" class="svg-icon svg-icon--in-flex w-[20px] h-[20px] text-[#1b76fe] group-hover:text-white transition-colors duration-200" role="img" viewBox="0 0 310 310"><path d="M297.917 64.645c-11.19-13.302-31.85-18.728-71.306-18.728H83.386c-40.359 0-61.369 5.776-72.517 19.938C0 79.663 0 100.008 0 128.166v53.669c0 54.551 12.896 82.248 83.386 82.248h143.226c34.216 0 53.176-4.788 65.442-16.527C304.633 235.518 310 215.863 310 181.835v-53.669c0-29.695-.841-50.16-12.083-63.521zm-98.896 97.765l-65.038 33.991a9.997 9.997 0 01-14.632-8.863v-67.764a10 10 0 0114.609-8.874l65.038 33.772a10 10 0 01.023 17.738z"></path></svg> </a> 1059 <a target="_blank" href="https://www.instagram.com/freelocz/" class="group bg-white w-[44px] h-[44px] rounded-full flex items-center justify-center shadow-sm hover:bg-[#
1059E4405F] hover:shadow-lg hover:-translate-y-1 transition-all duration-200 no-external"> 1060<svg xmlns="http://www.w3.org/2000/svg" class="svg-icon svg-icon--in-flex w-[20px] h-[20px] text-[#1b76fe] group-hover:text-white transition-colors duration-200" height="512" role="img" viewBox="0 0 512 512" width="512"><g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path d="M141.290461,-5.68434189e-14 L370.703482,-5.68434189e-14 C447.837916,-5.68434189e-14 510.730888,62.1245958 511.981034,138.96067 L512,141.29349 L512,370.70651 C512,447.834948 449.878372,510.730828 373.036481,511.981033 L370.703482,512 L141.290461,512 C64.1620234,512 1.26911142,449.878372 0.0189660261,373.039419 L0,370.70651 L0,141.29349 C0,64.1650519 62.1216276,1.26917169 138.957642,0.0189669286 L141.290461,-5.68434189e-14 L370.703482,-5.68434189e-14 Z M370.703482,45.4271214 L141.290461,45.4271214 C88.960053,45.4271214 46.2881937,87.5786448 45.4399896,139.710709 L45.4271214,141.29349 L45.4271214,370.70651 C45.4271214,423.039917 87.5756766,465.711806 139.707681,466.56001 L141.290461,466.572879 L370.70651,466.572879 C423.039917,466.572879 465.714774,424.424323 466.563038,372.28938 L466.575907,370.70651 L466.575907,141.29349 C466.575907,88.4344915 423.565509,45.4271214 370.703482,45.4271214 Z M256,124.076611 C328.746992,124.076611 387.929446,183.259065 387.929446,256.006057 C387.929446,328.750021 328.746992,387.929446 256,387.929446 C183.253008,387.929446 124.070554,328.750021 124.070554,256.006057 C124.070554,183.259065 183.253008,124.076611 256,124.076611 Z M256,169.500704 C208.301523,169.500704 169.497675,208.304551 169.497675,256.003028 C169.497675,303.698477 208.304551,342.499296 256,342.499296 C303.695449,342.499296 342.502325,303.698477 342.502325,256.003028 C342.502325,208.304551 303.698477,169.500704 256,169.500704 Z M393.462469,85.5574405 C402.245046,85.5574405 410.845915,89.1007559 417.024003,95.3091292 C423.232376,101.487218 426.775692,110.088086 426.775692,118.870663 C426.775692,127.622955 423.232376,136.223823 417.024003,142.432196 C410.81563,148.610285 402.245046,152.183885 393.462469,152.183885 C384.710177,152.183885 376.109309,148.610285 369.93122,142.432196 C363.722847,136.223823 360.149247,127.625983 360.149247,118.870663 C360.149247,110.088086 363.719819,101.487218 369.93122,95.3091292 C376.112337,89.1007559 384.710177,85.5574405 393.462469,85.5574405 Z" fill="currentColor" fill-rule="nonzero"></path></g></svg> </a> 1061 <a target="_blank" href="https://twitter.com/Freelocz" class="group bg-white w-[44px] h-[44px] rounded-full flex items-center justify-center shadow-sm hover:bg-black hover:shadow-lg hover:-translate-y-1 transition-all duration-200 no-external"> 1062<svg xmlns="http://www.w3.org/2000/svg" class="svg-icon svg-icon--in-flex w-[20px] h-[20px] text-[#1b76fe] group-hover:text-white transition-colors duration-200" height="300" role="img" viewBox="0 0 300 300" width="300"><g fill="currentColor" fill-rule="evenodd" stroke="none" stroke-width="1"><path d="M178.57 127.15 290.27 0h-26.46l-97.03 110.38L89.34 0H0l117.13 166.93L0 300.25h26.46l102.4-116.59 81.8 116.59h89.34M36.01 19.54H76.66l187.13 262.13h-40.66" fill-rule="nonzero"></path></g></svg> </a> 1063 </div> 1064 1065 <div class="relative md:justify-self-center"> 1066 <div class="lang-menu dropup"> 1067 <button class="lang-menu__btn btn btn-ghost dropdown-toggle inline-flex items-center" type="button" id="languageMenu" name="language-menu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> 1068 <img src="/img/svg/flags/en-us.svg" alt="" class="w-[1.6rem] h-[1.6rem] rounded-full object-cover"> 1069 1070 1071 1072 1073 1074 <span class="lang-menu__name">English</span> 1075 1076 1077 1078 1079 1080 1081 1082 1083 1084 </button> 1085 <ul class="dropdown-menu" aria-labelledby="languageMenu"> 1086 <li> 1087 <a href="/blog/switch-lang?locale=cs_cz&r=%3ABlog%3Adefault" class="flex items-center gap-3"> 1088 <img src="/img/svg/flags/cs-cz.svg" alt="" class="w-[1.6rem] h-[1.6rem] rounded-full object-cover"> 1089 ÄeÅ¡tina 1090 1091 1092 1093 1094 1095 1096 1097 1098 1099 1100 1101 1102 1103 1104 </a> 1105 </li> 1106 <li> 1107 <a href="/blog/switch-lang?locale=da_dk&r=%3ABlog%3Adefault" class="flex items-center gap-3"> 1108 <img src="/img/svg/flags/da-dk.svg" alt="" class="w-[1.6rem] h-[1.6rem] rounded-full object-cover"> 1109 1110 Dansk 1111 1112 1113 1114 1115 1116 1117 1118 1119 1120 1121 1122 1123 1124 </a> 1125 </li> 1126 <li> 1127 <a href="/blog/switch-lang?locale=de_de&r=%3ABlog%3Adefault" class="flex items-center gap-3"> 1128 <img src="/img/svg/flags/de-de.svg" alt="" class="w-[1.6rem] h-[1.6rem] rounded-full object-cover"> 1129 1130 1131 Deutsch 1132 1133 1134 1135 1136 1137 1138 1139 1140 1141 1142 1143 1144 </a> 1145 </li> 1146 <li> 1147</li> <li> 1148 <a href="/blog/switch-lang?locale=es_es&r=%3ABlog%3Adefault" class="flex items-center gap-3"> 1149 <img src="/img/svg/flags/es-es.svg" alt="" class="w-[1.6rem] h-[1.6rem] rounded-full object-cover"> 1150 1151 1152 1153 1154 1155 Español 1156 1157 1158 1159 1160 1161 1162 1163 1164 1165 </a> 1166 </li> 1167 <li> 1168 <a href="/blog/switch-lang?locale=et_ee&r=%3ABlog%3Adefault" class="flex items-center gap-3"> 1169 <img src="/img/svg/flags/et-ee.svg" alt="" class="w-[1.6rem] h-[1.6rem] rounded-full object-cover"> 1170 1171 1172 1173 Eesti 1174 1175 1176 1177 1178 1179 1180 1181 1182 1183 1184 1185 </a> 1186 </li> 1187 <li> 1188 <a href="/blog/switch-lang?locale=hu_hu&r=%3ABlog%3Adefault" class="flex items-center gap-3">
1189 <img src="/img/svg/flags/hu-hu.svg" alt="" class="w-[1.6rem] h-[1.6rem] rounded-full object-cover"> 1190 1191 1192 1193 1194 1195 1196 Magyar 1197 1198 1199 1200 1201 1202 1203 1204 1205 </a> 1206 </li> 1207 <li> 1208 <a href="/blog/switch-lang?locale=lv_lv&r=%3ABlog%3Adefault" class="flex items-center gap-3"> 1209 <img src="/img/svg/flags/lv-lv.svg" alt="" class="w-[1.6rem] h-[1.6rem] rounded-full object-cover"> 1210 1211 1212 1213 1214 1215 1216 1217 Latviski 1218 1219 1220 1221 1222 1223 1224 1225 </a> 1226 </li> 1227 <li> 1228 <a href="/blog/switch-lang?locale=nl_nl&r=%3ABlog%3Adefault" class="flex items-center gap-3"> 1229 <img src="/img/svg/flags/nl-nl.svg" alt="" class="w-[1.6rem] h-[1.6rem] rounded-full object-cover"> 1230 1231 1232 1233 1234 1235 1236 1237 1238 Nederlands 1239 1240 1241 1242 1243 1244 1245 </a> 1246 </li> 1247 <li> 1248 <a href="/blog/switch-lang?locale=pl_pl&r=%3ABlog%3Adefault" class="flex items-center gap-3"> 1249 <img src="/img/svg/flags/pl-pl.svg" alt="" class="w-[1.6rem] h-[1.6rem] rounded-full object-cover"> 1250 1251 1252 1253 1254 1255 1256 1257 1258 1259 1260 Polski 1261 1262 1263 1264 1265 </a> 1266 </li> 1267 <li> 1268 <a href="/blog/switch-lang?locale=ro_ro&r=%3ABlog%3Adefault" class="flex items-center gap-3"> 1269 <img src="/img/svg/flags/ro-ro.svg" alt="" class="w-[1.6rem] h-[1.6rem] rounded-full object-cover"> 1270 1271 1272 1273 1274 1275 1276 1277 1278 1279 1280 1281 RomânÄ 1282 1283 1284 1285 </a> 1286 </li> 1287 <li> 1288 <a href="/blog/switch-lang?locale=sk_sk&r=%3ABlog%3Adefault" class="flex items-center gap-3"> 1289 <img src="/img/svg/flags/sk-sk.svg" alt="" class="w-[1.6rem] h-[1.6rem] rounded-full object-cover"> 1290 1291 1292 1293 1294 1295 1296 1297 1298 1299 1300 1301 1302 1303 SlovenÄina 1304 1305 </a> 1306 </li> 1307 </ul> 1308 </div> 1309 </div> 1310 1311 <div class="flex items-center gap-2 md:justify-self-end"> 1312 <a href="https://itunes.apple.com/us/app/freelo-project-management/id1367857997?mt=8" target="_blank" class="no-external"> 1313 <img src="/img/store-badges/get-freelo-app-store.svg" alt="Freelo App Store" class="h-[40px]" loading="lazy"> 1314 </a> 1315 <a href="https://play.google.com/store/apps/details?id=cz.freelo.android" target="_blank" class="no-external"> 1316 <img src="/img/store-badges/get-freelo-google-play.svg" alt="Freelo Google Play" class="h-[40px]" loading="lazy"> 1317 </a> 1318 </div> 1319 </div> 1320 1321 </div> 1322 </div> 1323 1324 <div class="flex flex-col items-center md:grid md:grid-cols-[1fr_auto_1fr] md:items-start mx-auto max-w-screen-5xl p-[30px] md:p-[60px] gap-6"> 1325 <div class="flex flex-col items-center md:items-start gap-8 md:justify-self-start"> 1326 <div class="text-[#002870] text-[14px] md:justify-self-start"> 1327 © 2015â2026 <a href="https://www.freelo.cz/" class="text-[#002870] no-underline hover:underline">Freelo Bay s.r.o.</a> 1328 </div> 1329 <div class=""> 1330 <p class="text-[12px] text-[var(--color-blue-950)]/50 max-w-3xl text-center md:text-left mt-0">The company is registered in the Czech Commercial Register at the Regional Court in Hradec Králové, Section C, Insert 42420.</p> 1331 </div> 1332 </div> 1333 1334 <div class="flex items-center justify-center md:justify-self-center"> 1335 <a href="/" class="block"><img src="/img/rebrand2025/freelo-logo.svg" alt="Freelo" class="w-[86px] h-auto" loading="lazy"></a> 1336 </div> 1337 1338 <div class="flex flex-col items-center md:items-end gap-8 md:justify-self-end"> 1339 <div class="flex flex-wrap items-center justify-center md:justify-end gap-x-6 gap-y-3 md:gap-x-7"> 1340 <a href="/en/conditions" class="text-gray-400 text-[14px] no-underline hover:underline">Terms and conditions</a> 1341 <a href="/en/privacy-policy" class="text-gray-400 text-[14px] no-underline hover:underline">Privacy</a>
1342 <a href="/en/cookies-info" class="text-gray-400 text-[14px] no-underline hover:underline">Cookies</a> 1343 </div> 1344 <div class="gopay-icons"> 1345 <img loading="lazy" src="/img/gopay-logo.webp" alt=""> 1346 <img loading="lazy" src="/img/visa1.webp" alt=""> 1347 <img loading="lazy" src="/img/visa2.webp" alt=""> 1348 <img loading="lazy" src="/img/visa3.webp" alt=""> 1349 <img loading="lazy" src="/img/mc1.webp" alt=""> 1350 <img loading="lazy" src="/img/mc2.webp" alt=""> 1351 <img loading="lazy" src="/img/mc3.webp" alt=""> 1352 <img loading="lazy" src="/img/maestro.webp" alt=""> 1353 </div> 1354 </div> 1355 </div> 1356</footer> 1357 1358<dialog id="regmodal" class="modal modal--registration"> 1359 <div class="modal-box modal-md"> 1360 <button type="button" class="modal-close" onclick="this.closest('dialog').close()" aria-label="Close"> 1361 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 1362 <path d="M18 6L6 18M6 6l12 12"></path> 1363 </svg> 1364 </button> 1365 <div class="modal-body"> 1366 <div class="reg-modal__inner"> 1367 <img loading="lazy" src="/img/rebrand2025/ruce.svg" alt="" class="mb-4 w-[15rem] sm:w-[20rem]"> 1368 <h2 class="modal-title mb-4">Enter your e-mail and you're in Freelo</h2> 1369 <p class="reg-modal__perex text-balance"> 1370 Every new user has <strong class="text__highlight">Freelo for 14 days without any limits</strong>. <br class="hidden-xs">Then you can simply continue with the Free plan. 1371 </p> 1372 1373 <div class="reg-modal__socials"> 1374<div class="form-field"> 1375 <a href="https://app.freelo.io/signup?auto-open-extern-login=google&referer=%5Bhttps%3A%2F%2Fwww.freelo.io%2Fen%2Fblog%5D&locale=en_us" class="btn btn-lg w-full bg-white border-gray-200 text-[var(--color-blue-950)] hover:bg-gray-50 flex items-center gap-2 justify-center gtm-register-google"> 1376 <svg 1377 xmlns="http://www.w3.org/2000/svg" 1378 width="512" 1379 height="512"
1380 viewBox="0 0 512 512" 1381 role="presentation" 1382 class="w-[2rem] h-[2rem] shrink-0"> 1383 <path 1384 d="M505.899 260.79C505.899 239.813 504.197 224.506 500.513 208.632H260.983V303.309H401.582C398.749 326.838 383.441 362.271 349.425 386.081L348.948 389.251L424.683 447.922L429.93 448.446C478.118 403.941 505.899 338.459 505.899 260.79Z" 1385 fill="#4285F4"></path> 1386 <path 1387 d="M260.983 510.241C329.865 510.241 387.691 487.563 429.929 448.446L349.424 386.081C327.881 401.105 298.967 411.593 260.983 411.593C193.518 411.593 136.258 367.09 115.847 305.578L112.855 305.832L34.1046 366.778L33.0747 369.641C75.0274 452.979 161.202 510.241 260.983 510.241Z" 1388 fill="#34A853"></path> 1389 <path 1390 d="M115.847 305.578C110.461 289.704 107.344 272.695 107.344 255.121C107.344 237.545 110.461 220.537 115.564 204.663L115.421 201.282L35.6839 139.358L33.075 140.599C15.7843 175.182 5.86279 214.018 5.86279 255.121C5.86279 296.223 15.7843 335.057 33.075 369.641L115.847 305.578Z" 1391 fill="#FBBC05"></path> 1392 <path 1393 d="M260.983 98.646C308.888 98.646 341.203 119.339 359.629 136.632L431.63 66.3314C387.41 25.2287 329.865 0 260.983 0C161.202 0 75.0274 57.26 33.0747 140.599L115.563 204.663C136.258 143.151 193.518 98.646 260.983 98.646Z" 1394 fill="#EB4335"></path> 1395 </svg> 1396 <span>Register with Google</span> 1397 </a> 1398</div> 1399<div class="form-field"> 1400 <a href="https://app.freelo.io/signup?auto-open-extern-login=microsoft&referer=%5Bhttps%3A%2F%2Fwww.freelo.io%2Fen%2Fblog%5D&locale=en_us" class="btn btn-lg w-full bg-white border-gray-200 text-[var(--color-blue-950)] hover:bg-gray-50 flex items-center gap-2 justify-center gtm-register-microsoft"> 1401 <svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" class="w-[2rem] h-[2rem] shrink-0"> 1402 <rect x="1" y="1" width="9" height="9" fill="#f25022"></rect> 1403 <rect x="1" y="11" width="9" height="9" fill="#00a4ef"></rect> 1404 <rect x="11" y="1" width="9" height="9" fill="#7fba00"></rect> 1405 <rect x="11" y="11" width="9" height="9" fill="#ffb900"></rect> 1406 </svg> 1407 <span>Register with Microsoft</span> 1408 </a> 1409</div> <span class="reg-modal__or-wrap"> 1410 <span class="reg-modal__or"> 1411 Or enter your work email 1412 </span> 1413 </span> 1414 </div> 1415 <form action="/en/blog" method="post" class="js-register-form" data-button-submit-text="I create an accountâ¦" id="frm-signUpForm"> 1416 <div class="form-field"> 1417 <input type="email" name="email" placeholder="Enter your e-mail..." id="header-email-input" required data-nette-rules='[{"op":":filled","msg":"Please enter correct email address, eg info@freelo.io"},{"op":":email","msg":"Please check whether the email is correct."}]' class="form-input form-input-lg js-registration-input" data-1p-ignore> 1418 </div> 1419 <div class="login-wrap__bottom-wrap"> 1420 <input type="text" name="b_p1" autocomplete="chrome-off" id="frm-signUpForm-b_p1" data-nette-rules='[{"op":":equal","msg":"email-is-required","arg":""}]' class="email-confirmation login-wrap__bottom-wrap__field"> 1421 <input type="text" name="b_p2" autocomplete="chrome-off" id="frm-signUpForm-b_p2" required data-nette-rules='[{"op":":filled","msg":"This field is required."},{"op":":equal","msg":"The result is wrong","arg":6}]' class="your-age login-wrap__bottom-wrap__field js-b_p2"> 1422 </div> 1423 <div class="cf-turnstile" data-sitekey="0x4AAAAAAD83lO4F5DOGDPuC"></div> 1424 <div class="form-field"> 1425 <input type="submit" name="send" value="Try for free" class="btn btn-primary btn-lg w-full gtm-register-email" id="header-email-button"> 1426 </div> 1427 <input type="hidden" name="_do" value="signUpForm-submit"></form> 1428 1429 <div class="reg-modal__socials">
1430 <span class="reg-modal__or-wrap"> 1431 <span class="reg-modal__or"> 1432 Already have an account? 1433 </span> 1434 </span> 1435 <div class="form-field text-center"> 1436 <a href="https://app.freelo.io" class="decorated"> 1437 Sign in 1438 </a> 1439 </div> 1440 </div> 1441 1442<div class="reg-modal__trust"> 1443 <div class="flex flex-wrap items-center justify-center gap-3"> 1444 <span class="flex items-center gap-0.5"> 1445<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="text-[var(--color-amber-500)]/50 w-[14px] h-[14px] svg-icon svg-icon--in-flex svg-icon--fill flex-none" height="512px" role="img" version="1.1" viewBox="0 0 512 512" width="512px"><polygon points="512 195.904 335.392 168.96 256 0 176.608 168.96 0 195.904 127.76 326.72 97.52 512 256 424.48 414.48 512 384.24 326.72"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="text-[var(--color-amber-500)]/50 w-[14px] h-[14px] svg-icon svg-icon--in-flex svg-icon--fill flex-none" height="512px" role="img" version="1.1" viewBox="0 0 512 512" width="512px"><polygon points="512 195.904 335.392 168.96 256 0 176.608 168.96 0 195.904 127.76 326.72 97.52 512 256 424.48 414.48 512 384.24 326.72"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="text-[var(--color-amber-500)]/50 w-[14px] h-[14px] svg-icon svg-icon--in-flex svg-icon--fill flex-none" height="512px" role="img" version="1.1" viewBox="0 0 512 512" width="512px"><polygon points="512 195.904 335.392 168.96 256 0 176.608 168.96 0 195.904 127.76 326.72 97.52 512 256 424.48 414.48 512 384.24 326.72"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="text-[var(--color-amber-500)]/50 w-[14px] h-[14px] svg-icon svg-icon--in-flex svg-icon--fill flex-none" height="512px" role="img" version="1.1" viewBox="0 0 512 512" width="512px"><polygon points="512 195.904 335.392 168.96 256 0 176.608 168.96 0 195.904 127.76 326.72 97.52 512 256 424.48 414.48 512 384.24 326.72"></polygon></svg><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="text-[var(--color-amber-500)]/50 w-[14px] h-[14px] svg-icon svg-icon--in-flex svg-icon--fill flex-none" height="512px" role="img" version="1.1" viewBox="0 0 512 512" width="512px"><polygon points="512 195.904 335.392 168.96 256 0 176.608 168.96 0 195.904 127.76 326.72 97.52 512 256 424.48 414.48 512 384.24 326.72"></polygon></svg> </span> 1446 <span class="text-[var(--color-dark)]/50 text-[13px]">500+ reviews on</span> 1447 <span class="flex items-center gap-3"> 1448 <a href="https://www.capterra.com/reviews/168910/Freelo?utm_source=vendor&utm_medium=badge&utm_campaign=capterra_reviews_badge" target="_blank" rel="noopener" class="tooltip tooltip-top inline-flex" data-tip="Capterra"> 1449 <img src="/img/homepage/ab2024/logo_capterra.svg" width="80" height="18" alt="Capterra" class="h-[18px] w-auto opacity-60 hover:opacity-100 transition-opacity" loading="lazy"> 1450 </a> 1451 <a href="https://www.g2.com/products/freelo/reviews?utm_source=rewards-badge" target="_blank" rel="noopener" class="tooltip tooltip-top inline-flex" data-tip="G2"> 1452 <img src="/img/homepage/ab2024/logo_g2.svg" width="20" height="20" alt="G2" class="h-[20px] w-auto opacity-60 hover:opacity-100 transition-opacity" loading="lazy"> 1453 </a> 1454 </span> 1455 </div> 1456 1457 <p class="reg-modal__trust-count text-[var(--color-dark)]/50 text-[13px] text-balance"> 1458 Join the 172 779 sailors who manage their work on Freelo 1459 </p> 1460 1461 <div class="flex logo-carousel__wrap overflow-hidden -mx-[20px] sm:-mx-[40px]"> 1462 1463<div class="logo-carousel js-logo-carousel"> 1464 <div class="logo-carousel__box"> 1465 <img loading="lazy" src="/img/loga/black/clovekvtisni.webp" alt="ÄlovÄk v tÃsni"> 1466 </div> 1467 <div class="logo-carousel__box"> 1468 <img loading="lazy" src="/img/loga/black/barth.webp" alt="Barth"> 1469 </div> 1470 <div class="logo-carousel__box"> 1471 <img loading="lazy" src="/img/loga/black/dek.webp" width="70" alt="DEK"> 1472 </div> 1473 <div class="logo-carousel__box"> 1474 <img loading="lazy" src="/img/loga/black/raul.webp" width="70" alt="Raul"> 1475 </div> 1476 <div class="logo-carousel__box"> 1477 <img loading="lazy" src="/img/loga/black/dvtv.webp" width="75" alt="DVTV"> 1478 </div> 1479 <div class="logo-carousel__box"> 1480 <img loading="lazy" src="/img/loga/black/fruitisimo.webp" alt="Fruitisimo"> 1481 </div> 1482 <div class="logo-carousel__box"> 1483 <img loading="lazy" src="/img/loga/black/olympus.webp" alt="Olympus"> 1484 </div> 1485 <div class="logo-carousel__box"> 1486 <img loading="lazy" src="/img/loga/black/prusalab.webp" width="125" alt="PrusaLab"> 1487 </div> 1488 <div class="logo-carousel__box"> 1489 <img loading="lazy" src="/img/loga/black/remax.webp" alt="RE/MAX"> 1490 </div> 1491 <div class="logo-carousel__box"> 1492 <img loading="lazy" src="/img/loga/black/tefal.webp" alt="Tefal"> 1493 </div> 1494 <div class="logo-carousel__box"> 1495 <img loading="lazy" src="/img/loga/black/nikon.svg" alt="Nikon"> 1496 </div> 1497 <div class="logo-carousel__box"> 1498 <img loading="lazy" src="/img/loga/black/karcher.webp" alt="Kärcher"> 1499 </div> 1500 <div class="logo-carousel__box" aria-hidden="true"> 1501 <img loading="lazy" src="/img/loga/black/clovekvtisni.webp" alt="ÄlovÄk v tÃsni"> 1502 </div> 1503 <div class="logo-carousel__box" aria-hidden="true"> 1504 <img loading="lazy" src="/img/loga/black/barth.webp" alt="Barth"> 1505 </div> 1506 <div class="logo-carousel__box" aria-hidden="true"> 1507 <img loading="lazy" src="/img/loga/black/dek.webp" width="70" alt="DEK"> 1508 </div> 1509 <div class="logo-carousel__box" aria-hidden="true"> 1510 <img loading="lazy" src="/img/loga/black/raul.webp" width="70" alt="Raul"> 1511 </div> 1512 <div class="logo-carousel__box" aria-hidden="true"> 1513 <img loading="lazy" src="/img/loga/black/dvtv.webp" width="75" alt="DVTV"> 1514 </div> 1515 <div class="logo-carousel__box" aria-hidden="true"> 1516 <img loading="lazy" src="/img/loga/black/fruitisimo.webp" alt="Fruitisimo"> 1517 </div> 1518 <div class="logo-carousel__box" aria-hidden="true"> 1519 <img loading="lazy" src="/img/loga/black/olympus.webp" alt="Olympus"> 1520 </div> 1521 <div class="logo-carousel__box" aria-hidden="true"> 1522 <img loading="lazy" src="/img/loga/black/prusalab.webp" width="125" alt="PrusaLab"> 1523 </div> 1524 <div class="logo-carousel__box" aria-hidden="true"> 1525 <img loading="lazy" src="/img/loga/black/remax.webp" alt="RE/MAX"> 1526 </div> 1527 <div class="logo-carousel__box" aria-hidden="true"> 1528 <img loading="lazy" src="/img/loga/black/tefal.webp" alt="Tefal"> 1529 </div> 1530 <div class="logo-carousel__box" aria-hidden="true"> 1531 <img loading="lazy" src="/img/loga/black/nikon.svg" alt="Nikon"> 1532 </div> 1533 <div class="logo-carousel__box" aria-hidden="true"> 1534 <img loading="lazy" src="/img/loga/black/karcher.webp" alt="Kärcher"> 1535 </div> 1536</div> 1537
1538<script> 1539(function() { 1540 if (window.matchMedia('(hover: hover)').matches) return; 1541 document.querySelectorAll('.js-logo-carousel').forEach(function(track) { 1542 var wrap = track.closest('.logo-carousel__wrap'); 1543 if (!wrap) return; 1544 wrap.addEventListener('click', function(e) { 1545 if (e.target.closest('a')) return; 1546 wrap.classList.toggle('is-paused'); 1547 }); 1548 }); 1549})(); 1550 1551(function() { 1552 var tip = null; 1553 var arrow = null; 1554 1555 function create() { 1556 tip = document.createElement('div'); 1557 tip.className = 'logo-tip'; 1558 tip.style.cssText = 'position:fixed;z-index:9999;pointer-events:none;opacity:0;transition:opacity .15s;background:var(--color-blue-950,#162556);color:#fff;font-size:13px;line-height:1.4;padding:6px 12px;border-radius:8px;max-width:280px;text-align:center;white-space:normal'; 1559 tip.appendChild(document.createTextNode('')); 1560 arrow = document.createElement('div'); 1561 arrow.style.cssText = 'position:absolute;left:50%;transform:translateX(-50%);bottom:-5px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--color-blue-950,#162556)'; 1562 tip.appendChild(arrow); 1563 document.body.appendChild(tip); 1564 } 1565 1566 function show(e) { 1567 var el = e.currentTarget; 1568 var text = el.getAttribute('data-logo-tip'); 1569 if (!text) return; 1570 if (!tip) create(); 1571 tip.firstChild.nodeValue = text; 1572 tip.style.opacity = '1'; 1573 position(el); 1574 } 1575 1576 function position(el) { 1577 var r = el.getBoundingClientRect(); 1578 tip.style.left = '0'; 1579 tip.style.top = '0'; 1580 var tw = tip.offsetWidth; 1581 var th = tip.offsetHeight; 1582 var left = r.left + r.width / 2 - tw / 2; 1583 var top = r.top - th - 10; 1584 if (left < 4) left = 4; 1585 if (left + tw > window.innerWidth - 4) left = window.innerWidth - tw - 4; 1586 if (top < 4) { top = r.bottom + 10; arrow.style.bottom = ''; arrow.style.top = '-5px'; arrow.style.borderTop = 'none'; arrow.style.borderBottom = '6px solid var(--color-blue-950,#162556)'; } 1587 else { arrow.style.top = ''; arrow.style.bottom = '-5px'; arrow.style.borderBottom = 'none'; arrow.style.borderTop = '6px solid var(--color-blue-950,#162556)'; } 1588 tip.style.left = left + 'px'; 1589 tip.style.top = top + 'px'; 1590 } 1591 1592 function hide() { 1593 if (tip) tip.style.opacity = '0'; 1594 } 1595 1596 document.querySelectorAll('[data-logo-tip]').forEach(function(el) { 1597 if (el.dataset.logoTipBound) return; 1598 el.dataset.logoTipBound = '1'; 1599 el.addEventListener('mouseenter', show); 1600 el.addEventListener('mouseleave', hide); 1601 }); 1602})(); 1603</script>
1603 1604 </div> 1605</div> 1606 1607 <p class="reg-modal__terms text-balance"> 1608 By registering you agree to the <a href="/en/conditions" target="_blank" class="text-muted">Terms and Conditions</a>. 1609 </p> 1610 1611 </div> 1612 </div> 1613 </div> 1614</dialog> 1615<dialog id="auditModal" class="modal" data-log-url="/en/blog" data-privacy-url="/en/privacy-policy" data-newsletter-url="/en/newsletter"> 1616 <div class="modal-box modal-md" id="js-audit-box"> 1617 <button type="button" class="modal-close" onclick="this.closest('dialog').close()" aria-label="Close"> 1618 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 1619 <path d="M18 6L6 18M6 6l12 12"></path> 1620 </svg> 1621 </button> 1622 <div class="modal-body"> 1623 <div id="js-audit-content"></div> 1624 </div> 1625 </div> 1626</dialog> 1627 1628<dialog id="salesModal" class="modal"> 1629 <div class="modal-box modal-md"> 1630 <button type="button" class="modal-close" onclick="this.closest('dialog').close()" aria-label="Close"> 1631 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 1632 <path d="M18 6L6 18M6 6l12 12"></path> 1633 </svg> 1634 </button> 1635 <div class="modal-header"> 1636 <h3 class="modal-title">Domluvte si hovor s naÅ¡Ãm specialistou</h3> 1637 </div> 1638 <div class="modal-body"> 1639 <div id="js-sales-form-area"> 1640 <form id="salesForm" class="space-y-6" novalidate> 1641 <div class="form-field"> 1642 <label class="form-label" for="sales-name">Jméno a pÅÃjmenà *</label> 1643 <input type="text" id="sales-name" class="form-input form-input-lg" required> 1644 </div> 1645 <div class="form-field"> 1646 <label class="form-label" for="sales-email">Pracovnà e-mail *</label> 1647 <input type="email" id="sales-email" class="form-input form-input-lg" required> 1648 </div> 1649 <div class="form-field"> 1650 <label class="form-label" for="sales-phone">Telefon</label> 1651 <input type="tel" id="sales-phone" class="form-input form-input-lg"> 1652 </div> 1653 <div class="form-field"> 1654 <label class="form-label" for="sales-time">Kdy se vám hodÃ?</label> 1655 <select id="sales-time" class="form-select form-select-lg"> 1656 <option value="">Vyberte preferovaný Äas</option> 1657 <option value="morning">Ráno (8:00â10:00)</option> 1658 <option value="forenoon">Dopoledne (10:00â12:00)</option> 1659 <option value="afternoon">Odpoledne (13:00â16:00)</option> 1660 <option value="anytime">Kdykoliv</option> 1661 </select> 1662 </div> 1663 <div class="form-field"> 1664 <label class="form-label" for="sales-notes">Poznámka</label> 1665 <textarea id="sales-notes" class="form-textarea" rows="3" placeholder="Co byste chtÄli probrat?"></textarea> 1666 </div> 1667 <button type="submit" class="btn btn-lg btn-primary w-full">Odeslat</button> 1668 </form> 1669 </div> 1670 <div id="js-sales-confirm" class="hidden"> 1671 <div class="alert alert-success"> 1672 <strong>DÄkujeme!</strong> VaÅ¡e zpráva byla odeslána. Ozveme se vám co nejdÅÃve. 1673 </div> 1674 </div> 1675 </div> 1676 </div> 1677</dialog> 1678 1679 1680 1681 1682 1683 1684 1685 <!-- ============================================== --> 1686 <!-- CORE JAVASCRIPT --> 1687 <!-- ============================================== --> 1688 1689 <!-- jQuery (still required for nette.ajax.js and some third-party libs) --> 1690
1690<script src="/dist/jquery.js?v=tltff4"></script>
1690 1691
1691<script>window.flushJQueryQueue && window.flushJQueryQueue();</script>
1691 1692 1693 <!-- Nette AJAX (requires jQuery) --> 1694
1694<script defer src="/js/nette.ajax.js?v=tltff4"></script>
1694 1695 1696 <!-- Main application JS --> 1697
1697<script defer src="/dist/main.js?v=tltff4"></script>
1697 1698 1699 <!-- Audit quiz (exit-intent) --> 1700
1700<script defer src="/dist/audit.js?v=tltff4"></script>
1700 1701 1702 <!-- UI Kit â inview animace kódovaných UI scén (.fui-stage) --> 1703
1703<script defer src="/dist/ui-kit.js?v=tltff4"></script>
1703 1704 1705 <!-- Bootstrap JS removed in Phase 14 --> 1706 <!-- All Bootstrap JS features now handled by vanilla components: 1707 - collapse.js (Phase 11) 1708 - dropdown.js (Phase 12) 1709 - tabs.js (Phase 13) 1710 - modals: FreeloModal with native <dialog> (Phase 2) 1711 --> 1712 1713 <!-- jQuery Easing (for smooth scroll animations) --> 1714
1714<script defer src="/js/jquery.easing.min.js?v=tltff4"></script>
1714 1715 1716 <!-- ============================================== --> 1717 <!-- COMPONENT JAVASCRIPT (Bootstrap Replacements) --> 1718 <!-- ============================================== --> 1719 1720 <!-- Utility functions (vanilla JS helpers) --> 1721
1721<script defer src="/js/utils.js?v=tltff4"></script>
1721 1722 1723 <!-- Custom Theme JavaScript (migrated to vanilla JS) --> 1724
1724<script defer src="/js/creative.js?v=tltff4"></script>
1724 1725 1726 <!-- Component: Dropdowns (Phase 12) --> 1727
1727<script defer src="/js/dropdown.js?v=tltff4"></script>
1727 1728 1729 <!-- Component: Tabs (Phase 13) --> 1730
1730<script defer src="/js/tabs.js?v=tltff4"></script>
1730 1731 1732 <!-- Component: Collapse/Accordion (Phase 11) --> 1733
1733<script defer src="/js/collapse.js?v=tltff4"></script>
1733 1734 1735 <!-- Component: Affix/Sticky Header (Phase 14) --> 1736
1736<script defer src="/js/affix.js?v=tltff4"></script>
1736 1737 1738 <!-- Slick Carousel (loaded globally for case studies) --> 1739
1739<script defer src="/js/slick.min.js?v=tltff4"></script>
1739 1740
1740<script defer src="/js/slick-init.js?v=tltff4"></script>
1740 1741
1742<script type="text/javascript" src="/js/slick.min.js"></script>
vendor: 1 bytes, line 1742
1742
1743<script src="/js/slick-init.js?v=tltff4"></script>
vendor: 1 bytes, line 1743
1743
1744<script defer src="/js/help-autocomplete.js"></script>
1744 1745 1746 1747 <!-- ============================================== --> 1748 <!-- ANALYTICS (moved from head for performance) --> 1749 <!-- ============================================== --> 1750 1751 <!-- Mixpanel SDK (deferred for performance) --> 1752
1752<script type="text/javascript"> 1753 (function(e,c){if(!c.__SV){var l,h;window.mixpanel=c;c._i=[];c.init=function(q,r,f){function t(d,a){var g=a.split(".");2==g.length&&(d=d[g[0]],a=g[1]);d[a]=function(){d.push([a].concat(Array.prototype.slice.call(arguments,0)))}}var b=c;"undefined"!==typeof f?b=c[f]=[]:f="mixpanel";b.people=b.people||[];b.toString=function(d){var a="mixpanel";"mixpanel"!==f&&(a+="."+f);d||(a+=" (stub)");return a};b.people.toString=function(){return b.toString(1)+".people (stub)"};l="disable time_event track track_pageview track_links track_forms track_with_groups add_group set_group remove_group register register_once alias unregister identify name_tag set_config reset opt_in_tracking opt_out_tracking has_opted_in_tracking has_opted_out_tracking clear_opt_in_out_tracking start_batch_senders start_session_recording stop_session_recording people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user people.remove".split(" "); 1754 for(h=0;h<l.length;h++)t(b,l[h]);var n="set set_once union unset remove delete".split(" ");b.get_group=function(){function d(p){a[p]=function(){b.push([g,[p].concat(Array.prototype.slice.call(arguments,0))])}}for(var a={},g=["get_group"].concat(Array.prototype.slice.call(arguments,0)),m=0;m<n.length;m++)d(n[m]);return a};c._i.push([q,r,f])};c.__SV=1.2; 1755 window.__loadMixpanelSDK=function(){var k=e.createElement("script");k.type="text/javascript";k.async=!0;k.src="https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js";e.head.appendChild(k)}; 1756 var __mpLoaded=false;function __loadMPOnce(){if(__mpLoaded)return;__mpLoaded=true;window.__loadMixpanelSDK()} 1757 window.addEventListener('scroll',__loadMPOnce,{once:true,passive:true});setTimeout(__loadMPOnce,15000) 1758 }})(document,window.mixpanel||[]); 1759 mixpanel.init('3e1f2982a3ab6e792c790bc6d9cfb146', {autocapture:true,record_sessions_percent:100,api_host:'https://api-eu.mixpanel.com'}); 1760 </script>
1760 1761 1762 <!-- Mixpanel Enhanced Tracking --> 1763
1763<script type="text/javascript"> 1764 (function(){function getParam(name){var urlParams=new URLSearchParams(window.location.search);return urlParams.get(name)||null}function getPageCategory(){var path=window.location.pathname.replace(/^\/[a-z]{2}(?=\/|$)/,'');if(path===''||path==='/')return'Homepage';if(path.match(/^\/(vitejte|vitajte|welcome)/))return'Welcome';if(path.match(/^\/(cenik|cennik|pricing)/))return'Pricing';if(path.match(/^\/lp(\/|$)/))return'LandingPage';if(path.match(/^\/blog/))return'Blog';if(path.match(/^\/(webinare|webinars|workshopy|workshops)/))return'Webinar';if(path.match(/^\/(funkce|features|vyhody)/))return'Features';if(path.match(/^\/ai(\/|$)/))return'AI';if(path.match(/^\/(kariera|jobs|careers)/))return'Jobs';if(path.match(/^\/(kontakt|contact)/))return'Contact';if(path.match(/^\/(integrace|integrations)/))return'Integrations';if(path.match(/^\/(byznys-wiki|business-wiki)/))return'BusinessWiki';if(path.match(/^\/(pripadove-studie|case-studies)/))return'CaseStudies';if(path.match(/^\/(partneri|partners)/))return'Partners';if(path.match(/^\/(napoveda|navod|help|podpora|support)/))return'Support';if(path.match(/^\/(dekujeme|dakujeme|thank-you)/))return'ThankYou';if(path.match(/^\/(registrace|registracia|registration)/))return'Registration';return'Other'}function isFreeEmail(email){if(!email)return null;var domain=email.split('@')[1];if(!domain)return null;var freeProviders=['gmail.com','yahoo.com','hotmail.com','outlook.com','seznam.cz','email.cz','centrum.cz','post.cz','atlas.cz','volny.cz','azet.sk','pobox.sk','zoznam.sk','mail.ru','yandex.ru','icloud.com','me.com','aol.com','live.com','msn.com'];return freeProviders.indexOf(domain.toLowerCase())!==-1} 1765 mixpanel.register_once({'First Visit Date':new Date().toISOString(),'First Visit Page':window.location.pathname,'First Visit URL':window.location.href,'First Visit Page Category':getPageCategory(),'First Visit Referrer':document.referrer||'direct','First Visit Referring Domain':document.referrer?new URL(document.referrer).hostname:'direct','First Visit UTM Source':getParam('utm_source'),'First Visit UTM Medium':getParam('utm_medium'),'First Visit UTM Campaign':getParam('utm_campaign'),'First Visit UTM Content':getParam('utm_content'),'First Visit UTM Term':getParam('utm_term'),'First Visit GCLID':getParam('gclid'),'First Visit GBRAID':getParam('gbraid'),'First Visit WBRAID':getParam('wbraid'),'First Visit GAD Source':getParam('gad_source'),'First Visit GAD Campaign ID':getParam('gad_campaignid'),'First Visit FBCLID':getParam('fbclid'),'First Visit MSCLKID':getParam('msclkid')}); 1766 mixpanel.register({'Current UTM Source':getParam('utm_source'),'Current UTM Medium':getParam('utm_medium'),'Current UTM Campaign':getParam('utm_campaign'),'Current GCLID':getParam('gclid'),'Current FBCLID':getParam('fbclid'),'Has GCLID':getParam('gclid')?true:false,'Has UTM':getParam('utm_source')?true:false}); 1767 mixpanel.track('Viewed Page',{'Page Name':document.title,'Page URL':window.location.href,'Page Path':window.location.pathname,'Page Category':getPageCategory(),'Page Referrer':document.referrer||'direct','Page Has GCLID':getParam('gclid')?true:false,'Page Has UTM':getParam('utm_source')?true:false}); 1768 window.freeloMixpanelHelpers={getParam:getParam,getPageCategory:getPageCategory,isFreeEmail:isFreeEmail}})(); 1769 </script>
1769 1770 1771 <!-- Mixpanel User Identification --> 1772
1772<script type="text/javascript"> 1773 var __mpUserEmail="null"; 1774 var __mpIsLoggedIn="false"; 1775 </script>
1775 1776
1776<script type="text/javascript"> 1777 (function(){var apiEmail=__mpUserEmail;var storedEmail=localStorage.getItem('freelo_user_email');var isLoggedIn=__mpIsLoggedIn;if(isLoggedIn){var emailToUse=apiEmail||storedEmail;if(emailToUse){mixpanel.identify(emailToUse);if(apiEmail&&apiEmail!==storedEmail){localStorage.setItem('freelo_user_email',apiEmail)}mixpanel.people.set({'$email':emailToUse,'Last Seen Website':new Date().toISOString(),'Website Visits':1});mixpanel.people.increment('Website Visits');mixpanel.track('Returned to Website',{'Page Path':window.location.pathname,'Page Category':window.freeloMixpanelHelpers.getPageCategory(),'Email Source':apiEmail?'API':'localStorage','Referrer':document.referrer||'direct'})}}})(); 1778 </script>
1778 1779 1780 <!-- Mixpanel Registration Tracking --> 1781
1781<script> 1782 document.addEventListener('DOMContentLoaded', function() { 1783 const form = document.querySelector('.js-register-form'); 1784 if (form) { 1785 form.addEventListener('submit', function(e) { 1786 const emailInput = document.getElementById('header-email-input'); 1787 const email = emailInput ? emailInput.value.trim() : null; 1788 const bp1 = form.querySelector('[name="b_p1"]'); 1789 const bp2 = form.querySelector('[name="b_p2"]'); 1790 if (email && bp1 && bp1.value === '' && bp2 && bp2.value === '6') { 1791 try { 1792 if (typeof mixpanel !== 'undefined' && window.freeloMixpanelHelpers) { 1793 var helpers = window.freeloMixpanelHelpers; 1794 var emailDomain = email.split('@')[1]; 1795 var isFreeEmailProvider = helpers.isFreeEmail(email); 1796 var leadType = isFreeEmailProvider ? 'B2C' : 'B2B'; 1797 mixpanel.identify(email); 1798 localStorage.setItem('freelo_user_email', email); 1799 mixpanel.people.set({'$email':email,'$created':new Date().toISOString(),'Registration Date':new Date().toISOString(),'Registration Source':'Website Modal','Registration Page':window.location.pathname,'Registration Page Category':helpers.getPageCategory(),'Registration URL':window.location.href,'Email Domain':emailDomain,'Is Free Email':isFreeEmailProvider,'Lead Type':leadType,'Registration GCLID':helpers.getParam('gclid'),'Registration UTM Source':helpers.getParam('utm_source'),'Registration UTM Medium':helpers.getParam('utm_medium'),'Registration UTM Campaign':helpers.getParam('utm_campaign')}); 1800 mixpanel.track('registration',{'source':'website_modal','page_url':window.location.href,'page_title':document.title,'page_path':window.location.pathname,'page_category':helpers.getPageCategory(),'email_domain':emailDomain,'is_free_email':isFreeEmailProvider,'lead_type':leadType,'has_gclid':helpers.getParam('gclid')?true:false,'has_utm':helpers.getParam('utm_source')?true:false,'gclid':helpers.getParam('gclid'),'utm_source':helpers.getParam('utm_source'),'utm_medium':helpers.getParam('utm_medium'),'utm_campaign':helpers.getParam('utm_campaign'),'referrer':document.referrer||'direct','timestamp':new Date().toISOString()}); 1801 } 1802 } catch (error) { /* Silent fail */ } 1803 } 1804 }); 1805 } 1806 }); 1807 </script>
1807 1808 1809 <!-- Sentry Error Tracking --> 1810
1810<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
1810 1811
1811<script defer src="/js/sentry.9.34.0.bundle.tracing.min.js" onload="window.initSentry&&window.initSentry()"></script>
1811 1812
1812<script> 1813 window.initSentry=function(){Sentry.init({dsn:'https://[email protected]/20',sendDefaultPii:false,integrations:[Sentry.browserTracingIntegration()],sampleRate:0.00,tracesSampleRate:0.10,tracePropagationTargets:[/^https:\/\/freelo\.io\//,/^https:\/\/webdev\.freelo\.io\//]})}; 1814 </script>
1814 1815 1816</body> 1817 1818</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.