1<!DOCTYPE html> 2<html 3 lang="en-US" 4 class=" " 5> 6 7<head> 8 <base href="/" /> 9 <meta charset="UTF-8"> 10 <meta name="viewport" content="width=device-width, initial-scale=1"> 11 12 <link rel="preload" href="/website/dist/app_f0ba178acdb92ac488d3.css" as="style" fetchpriority="high"> 13 <link rel="preload" href="/website/fonts/suisse/SuisseIntl-Regular.woff2" as="font" type="font/woff2" crossorigin> 14 <link rel="preload" href="/website/fonts/suisse/SuisseIntl-Medium.woff2" as="font" type="font/woff2" crossorigin> 15 <link rel="preload" href="/website/fonts/suisse/SuisseIntl-SemiBold.woff2" as="font" type="font/woff2" crossorigin> 16 <link rel="preload" href="/website/fonts/suisse/SuisseIntl-Bold.woff2" as="font" type="font/woff2" crossorigin> 17 18 <link rel='stylesheet' href='/website/dist/app_f0ba178acdb92ac488d3.css' /> 19 20 21 22 23 <link rel="canonical" href="https://activecollab.com/blog" /> 24 25 <meta name="title" content="ActiveCollab Blog | Learn About Productivity and Collaboration" /> 26 <meta property="og:title" content="ActiveCollab Blog | Learn About Productivity and Collaboration" /> 27 <meta name="twitter:title" content="ActiveCollab Blog | Learn About Productivity and Collaboration" /> 28 29 <meta name="description" content="Learn about productivity, workload management and collaboration on ActiveCollab's blog" /> 30 <meta property="og:description" content="Learn about productivity, workload management and collaboration on ActiveCollab's blog" /> 31 <meta name="twitter:description" content="Learn about productivity, workload management and collaboration on ActiveCollab's blog" /> 32 33 <meta property="og:image" content="https://activecollab.com/downloads/website-assets/cover.avif" /> 34 <meta name="twitter:image" content="https://activecollab.com/downloads/website-assets/cover.avif" /> 35 36 <meta property="og:url" content="https://activecollab.com/blog" /> 37 <meta property="og:locale" content="en_US" /> 38 <meta property="og:site_name" content="ActiveCollab" /> 39 <meta property="og:type" content="website" /> 40 41 <meta name="twitter:card" content="summary" /> 42 <meta name="twitter:site" content="@activecollab" /> 43 <meta name="twitter:creator" content="@activecollab" /> 44 45 <title>Blog</title> 46 47 48 49 <link rel="icon" href="/website/images/browsers/favicon.ico"> 50 <link rel="apple-touch-icon" href="/website/images/browsers/touch-icon-iphone.png"> 51 <link rel="apple-touch-icon" href="/website/images/browsers/touch-icon-ipad.png" sizes="152x152"> 52 <link rel="apple-touch-icon" href="/website/images/browsers/touch-icon-iphone-retina.png" sizes="180x180"> 53 <link rel="apple-touch-icon" href="/website/images/browsers/touch-icon-ipad-retina.png" sizes="167x167"> 54 <link rel="alternate" type="application/rss+xml" title="ActiveCollab Blog Feed" href="/blog/feed" /> 55 56
56<script type="application/ld+json">[ 57 { 58 "@context": "https://schema.org", 59 "@type": "Organization", 60 "name": "ActiveCollab", 61 "url": "https://activecollab.com", 62 "logo": "https://activecollab.com/website/images/notification-logo-2x.png", 63 "description": "ActiveCollab is a simple-to-use, powerful productivity and collaboration workspace for task, project, team, client, and billing management, made for SME agencies and consultancies.", 64 "address": { 65 "@type": "PostalAddress", 66 "streetAddress": "101 W Main St #101", 67 "addressLocality": "Norfolk", 68 "addressRegion": "VA", 69 "postalCode": "23510", 70 "addressCountry": "US" 71 }, 72 "contactPoint": { 73 "@type": "ContactPoint", 74 "contactType": "general inquiries", 75 "email": "[email protected]", 76 "telephone": "+1-844-869-2677", 77 "url": "https://activecollab.com/about-contact" 78 }, 79 "sameAs": [ 80 "https://www.facebook.com/activecollab", 81 "https://x.com/activecollab", 82 "https://www.youtube.com/user/activeCollab", 83 "https://www.linkedin.com/company/activecollab" 84 ] 85 }, 86 { 87 "@context": "https://schema.org", 88 "@type": "CollectionPage", 89 "name": "ActiveCollab Blog", 90 "url": "https://activecollab.com/blog", 91 "description": "Explore articles, updates, and insights for agencies and consultancies on project management, productivity, collaboration, and more, curated to help service businesses deliver great client work." 92 }, 93 { 94 "@context": "https://schema.org", 95 "@type": "BreadcrumbList", 96 "itemListElement": [ 97 { 98 "@type": "ListItem", 99 "position": 1, 100 "name": "Home", 101 "item": "https://activecollab.com" 102 }, 103 { 104 "@type": "ListItem", 105 "position": 2, 106 "name": "Blog", 107 "item": "https://activecollab.com/blog" 108 } 109 ] 110 } 111]</script>
111 112 113 114 <!-- page specific js and css --> 115 116
116<script type="text/javascript"> 117 window.app = Object.assign(window.app ?? {}, {"appUrl":"https:\/\/activecollab.com","apiUrl":"https:\/\/activecollab.com\/api\/v2","env":{"APP_ENV":"production","APPLE_CLIENT_ID":"com.activecollab.shepherd.signin","GOOGLE_API_KEY":"1058577227971-e7ku9r7cq42oe5v9ttbb2mhau2aji6d5.apps.googleusercontent.com","INTERCOM_APP_ID":"na766usg","INTERCOM_LOAD_DELAY":2000,"SHEPHERD_BREVO_BOOK_A_DEMO_ID":"active-collab-30-min-demo","HONEYSUPER_QUERY_PARAM":"via","FEATURE_FLAGS":["FF_SHEPHERD_CLASSIC_IN_USE"]},"manifestUrl":"https:\/\/activecollab.com\/website\/dist\/manifest.json","assetsBase":"\/website\/dist\/","password_policy":{"min_length":12,"require_numbers":true,"require_mixed_case":true,"require_symbols":false},"passkey_platform_authenticators":{"ios":["fbfc3007-154e-4ecc-8c0b-6e020557d7bd"],"macos":["fbfc3007-154e-4ecc-8c0b-6e020557d7bd"],"android":["ea9b8d66-4d01-1d21-3ce4-b6b48cb575d4"],"windows":["08987058-cadc-4b81-b6e1-30de50dcbe96","9ddd1817-af5a-4672-a2b9-3e3dd95000a9","6028b017-b1d4-4c02-b4b3-afcdafc96bb2"]}}); 118 </script>
118 119 </head> 120 121<body class="blog blog-archive "> 122 <!-- Google Tag Manager (noscript) -->
vendor: 87 bytes, lines 122-125
122 123 <noscript> 124 <iframe 125 src="https://www.googletagmanager.com/ns.html?id=
125GTM-KKH2H6
vendor: 123 bytes, lines 125-131
125" 126 height="0" 127 width="0" 128 style="display:none;visibility:hidden"> 129 </iframe> 130 </noscript> 131
131<!-- End Google Tag Manager (noscript) --> 132 133 <!-- HEADER START -->
134<script> 135 // Single source of truth for the visitor_has_account cookie, available to every 136 // script on the page. Value is "yes" (presence marker) or a numeric instance id. 137 window.visitorAccount = (function () { 138 function value() { 139 var match = document.cookie.match(/(?:^|;\s*)visitor_has_account=([^;]*)/); 140 return match ? decodeURIComponent(match[1] || '') : ''; 141 } 142 143 return { 144 value: value, 145 exists: function () { 146 return value() !== ''; 147 }, 148 }; 149 })(); 150</script>
150 151<div id="ac-continue-bar" class="hidden fixed top-0 left-0 w-full z-20 flex flex-wrap justify-center items-center gap-x-2 px-4 py-2 text-center text-sm bg-primary text-white font-suisse-regular"> 152 <span>Welcome back ð</span> 153 <a id="ac-continue-link" href="/profile?forward-to-default=1" class="text-white underline font-suisse-bold">Continue to your account →</a> 154</div>
155<script> 156 (function () { 157 if (!window.visitorAccount.exists()) return; 158 159 var bar = document.getElementById('ac-continue-bar'); 160 if (!bar) return; 161 162 bar.classList.remove('hidden'); 163 // The bar is fixed, so offset the page content by its height. 164 document.body.classList.add('pt-4'); 165 })(); 166</script>
166 167<nav class="ac-navbar fixed top-0 left-0 pt-0 lg:pt-[1.1rem] pl-[0.9rem] lg:pl-[2rem] pr-[1rem] w-full z-10"> 168 <span class="navbar-bg"></span> 169 <div class="flex justify-between !items-center"> 170 <div class="logo absolute md:left-[2rem]"> 171 <a href="https://activecollab.com" class="ac-logo flex !items-center gap-[0.75rem]" aria-label="ActiveCollab Homepage"> 172 <svg xmlns="http://www.w3.org/2000/svg" width="45.777" height="34" viewBox="0 0 45.777 34"> 173 <path id="Path_15051" data-name="Path 15051" d="M2523.791,46.705c-.333.7-1.145,2.409-1.151,2.424-1.007,2.435-2.231,2.431-3.931,2.424h-2.191a2.29,2.29,0,0,1-1.765-1.1,2.314,2.314,0,0,1,.1-2.411l2.264-4.221,1.444-2.69a20.931,20.931,0,0,1,5.231,5.573m23.484-5.5c.5.924,1.54,2.843,3.684,6.836a2.314,2.314,0,0,1,.1,2.411,2.285,2.285,0,0,1-1.762,1.1H2547.1c-1.7.009-2.926.013-3.933-2.424l-1.082-2.619a18.828,18.828,0,0,1,5.189-5.3m10.486-4.257a1.225,1.225,0,0,0-1.278-1.414,21.261,21.261,0,0,0-17.069,10.649,37.047,37.047,0,0,1-2.658,3.864c-1.144,1.507-2.273,1.507-3.838,1.507h-.006c-1.564,0-2.7,0-3.842-1.507-.738-.968-1.409-1.954-2.091-3.016a26.116,26.116,0,0,0-8.9-8.877.62.62,0,0,0-.842.25l-2.289,4.266-2.269,4.221a4.669,4.669,0,0,0,3.842,7.1l2.438,0c1.815,0,4.391-.162,5.951-3.913l.475-1c.54.811,1.1,1.633,1.709,2.431,1.845,2.424,3.962,2.48,5.691,2.48h.244c1.727,0,3.849-.053,5.691-2.48.578-.756,1.2-1.591,1.771-2.435l.4.973c1.558,3.78,4.145,3.944,5.967,3.944l2.438,0a4.669,4.669,0,0,0,3.842-7.1c-1.689-3.142-2.9-5.387-3.6-6.672-.024-.044-.046-.086-.069-.125l-.08-.147a17.8,17.8,0,0,1,7.145-1.968,1.272,1.272,0,0,0,1.222-1.032m-36.688-4.52.506.29c5.331,3.06,8.976,8.782,9.967,10.463l.155.2a1.533,1.533,0,0,0,1.2.576h0a1.577,1.577,0,0,0,1.278-.658.713.713,0,0,0,.044-.064.136.136,0,0,1,.018-.025c.006-.008.011-.017.018-.026v0h0s.007-.01.009-.015a.25.25,0,0,0,.022-.036,26.175,26.175,0,0,1,22.229-13.936,1.272,1.272,0,0,0,1.236-1.019,1.23,1.23,0,0,0-1.258-1.427,28.691,28.691,0,0,0-12.357,3.264l-2.3-4.423c-1.5-2.9-3.3-4.941-7.169-5.473a14.426,14.426,0,0,0-1.771-.115,14.967,14.967,0,0,0-1.775.113c-3.869.532-5.662,2.572-7.167,5.473l-3.131,6.032a.611.611,0,0,0,.24.811m14.16,4.84a27.718,27.718,0,0,0-2.367,3.381,38.873,38.873,0,0,0-2.36-3.231l2.4-4.817Zm-11.417-6.052,2.34-4.512c1.247-2.4,2.462-3.776,5.318-4.168a11.344,11.344,0,0,1,2.866,0c2.2.3,3.7,1.057,5.313,4.17l2.356,4.538A28.515,28.515,0,0,0,2537,35.3l-2.478-4.791a1.235,1.235,0,0,0-1.107-.68h-1.02a1.231,1.231,0,0,0-1.1.68l-2.538,4.908a27.579,27.579,0,0,0-4.939-4.2" transform="translate(-2512 -20)" fill="#5c2cff" fill-rule="evenodd"/> 174 </svg> 175 <span class="ac-scrollable-logo"> 176 <svg xmlns="http://www.w3.org/2000/svg" width="122.889" height="16.222" viewBox="0 0 122.889 16.222"> 177 <path id="Path_15050" data-name="Path 15050" d="M2590.55,34.142l3.011,7.516h-6.036Zm6.593,13.612a.645.645,0,0,0,.6-.887l-5.791-14.257a.641.641,0,0,0-.594-.4h-1.56a.641.641,0,0,0-.6.4l-5.778,14.257a.643.643,0,0,0,.593.887h.638a.643.643,0,0,0,.6-.4l1.534-3.838h7.518l1.544,3.838a.64.64,0,0,0,.6.4Zm10.269-.968a.647.647,0,0,0,.066-.924l-.293-.332a.646.646,0,0,0-.869-.082,3.96,3.96,0,0,1-2.382.827,3.584,3.584,0,0,1-3.564-3.8,3.573,3.573,0,0,1,3.564-3.785,3.728,3.728,0,0,1,2.354.809.639.639,0,0,0,.858-.066l.315-.334a.649.649,0,0,0-.049-.933,5.2,5.2,0,0,0-3.434-1.187,5.271,5.271,0,0,0-5.46,5.5,5.483,5.483,0,0,0,8.893,4.307m9.4.513a.648.648,0,0,0,.231-.9l-.187-.3a.644.644,0,0,0-.836-.232,3.674,3.674,0,0,1-1.642.416c-1.14,0-1.982-.69-1.982-2.277V38.858h3.778a.642.642,0,0,0,.642-.644v-.367a.642.642,0,0,0-.642-.644H2612.4V34.54a.642.642,0,0,0-.642-.643h-.531a.642.642,0,0,0-.642.643v2.667h-1.607a.642.642,0,0,0-.642.644v.367a.642.642,0,0,0,.642.644h1.607v5.174c0,2.686,1.371,3.942,3.642,3.942a5.232,5.232,0,0,0,2.587-.679m4-.188V37.85a.64.64,0,0,0-.642-.644h-.522a.642.642,0,0,0-.642.644v9.26a.642.642,0,0,0,.642.644h.522a.642.642,0,0,0,.642-.644m-.851-12.782a1.282,1.282,0,0,0-.071-2.563,1.272,1.272,0,0,0-1.271,1.3,1.255,1.255,0,0,0,1.343,1.265m12.96,3.77a.646.646,0,0,0-.594-.893v0h-.518a.639.639,0,0,0-.593.4l-3.38,8.316-3.371-8.314a.641.641,0,0,0-.593-.4h-.573a.644.644,0,0,0-.591.893l3.889,9.271a.643.643,0,0,0,.593.394h1.271a.643.643,0,0,0,.591-.4Zm9.106,3.56h-6.433a3.27,3.27,0,0,1,3.3-3.065,3.144,3.144,0,0,1,3.133,3.065m1.847.829v-.04c-.031-3.233-2.069-5.464-4.949-5.464a5.169,5.169,0,0,0-5.227,5.5,5.162,5.162,0,0,0,5.338,5.5,6.088,6.088,0,0,0,3.827-1.183.644.644,0,0,0,.114-.9l-.191-.245a.637.637,0,0,0-.867-.137,4.776,4.776,0,0,1-2.771.882,3.433,3.433,0,0,1-3.578-3.264h7.658a.648.648,0,0,0,.646-.639m16.153-6.925a.643.643,0,0,0,.151-.926,7.5,7.5,0,0,0-5.956-2.658c-4.967,0-8.482,3.812-7.98,8.975a7.688,7.688,0,0,0,5.925,6.8,7.949,7.949,0,0,0,7.951-2.368.642.642,0,0,0-.12-.926l-.56-.409a.641.641,0,0,0-.869.106,5.5
17771,5.571,0,0,1-4.346,1.952,5.839,5.839,0,0,1-5.991-6.129,5.839,5.839,0,0,1,5.991-6.129,5.571,5.571,0,0,1,4.371,1.983.639.639,0,0,0,.849.119Zm6.6,3.131a3.793,3.793,0,1,1-3.711,3.788,3.645,3.645,0,0,1,3.711-3.788m5.569,3.788a5.565,5.565,0,1,0-5.569,5.5,5.4,5.4,0,0,0,5.569-5.5m3.594,4.63v-14.7a.643.643,0,0,0-.642-.643h-.522a.643.643,0,0,0-.643.643v14.7a.644.644,0,0,0,.643.644h.522a.642.642,0,0,0,.642-.644m4.5,0v-14.7a.643.643,0,0,0-.642-.643h-.522a.643.643,0,0,0-.642.643v14.7a.643.643,0,0,0,.642.644h.522a.642.642,0,0,0,.642-.644m7.365-8.418a3.8,3.8,0,1,1-3.62,3.788,3.584,3.584,0,0,1,3.62-3.788m5.316,8.418V37.85a.641.641,0,0,0-.642-.644h-.533a.642.642,0,0,0-.642.644v.774a4.607,4.607,0,0,0-3.711-1.643,5.252,5.252,0,0,0-5.26,5.5,5.251,5.251,0,0,0,5.26,5.5,4.667,4.667,0,0,0,3.711-1.632v.767a.642.642,0,0,0,.642.644h.533a.642.642,0,0,0,.642-.644m13.289-4.63a5.266,5.266,0,0,0-5.26-5.5,4.622,4.622,0,0,0-3.709,1.632V32.408a.642.642,0,0,0-.642-.643h-.522a.643.643,0,0,0-.642.643v14.7a.644.644,0,0,0,.642.644h.522a.642.642,0,0,0,.642-.644v-.767A4.615,4.615,0,0,0,2701,47.977a5.264,5.264,0,0,0,5.26-5.5m-1.86,0a3.614,3.614,0,1,1-3.611-3.788,3.6,3.6,0,0,1,3.611,3.788" transform="translate(-2583.373 -31.765)" fill="#5c2cff" fill-rule="evenodd"/> 178 </svg> 179 </span> 180 </a> 181 </div> 182 183 <div class="navigation-wrapper hidden justify-center !items-center w-full lg:flex"> 184 <ul class="flex main-nav"> 185 <li class="has-dropdown"> 186 <a href="https://activecollab.com/features">Features</a> 187 <!-- ac-dropdown-menu get an active class if clicked on parent a item --> 188 <ul class="ac-dropdown-menu"> 189 <div class="transparent-background"></div> 190 <li> 191 <a href="https://activecollab.com/features/project-management"><span><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"> 192<path id="edit_24dp_5F6368_FILL0_wght100_GRAD0_opsz48" d="M191.286-768.714h-1.169l-15.032-15.032,1.169-1.169,15.032,15.032ZM192-768v-2.175l-17.565-17.63q-.11-.06-.25-.127a.658.658,0,0,0-.292-.068.751.751,0,0,0-.276.049,1.092,1.092,0,0,0-.254.146l-1.169,1.169a.613.613,0,0,0-.146.241.885.885,0,0,0-.049.286.718.718,0,0,0,.062.294,1.892,1.892,0,0,0,.133.25L189.825-768Zm-19.318-18.117,1.2-1.169Zm2.966,1.8.606-.6-1.169,1.169Z" transform="translate(-172 788)" fill="#5f6368"/> 193</svg></span>Project Management</a> 194 </li> 195 <li> 196 <a href="https://activecollab.com/features/productivity-and-resource-planning"><span><svg xmlns="http://www.w3.org/2000/svg" width="19.281" height="20.533" viewBox="0 0 19.281 20.533"> 197<path id="tactic_24dp_5F6368_FILL0_wght100_GRAD0_opsz24" d="M186.68-807.467l-.595-.595,1.972-2-1.972-1.972.595-.626,2,2,1.972-2,.626.626-2,1.972,2,2-.626.595-1.972-1.972Zm-11.738-.876a1.987,1.987,0,0,0,1.455-.61,1.987,1.987,0,0,0,.61-1.455,1.987,1.987,0,0,0-.61-1.456,1.987,1.987,0,0,0-1.455-.61,1.987,1.987,0,0,0-1.455.61,1.987,1.987,0,0,0-.61,1.456,1.987,1.987,0,0,0,.61,1.455A1.987,1.987,0,0,0,174.942-808.343Zm0,.876a2.835,2.835,0,0,1-2.081-.861,2.835,2.835,0,0,1-.861-2.081,2.836,2.836,0,0,1,.861-2.082,2.836,2.836,0,0,1,2.081-.861,2.885,2.885,0,0,1,1.925.7,2.8,2.8,0,0,1,.986,1.8,3.707,3.707,0,0,0,2.6-1.158,3.6,3.6,0,0,0,1.064-2.6v-4.539a5.247,5.247,0,0,1,1.6-3.85,5.247,5.247,0,0,1,3.85-1.6h2.629l-2.786-2.786.626-.626,3.85,3.85-3.85,3.85-.626-.595,2.754-2.817h-2.6a4.409,4.409,0,0,0-3.24,1.33,4.409,4.409,0,0,0-1.33,3.24v4.539a4.372,4.372,0,0,1-1.33,3.208,4.725,4.725,0,0,1-3.208,1.424,2.8,2.8,0,0,1-.986,1.8A2.885,2.885,0,0,1,174.942-807.467Zm-2.348-14.085-.595-.595,1.972-2L172-826.122l.595-.626,2,2,1.972-2,.626.626-2,1.972,2,2-.626.595-1.972-1.972Z" transform="translate(-172 828)" fill="#5f6368"/> 198</svg></span>Productivity and Resource Planning</a> 199 </li> 200 <li> 201 <a href="https://activecollab.com/features/time-tracking-software"><span><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"> 202<path id="avg_pace_24dp_5F6368_FILL0_wght100_GRAD0_opsz24" d="M145.3-825.9a.718.718,0,0,1-.53-.217.725.725,0,0,1-.216-.532.717.717,0,0,1,.217-.53.725.725,0,0,1,.532-.216.718.718,0,0,1,.53.217.726.726,0,0,1,.216.532.717.717,0,0,1-.217.53A.725.725,0,0,1,145.3-825.9Zm-.086,17.3a.717.717,0,0,1-.53-.217.725.725,0,0,1-.216-.532.717.717,0,0,1,.217-.53.725.725,0,0,1,.532-.216.717.717,0,0,1,.53.217.725.725,0,0,1,.216.532.717.717,0,0,1-.217.53A.725.725,0,0,1,145.217-808.6Zm4.6-13.621a.717.717,0,0,1-.53-.217.725.725,0,0,1-.216-.532.717.717,0,0,1,.217-.53.725.725,0,0,1,.532-.216.717.717,0,0,1,.53.217.725.725,0,0,1,.216.532.717.717,0,0,1-.217.53A.725.725,0,0,1,149.814-822.224Zm-.086,10.029a.718.718,0,0,1-.53-.217.725.725,0,0,1-.216-.532.717.717,0,0,1,.217-.53.725.725,0,0,1,.532-.216.717.717,0,0,1,.53.217.725.725,0,0,1,.216.532.717.717,0,0,1-.217.53A.725.725,0,0,1,149.728-812.2Zm1.523-5.057a.717.717,0,0,1-.53-.217.725.725,0,0,1-.216-.532.717.717,0,0,1,.217-.53.725.725,0,0,1,.532-.216.717.717,0,0,1,.53.217A.725.725,0,0,1,152-818a.717.717,0,0,1-.217.53A.725.725,0,0,1,151.251-817.253ZM142-808a9.737,9.737,0,0,1-3.9-.787,10.1,10.1,0,0,1-3.177-2.136,10.092,10.092,0,0,1-2.139-3.173A9.722,9.722,0,0,1,132-818a9.746,9.746,0,0,1,.787-3.9,10.106,10.106,0,0,1,2.138-3.177,10.1,10.1,0,0,1,3.175-2.139A9.73,9.73,0,0,1,142-828v.8a8.875,8.875,0,0,0-6.523,2.672A8.875,8.875,0,0,0,132.8-818a8.875,8.875,0,0,0,2.672,6.523A8.875,8.875,0,0,0,142-808.8Zm0-8.448a1.5,1.5,0,0,1-1.106-.445,1.5,1.5,0,0,1-.445-1.106,1.856,1.856,0,0,1,.043-.417,1.086,1.086,0,0,1,.158-.359l-2.184-2.213.546-.546,2.213,2.184a3.1,3.1,0,0,1,.776-.2,1.5,1.5,0,0,1,1.106.445,1.5,1.5,0,0,1,.445,1.106,1.5,1.5,0,0,1-.445,1.106A1.5,1.5,0,0,1,142-816.448Z" transform="translate(-132 828)" fill="#5f6368"/> 203</svg></span>Project and Task Time Tracking</a> 204 </li> 205 <li> 206 <a href="https://activecollab.com/features/team-collaboration-and-communication"><span><svg xmlns="http://www.w3.org/2000/svg" width="21.214" height="20" viewBox="0 0 21.214 20"> 207<path id="diversity_2_24dp_5F6368_FILL0_wght100_GRAD0_opsz24" d="M85.757-838.026a3.15,3.15,0,0,1-2.111-.765,3.625,3.625,0,0,1-1.187-1.926,1.932,1.932,0,0,1-.831.8,2.483,2.483,0,0,1-1.148.277,2.394,2.394,0,0,1-1.755-.723A2.388,2.388,0,0,1,78-842.116a2.528,2.528,0,0,1,.66-1.689,2.026,2.026,0,0,1,1.662-.739,3.436,3.436,0,0,1-.923-1.187,3.367,3.367,0,0,1-.343-1.478,3.169,3.169,0,0,1,.4-1.547,3.374,3.374,0,0,1,1.108-1.2,2.709,2.709,0,0,0,.146.344l.171.342a2.572,2.572,0,0,0-.792.941,2.592,2.592,0,0,0-.264,1.143,2.133,2.133,0,0,0,1.214,2.2,12.9,12.9,0,0,0,2.559.778l.158.29q-.29.844-.462,1.425a3.832,3.832,0,0,0-.172,1.082,2.546,2.546,0,0,0,.759,1.828,2.482,2.482,0,0,0,1.853.784,2.426,2.426,0,0,0,1.9-.831,6.944,6.944,0,0,0,1.214-1.979,13.767,13.767,0,0,0,.739-2.375q.264-1.227.449-2.045l.739.211q-.211,1-.5,2.348a12.7,12.7,0,0,1-.831,2.546,6.527,6.527,0,0,1-1.417,2.045A3.127,3.127,0,0,1,85.757-838.026Zm-5.277-2.348a1.675,1.675,0,0,0,1.227-.515,1.675,1.675,0,0,0,.515-1.227,1.675,1.675,0,0,0-.515-1.227,1.675,1.675,0,0,0-1.227-.515,1.675,1.675,0,0,0-1.227.515,1.675,1.675,0,0,0-.515,1.227,1.675,1.675,0,0,0,.515,1.227A1.675,1.675,0,0,0,80.48-840.375Zm6.095-4.406q-1.029-.923-1.887-1.728a15.647,15.647,0,0,1-1.484-1.583,6.818,6.818,0,0,1-.963-1.557,4.049,4.049,0,0,1-.336-1.623,3.263,3.263,0,0,1,.976-2.4,3.263,3.263,0,0,1,2.4-.976,4.414,4.414,0,0,1,.62.04,2.942,2.942,0,0,1,.515.119,2.594,2.594,0,0,1-.211-.493,1.8,1.8,0,0,1-.079-.536,2.393,2.393,0,0,1,.722-1.757A2.387,2.387,0,0,1,88.6-858a2.4,2.4,0,0,1,1.758.724,2.388,2.388,0,0,1,.726,1.757,1.787,1.787,0,0,1-.079.541,2.642,2.642,0,0,1-.211.488,2.942,2.942,0,0,1,.515-.119,4.414,4.414,0,0,1,.62-.04,3.258,3.258,0,0,1,1.913.58,3.293,3.293,0,0,1,1.2,1.5,2.843,2.843,0,0,0-.407-.026,2.922,2.922,0,0,0-.411.026,2.461,2.461,0,0,0-.923-.976,2.565,2.565,0,0,0-1.36-.369,2.466,2.466,0,0,0-1.621.5,14,14,0,0,0-1.557,1.609h-.343a13.411,13.411,0,0,0-1.583-1.623,2.406,2.406,0,0,0-1.557-.488,2.562,2.562,0,0,0-1.89.749,2.562,2.562,0,0,0-.749,1.89,3.016,3.016,0,0,0,.3,1.271,6.959,6.959,0,0,0,.88,1.381,18.061,18.061,0,0,0,1.4,1.544q.822.818,1.877,1.768Zm2.032-9a1.675,1.675,0,0,0,1.227-.515,1.675,1.675,0,0,0,.515-1.227,1.675,1.675,0,0,0-.515-1.227,1.675,1.675,0,0,0-1.227-.514,1.675,1.675,0,0,0-1.227.514,1.675,1.675,0,0,0-.515,1.227,1.675,1.675,0,0,0,.515,1.227A1.675,1.675,0,0,0,88.607-853.778ZM91.377-838a3.4,3.4,0,0,1-.621-.057,2.754,2.754,0,0,1-.593-.18,2.762,2.762,0,0,0,.207-.32q.1-.184.188-.34a2.546,2.546,0,0,0,.435.1,3.154,3.154,0,0,0,.435.03,2.534,2.534,0,0,0,1.86-.781,2.541,2.541,0,0,0,.778-1.857,3.716,3.716,0,0,0-.172-1.065q-.172-.571-.462-1.416l.185-.29a12,12,0,0,0,2.573-.792,2.163,2.163,0,0,0,1.2-2.216,2.288,2.288,0,0,0-.937-2.005,3.6,3.6,0,0,0-2.124-.66,10.49,10.49,0,0,0-2.451.343q-1.4.343-3.221.95l-.211-.739q1.741-.554,3.146-.95a9.574,9.574,0,0,1,2.579-.4,4.5,4.5,0,0,1,2.744.9,2.992,2.992,0,0,1,1.214,2.559,3.236,3.236,0,0,1-.33,1.432,3.962,3.962,0,0,1-.91,1.206,2.133,2.133,0,0,1,1.662.739,2.464,2.464,0,0,1,.66,1.689,2.4,2.4,0,0,1-.726,1.741,2.369,2.369,0,0,1-1.755.739,2.483,2.483,0,0,1-1.148-.277,1.932,1.932,0,0,1-.831-.8,3.63,3.63,0,0,1-1.214,1.939A3.253,3.253,0,0,1,91.377-838Zm5.383-2.375a1.632,1.632,0,0,0,1.214-.515,1.7,1.7,0,0,0,.5-1.227,1.719,1.719,0,0,0-.515-1.24,1.655,1.655,0,0,0-1.227-.528,1.675,1.675,0,0,0-1.227.514,1.675,1.675,0,0,0-.515,1.227,1.7,1.7,0,0,0,.528,1.24A1.7,1.7,0,0,0,96.76-840.375ZM80.48-842.116ZM88.607-855.52ZM96.734-842.142Z" transform="translate(-78 858)" fill="#5f6368"/> 208</svg></span>Team Collaboration and Communication</a> 209 </li> 210 <li> 211 <a href="https://activecollab.com/features/client-management"><span><svg xmlns="http://www.w3.org/2000/svg" width="20" height="22.987" viewB
211ox="0 0 20 22.987"> 212<path id="perm_contact_calendar_24dp_5F6368_FILL0_wght100_GRAD0_opsz24" d="M182-821.753a12.019,12.019,0,0,0-4.545.893,12.894,12.894,0,0,0-4.123,2.744,1.049,1.049,0,0,0,.26.146.827.827,0,0,0,.292.049h16.169a.7.7,0,0,0,.276-.049,1.206,1.206,0,0,0,.244-.146,12.293,12.293,0,0,0-4.026-2.744A11.858,11.858,0,0,0,182-821.753Zm-9.091,2.792a13.089,13.089,0,0,1,4.075-2.711,12.649,12.649,0,0,1,5.016-.99,12.649,12.649,0,0,1,5.016.99,13.089,13.089,0,0,1,4.075,2.711v-16.1a.993.993,0,0,0-.325-.714.993.993,0,0,0-.714-.325h-16.1a.993.993,0,0,0-.714.325.993.993,0,0,0-.325.714Zm9.091-7.6a3.575,3.575,0,0,1-2.63-1.071,3.575,3.575,0,0,1-1.071-2.63,3.576,3.576,0,0,1,1.071-2.63,3.575,3.575,0,0,1,2.63-1.071,3.575,3.575,0,0,1,2.63,1.071,3.575,3.575,0,0,1,1.071,2.63,3.575,3.575,0,0,1-1.071,2.63A3.575,3.575,0,0,1,182-826.558Zm0-.909a2.684,2.684,0,0,0,1.964-.828,2.684,2.684,0,0,0,.828-1.964,2.684,2.684,0,0,0-.828-1.964,2.684,2.684,0,0,0-1.964-.828,2.684,2.684,0,0,0-1.964.828,2.684,2.684,0,0,0-.828,1.964,2.684,2.684,0,0,0,.828,1.964A2.684,2.684,0,0,0,182-827.468Zm-8.052,10.455a1.892,1.892,0,0,1-1.4-.552,1.892,1.892,0,0,1-.552-1.4v-16.1a1.892,1.892,0,0,1,.552-1.4,1.892,1.892,0,0,1,1.4-.552h2.6V-840h1.039v2.987h8.961V-840h.909v2.987h2.6a1.892,1.892,0,0,1,1.4.552,1.892,1.892,0,0,1,.552,1.4v16.1a1.892,1.892,0,0,1-.552,1.4,1.892,1.892,0,0,1-1.4.552ZM182-830.26Zm0,12.338h0Z" transform="translate(-172 840)" fill="#5f6368"/> 213</svg></span>Client Management</a> 214 </li> 215 <li> 216 <a href="https://activecollab.com/features/budgeting-and-profitability"><span><svg xmlns="http://www.w3.org/2000/svg" width="22" height="14.485" viewB
216ox="0 0 22 14.485"> 217<path id="multiline_chart_24dp_5F6368_FILL0_wght100_GRAD0_opsz24" d="M117.667-717.515l-.606-.606L124.879-726l4.788,4.788,4.667-5.212a15,15,0,0,0-4.227-3.455,10.426,10.426,0,0,0-5.045-1.273,11.106,11.106,0,0,0-3.97.712,13.467,13.467,0,0,0-3.485,1.955l-.606-.606a13.622,13.622,0,0,1,3.742-2.136,12.116,12.116,0,0,1,4.318-.773,11.3,11.3,0,0,1,5.273,1.288,15.731,15.731,0,0,1,4.545,3.621l3.515-3.939.606.606-3.636,4.061a16.733,16.733,0,0,1,1.652,3.2,16.489,16.489,0,0,1,.955,3.53h-.848a16.81,16.81,0,0,0-.818-2.909,22.028,22.028,0,0,0-1.485-3.151l-5.152,5.7-4.788-4.788Z" transform="translate(-117 732)" fill="#5f6368"/> 218</svg></span>Budgeting and Profitability</a> 219 </li> 220 <li> 221 <a href="https://activecollab.com/features/invoicing-and-expense-tracking"><span><svg xmlns="http://www.w3.org/2000/svg" width="18.333" height="20" viewBox="0 0 18.333 20"> 222<path id="receipt_24dp_5F6368_FILL0_wght100_GRAD0_opsz24" d="M172-796v-20l1.429.952,1.548-.952,1.548.952,1.548-.952,1.548.952,1.548-.952,1.548.952,1.548-.952,1.548.952,1.548-.952,1.548.952,1.429-.952v20l-1.429-.952-1.548.952-1.548-.952-1.548.952-1.548-.952-1.548.952-1.548-.952-1.548.952-1.548-.952-1.548.952-1.548-.952Zm2.8-5.774h12.738v-.833H174.8Zm0-3.81h12.738v-.833H174.8Zm0-3.81h12.738v-.833H174.8Zm-1.964,11.845H189.5v-16.9H172.833Zm0-16.9v0Z" transform="translate(-172 816)" fill="#5f6368"/> 223</svg></span>Invoicing and Expense Tracking</a> 224 </li> 225 <li> 226 <a href="https://activecollab.com/features/reporting-and-dashboards"><span><svg xmlns="http://www.w3.org/2000/svg" width="22.351" height="20" viewBox="0 0 22.351 20"> 227<path id="table_chart_view_24dp_5F6368_FILL0_wght100_GRAD0_opsz24" d="M136.881-768l-.6-.6,7.143-7.143,4.167,4.167,6.161-6.161.6.6-6.756,6.756-4.167-4.167Zm-3.1-1.667a1.735,1.735,0,0,1-1.28-.506,1.735,1.735,0,0,1-.506-1.28v-14.762a1.735,1.735,0,0,1,.506-1.28,1.735,1.735,0,0,1,1.28-.506h14.762a1.735,1.735,0,0,1,1.28.506,1.735,1.735,0,0,1,.506,1.28v5h-17.5v9.762a.91.91,0,0,0,.3.655.91.91,0,0,0,.655.3Zm-.952-12.381H149.5v-4.167a.91.91,0,0,0-.3-.655.91.91,0,0,0-.655-.3H133.786a.91.91,0,0,0-.655.3.91.91,0,0,0-.3.655Zm0,0v0Z" transform="translate(-132 788)" fill="#5f6368"/> 228</svg></span>Reports and Dashboards</a> 229 </li> 230 <li> 231 <a href="https://activecollab.com/features/apps-and-integrations"><span><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"> 232<path id="apps_24dp_5F6368_FILL0_wght100_GRAD0_opsz24" d="M201.286-742a1.238,1.238,0,0,1-.908-.378,1.238,1.238,0,0,1-.378-.908,1.238,1.238,0,0,1,.378-.908,1.238,1.238,0,0,1,.908-.378,1.238,1.238,0,0,1,.908.378,1.238,1.238,0,0,1,.378.908,1.238,1.238,0,0,1-.378.908A1.238,1.238,0,0,1,201.286-742ZM209-742a1.238,1.238,0,0,1-.908-.378,1.238,1.238,0,0,1-.378-.908,1.238,1.238,0,0,1,.378-.908,1.238,1.238,0,0,1,.908-.378,1.238,1.238,0,0,1,.908.378,1.238,1.238,0,0,1,.378.908,1.238,1.238,0,0,1-.378.908A1.238,1.238,0,0,1,209-742Zm7.714,0a1.238,1.238,0,0,1-.908-.378,1.238,1.238,0,0,1-.378-.908,1.238,1.238,0,0,1,.378-.908,1.238,1.238,0,0,1,.908-.378,1.238,1.238,0,0,1,.908.378,1.238,1.238,0,0,1,.378.908,1.238,1.238,0,0,1-.378.908A1.238,1.238,0,0,1,216.714-742Zm-15.429-7.714a1.238,1.238,0,0,1-.908-.378A1.238,1.238,0,0,1,200-751a1.238,1.238,0,0,1,.378-.908,1.238,1.238,0,0,1,.908-.378,1.238,1.238,0,0,1,.908.378,1.238,1.238,0,0,1,.378.908,1.238,1.238,0,0,1-.378.908A1.238,1.238,0,0,1,201.286-749.714Zm7.714,0a1.238,1.238,0,0,1-.908-.378,1.238,1.238,0,0,1-.378-.908,1.238,1.238,0,0,1,.378-.908,1.238,1.238,0,0,1,.908-.378,1.238,1.238,0,0,1,.908.378,1.238,1.238,0,0,1,.378.908,1.238,1.238,0,0,1-.378.908A1.238,1.238,0,0,1,209-749.714Zm7.714,0a1.238,1.238,0,0,1-.908-.378,1.238,1.238,0,0,1-.378-.908,1.238,1.238,0,0,1,.378-.908,1.238,1.238,0,0,1,.908-.378,1.238,1.238,0,0,1,.908.378A1.238,1.238,0,0,1,218-751a1.238,1.238,0,0,1-.378.908A1.238,1.238,0,0,1,216.714-749.714Zm-15.429-7.714a1.238,1.238,0,0,1-.908-.378,1.238,1.238,0,0,1-.378-.908,1.238,1.238,0,0,1,.378-.908,1.238,1.238,0,0,1,.908-.378,1.238,1.238,0,0,1,.908.378,1.238,1.238,0,0,1,.378.908,1.238,1.238,0,0,1-.378.908A1.238,1.238,0,0,1,201.286-757.429Zm7.714,0a1.238,1.238,0,0,1-.908-.378,1.238,1.238,0,0,1-.378-.908,1.238,1.238,0,0,1,.378-.908A1.238,1.238,0,0,1,209-760a1.238,1.238,0,0,1,.908.378,1.238,1.238,0,0,1,.378.908,1.238,1.238,0,0,1-.378.908A1.238,1.238,0,0,1,209-757.429Zm7.714,0a1.238,1.238,0,0,1-.908-.378,1.238,1.238,0,0,1-.378-.908,1.238,1.238,0,0,1,.378-.908,1.238,1.238,0,0,1,.908-.378,1.238,1.238,0,0,1,.908.378,1.238,1.238,0,0,1,.378.908,1.238,1.238,0,0,1-.378.908A1.238,1.238,0,0,1,216.714-757.429Z" transform="translate(-200 760)" fill="#5f6368"/> 233</svg></span>Apps and Integrations</a> 234 </li> 235 <li> 236 <a href="https://activecollab.com/features"><span>â³</span>See All Features</a> 237 </li> 238 </ul> 239 </li> 240 <li><a href="https://activecollab.com/use-cases">Use Cases</a></li> 241 <li class="has-dropdown"> 242 <a href="#">Resources</a> 243 <!-- ac-dropdown-menu get an active class if clicked on parent a item --> 244 <ul class="ac-dropdown-menu -columns"> 245 <div class="transparent-background"></div> 246 <div class="nested-columns"> 247 <div class="column"> 248 <div class="subtitle">Explore</div> 249 250 <div class="links-wrapper"> 251 <li><a href="/help">Help & Support</a></li> 252 <li><a href="https://www.youtube.com/channel/UCY8sx38GYzZ203GkYkDpenA" target="_blank">ActiveCollab TV</a></li> 253 <li><a href="https://activecollab.com/whats-new">What's New</a></li> 254 <li><a href="https://activecollab.com/features/apps-and-integrations">Apps and Integrations</a></li> 255 </div> 256 </div> 257 <div class="column"> 258 <div class="subtitle">Learn</div> 259 260 <div class="links-wrapper"> 261 <li><a href="/blog">Blog</a></li> 262 <li><a href="https://activecollab.com/learn/project-management-101">Project Management 101</a></li> 263 <li><a href="https://activecollab.com/learn/project-management-methodologies">Project Mangement Methodologies</a></li> 264 <li><a href="/learn/glossary">Glossary</a></li> 265 </div> 266 </div> 267 </div> 268 <div class="column full-links"> 269 270 <a href="blog/customer-stories"> 271 <template class="show-when-ready"> 272 <img src="https://activecollab.com/upload/blog/843/cover.avif" alt="blog post cover" loading="lazy" /> 273 </template> 274 <noscript> 275 <img src="https://activecollab.com/upload/blog/843/cover.avif" alt="blog post cover" loading="lazy" /> 276 </noscript>
277 <span class="overlay"></span> 278 <span class="link-title">Customer Stories</span> 279 </a> 280 281 <a href="https://activecollab.com/blog/customer-stories/jos-buero"> 282 <template class="show-when-ready"> 283 <img src="https://activecollab.com/upload/blog/686/cover.avif" alt="blog post cover" loading="lazy" /> 284 </template> 285 <noscript> 286 <img src="https://activecollab.com/upload/blog/686/cover.avif" alt="blog post cover" loading="lazy" /> 287 </noscript> 288 <span class="overlay"></span> 289 <span class="link-title">ActiveCollab Integrated in a Design Agencyâs Process - Joâs Büro</span> 290 </a> 291 292 <a href="https://activecollab.com/blog/product/project-budget-intervals"> 293 <template class="show-when-ready"> 294 <img src="https://activecollab.com/upload/blog/669/cover.avif" alt="blog post cover" loading="lazy" /> 295 </template> 296 <noscript> 297 <img src="https://activecollab.com/upload/blog/669/cover.avif" alt="blog post cover" loading="lazy" /> 298 </noscript> 299 <span class="overlay"></span> 300 <span class="link-title">Budget Intervals for Enhanced Budget Management</span> 301 </a> 302 </div> 303 </ul> 304 </li> 305 <li><a href="https://activecollab.com/pricing">Pricing</a></li> 306 307 <!-- Mobile CTA --> 308 <div class="mobile-cta"> 309 <a href="https://activecollab.com/try" class="regular-btn regular-btn-small flex !items-center justify-center ml-2" data-action="trial-form">Sign Up</a> 310 <a href="/profile" data-action="log-in">Log In</a> 311 </div> 312 <!-- End of mobile CTA --> 313 </ul> 314 </div> 315 316 <div class="hidden header-cta !items-center gap-[1.3rem] absolute right-[1rem] pl-[20px] lg:flex "> 317 <a href="https://activecollab.com/book-a-demo" class="hover:underline font-suisse-regular" data-action="book-a-demo">Get a Demo</a> 318 <a href="/profile" class="hover:underline font-suisse-regular" data-action="log-in">Log In</a> 319 320 <a href="https://activecollab.com/try" class="hover:underline font-suisse-regular regular-btn regular-btn-small" data-action="trial-form">Sign Up</a> 321 </div> 322 323 <div class="burger-menu block lg:hidden"> 324 <button aria-label="Website Menu"> 325 <span></span> 326 <span></span> 327 </button> 328 </div> 329 </div> 330</nav> 331
332<script> 333 // Returning visitors: promote Log In to the primary CTA (CSS handles look + position). 334 (function () { 335 if (!window.visitorAccount.exists()) return; 336 337 var cta = document.querySelector('.header-cta'); 338 if (!cta) return; 339 340 var login = cta.querySelector('[data-action="log-in"]'); 341 var trial = cta.querySelector('[data-action="trial-form"]'); 342 if (!login || !trial) return; 343 344 trial.classList.remove('regular-btn', 'regular-btn-small'); 345 login.classList.add('regular-btn', 'regular-btn-small'); 346 })(); 347 348 const toggleDropdownAndRotateIcon = (event) => { 349 const listItem = event.target.closest(".c-navbar__list__item"); 350 const dropdown = listItem.querySelector(".c-navbar__dropdown"); 351 const allDropdowns = document.querySelectorAll(".c-navbar__dropdown.active"); 352 const shevron = listItem.querySelector(".shevron"); 353 const shevrons = document.querySelectorAll(".shevron"); 354 const links = document.querySelectorAll(".c-navbar__list__link"); 355 356 if (dropdown) { 357 dropdown.classList.toggle("active"); 358 shevrons.forEach((shevron) => { 359 shevron.style.transform = "rotate(0deg)"; 360 const childElement = shevron.querySelector(".stroke-path"); 361 if (childElement) { 362 childElement.style.stroke = ""; 363 } 364 }); 365 366 const link = listItem.querySelector(".c-navbar__list__link"); 367 const linkText = link.textContent.toLowerCase().replace(/\s+/g, "-"); 368 const url = window.location.href.toLowerCase(); 369 const isTextInURL = url.includes(linkText); 370 371 links.forEach((otherLink) => { 372 const otherLinkText = otherLink.textContent.toLowerCase().replace(/\s+/g, "-"); 373 const isOtherLinkTextInURL = url.includes(otherLinkText); 374 if (isOtherLinkTextInURL) { 375 otherLink.classList.add("active-link"); 376 } else { 377 otherLink.classList.remove("active-link"); 378 } 379 }); 380 381 if (dropdown.classList.contains("active")) { 382 shevron.style.transform = "rotate(180deg)"; 383 const childElement = shevron.querySelector(".stroke-path"); 384 if (childElement) { 385 childElement.style.stroke = "var(--brand-primary-base)"; 386 } 387 if (!isTextInURL) { 388 link.classList.add("active-link"); 389 } 390 } else { 391 if (isTextInURL) { 392 link.classList.add("active-link"); 393 } else { 394 link.classList.remove("active-link"); 395 } 396 } 397 } 398 399 allDropdowns.forEach((dropdown) => { 400 dropdown.classList.remove("active"); 401 }); 402 }; 403 404 const closeDropdowns = (event) => { 405 const navbar = document.querySelector(".c-navbar"); 406 const dropdowns = document.querySelectorAll(".c-navbar__dropdown"); 407 const shevrons = document.querySelectorAll(".shevron"); 408 409 if (!navbar.contains(event.target)) { 410 dropdowns.forEach((dropdown) => { 411 dropdown.classList.remove("active"); 412 }); 413 shevrons.forEach((shevron) => { 414 shevron.style.transform = "rotate(0deg)"; 415 const childElement = shevron.querySelector(".stroke-path"); 416 if (childElement) { 417 childElement.style.stroke = ""; 418 } 419 }); 420 const links = document.querySelectorAll(".c-navbar__list__link"); 421 links.forEach((link) => { 422 link.classList.remove("active-link"); 423 }); 424 } 425 }; 426 427 const listItems = document.querySelectorAll(".c-navbar__list__item"); 428 429 listItems.forEach((item) => { 430 item.addEventListener("click", toggleDropdownAndRotateIcon); 431 }); 432 433 // document.addEventListener("click", closeDropdowns); 434 435 document.addEventListener("DOMContentLoaded", () => { 436 let menuOpen = false; 437 // const svgElement = document.querySelector("#hamburger"); 438 const navbarMobile = document.querySelector(".c-navbar-mobile"); 439 const fixedWrapper = document.querySelector(".fixed"); 440 const navBar = document.querySelector(".c-navbar.c-navbar--mobile"); 441 const dropdowns = document.querySelectorAll(".c-navbar__dropdown"); 442 const shevrons = document.querySelectorAll(".shevron"); 443 const featureItems = document.querySelectorAll("li.c-navbar-mobile__item.pointer"); 444 445 // svgElement.addEventListener("click", () => { 446 // navbarMobile.classList.toggle("active-flex"); 447 // fixedWrapper.classList.toggle("h-full"); 448 // navBar.classList.toggle("bg-light-1"); 449 450 // if (fixedWrapper.classList.contains("h-full")) { 451 // menuOpen = true; 452 // } else { 453 // menuOpen = false;
454 455 // if (!menuOpen) { 456 // featureItems.forEach((item) => { 457 // const divParent = item.nextElementSibling; 458 // const childrenHeight = divParent.children[0].scrollHeight; 459 460 // item.children[1].style.transform = "rotate(0deg)"; 461 // divParent.style.transition = "all 300ms ease"; 462 // divParent.style.maxHeight = "0px"; 463 // divParent.style.marginTop = "0px"; 464 // }); 465 // } 466 // } 467 468 // }); 469 }); 470 471 function findClosestShevron(linkElement, shevrons) { 472 let closestShevron = null; 473 let minDistance = Infinity; 474 475 const linkRect = linkElement.getBoundingClientRect(); 476 477 shevrons.forEach((shevron) => { 478 const shevronRect = shevron.getBoundingClientRect(); 479 const distance = Math.abs(linkRect.left - shevronRect.left); 480 if (distance < minDistance) { 481 minDistance = distance; 482 closestShevron = shevron; 483 } 484 }); 485 486 return closestShevron; 487 } 488 489 490 // collapsing item 491 const featureItems = document.querySelectorAll("li.c-navbar-mobile__item.pointer"); 492 493 featureItems.forEach(function(item) { 494 item.addEventListener("click", function() { 495 496 const divParent = item.nextElementSibling; 497 const childrenHeight = item.nextElementSibling.children[0].scrollHeight; 498 499 item.children[1].style.transform = divParent.clientHeight === 0 ? "rotate(180deg)" : "rotate(0deg)"; 500 501 // const parentElement = item.nextElementSibling.parentElement; 502 if (divParent && divParent.tagName.toLowerCase() === "div") { 503 // divParent.classList.toggle('max-height'); 504 divParent.style.transition = "all 300ms ease"; 505 divParent.style.maxHeight = divParent.clientHeight === 0 ? childrenHeight + "px" : "0px"; 506 divParent.style.marginTop = divParent.clientHeight === 0 ? "1rem" : "0px"; 507 } 508 509 510 }); 511 }); 512 513 514 window.addEventListener("DOMContentLoaded", () => { 515 const links = document.querySelectorAll(".c-navbar__list__link"); 516 const shevrons = document.querySelectorAll(".shevron"); 517 const url = window.location.href.toLowerCase(); 518 519 links.forEach((link) => { 520 const linkText = link.textContent.toLowerCase().replace(/\s+/g, "-"); 521 const isTextInURL = url.includes(linkText); 522 if (isTextInURL) { 523 link.classList.add("active-link"); 524 } else { 525 link.classList.remove("active-link"); 526 } 527 }); 528 529 shevrons.forEach((shevron) => { 530 const link = shevron.closest(".c-navbar__list__link"); 531 if (link) { 532 const linkText = link.textContent.toLowerCase().replace(/\s+/g, "-"); 533 const isTextInURL = url.includes(linkText); 534 if (isTextInURL) { 535 shevron.style.transform = "rotate(180deg)"; 536 const childElement = shevron.querySelector(".stroke-path"); 537 if (childElement) { 538 childElement.style.stroke = "var(--brand-primary-base)"; 539 } 540 } 541 } 542 }); 543 }); 544 545 546 const header = document.getElementById("sticky-header"); 547 const allDropdowns = document.querySelectorAll(".c-navbar__dropdown"); 548 549 let lastScrollTop = 0; 550 551 // window.addEventListener("scroll", () => { 552 // const scrollTop = window.pageYOffset || document.documentElement.scrollTop; 553 // const scrollHeight = document.documentElement.scrollHeight; 554 // const clientHeight = document.documentElement.clientHeight; 555 556 // const maxScroll = scrollHeight - clientHeight; 557 558 // if (scrollTop > lastScrollTop && scrollTop >= 300 || scrollTop >= maxScroll) { 559 // header.style.top = "-100px"; 560 // header.classList.add('scrolled'); 561 // header.style.transition = "all 300ms ease-in-out"; 562 // allDropdowns.forEach((i) => { 563 // i.style.top = "-1000%"; 564 // i.style.transition = "all 300ms ease-in-out"; 565 // }); 566 // } else { 567 // header.style.top = "0px"; 568 // header.classList.remove('scrolled'); 569 // header.style.transition = "all 400ms ease-in-out"; 570 // allDropdowns.forEach((i) => { 571 // i.style.top = "100%"; 572 // }); 573 574 // } 575 // lastScrollTop = scrollTop; 576 // }); 577 // provide keyboard accessibility to a non-anchor element
578 const customLink = document.getElementById("custom-link"); 579 580 if (customLink) { 581 customLink.addEventListener("keydown", function(event) { 582 if (event.key === "Enter" || event.key === " ") { 583 // Perform the action you want, e.g., navigate to a URL 584 585 } 586 }); 587 } 588 589 const disabledLinks = document.querySelectorAll(".disabled-link"); 590 if (disabledLinks.length > 0) { 591 disabledLinks.forEach(function(link) { 592 link.setAttribute("aria-disabled", "true"); 593 link.addEventListener("click", function(event) { 594 event.preventDefault(); 595 link.blur(); 596 }); 597 }); 598 } 599 600 601 const blogCategoriesPopup = document.getElementById("popup-blog-categories"); 602 603 if (blogCategoriesPopup) { 604 blogCategoriesPopup.style.left = "50%"; 605 } 606 607 // we need to handle appearance and dissapearance of intercom banner on top of the page 608 const nav_selector = 'nav.ac-navbar'; 609 const intercom_banner_selector = '#intercom-container iframe[name="intercom-banner-frame"]'; 610 const fallback_banner_height = 48; 611 const check_duration_ms = 5000; 612 const check_interval_ms = 100; 613 614 (function () { 615 const nav = document.querySelector(nav_selector); 616 if (!nav) return; 617 618 const base_top = parseFloat(getComputedStyle(nav).top) || 0; 619 let last_offset = -1; 620 621 function get_banner() { 622 return document.querySelector(intercom_banner_selector); 623 } 624 625 function measure_banner_height() { 626 const el = get_banner(); 627 if (!el || !document.contains(el)) return 0; 628 const h = el.offsetHeight || el.getBoundingClientRect().height || 0; 629 return h > 0 ? Math.round(h) : 0; 630 } 631 632 function apply_offset(px) { 633 if (px === last_offset) return; 634 last_offset = px; 635 nav.style.top = (base_top + px) + 'px'; 636 } 637 638 function measure_continue_bar_height() { 639 const bar = document.getElementById('ac-continue-bar'); 640 if (!bar || bar.classList.contains('hidden')) return 0; 641 return Math.round(bar.getBoundingClientRect().height) || 0; 642 } 643 644 function update_once() { 645 let h = measure_banner_height(); 646 if (h === 0 && get_banner()) h = fallback_banner_height; 647 apply_offset(h + measure_continue_bar_height()); 648 } 649 650 // Place the navbar below the continue bar before the first paint, with the 651 // transition off, so it does not visibly slide down when the bar is shown. 652 // Later intercom-banner changes still animate normally. 653 const previous_transition = nav.style.transition; 654 nav.style.transition = 'none'; 655 update_once(); 656 void nav.offsetHeight; 657 nav.style.transition = previous_transition; 658 659 const start = Date.now(); 660 const interval_id = setInterval(() => { 661 update_once(); 662 if (Date.now() - start >= check_duration_ms) clearInterval(interval_id); 663 }, check_interval_ms); 664 665 const mo = new MutationObserver(() => { 666 update_once(); 667 const end_at = performance.now() + 1000; 668 function tick() { 669 update_once(); 670 if (performance.now() < end_at) requestAnimationFrame(tick); 671 } 672 requestAnimationFrame(tick); 673 }); 674 mo.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style','class'] }); 675 676 if (document.readyState === 'loading') { 677 document.addEventListener('DOMContentLoaded', update_once, { once: true }); 678 } else { 679 update_once(); 680 } 681 })(); 682</script>
682 683<!-- HEADER END --> <main class="ac-main"> 684 <section class="mt-[5rem] md:mt-[9rem]"> 685 <div class="container mx-auto"> 686 <div class="grid grid-cols-12 gap-16"> 687 <div class="col-span-12 md:col-span-12 md:col-start-1"> 688 <h1 class="text-center md:text-left font-size-40 font-suisse-bold mb-2"> 689 ActiveCollab Blog </h1> 690 691 <div id="blog_menu" class="flex items-start border-b border-black border-solid min-h-[55px] text-sm font-suisse-regular"> 692 <ul id="blog_menu_visible_items" class="flex overflow-x-auto md:overflow-hidden" style="max-width: 100%;"> 693 <li class="pr-2"> 694 <a href="/blog" class="block whitespace-nowrap min-w-max hover:text-primary pt-[0.75rem] pb-[1rem] text-primary border-b-[3px] border-black border-solid"> 695 All Articles </a> 696 </li> 697 <li class="pr-2"> 698 <a href="blog/product" class="block whitespace-nowrap min-w-max hover:text-primary pt-[0.75rem] pb-[1rem] "> 699 Product </a> 700 </li> 701 <li class="pr-2"> 702 <a href="blog/collaboration" class="block whitespace-nowrap min-w-max hover:text-primary pt-[0.75rem] pb-[1rem] "> 703 Team Collaboration </a> 704 </li> 705 <li class="pr-2"> 706 <a href="blog/project-management" class="block whitespace-nowrap min-w-max hover:text-primary pt-[0.75rem] pb-[1rem] "> 707 Project Management </a> 708 </li> 709 <li class="pr-2"> 710 <a href="blog/growth" class="block whitespace-nowrap min-w-max hover:text-primary pt-[0.75rem] pb-[1rem] "> 711 Growth </a> 712 </li> 713 <li class="pr-2"> 714 <a href="blog/marketing" class="block whitespace-nowrap min-w-max hover:text-primary pt-[0.75rem] pb-[1rem] "> 715 Marketing </a> 716 </li> 717 <li class="pr-2"> 718 <a href="blog/design" class="block whitespace-nowrap min-w-max hover:text-primary pt-[0.75rem] pb-[1rem] "> 719 Design </a> 720 </li> 721 <li class="pr-2"> 722 <a href="blog/labs" class="block whitespace-nowrap min-w-max hover:text-primary pt-[0.75rem] pb-[1rem] "> 723 Labs </a> 724 </li> 725 <li class="pr-2"> 726 <a href="blog/customer-stories" class="block whitespace-nowrap min-w-max hover:text-primary pt-[0.75rem] pb-[1rem] "> 727 Customer Stories </a> 728 </li> 729 <li class="pr-2"> 730 <a href="blog/culture" class="block whitespace-nowrap min-w-max hover:text-primary pt-[0.75rem] pb-[1rem] "> 731 Culture </a> 732 </li> 733 <li class="pr-2"> 734 <a href="blog/recaps" class="block whitespace-nowrap min-w-max hover:text-primary pt-[0.75rem] pb-[1rem] "> 735 Recaps </a> 736 </li> 737 <li class="pr-2"> 738 <a href="blog/productivity" class="block whitespace-nowrap min-w-max hover:text-primary pt-[0.75rem] pb-[1rem] "> 739 Productivity </a> 740 </li> 741 <li class="pr-2"> 742 <a href="blog/compare" class="block whitespace-nowrap min-w-max hover:text-primary pt-[0.75rem] pb-[1rem] "> 743 Compare </a> 744 </li> 745 </ul> 746 <div id="blog_menu_more_wrapper" class="hidden md:block shrink-0 self-start relative">
747 <span id="blog_menu_dropdown_toggle" class="block pt-[0.75rem] pb-[1rem] min-w-max whitespace-nowrap hover:text-primary cursor-pointer border-b-[3px] border-transparent"> 748 <span class="flex items-center gap-[0.25rem]"> 749 Other Topics 750 <svg width="12" height="7" xmlns="http://www.w3.org/2000/svg"> 751 <path d="M1.5 1.25 6 5.75l4.5-4.5" stroke="#000" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round" /> 752 </svg> 753 </span> 754 </span> 755 <div id="blog_menu_dropdown_menu" class="hidden absolute top-full mt-[3px] w-[300px] z-[1] rounded-b-2xl overflow-hidden" style="left: 0"> 756 <div class="bg-[rgba(245,245,245,0.8)] backdrop-blur-[10px] absolute inset-0 z-0 pointer-events-none rounded-b-2xl"></div> 757 <ul class="relative z-[1] p-2 space-y-1 text-sm font-suisse-regular border border-black border-solid rounded-b-2xl bg-transparent"></ul> 758 </div> 759 </div> 760 </div> 761 </div> 762 </div> 763 </div> 764 </section> 765 766
766<script> 767 const blog_menu = document.getElementById("blog_menu"); 768 const visible_wrapper = document.getElementById("blog_menu_visible_items"); 769 const dropdown_menu = document.querySelector("#blog_menu_dropdown_menu ul"); 770 const dropdown_toggle = document.getElementById("blog_menu_dropdown_toggle"); 771 const more_wrapper = document.getElementById("blog_menu_more_wrapper"); 772 const dropdown_menu_container = document.getElementById("blog_menu_dropdown_menu"); 773 774 function adjust_menu() { 775 const is_mobile = window.innerWidth < 768; 776 777 Array.from(dropdown_menu.querySelectorAll("li")).forEach(li => visible_wrapper.appendChild(li)); 778 dropdown_menu.innerHTML = ""; 779 780 const all_items = Array.from(visible_wrapper.querySelectorAll("li")); 781 782 if (is_mobile) { 783 visible_wrapper.style.maxWidth = "100%"; 784 dropdown_toggle.style.display = "none"; 785 dropdown_menu_container.classList.add("hidden"); 786 return; 787 } 788 789 const container_width = blog_menu.offsetWidth; 790 const max_visible_width = container_width * 0.7; 791 visible_wrapper.style.maxWidth = `${max_visible_width}px`; 792 more_wrapper.style.display = "block"; 793 794 let used_width = 0; 795 let overflow = false; 796 797 for (let i = 0; i < all_items.length; i++) { 798 const item = all_items[i]; 799 const style = getComputedStyle(item); 800 const padding_right = parseFloat(style.paddingRight || 0);
801 const margin_right = parseFloat(style.marginRight || 0); 802 const item_width = item.offsetWidth + padding_right + margin_right; 803 804 if (used_width + item_width > max_visible_width) { 805 const link = item.querySelector("a"); 806 link.classList.remove("border-b-[3px]", "border-black", "border-solid", "pb-[1rem]", "pr-2"); 807 link.classList.add("pt-[0.75rem]", "pb-[0.75rem]", "pr-0"); 808 dropdown_menu.appendChild(item); 809 overflow = true; 810 } else { 811 used_width += item_width; 812 } 813 } 814 815 dropdown_toggle.style.display = overflow ? "flex" : "none"; 816 blog_menu.classList.remove("invisible", "opacity-0"); 817 } 818 819 function handle_dropdown_toggle_click() { 820 dropdown_menu_container.classList.toggle("hidden"); 821 if (!dropdown_menu_container.classList.contains("hidden")) { 822 const offset = dropdown_toggle.offsetLeft + (dropdown_toggle.offsetWidth / 2) - (dropdown_menu_container.offsetWidth / 2); 823 dropdown_menu_container.style.left = `${offset}px`; 824 } 825 } 826 827 function handle_document_click(event) { 828 if (!dropdown_toggle.contains(event.target) && !dropdown_menu_container.contains(event.target)) { 829 dropdown_menu_container.classList.add("hidden"); 830 } 831 } 832 833 requestAnimationFrame(adjust_menu); 834 window.addEventListener("resize", () => requestAnimationFrame(adjust_menu)); 835 dropdown_toggle.addEventListener("click", handle_dropdown_toggle_click); 836 document.addEventListener("click", handle_document_click); 837 </script>
837 838 839 <section> 840 <div class="container mx-auto"> 841 <div class="grid grid-cols-12 gap-16"> 842 <div class="col-span-12 md:col-span-12 md:col-start-1"> 843 <p class="italic text-sm sm:text-xl leading-snug mt-[1.5rem] text-gray-text text-center md:text-left md:max-w-[80%]"> 844 Ideas, insights, and inside looks at how modern teams collaborate, manage work, and scale smarter â with a dash of product updates and stories from the trenches </p> 845 846 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-x-3 gap-y-4 my-4"> 847 <article class=""> 848 <a href="https://activecollab.com/blog/recaps/activecollab-summer-recap-2026" class="mb-2 w-full"> 849 <img 850 src="https://activecollab.com/upload/blog/983/cover-summer-2026.webp" 851 srcset="" 852 alt="An ActiveCollab task assigned to three people, each with their own hourly estimate and job type" 853 title="Multiple assignees with estimates" 854 loading="lazy" class="rounded-3xl min-w-full" 855/> </a> 856 857 <h2 class="font-suisse-bold text-lg leading-normal px-2 mb-1"> 858 <a class="hover:underline" href="https://activecollab.com/blog/recaps/activecollab-summer-recap-2026"> 859 Summer Recap 2026: Multiple assignees, GitHub and GitLab integration, and new desktop apps </a> 860 </h2> 861 862 <p class="text-sm leading-normal mt-1 px-2">Hello everyone,Yesterday was the first day that I had to wear long sleeves in the evening. That's a good reminder that the summer is over, and it is time to look back at what shipped since our last recap.It was a busy season, and we have a lot to show for it: Better access for AI agents through MCP Multiple ...</p> 863 864 <p class="text-xs px-2 text-gray-text leading-normal flex gap-1 mt-2"> 865 <span class="max-w-[40%] overflow-hidden"> 866 <a href="https://activecollab.com/blog/recaps" class="block truncate whitespace-nowrap text-inherit hover:underline"> 867 Recaps </a> 868 </span> 869 <span>â¢</span> 870 <span class="whitespace-nowrap"> 871 <time datetime="2026-09-17 15:16:00"> 872 Sep 17, 2026 </time> 873 </span> 874 <span>â¢</span> 875 <span class="whitespace-nowrap">6 min read</span> 876 </p> 877</article> <article class=""> 878 <a href="https://activecollab.com/blog/recaps/activecollab-monthly-updates-march-2026" class="mb-2 w-full"> 879 <img 880 src="https://activecollab.com/upload/blog/981/ActiveCollab-Recap-March-2026.webp" 881 srcset="" 882 alt="March Recap: MCP Server and improved Cost Summary Report: cover image" 883 title="March Recap: MCP Server and improved Cost Summary Report: cover image" 884 loading="lazy" class="rounded-3xl min-w-full" 885/> </a> 886 887 <h2 class="font-suisse-bold text-lg leading-normal px-2 mb-1"> 888 <a class="hover:underline" href="https://activecollab.com/blog/recaps/activecollab-monthly-updates-march-2026"> 889 March Recap: MCP Server and improved Cost Summary Report </a> 890 </h2> 891 892 <p class="text-sm leading-normal mt-1 px-2">Hello, everyone! Welcome to ActiveCollabâs latest updates! In February, we worked on the Capacity and Utilization report, the Add-Ons section, API tokens, and several other things.This month, weâre bringing you one major and one smaller update:MCP Server,Better Cost Summary Report.Letâs take a ...</p> 893 894 <p class="text-xs px-2 text-gray-text leading-normal flex gap-1 mt-2"> 895 <span class="max-w-[40%] overflow-hidden"> 896 <a href="https://activecollab.com/blog/recaps" class="block truncate whitespace-nowrap text-inherit hover:underline"> 897 Recaps </a> 898 </span> 899 <span>â¢</span> 900 <span class="whitespace-nowrap"> 901 <time datetime="2026-04-01 09:29:00"> 902 Apr 1, 2026 </time> 903 </span> 904 <span>â¢</span> 905 <span class="whitespace-nowrap">3 min read</span> 906 </p> 907</article> <article class=""> 908 <a href="https://activecollab.com/blog/recaps/activecollab-monthly-updates-february-2026" class="mb-2 w-full"> 909 <img 910 src="https://activecollab.com/upload/blog/979/ActiveCollab-Recaps-February-2026.webp" 911 srcset="" 912 alt="February Recap: Capacity and Utilization report, revamped Add-Ons, API tokens, and QoL improvements: cover image" 913 title="February Recap: Capacity and Utilization report, revamped Add-Ons, API tokens, and QoL improvements: cover image" 914 loading="lazy" class="rounded-3xl min-w-full" 915/> </a> 916 917 <h2 class="font-suisse-bold text-lg leading-normal px-2 mb-1"> 918 <a class="hover:underline" href="https://activecollab.com/blog/recaps/activecollab-monthly-updates-february-2026"> 919 February Recap: Capacity and Utilization report, revamped Add-Ons, API tokens, and QoL improvements </a> 920 </h2> 921 922 <p class="text-sm leading-normal mt-1 px-2">Hello, everyone! Welcome to ActiveCollabâs latest updates! In January, we worked on ActiveCollab self-hosted 8 updates, better Invoices and Payments reports, and an improved client payment interface.February was equally exciting, with:new Capacity and Utilization report,redesigned Add-Ons section,better ...</p> 923 924 <p class="text-xs px-2 text-gray-text leading-normal flex gap-1 mt-2"> 925 <span class="max-w-[40%] overflow-hidden"> 926 <a href="https://activecollab.com/blog/recaps" class="block truncate whitespace-nowrap text-inherit hover:underline"> 927 Recaps </a> 928 </span>
929 <span>â¢</span> 930 <span class="whitespace-nowrap"> 931 <time datetime="2026-03-06 09:40:00"> 932 Mar 6, 2026 </time> 933 </span> 934 <span>â¢</span> 935 <span class="whitespace-nowrap">2 min read</span> 936 </p> 937</article> <article class=""> 938 <a href="https://activecollab.com/blog/compare/best-teamwork-alternatives" class="mb-2 w-full"> 939 <img 940 src="https://activecollab.com/upload/blog/977/Teamwork-alternatives-cover.webp" 941 srcset="" 942 alt="best teamwork alternatives in 2026 featured image" 943 title="best teamwork alternatives in 2026 featured image" 944 loading="lazy" class="rounded-3xl min-w-full" 945/> </a> 946 947 <h2 class="font-suisse-bold text-lg leading-normal px-2 mb-1"> 948 <a class="hover:underline" href="https://activecollab.com/blog/compare/best-teamwork-alternatives"> 949 5 Best Teamwork Alternatives for Agencies in 2026 </a> 950 </h2> 951 952 <p class="text-sm leading-normal mt-1 px-2">Teamwork is capable, but some agencies need a different workflow vibe. These 5 alternatives bring clearer tasks, smoother collaboration, and less friction â so your team actually gets stuff done instead of wrestling with the tool.</p> 953 954 <p class="text-xs px-2 text-gray-text leading-normal flex gap-1 mt-2"> 955 <span class="max-w-[40%] overflow-hidden"> 956 <a href="https://activecollab.com/blog/compare" class="block truncate whitespace-nowrap text-inherit hover:underline"> 957 Compare </a> 958 </span> 959 <span>â¢</span> 960 <span class="whitespace-nowrap"> 961 <time datetime="2026-02-24 10:01:00"> 962 Feb 24, 2026 </time> 963 </span> 964 <span>â¢</span> 965 <span class="whitespace-nowrap">9 min read</span> 966 </p> 967</article> <article class=""> 968 <a href="https://activecollab.com/blog/compare/activecollab-vs-teamwork" class="mb-2 w-full"> 969 <img 970 src="https://activecollab.com/upload/blog/975/activecollab-vs-teamwork-featured-image.webp" 971 srcset="" 972 alt="activecollab vs teamwork featured image" 973 title="activecollab-vs-teamwork-featured-image.webp" 974 loading="lazy" class="rounded-3xl min-w-full" 975/> </a> 976 977 <h2 class="font-suisse-bold text-lg leading-normal px-2 mb-1"> 978 <a class="hover:underline" href="https://activecollab.com/blog/compare/activecollab-vs-teamwork"> 979 ActiveCollab vs Teamwork: What's a better pick for agencies? </a> 980 </h2> 981 982 <p class="text-sm leading-normal mt-1 px-2">ActiveCollab focuses on built-in agency workflows and client ops; Teamwork leans into flexible project structure and detailed task management. Pick the one that actually fits how your team works â not the one with the flashiest features.</p> 983 984 <p class="text-xs px-2 text-gray-text leading-normal flex gap-1 mt-2"> 985 <span class="max-w-[40%] overflow-hidden"> 986 <a href="https://activecollab.com/blog/compare" class="block truncate whitespace-nowrap text-inherit hover:underline"> 987 Compare </a> 988 </span> 989 <span>â¢</span> 990 <span class="whitespace-nowrap"> 991 <time datetime="2026-02-17 10:45:00"> 992 Feb 17, 2026 </time> 993 </span> 994 <span>â¢</span> 995 <span class="whitespace-nowrap">9 min read</span> 996 </p> 997</article> <article class=""> 998 <a href="https://activecollab.com/blog/compare/best-monday-alternatives" class="mb-2 w-full"> 999 <img 1000 src="https://activecollab.com/upload/blog/973/best-monday-alternatives-featured-image.webp" 1001 srcset="" 1002 alt="best monday alternatives featured image" 1003 title="best monday alternatives featured image" 1004 loading="lazy" class="rounded-3xl min-w-full" 1005/> </a> 1006 1007 <h2 class="font-suisse-bold text-lg leading-normal px-2 mb-1"> 1008 <a class="hover:underline" href="https://activecollab.com/blog/compare/best-monday-alternatives"> 1009 5 Best Monday alternatives in 2026 for agency work </a> 1010 </h2> 1011 1012 <p class="text-sm leading-normal mt-1 px-2">Monday does a lot, but for workflow and project management in 2026, some tools hit the sweet spot between power and simplicity. These 5 alternatives help teams stay organized without overcomplicating their processes.</p> 1013 1014 <p class="text-xs px-2 text-gray-text leading-normal flex gap-1 mt-2"> 1015 <span class="max-w-[40%] overflow-hidden"> 1016 <a href="https://activecollab.com/blog/compare" class="block truncate whitespace-nowrap text-inherit hover:underline"> 1017 Compare </a> 1018 </span>
1019 <span>â¢</span> 1020 <span class="whitespace-nowrap"> 1021 <time datetime="2026-02-16 09:24:00"> 1022 Feb 16, 2026 </time> 1023 </span> 1024 <span>â¢</span> 1025 <span class="whitespace-nowrap">11 min read</span> 1026 </p> 1027</article> <article class=""> 1028 <a href="https://activecollab.com/blog/recaps/activecollab-monthly-updates-january-2026" class="mb-2 w-full"> 1029 <img 1030 src="https://activecollab.com/upload/blog/971/ActiveCollab-Recaps---January-2026.webp" 1031 srcset="" 1032 alt="January Recap: ActiveCollab self-hosted 8, Invoices and Payments reports, improved client payment interface: cover image" 1033 title="January Recap: ActiveCollab self-hosted 8, Invoices and Payments reports, improved client payment interface: cover image" 1034 loading="lazy" class="rounded-3xl min-w-full" 1035/> </a> 1036 1037 <h2 class="font-suisse-bold text-lg leading-normal px-2 mb-1"> 1038 <a class="hover:underline" href="https://activecollab.com/blog/recaps/activecollab-monthly-updates-january-2026"> 1039 January Recap: ActiveCollab self-hosted 8, Invoices and Payments reports, improved client payment interface </a> 1040 </h2> 1041 1042 <p class="text-sm leading-normal mt-1 px-2">Hello, everyone! Welcome to ActiveCollabâs latest updates! In December, we worked on many things, including task estimate splitting, project templates, the Invoices report, and ActiveCollab self-hosted version 8.January was equally busy for our team. We delivered:a new batch of ActiveCollab self-hosted ...</p> 1043 1044 <p class="text-xs px-2 text-gray-text leading-normal flex gap-1 mt-2"> 1045 <span class="max-w-[40%] overflow-hidden"> 1046 <a href="https://activecollab.com/blog/recaps" class="block truncate whitespace-nowrap text-inherit hover:underline"> 1047 Recaps </a> 1048 </span> 1049 <span>â¢</span> 1050 <span class="whitespace-nowrap"> 1051 <time datetime="2026-02-04 08:31:00"> 1052 Feb 4, 2026 </time> 1053 </span> 1054 <span>â¢</span> 1055 <span class="whitespace-nowrap">2 min read</span> 1056 </p> 1057</article> <article class=""> 1058 <a href="https://activecollab.com/blog/compare/best-trello-alternatives" class="mb-2 w-full"> 1059 <img 1060 src="https://activecollab.com/upload/blog/965/best-trello-alternatives-featured-image.webp" 1061 srcset="" 1062 alt="best trello alternatives featured image" 1063 title="best-trello-alternatives-featured-image.webp" 1064 loading="lazy" class="rounded-3xl min-w-full" 1065/> </a> 1066 1067 <h2 class="font-suisse-bold text-lg leading-normal px-2 mb-1"> 1068 <a class="hover:underline" href="https://activecollab.com/blog/compare/best-trello-alternatives"> 1069 6 Best Trello Alternatives in 2026 for marketing teams </a> 1070 </h2> 1071 1072 <p class="text-sm leading-normal mt-1 px-2">Trello is simple, but marketing teams often need more structure, automation, and insight. These 6 alternatives give you better workflows, deeper collaboration, and fewer workarounds â so campaigns run smoother and nothing slips through the cracks in 2026.</p> 1073 1074 <p class="text-xs px-2 text-gray-text leading-normal flex gap-1 mt-2"> 1075 <span class="max-w-[40%] overflow-hidden"> 1076 <a href="https://activecollab.com/blog/compare" class="block truncate whitespace-nowrap text-inherit hover:underline"> 1077 Compare </a> 1078 </span> 1079 <span>â¢</span> 1080 <span class="whitespace-nowrap"> 1081 <time datetime="2026-02-02 15:58:00"> 1082 Feb 2, 2026 </time> 1083 </span> 1084 <span>â¢</span> 1085 <span class="whitespace-nowrap">12 min read</span> 1086 </p> 1087</article> <article class=""> 1088 <a href="https://activecollab.com/blog/product/discover-activecollab-self-hosted-8" class="mb-2 w-full"> 1089 <img 1090 src="https://activecollab.com/upload/blog/963/ActiveCollab-Self-Hosted-8.webp" 1091 srcset="" 1092 alt="ActiveCollab Self-Hosted 8: Cover image" 1093 title="ActiveCollab Self-Hosted 8: Cover image" 1094 loading="lazy" class="rounded-3xl min-w-full" 1095/> </a> 1096 1097 <h2 class="font-suisse-bold text-lg leading-normal px-2 mb-1"> 1098 <a class="hover:underline" href="https://activecollab.com/blog/product/discover-activecollab-self-hosted-8"> 1099 Control and manage your entire business with ActiveCollab Self-Hosted 8 </a> 1100 </h2> 1101 1102 <p class="text-sm leading-normal mt-1 px-2">Whatâs new since the 8.0 releaseTwo updates have landed for self-hosted installs since this post first went out.Two-factor authentication. Your team can now switch on a second step at login. ActiveCollab emails a one-time code, and each person also gets a set of backup codes for the times they cannot ...</p> 1103 1104 <p class="text-xs px-2 text-gray-text leading-normal flex gap-1 mt-2"> 1105 <span class="max-w-[40%] overflow-hidden"> 1106 <a href="https://activecollab.com/blog/product" class="block truncate whitespace-nowrap text-inherit hover:underline"> 1107 Product </a> 1108 </span>
1109 <span>â¢</span> 1110 <span class="whitespace-nowrap"> 1111 <time datetime="2026-09-03 15:55:42"> 1112 Sep 3, 2026 </time> 1113 </span> 1114 <span>â¢</span> 1115 <span class="whitespace-nowrap">5 min read</span> 1116 </p> 1117</article> <article class=""> 1118 <a href="https://activecollab.com/blog/recaps/activecollab-monthly-updates-december-2025" class="mb-2 w-full"> 1119 <img 1120 src="https://activecollab.com/upload/blog/961/ActiveCollab-Recaps-December-2025.webp" 1121 srcset="" 1122 alt="December Recap: task estimate splitting, project templates, Invoices report, and ActiveCollab self-hosted version 8: cover image" 1123 title="December Recap: task estimate splitting, project templates, Invoices report, and ActiveCollab self-hosted version 8: cover image" 1124 loading="lazy" class="rounded-3xl min-w-full" 1125/> </a> 1126 1127 <h2 class="font-suisse-bold text-lg leading-normal px-2 mb-1"> 1128 <a class="hover:underline" href="https://activecollab.com/blog/recaps/activecollab-monthly-updates-december-2025"> 1129 December Recap: task estimate splitting, project templates, Invoices report, and ActiveCollab self-hosted version 8 </a> 1130 </h2> 1131 1132 <p class="text-sm leading-normal mt-1 px-2">Hello, everyone! Welcome to ActiveCollabâs latest updates! In November, we updated the Projects report, Clients, and Addresses.In December, we worked on exciting things:task estimate splitting, project templates,Invoices report, andActiveCollab self-hosted version 8.Read on to learn more!Task estimate ...</p> 1133 1134 <p class="text-xs px-2 text-gray-text leading-normal flex gap-1 mt-2"> 1135 <span class="max-w-[40%] overflow-hidden"> 1136 <a href="https://activecollab.com/blog/recaps" class="block truncate whitespace-nowrap text-inherit hover:underline"> 1137 Recaps </a> 1138 </span> 1139 <span>â¢</span> 1140 <span class="whitespace-nowrap"> 1141 <time datetime="2025-12-30 09:58:00"> 1142 Dec 30, 2025 </time> 1143 </span> 1144 <span>â¢</span> 1145 <span class="whitespace-nowrap">2 min read</span> 1146 </p> 1147</article> <article class=""> 1148 <a href="https://activecollab.com/blog/compare/activecollab-vs-clickup" class="mb-2 w-full"> 1149 <img 1150 src="https://activecollab.com/upload/blog/959/activecollab-vs-clickup-featured-image.webp" 1151 srcset="" 1152 alt="activecollab vs clickup featured image" 1153 title="activecollab-vs-clickup-featured-image.webp" 1154 loading="lazy" class="rounded-3xl min-w-full" 1155/> </a> 1156 1157 <h2 class="font-suisse-bold text-lg leading-normal px-2 mb-1"> 1158 <a class="hover:underline" href="https://activecollab.com/blog/compare/activecollab-vs-clickup"> 1159 ActiveCollab vs ClickUp: Which one should agencies pick in 2026? </a> 1160 </h2> 1161 1162 <p class="text-sm leading-normal mt-1 px-2">If you've been researching ClickUp versus other project management tools, you'll get to a point where one question keeps popping up:Do I want a well-known tool that's used by many (but which seems like it requires a whole lot of effort to set up), or do I risk it and just go for the underdog (which actually ...</p> 1163 1164 <p class="text-xs px-2 text-gray-text leading-normal flex gap-1 mt-2"> 1165 <span class="max-w-[40%] overflow-hidden"> 1166 <a href="https://activecollab.com/blog/compare" class="block truncate whitespace-nowrap text-inherit hover:underline"> 1167 Compare </a> 1168 </span> 1169 <span>â¢</span> 1170 <span class="whitespace-nowrap"> 1171 <time datetime="2025-12-19 11:47:00"> 1172 Dec 19, 2025 </time> 1173 </span> 1174 <span>â¢</span> 1175 <span class="whitespace-nowrap">10 min read</span> 1176 </p> 1177</article> <article class=""> 1178 <a href="https://activecollab.com/blog/compare/activecollab-vs-smartsheet" class="mb-2 w-full"> 1179 <img 1180 src="https://activecollab.com/upload/blog/957/activecollab-vs-smartsheet-featured-image.webp" 1181 srcset="" 1182 alt="activecollab vs smartsheet featured image" 1183 title="activecollab-vs-smartsheet-featured-image.webp" 1184 loading="lazy" class="rounded-3xl min-w-full" 1185/> </a> 1186 1187 <h2 class="font-suisse-bold text-lg leading-normal px-2 mb-1"> 1188 <a class="hover:underline" href="https://activecollab.com/blog/compare/activecollab-vs-smartsheet"> 1189 ActiveCollab vs Smartsheet: What's the best pick for digital service businesses? </a> 1190 </h2> 1191 1192 <p class="text-sm leading-normal mt-1 px-2">ActiveCollab gives service teams builtâin workflows and client ops; Smartsheet gives spreadsheetâstyle flexibility and automation. The right pick keeps your projects organized without forcing you into the wrong way of working.</p> 1193 1194 <p class="text-xs px-2 text-gray-text leading-normal flex gap-1 mt-2"> 1195 <span class="max-w-[40%] overflow-hidden"> 1196 <a href="https://activecollab.com/blog/compare" class="block truncate whitespace-nowrap text-inherit hover:underline"> 1197 Compare </a> 1198 </span>
1199 <span>â¢</span> 1200 <span class="whitespace-nowrap"> 1201 <time datetime="2025-12-17 10:33:00"> 1202 Dec 17, 2025 </time> 1203 </span> 1204 <span>â¢</span> 1205 <span class="whitespace-nowrap">8 min read</span> 1206 </p> 1207</article> </div> 1208 1209 <div class="border-t border-black border-solid pt-3"> 1210 <ul class="flex w-max border border-black border-solid rounded divide-x divide-black divide-solid text-sm shrink overflow-hidden"> 1211 <li class="text-center flex"> 1212 <a 1213 class="min-w-[40px] px-[15px] h-[40px] leading-[40px] hover:bg-gray-100 text-primary" 1214 href="blog" 1215 > 1216 1 </a> 1217 </li> 1218 <li class="text-center flex"> 1219 <a 1220 class="min-w-[40px] px-[15px] h-[40px] leading-[40px] hover:bg-gray-100 " 1221 href="blog/2" 1222 > 1223 2 </a> 1224 </li> 1225 <li class="text-center flex"> 1226 <a 1227 class="min-w-[40px] px-[15px] h-[40px] leading-[40px] hover:bg-gray-100 " 1228 href="blog/3" 1229 > 1230 3 </a> 1231 </li> 1232 <li class="text-center flex"> 1233 <span class="min-w-[40px] px-[15px] h-[40px] leading-[40px]">...</span> 1234 </li> 1235 <li class="text-center flex"> 1236 <a 1237 class="min-w-[40px] px-[15px] h-[40px] leading-[40px] hover:bg-gray-100 " 1238 href="blog/35" 1239 > 1240 35 </a> 1241 </li> 1242 </ul> 1243 1244</div> </div> 1245 </div> 1246 </div> 1247 </section> 1248</main> <!-- FOOTER START --> 1249<footer class="pb-[3rem] sm:pb-[4rem] md:pb-[6.5rem] lg:pb-[10rem] pt-[3rem] sm:pt-[4rem] md:pt-[6.5rem] lg:pt-[10rem]"> 1250 <div class="container mx-auto"> 1251 1252 <div class="grid grid-cols-12 gap-16"> 1253 <div class="col-span-12 md:col-start-2 md:col-span-10"> 1254 <div class="grid grid-cols-1 gap-[2rem] xs:flex xs:justify-between xs:flex-nowrap"> 1255 <div class="footer-logo"> 1256 <a href="#homepage" class="flex !items-center justify-start gap-[0.9rem]" aria-label="ActiveCollab Homepage"> 1257 <svg xmlns="http://www.w3.org/2000/svg" width="45.777" height="34" viewBox="0 0 45.777 34"> 1258 <path id="ac-footer-logo" d="M2523.791,46.705c-.333.7-1.145,2.409-1.151,2.424-1.007,2.435-2.231,2.431-3.931,2.424h-2.191a2.29,2.29,0,0,1-1.765-1.1,2.314,2.314,0,0,1,.1-2.411l2.264-4.221,1.444-2.69a20.931,20.931,0,0,1,5.231,5.573m23.484-5.5c.5.924,1.54,2.843,3.684,6.836a2.314,2.314,0,0,1,.1,2.411,2.285,2.285,0,0,1-1.762,1.1H2547.1c-1.7.009-2.926.013-3.933-2.424l-1.082-2.619a18.828,18.828,0,0,1,5.189-5.3m10.486-4.257a1.225,1.225,0,0,0-1.278-1.414,21.261,21.261,0,0,0-17.069,10.649,37.047,37.047,0,0,1-2.658,3.864c-1.144,1.507-2.273,1.507-3.838,1.507h-.006c-1.564,0-2.7,0-3.842-1.507-.738-.968-1.409-1.954-2.091-3.016a26.116,26.116,0,0,0-8.9-8.877.62.62,0,0,0-.842.25l-2.289,4.266-2.269,4.221a4.669,4.669,0,0,0,3.842,7.1l2.438,0c1.815,0,4.391-.162,5.951-3.913l.475-1c.54.811,1.1,1.633,1.709,2.431,1.845,2.424,3.962,2.48,5.691,2.48h.244c1.727,0,3.849-.053,5.691-2.48.578-.756,1.2-1.591,1.771-2.435l.4.973c1.558,3.78,4.145,3.944,5.967,3.944l2.438,0a4.669,4.669,0,0,0,3.842-7.1c-1.689-3.142-2.9-5.387-3.6-6.672-.024-.044-.046-.086-.069-.125l-.08-.147a17.8,17.8,0,0,1,7.145-1.968,1.272,1.272,0,0,0,1.222-1.032m-36.688-4.52.506.29c5.331,3.06,8.976,8.782,9.967,10.463l.155.2a1.533,1.533,0,0,0,1.2.576h0a1.577,1.577,0,0,0,1.278-.658.713.713,0,0,0,.044-.064.136.136,0,0,1,.018-.025c.006-.008.011-.017.018-.026v0h0s.007-.01.009-.015a.25.25,0,0,0,.022-.036,26.175,26.175,0,0,1,22.229-13.936,1.272,1.272,0,0,0,1.236-1.019,1.23,1.23,0,0,0-1.258-1.427,28.691,28.691,0,0,0-12.357,3.264l-2.3-4.423c-1.5-2.9-3.3-4.941-7.169-5.473a14.426,14.426,0,0,0-1.771-.115,14.967,14.967,0,0,0-1.775.113c-3.869.532-5.662,2.572-7.167,5.473l-3.131,6.032a.611.611,0,0,0,.24.811m14.16,4.84a27.718,27.718,0,0,0-2.367,3.381,38.873,38.873,0,0,0-2.36-3.231l2.4-4.817Zm-11.417-6.052,2.34-4.512c1.247-2.4,2.462-3.776,5.318-4.168a11.344,11.344,0,0,1,2.866,0c2.2.3,3.7,1.057,5.313,4.17l2.356,4.538A28.515,28.515,0,0,0,2537,35.3l-2.478-4.791a1.235,1.235,0,0,0-1.107-.68h-1.02a1.231,1.231,0,0,0-1.1.68l-2.538,4.908a27.579,27.579,0,0,0-4.939-4.2" transform="translate(-2512 -20)" fill-rule="evenodd"/> 1259 </svg> 1260 <p class="text-sm font-suisse-regular">All-in-one workspace.</p> 1261 </a> 1262 </div> 1263 <div class="social-media text-sm flex gap-3 font-suisse-regular"> 1264 <a href="https://www.facebook.com/activecollab" target="_blank">Fb</a> 1265 <a href="https://www.instagram.com/activecollab/" target="_blank">In</a> 1266 <a href="https://www.linkedin.com/company/activecollab" target="_blank">Li</a> 1267 <a href="https://www.youtube.com/user/activeCollab" target="_blank">Yt</a> 1268 <a href="https://x.com/activecollab" target="_blank">X</a> 1269 </div> 1270 </div> 1271 </div> 1272 </div> 1273 1274 <div class="grid grid-cols-12 gap-16 mt-[3rem] md:mt-[5rem] footer-navigation-wrapper"> 1275 <div class="col-span-12"> 1276 <div class="grid grid-cols-1 gap-x-[1rem] gap-y-[1.5rem] xs:grid-cols-2 sm:grid-cols-2 sm:gap-x-[2rem]
1276sm:gap-y-[3rem] md:gap-[5rem] md:flex md:flex-nowrap md:justify-center"> 1277 <div class="footer-navigation"> 1278 <p class="footer-menu-category"> 1279 Product </p> 1280 <ul> 1281 <li><a href="https://activecollab.com/pricing">Pricing</a></li> 1282 <li><a href="https://activecollab.com/whats-new">What's New</a></li> 1283 <li><a href="https://activecollab.com/non-profit-discount">Non Profit</a></li> 1284 <li><a href="https://activecollab.com/self-hosted-project-management">Self-Hosted</a></li> 1285 </ul> 1286 </div> 1287 <div class="footer-navigation"> 1288 <p class="footer-menu-category"> 1289 Company </p> 1290 <ul> 1291 <li><a href="https://activecollab.com/careers">Careers</a></li> 1292 <li><a href="https://activecollab.com/terms-of-service">Terms of Service</a></li> 1293 <li><a href="https://activecollab.com/privacy-policy">Privacy Policy</a></li> 1294 <li><a href="https://activecollab.com/cookie-policy">Cookie Policy</a></li> 1295 <li><a href="https://activecollab.com/gdpr">GDPR Ready</a></li> 1296 <li><a href="https://activecollab.com/security">Security</a></li> 1297 <li><a href="https://activecollab.com/about-contact">About Us</a></li> 1298 </ul> 1299 </div> 1300 <div class="footer-navigation"> 1301 <p class="footer-menu-category"> 1302 Resources </p> 1303 <ul> 1304 <li><a href="/blog">Blog</a></li> 1305 <li><a href="https://www.youtube.com/channel/UCY8sx38GYzZ203GkYkDpenA" target="_blank">ActiveCollab TV</a></li> 1306 <li><a href="/help">Help</a></li> 1307 <li><a href="https://activecollab.com/blog/project-management/best-project-management-software-for-agencies">Best Project Management Software For Agencies</a></li> 1308 <li><a href="https://activecollab.com/blog/collaboration/best-team-collaboration-software-tools">Best Team Collaboration Software</a></li> 1309 </ul> 1310 </div> 1311 <div class="footer-navigation"> 1312 <p class="footer-menu-category"> 1313 Learn more </p> 1314 <ul> 1315 <li><a href="https://activecollab.com/blog/productivity">Productivity</a></li> 1316 <li><a href="https://activecollab.com/blog/growth">Agency Growth</a></li> 1317 <li><a href="https://activecollab.com/blog/collaboration">Team Collaboration</a></li> 1318 <li><a href="https://activecollab.com/blog/project-management">Project Management</a></li> 1319 <li><a href="https://activecollab.com/blog/product">Product News & Updates</a></li> 1320 </ul> 1321 </div> 1322 </div> 1323 </div> 1324 </div> 1325 1326 <div class="grid grid-cols-12 gap-16 mt-[3rem] md:mt-[6rem]"> 1327 <div class="col-span-12 md:col-start-2 md:col-span-10 "> 1328 <div class="bottom-footer flex flex-wrap gap-3 md:gap-0 md:flex-nowrap justify-between align-top"> 1329 <div class="footer-copy"> 1330 <p class="text-sm font-suisse-regular">Copyright ©2026 ActiveCollab Inc.</p> 1331 </div> 1332 <div class="footer-awards"> 1333 <div class="awards-list flex justify-center flex-wrap sm:gap-2 md:flex-nowrap md:gap-3 -rotate-3"> 1334 <img src="/website/images/new-website/footer-awards/sa-frontrunners-2024.svg" alt="Software advice" loading="lazy" /> 1335<img src="/website/images/new-website/footer-awards/ca-shortlist-2024.svg" alt="Capterra shortlist 2024" loading="lazy" /> 1336<img src="/website/images/new-website/footer-awards/CAP-Badge-Shortlist-2023-FullColor-Positive.svg" alt="Capterra shortlist 2023" loading="lazy" /> 1337<img src="/website/images/new-website/footer-awards/ga-category_leaders-2024.svg" alt="Get app leaders 2024" loading="lazy" /> 1338<img src="/website/images/new-website/footer-awards/ga-features_and_functionality-2024.svg" alt="Get app best functionality and features 2024" loading="lazy" /> </div> 1339 </div> 1340 <div class="rate"> 1341 <img src="/website/images/new-website/rate-footer.svg" alt="Rate" loading="lazy" /> 1342 </div> 1343 </div> 1344 </div> 1345 </div> 1346 </div> 1347</footer> 1348<!-- FOOTER END --> 1349 1350<!-- TRIAL FORM START --> 1351<dialog id="trial-form-dialog" class="modal-dialog"> 1352 <div class="relative w-full"> 1353 <button class="close"> 1354 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 1355 <path d="M6 6L18 18M18 6L6 18L18 6Z" stroke="black" stroke-width="1.5" stroke-linecap="round" 1356 stroke-linejoin="round" /> 1357 </svg> 1358 </button> 1359 </div> 1360 1361 <section 1362 class=" 1363 w-screen sm:w-auto min-w-full md:max-w-[760px] h-screen sm:h-fit p-[var(--spacing-3)] 1364 flex flex-col justify-center items-center md:justify-start 1365 bg-light-base 1366 " 1367> 1368 <form class="validation-form mt-2" id="trial_form_default_1544"> 1369 <!-- FORM BODY --> 1370 <div class="w-full gap-2" data-form-state="normal"> 1371 <div class="w-full"> 1372 <div class="flex flex-col justify-start items-start gap-3 !items-center"> 1373 <div class="flex flex-col justify-center items-center gap-1"> 1374 <p class="text-center font-suisse-bold text-[36px] leading-6 lg:text[2rem] lg:leading-[2rem]">Your workspace awaits</p> 1375 <p class="max-w-[400px] text-center text-sm leading-tight"> 1376 Just your email, and the full ActiveCollab is yours to try free - every feature, no limits. </p> 1377 </div> 1378 <div class="has-account-notice hidden w-full bg-[#D0E6D7] rounded-[20px] p-[var(--spacing-2)] text-center text-sm leading-snug"> 1379 It looks like you already have an account.<br /> 1380 <a href="/profile?forward-to-default=1" class="font-suisse-bold underline">Log in instead</a> 1381 </div> 1382 <div class="social-sign-up"> 1383 <div class="google-sign-up" id="trial_form_default_1544_google_signup"> 1384 <div class="google-sign-up-button font-suisse-medium" aria-hidden="true">
1385 <svg width="16" height="16" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 1386 <path fill="#4285F4" d="M17.64 9.2c0-.637-.057-1.251-.164-1.84H9v3.481h4.844a4.14 4.14 0 0 1-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.875 2.684-6.615z"/> 1387 <path fill="#34A853" d="M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18z"/> 1388 <path fill="#FBBC05" d="M3.964 10.71A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.996 8.996 0 0 0 0 9c0 1.452.348 2.827.957 4.042l3.007-2.332z"/> 1389 <path fill="#EA4335" d="M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.958L3.964 7.29C4.672 5.163 6.656 3.58 9 3.58z"/> 1390 </svg> 1391 <span>Continue with Google</span> 1392 </div> 1393 <div class="google-sign-up-hidden"></div> 1394 </div> 1395 <div class="apple-sign-up" id="trial_form_default_1544_apple_signup"> 1396 <button type="button" class="apple-sign-up-button font-suisse-medium"> 1397 <svg width="16" height="18" viewBox="0 0 14 17" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 1398 <path d="M11.6 8.86c-.02-1.78 1.45-2.63 1.52-2.68-.83-1.21-2.12-1.38-2.58-1.4-1.1-.11-2.14.64-2.7.64-.55 0-1.41-.62-2.32-.6-1.2.01-2.3.69-2.91 1.76-1.24 2.15-.32 5.34.89 7.08.59.85 1.3 1.81 2.22 1.78.89-.04 1.23-.58 2.31-.58 1.07 0 1.38.58 2.32.56.96-.02 1.57-.87 2.16-1.73.68-.99.96-1.95.97-2-.02-.01-1.86-.72-1.88-2.85zM9.84 3.66c.49-.6.82-1.42.73-2.25-.71.03-1.56.47-2.07 1.06-.45.53-.85 1.38-.74 2.19.79.06 1.59-.4 2.08-1z"/> 1399 </svg> 1400 <span>Continue with Apple</span> 1401 </button> 1402 </div> 1403 </div> 1404 <div class="flex items-center w-full"> 1405 <hr class="flex-1 m-0 w-full h-px border-t border-[var(--dark-3)]"> 1406 <span class="px-[10px]">or</span> 1407 <hr class="flex-1 m-0 w-full h-px border-t border-[var(--dark-3)]"> 1408 </div> 1409 </div> 1410 </div> 1411 1412 <div class="flex flex-col justify-start gap-[var(--spacing-1)] flex-1 w-full"> 1413 <label for="email" class="text-sm font-light">E-mail address</label> 1414 <input 1415 name="email" 1416 type="email" 1417 required 1418 id="email" 1419 class=" 1420 w-full min-h-[46px] md:min-h-[56px] flex-1 px-[26px] py-[5px] 1421 border border-solid border-[var(--dark-3)] outline-none rounded-[50px] 1422 text-sm md:text-md 1423 transition-all duration-300 ease-in-out 1424 focus:outline focus:outline-1 focus:outline-[var(--brand-primary-base)] focus:shadow-[0px_5px_8px_0px_rgba(0,0,0,0.10)] 1425 hover:shadow-[0px_5px_8px_0px_rgba(0,0,0,0.10)] 1426 " 1427 placeholder="Your work email" 1428 autocomplete="on" 1429 /> 1430 <p class="email-warning hidden font-normal text-sm leading-snug text-[#f92828]" style="display:none; color:">Use work email address or Sign up with Google button</p> 1431 </div> 1432 1433 1434 1435 <div class="from-office flex flex-row justify-start items-start gap-1"> 1436 <label class="flex flex-row justify-start items-start gap-1 !items-center text-md"> 1437 <input type="checkbox" name="is_disposable" class="is-disposable" /> 1438 <span class="text-primary">Mark as disposable account.</span> 1439 </label> 1440 1441 <label class="flex flex-row justify-start items-start gap-1 !items-center text-md"> 1442 <input type="checkbox" name="trial_on_edge" class="trial_on_edge" /> 1443 <span class="text-dark-2">Create Trial on Edge.</span> 1444 </label> 1445 </div> 1446 1447 <button class="regular-btn !w-full font-suisse-medium text-md" type="submit"> 1448 Continue </button> 1449 1450 <p class="font-normal text-sm leading-snug text-[var(--dark-2)]"> 1451 By signing up you agree to ActiveCollab's <a href="#terms_of_service" class="h-accent-color color-primary" target="_blank">Terms of Service</a> & <a href="#privacy_policy" class="h-accent-color color-primary" target="_blank">Privacy Policy</a>. </p> 1452 </div> 1453 1454 <!-- IN PROGRESS --> 1455 <div class="validation-form-message" data-form-state="in-progress"> 1456 <figure class="state-icons"> 1457 <svg class="state-ring" height="114" width="114"> 1458 <circle class="state-ring-circle" stroke-width="3" fill="transparent" r="55" cx="57" cy="57" /> 1459 </svg>
1460 <span class="state-checked"> 1461 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> 1462 <path d="M10 24L20 34L40 14" stroke="#5C2CFF" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" /> 1463 </svg> 1464 </span> 1465 </figure> 1466 <p class="text-md text-dark-2 text-center leading-snug mt-1">Great! Just a few seconds, and you're in.</p> 1467 </div> 1468 1469 <!-- SUCCESS --> 1470 <div class="validation-form-message gap-2" data-form-state="success"> 1471 <figure class="state-icons"> 1472 <svg class="state-ring " height="114" width="114"> 1473 <circle class="state-ring-circle state-ring-circle--no-animation" stroke-width="3" fill="transparent" r="55" cx="57" cy="57" /> 1474 </svg> 1475 <span class="state-checked"> 1476 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> 1477 <path d="M10 24L20 34L40 14" stroke="#5C2CFF" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" /> 1478 </svg> 1479 </span> 1480 </figure> 1481 <p class="text-md text-dark-2 text-center leading-snug mt-1 mb-1">All done! Redirecting you to your account.</p> 1482 </div> 1483 1484 <!-- TRIAL READY --> 1485 <div class="validation-form-message gap-2" data-form-state="initialized"> 1486 <figure class="state-icons"> 1487 <svg class="state-ring" height="114" width="114"> 1488 <circle class="state-ring-circle state-ring-circle--no-animation" stroke-width="3" fill="transparent" r="55" cx="57" cy="57" /> 1489 </svg> 1490 <span class="state-checked"> 1491 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> 1492 <path d="M10 24L20 34L40 14" stroke="#5C2CFF" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" /> 1493 </svg> 1494 </span> 1495 </figure> 1496 1497 <p class="text-md text-dark-2 text-center leading-snug mt-1">Your workspace is one click away.<br />Check your email to continue.</p> 1498 </div> 1499 1500 <!-- UNKNOWN ERROR --> 1501 <div class="validation-form-message max-w-[560px]" data-form-state="unknown-error"> 1502 <p class="text-md text-dark-2 text-center leading-6">Sorry, we couldn't create an account for you at this moment.<br />Please double check your email address. If the issue still persists, please let us know by sending an email to <a class="color-primary" href="mailto:[email protected]">[email protected]</a></p><br> 1503 1504 <a href="#" data-action="reset-form" class="regular-btn !w-full font-suisse-medium !text-sm text-center leading-[50px]"> 1505 Try Again </a> 1506 </div> 1507 </form> 1508</section> 1509 1510
1511<script> 1512 (function(){ 1513 document.addEventListener('app-ready', function(){ 1514 app.trialForm.init('trial_form_default_1544'); 1515 }) 1516 })(); 1517 1518 // Reveal the "you already have an account" notice for returning visitors. 1519 (function(){ 1520 if (!/(?:^|;\s*)visitor_has_account=[^;]/.test(document.cookie)) return; 1521 document.querySelectorAll('.has-account-notice').forEach(function(el){ 1522 el.classList.remove('hidden'); 1523 }); 1524 })(); 1525</script>
1525</dialog> 1526 <!-- initialize js and css --> 1527
1527<script src='/website/dist/runtime_e94e68f331c59e5fb8e6.js' defer></script>
vendor: 1 bytes, line 1527
1527
1528<script src='/website/dist/app_adb1f0c1d75504b92dc0.js' defer></script>
1528 1529 1530
1530<script src="https://accounts.google.com/gsi/client?hl=en" async></script>
1530 1531
1531<script src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js" async onload="window.onAppleLibraryLoad && window.onAppleLibraryLoad()"></script>
1531 1532 1533 <cookie-consent domain=""></cookie-consent> 1534</body> 1535 1536</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.