CINXE.COM
Unlock your team's best work with Jira Software
<html lang="en"> <head> <title>Unlock your team's best work with Jira Software</title> <meta name="description" content="Create and track feedback for Atlassian products" /> <meta name="author" content="Atlassian" /> <meta name="google-site-verification" content="uHA16WRoBuG3tLMI5c0jCsjxDRvs5sVGWUXTfEdy0qs" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <style type="text/css" media="screen"> @font-face { font-family: Charlie-Text-Regular; src: url("/static/fonts/charlie_text_regular.woff2") format("woff2"); } @font-face { font-family: Charlie-Text-Semibold; src: url("/static/fonts/charlie_text_semibold.woff2") format("woff2"); } @font-face { font-family: Charlie-Text-Bold; src: url("/static/fonts/charlie_text_bold.woff2") format("woff2"); } @font-face { font-family: Charlie-Display-Black; src: url("/static/fonts/charlie_display_black.woff2") format("woff2"); } @font-face { font-family: Charlie-Display-Semibold; src: url("/static/fonts/charlie_display_semibold.woff2") format("woff2"); } .page-display { display: flex; flex-direction: column; justify-content: space-between; min-height: 100%; height: fit-content; } .atlassian-header { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; background-color: #f4f5f7; height: 78px; } .atlassian-header a { margin-left: 10%; } .jira-header { display: flex; flex-direction: row; align-items: center; justify-content: space-between; background-color: #ffffff; height: 66px; box-shadow: 0px 10px 14px rgba(0, 0, 0, 0.1); } #left { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width: 50%; } #right { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; width: 50%; } .atlassian-blue-logo { width: 147px; height: auto; } .outer-edge { width: 20%; } .jira-blue-logo { width: 75px; height: auto; } #mobile-dropdown { display: none; background-color: #f4f5f7; font-family: Charlie-Text-Regular, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Droid Sans, Helvetica Neue, sans-serif; align-items: flex-start; padding: 10px 0px 10px 0px; } #mobile-dropdown p { font-size: x-large; color: #0052cc; margin: 0 0 0 5%; font-family: Charlie-Text-Semibold, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Droid Sans, Helvetica Neue, sans-serif; } .mobile-dropdown-content { color: #091e42; margin: 10px 0px 10px 10%; font-size: large; } .dropdown { position: relative; margin-left: 30px; } .dropdown-arrow { margin-top: 5px; width: 8px; height: 5px; margin-left: 5px; } .dropdown-button { display: flex; flex-direction: row; align-items: center; font-family: Charlie-Text-Semibold, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Droid Sans, Helvetica Neue, sans-serif; color: #0052cc; outline: none; border: none; font-size: 16px; cursor: pointer; background-color: transparent; padding: 10px; transition: color 200ms; } .dropdown-button:focus + .dropdown-content { display: flex; flex-direction: column; } .dropdown-content { display: none; position: absolute; background-color: #fff; border-radius: 5px; padding: 10px; width: max-content; left: -100%; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.5); } .dropdown-content a { text-decoration: none; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; padding: 4px 12px 4px 12px; margin: 10px; border-radius: 8px; } .dropdown:hover .dropdown-content { display: flex; flex-direction: column; } .dropdown:hover .dropdown-button { color: #0065ff; transition: color 200ms; } .dropdown-content:after { content: ""; /* Required to display content */ position: absolute; /* Sets the position absolute to the top div */ top: 0; left: 50%; /* position the little arrow */ margin-left: -10px; margin-top: -10px; /* Set margin equal to border px */ width: 0; z-index: 1; height: 0; border-bottom: solid 10px #fff; /* Creates the arrow pointing up, to change to a notch instead user border-top */ border-left: solid 10px transparent; /* Creates triangle effect */ border-right: solid 10px transparent; } .dropdown-content a:hover { background-color: #f4f5f7; } .content-text { font-family: Charlie-Text-Regular, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Droid Sans, Helvetica Neue, sans-serif; color: #172b4d; font-size: medium; padding-left: 10px; } .content-logo { height: 30px; width: 50px; background-color: #dfe1e6; padding: 10px 0px 10px 0px; border-radius: 10px; } .signup-btn { justify-content: flex-end; font-family: Charlie-Text-Semibold, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Droid Sans, Helvetica Neue, sans-serif; background-color: transparent; border-style: solid; border-radius: 4px; color: #0052cc; border-width: 1px; color: #0052cc; padding: 3px 7px 3px 7px; font-size: 14px; text-decoration: none; transition: color 200ms, border-color 200ms, background-color 200ms; } .signup-btn:hover { color: #0065ff; border-color: #0065ff; background-color: #ebecf0; transition: color 200ms, border-color 200ms, background-color 200ms; } .login-link { justify-content: flex-end; font-family: Charlie-Text-Semibold, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Droid Sans, Helvetica Neue, sans-serif; color: #0052cc; font-size: 16px; text-decoration: none; margin-right: 20px; transition: color 200ms; } .login-link:hover { color: #0065ff; transition: color 200ms; } .main-flex { display: flex; flex-direction: row; overflow-x: hidden; } .left-col { width: 10%; } .middle-col { display: flex; flex-direction: column; width: 35%; align-items: flex-start; justify-content: flex-start; } .right-col { display: flex; flex-direction: column; width: 55%; } .main-img-right { overflow: hidden; } .main-img-middle { display: none; } .main-text { font-family: Charlie-Text-Semibold, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Droid Sans, Helvetica Neue, sans-serif; color: #091e42; font-size: 48px; font-weight: 600; text-align: left; line-height: 1.25; } .login-info-row { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; } .login-button { font-family: Charlie-Text-Regular, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Droid Sans, Helvetica Neue, sans-serif; color: #ffffff; background-color: #0052cc; border-radius: 4px; text-decoration: none; padding: 10px 16px; margin-right: 15px; transition: background-color 200ms; } .login-button:hover { background-color: #0747a6; transition: background-color 200ms; } .learn-more-row { display: flex; flex-direction: row; align-items: center; margin: 10px 10px 10px 0px; justify-content: flex-start; flex-wrap: wrap; } .learn-more { font-family: Charlie-Text-Semibold, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Droid Sans, Helvetica Neue, sans-serif; color: #0052cc; text-decoration: none; margin-right: 5px; transition: color 200ms, text-decoration 200ms; } .learn-more-row:hover { color: #0065ff; text-decoration: underline; transition: color 200ms, text-decoration 200ms; } .link-arrow-image { transition: transform 200ms; } .learn-more-row:hover .link-arrow-image { transform: translate(7px); transition: transform 200ms; } .feedback-row { margin-top: 35%; margin-right: 20px; font-family: Charlie-Text-Regular, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Droid Sans, Helvetica Neue, sans-serif; font-size: 20px; text-align: left; } .bold-text { font-family: Charlie-Text-Bold, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Droid Sans, Helvetica Neue, sans-serif; padding-right: 4px; } .feedback-link { color: #0052cc; margin-right: 4px; } .atlassian-footer { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; background-color: #f4f5f7; height: 78px; border-top: 1px solid #dfe1e5; color: rgb(66, 82, 110); font-family: Charlie-Text-Regular, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Droid Sans, Helvetica Neue, sans-serif; font-size: 14px; gap: 30px; padding-left: 10%; margin-top: 10px; } .atlassian-footer a { text-decoration: none; color: inherit; } .atlassian-footer a:hover { text-decoration: underline; } .atlassian-footer p { margin: 0; } body { margin: 0; background-color: #ffffff; text-align: center; height: 100%; } /* Mobile */ @media only screen and (max-width: 800px) { .atlassian-header { height: 66px; } .atlassian-header a { margin-left: 5%; } .atlassian-blue-logo { width: 175px; height: auto; } .jira-header { height: 78px; } .outer-edge { width: 10%; } .jira-blue-logo { width: 100px; height: auto; } .dropdown-arrow { width: 16px; height: 10px; margin-left: 15px; } .login-link { font-size: medium; } .signup-btn { font-size: medium; } .dropdown-button p { display: none; width: 0px; } .dropdown { margin-left: 0px; } .dropdown:hover .dropdown-content { display: none; } .dropdown-button:focus + .dropdown-content { display: none; } .main-flex { height: fit-content; overflow: scroll; } .left-col { width: 5%; } .middle-col { width: 100%; } .login-info-row { flex-direction: column; align-items: flex-start; } .login-button { margin: 20px 0px 20px 0px; font-size: large; padding: 10px 20px 10px 20px; border-radius: 6px; } .learn-more { font-size: large; text-align: left; } .feedback-row { margin: 10% 0% 10% 0%; font-size: x-large; } .feedback-row text { text-align: left; } .right-col { width: 5%; } .main-img-right { display: none; } .main-img-middle { display: block; } .atlassian-footer { flex-direction: column; row-gap: 5px; height: fit-content; align-items: flex-start; padding: 16px 0 16px 5%; margin-top: 0px; } body { overflow: scroll; } } /* Mobile for Galaxy Fold */ @media only screen and (max-width: 355px) { .atlassian-header a { margin-left: 3%; } #left { width: 44%; } #right { width: 55%; } .outer-edge { width: 6%; } .jira-blue-logo { width: 70px; height: auto; } .dropdown-arrow { width: 12px; height: 7.5px; margin-left: 8px; } .signup-btn { font-size: small; } .main-text { font-size: 38px; } .login-button { padding: 7px 15px 7px 15px; } .learn-more-row { display: block; text-align: left; } .learn-more { font-size: medium; } .main-img-middle { width: 120%; transform: translateX(-10%); } .feedback-row { font-size: large; display: block; text-align: left; } } </style> <script type="text/javascript" src="https://atl-global.atlassian.com/js/atl-global.min.js" ></script> <script type="text/javascript"> ace.analytics.Initializer.initWithPageAnalytics( "638Ugguc095OolMFTkTfSrIjqBIoOyX7", { trackEventName: "jacPageView", actionDesc: "JAC page load/view" } ); window.onload = function getYear() { document.getElementById("current-year").innerHTML = new Date().getFullYear(); }; </script> </head> <body onresize="mobileToDesktop()"> <script> function mobileDropdown() { const mediaQuery = window.matchMedia("(min-width: 800px)"); // if desktop view if (mediaQuery.matches) { return; } // modify css of mobile dropdown const mobileDropdown = document.getElementById("mobile-dropdown"); const isVisible = mobileDropdown.style.display === "flex"; if (isVisible) { mobileDropdown.style.cssText = "display: none;"; } else { mobileDropdown.style.cssText = "display: flex; flex-direction: column;"; } } function mobileToDesktop() { const mediaQuery = window.matchMedia("(min-width: 800px)"); // if desktop view if (mediaQuery.matches) { const mobileDropdown = document.getElementById("mobile-dropdown"); const isVisible = mobileDropdown.style.display === "flex"; if (isVisible) { mobileDropdown.style.cssText = "display: none;"; } } } // @eventName type string // @eventProperties type obj (optional) function fireAnalyticsEvent(eventName, eventProperties = {}) { ace.analytics.Tracking.trackEvent(eventName, eventProperties); } </script> <div class="page-display"> <div> <div class="atlassian-header"> <a onclick="fireAnalyticsEvent('jacAtlassianLogoClick', {actionDesc: 'Atlassian logo SVG clicked'});" href="https://www.atlassian.com" > <img alt="Atlassian" class="atlassian-blue-logo" src="/static/images/atlassian-blue.svg" /> </a> </div> <div class="jira-header"> <div id="left"> <div class="outer-edge"></div> <a onclick="fireAnalyticsEvent('jacJiraLogoClick', {actionDesc: 'Jira logo SVG clicked'});" href="https://www.atlassian.com/jira" > <img class="jira-blue-logo" src="/static/images/jira-blue.svg" alt="Jira" /> </a> <div class="dropdown"> <button onclick="mobileDropdown();" class="dropdown-button"> <p>Products</p> <img class="dropdown-arrow" src="/static/images/dropdown-arrow.svg" alt="" /> </button> <div class="dropdown-content"> <a onclick="fireAnalyticsEvent('jacJswProductDropdownClick', {actionDesc: 'JSW dropdown module clicked'});" href="https://www.atlassian.com/software/jira" > <img class="content-logo" src="/static/images/jsw-logo.svg" alt="" /> <p class="content-text">Jira Software</p> </a> <a onclick="fireAnalyticsEvent('jacJsmProductDropdownClick', {actionDesc: 'JSM dropdown module clicked'});" href="https://www.atlassian.com/software/jira/service-management" > <img class="content-logo" src="/static/images/jsm-logo.svg" alt="" /> <p class="content-text">Jira Service Management</p> </a> <a onclick="fireAnalyticsEvent('jacJwmProductDropdownClick', {actionDesc: 'JWM dropdown module clicked'});" href="https://www.atlassian.com/software/jira/work-management" > <img class="content-logo" src="/static/images/jwm-logo.svg" alt="" /> <p class="content-text">Jira Work Management</p> </a> </div> </div> </div> <div id="right"> <a class="login-link" onclick="fireAnalyticsEvent('jacSubNavLoginClick', {actionDesc: 'Sub-Nav Log in button clicked'});" href="https://id.atlassian.com/login?continue=https%3A%2F%2Fwww.atlassian.com%2Fgateway%2Fapi%2Fstart%2Fauthredirect%3FatlOrigin%3DeyJpIjoiODRlYWRhMjFkNWViNDBlYjg4NGI4OGFlNGNjNTVhZTAiLCJwIjoid2FjLWdsb2JhbGRyb3Bkb3duIn0" > Log in </a> <a class="signup-btn" onclick="fireAnalyticsEvent('jacSubNavGetItFreeClick', {actionDesc: 'Sub-Nav Get it free button clicked'});" href="https://www.atlassian.com/software/jira/free" > Get it free </a> <div class="outer-edge"></div> </div> </div> <div id="mobile-dropdown"> <p>Products</p> <a onclick="fireAnalyticsEvent('jacJswProductDropdownClick', {actionDesc: 'Mobile dropdown JSW Link Clicked'});" class="mobile-dropdown-content" href="https://www.atlassian.com/software/jira" > Jira Software </a> <a onclick="fireAnalyticsEvent('jacJsmProductDropdownClick', {actionDesc: 'Mobile dropdown JSM Link Clicked'});" class="mobile-dropdown-content" href="https://www.atlassian.com/software/jira/service-management" > Jira Service Management </a> <a onclick="fireAnalyticsEvent('jacJsmProductDropdownClick', {actionDesc: 'Mobile dropdown JWM Link Clicked'});" class="mobile-dropdown-content" href="https://www.atlassian.com/software/jira/work-management" > Jira Work Management </a> </div> <div class="main-flex"> <div class="left-col"></div> <div class="middle-col"> <div style="height: 10%"></div> <div class="main-text"> Unlock your team's best work with Jira Software </div> <div style="height: 3%"></div> <div class="login-info-row"> <a class="login-button" onclick="fireAnalyticsEvent('jacMainPageLoginClick', {actionDesc: 'Main Log in button clicked'});" href="https://id.atlassian.com/login?continue=https%3A%2F%2Fwww.atlassian.com%2Fgateway%2Fapi%2Fstart%2Fauthredirect%3FatlOrigin%3DeyJpIjoiODRlYWRhMjFkNWViNDBlYjg4NGI4OGFlNGNjNTVhZTAiLCJwIjoid2FjLWdsb2JhbGRyb3Bkb3duIn0" > Log in </a> <span class="learn-more-row"> <a onclick="fireAnalyticsEvent('jacLearnMoreLinkClick', {actionDesc: 'Learn more about Jira Software link clicked'});" class="learn-more" href="https://www.atlassian.com/software/jira" > Learn more about Jira Software </a> <img class="link-arrow-image" src="/static/images/link-arrow.svg" alt="" /> </span> </div> <img class="main-img-middle" src="/static/images/main-img-middle.svg" alt="" /> <div class="feedback-row"> <span class="bold-text"> Found an issue in one of our products? </span> <span> <a onclick="fireAnalyticsEvent('jacFeedbackLinkClick', {actionDesc: 'Provide feeback about Altassian products link clicked'});" class="feedback-link" href="/secure/Dashboard.jspa?selectPageId=10440" > Check if we already know about it </a> </span> <span> so you can watch for updates, vote for it, and make use of any workaround. </span> </div> </div> <div class="right-col"> <div style="height: 10%"></div> <img class="main-img-right" src="/static/images/main-img-right.svg" alt="" /> </div> </div> </div> <div class="atlassian-footer"> <a href="https://www.atlassian.com/legal/privacy-policy#what-this-policy-covers" >Privacy Policy</a > <a class="atl-policy-link"> <span class="atl-policy-link-text"> Notice at Collection </span> </a> <a href="https://www.atlassian.com/legal/cloud-terms-of-service">Terms</a> <a href="https://www.atlassian.com/legal/impressum">Impressum</a> <p>Copyright 漏 <span id="current-year"></span> Atlassian</p> </div> </div> <script type="text/javascript"> let jacUtils = {}; jacUtils.Cookie = function() { "use strict"; function readRawCookie(name) { // mostly lifted from ace.mkt.Cookie try { const nameEQ = name + "="; const ca = document.cookie.split(';'); for(let i=0;i < ca.length;i++) { let c = ca[i]; while (c.charAt(0)===' ') { c = c.substring(1,c.length); } if (c.indexOf(nameEQ) === 0) { return c.substring(nameEQ.length,c.length); } } } catch(e) { console.error(`Error reading cookie - ${name}`); } return null; } function readCookie(name) { const cookieValue = readRawCookie(name); if (cookieValue) { try { return decodeURIComponent(cookieValue); } catch (e) { return cookieValue; } } return null; } function writeSecureSessionCookie(name, value) { if (value !== null) { try { document.cookie = `${name}=${value}; path=/; Secure`; } catch(e) { console.error(`Error writing cookie - ${name}`); } } else { console.warn(`Skipped writing cookie with null value - ${name}`); } } const tempCookieName = "atlAidTemp"; const aaid = readCookie(tempCookieName); if (!aaid) { writeSecureSessionCookie(tempCookieName, readCookie("__aid_user_id")); } return { read: readCookie, }; }(); function OTWrapperGetIdentifier() { return jacUtils.Cookie.read("atlAidTemp") || null; } </script> <script src="https://atl-onetrust-wrapper.atlassian.com/assets/atl-onetrust-wrapper.min.js" data-domain="ed42d30f-c9f0-408c-b65a-cd77205ecdf5" type="text/javascript" data-test="false" data-geofence="true" data-sync="false" ></script> </body> </html>