PageSourceSearch

https://activecollab.com/blog

html activecollab.com collected 2026-09-24 15:26:53 UTC 95,746 bytes, 1,536 lines download raw bytes

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 &rarr;</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.