1 2 3<!DOCTYPE html> 4<html lang="en" class="h-100"> 5<head> 6 <meta name="viewport" content="width=device-width, initial-scale=1" /> 7 <meta charset="UTF-8" /> 8 <title>News and public notices - City of Mandurah</title> 9 <meta name="keywords" content="news, public notices, council updates, community information" /> <meta property="og:title" content="News and public notices" /> 10 <meta property="og:description" content="Stay informed with the latest news, announcements, and public notices." /> 11 <meta property="og:type" content="website" /> 12 <meta property="og:url" content="https://www.mandurah.wa.gov.au/our-council/news-and-public-notices" /> 13 <meta property="og:site_name" content="City of Mandurah" /> 14 <meta property="og:image" content="https://www.mandurah.wa.gov.au/assets/logo.svg" /> 15 <meta property="og:image:secure_url" content="https://www.mandurah.wa.gov.au/assets/logo.svg" /> 16 <meta property="og:image:alt" content="News and public notices" /> 17 <meta property="og:locale" content="en_AU" /> 18 <meta name="twitter:card" content="summary_large_image" /> 19 <meta name="twitter:site" content="@CoM_" /> 20 <meta name="twitter:title" content="News and public notices" /> 21 <meta name="twitter:description" content="Stay informed with the latest news, announcements, and public notices." /> 22 <meta name="twitter:image" content="https://www.mandurah.wa.gov.au/assets/logo.svg" /> 23 <meta name="twitter:image:alt" content="News and public notices" /> 24 <link rel="icon" href="/assets/favicon.png"> 25 <link rel="apple-touch-icon" sizes="300x300" href="/assets/favicon.png"> 26 <meta name="theme-color" content="#ffffff" /> 27
27<script type="application/ld+json">{"@type":"WebPage","name":"News and public notices","description":"Stay informed with the latest news, announcements, and public notices.","url":"https://www.mandurah.wa.gov.au/our-council/news-and-public-notices","@context":"https://schema.org"}</script>
27 28 29 <link href="/_content/CityOfMandurah.Rcl/css/main.css" rel="stylesheet" /> 30 31
31<script> 32 function onDocumentLoad(callback) { 33 if (document.readyState === "loading") { 34 document.addEventListener("DOMContentLoaded", callback); 35 } else { 36 setTimeout(callback, 1); 37 } 38 } 39 </script>
vendor: 2 bytes, line 39
39
40<script> 41 (function (w, d, s, l, i) { 42 w[l] = w[l] || []; 43 w[l].push({ 44 'gtm.start': 45 new Date().getTime(), 46 event: 'gtm.js' 47 }); 48 var f = d.getElementsByTagName(s)[0], 49 j = d.createElement(s), 50 dl = l != 'dataLayer' ? '&l=' + l : ''; 51 j.async = true; 52 j.src = 53 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 54 var n = d.querySelector('[nonce]'); 55 n && j.setAttribute('nonce', n.nonce || n.getAttribute('nonce')); 56 f.parentNode.insertBefore(j, f); 57 })(window, document, 'script', 'dataLayer','GTM-P6L8TF'); 58</script>
58</head> 59 60<body class="group/body overflow-x-hidden" data-theme="default"> 61 <noscript> 62 <iframe src='https://www.googletagmanager.com/ns.html?id=GTM-P6L8TF' 63 height='0' 64 width='0' 65 style='display:none;visibility:hidden' 66 title='GTMNoScript'> 67 </iframe> 68 </noscript> 69 70 <div id="alert-ribbons-container" class="fixed top-0 left-0 right-0 z-[1001] transition-transform duration-600 ease-in-out"> 71 72 </div> 73 74 75<header id="fdfdb85b" class="group/header site-header relative z-1000"> 76 <div class="fixed w-full top-0 pl-6 lg:pl-10 pr-2 lg:pr-6 transition-all duration-600 lg:group-data-[theme=home]/body:text-white lg:group-data-[theme=default]/body:text-primary-600 bg-(--header-bg) group-data-[theme=default]/body:shadow-md"> 77 <ul class="skip-menu absolute top-3 left-3 z-1005"> 78 <li> 79 <a href="#desktopMenuButton" id="skip-to-desktop-menu" class="hidden lg:inline-block sr-only focus-visible:not-sr-only focus-visible:px-4 focus-visible:text-lg focus-visible:font-semibold focus-visible:py-2 focus-visible:bg-white focus-visible:text-primary-600 focus-visible:outline-offset-0!">Skip to main menu</a> 80 </li> 81 <li> 82 <a href="#mobileMenuButton" id="skip-to-mobile-menu" class="inline-block lg:hidden sr-only focus-visible:not-sr-only focus-visible:px-4 focus-visible:text-lg focus-visible:font-semibold focus-visible:py-2 focus-visible:bg-white focus-visible:text-primary-600 focus-visible:outline-offset-0!">Skip to main menu</a> 83 </li> 84 <li> 85 <a href="#desktopServicesButton" id="skip-to-desktop-services" class="hidden lg:inline-block sr-only focus-visible:not-sr-only focus-visible:px-4 focus-visible:text-lg focus-visible:font-semibold focus-visible:py-2 focus-visible:bg-white focus-visible:text-primary-600 focus-visible:outline-offset-0!">Skip to services menu</a> 86 </li> 87 <li> 88 <a href="#mobileServicesButton" id="skip-to-mobile-services" class="inline-block lg:hidden sr-only focus-visible:not-sr-only focus-visible:px-4 focus-visible:text-lg focus-visible:font-semibold focus-visible:py-2 focus-visible:bg-white focus-visible:text-primary-600 focus-visible:outline-offset-0!">Skip to services menu</a> 89 </li> 90 <li> 91 <a href="#searchButton" id="skip-to-search" class="inline-block sr-only focus-visible:not-sr-only focus-visible:px-4 focus-visible:text-lg focus-visible:font-semibold focus-visible:py-2 focus-visible:bg-white focus-visible:text-primary-600 focus-visible:outline-offset-0!">Skip to search</a> 92 </li> 93 <li> 94 <a href="#main-content" id="skip-to-content" class="inline-block sr-only focus-visible:not-sr-only focus-visible:px-4 focus-visible:text-lg focus-visible:font-semibold focus-visible:py-2 focus-visible:bg-white focus-visible:text-primary-600 focus-visible:outline-offset-0!">Skip to content</a> 95 </li> 96 </ul> 97 <div class="flex justify-between items-center mx-auto w-full max-w-1920 gap-7 py-5 lg:py-12"> 98 <a href="/" class="flex items-center relative z-20"> 99 <span class="sr-only">City of Mandurah</span> 100 <svg class="logo-mobile block w-auto h-9 lg:hidden transition-colors duration-600 delay-200 group-data-[theme=default]/body:fill-primary-600 group-data-[theme=home]/body:fill-white group-[.menu-opened]/header:fill-primary-600 group-[.menu-opening]/header:fill-primary-600" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 400 312"> 101 <path class="logo-right origin-top-right" d="M87.95 0h24.098c0 158.332 128.65 288.032 287.953 288.032v24.004C227.78 312.276 88.096 172.363 87.95 0Zm224.028 0c0 53.142 44.447 88.127 88.023 88.127v23.933c-58.624 0-112.202-46.456-112.202-112.06h24.179Zm-66.43 0c-.3 87.275 72.113 154.98 154.453 154.98v23.934c-96.187 0-178.632-78.146-178.632-178.914h24.18Zm-66.78 0c0 123.64 100.43 221.46 221.233 221.46v23.8C264.468 245.358 154.769 136.498 154.769 0h24Z" /> 102 <path class="logo-left origin-top-left" d="M312.05 0h-24.097c0 158.332-128.65 288.032-287.953 288.032v24.004C172.22 312.276 311.904 172.363 312.05 0ZM88.023 0c0 53.142-44.447 88.127-88.023 88.127v23.933c58.624 0 112.202-46.456 112.202-112.06h-24.18Zm66.43 0C154.752 87.275 82.338 154.98 0 154.98v23.934C96.186 178.914 178.63 100.768 178.63 0h-24.179Zm66.78 0c0 123.64-100.43 221.46-221.233 221.46v23.8C135.532 245.358 245.232 136.498 245.232 0h-24Z" /> 103 </svg> 104 <svg class="logo-desktop hidden lg:block lg:w-auto lg:h-14 3xl:h-16 min-[2044px]:px-8 transition-colors duration-600 delay-200 group-data-[theme=default]/body:fill-primary-600 group-data-[theme=home]/body:fill-white group-[.menu-opened]/header:fill-primary-600 group-[.menu-opening]/header:fill-primary-600" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 2719 571"> 105 <defs> 106 <clipPath id="logoClip"> 107 <rect x="0" y="0" width="726" height="571" /> 108 </clipPath> 109 </defs> 110 <g clip-path="url(#logoClip)"> 111 <path class="logo-right origin-top-right" d="M159.793 0h43.783c0 287.67 233.74 523.319 523.175 523.319v43.61C413.849 567.367 160.059 313.162 159.793 0Zm407.031 0c0 96.552 80.755 160.115 159.927 160.115v43.483c-106.513 0-203.858-84.403-203.858-203.598h43.931ZM446.13 0c-.546 158.568 131.02 281.578 280.62 281.578v43.48
1116C551.993 325.064 402.2 183.083 402.2 0h43.93ZM324.799 0c0 224.637 182.468 402.366 401.952 402.366v43.242C480.505 445.782 281.195 247.998 281.195 0h43.604Z" /> 112 <path class="logo-left origin-top-left" d="M566.957 0h-43.782c0 287.67-233.74 523.319-523.175 523.319v43.61C312.902 567.367 566.69 313.162 566.957 0Zm-407.03 0C159.926 96.552 79.17 160.115 0 160.115v43.483c106.512 0 203.857-84.403 203.857-203.598h-43.93ZM280.62 0C281.166 158.568 149.6 281.578 0 281.578v43.486C174.758 325.064 324.55 183.083 324.55 0h-43.93Zm121.33 0c0 224.637-182.467 402.366-401.951 402.366v43.242C246.245 445.782 445.555 247.998 445.555 0h-43.604Z" /> 113 </g> 114 <path class="logo-text" d="M989.67 8.21c41.44 0 75.36 19.16 95.45 49.29l-36.73 27.32c-11.62-19.78-32.97-32.34-59.03-32.34-41.76 0-71.59 32.03-71.59 73.78s29.82 73.78 71.59 73.78c25.74 0 47.1-12.56 59.03-32.34l36.73 27.01c-20.09 30.46-54 49.6-95.45 49.6-67.82 0-116.8-51.18-116.8-118.05S921.85 8.21 989.67 8.21Zm180.22 3.45v229.2h-44.9V11.66h44.9Zm106.74 43.96h-66.56V11.66h178.03v43.96h-66.26v185.24h-45.21V55.62Zm212.87 110.52L1411 11.67h48.66l52.75 103.92 52.75-103.92h48.04l-78.81 153.53v75.66h-44.89v-74.72ZM1822.92 8.21c68.76 0 118.36 51.49 118.36 118.05s-49.6 118.05-118.36 118.05c-68.76 0-118.05-51.49-118.05-118.05S1754.16 8.21 1822.92 8.21Zm0 191.83c43 0 73.15-32.02 73.15-73.78s-30.14-73.78-73.15-73.78c-43.01 0-73.16 32.03-73.16 73.78s30.47 73.78 73.16 73.78Zm164.51-188.38h173.02v43.96h-128.13v48.04h93.75v43.95h-93.75v93.25h-44.89V11.66Zm-935.28 326.07h44.59v229.2h-44.9V435.39l-61.85 134.06-62.8-134.06v131.54h-44.27v-229.2h44.59l62.79 132.5 61.85-132.5Zm157.61 0h46.17l74.72 229.2h-45.52l-10.68-32.65h-84.77L1179 566.93h-44.58l75.34-229.2Zm22.28 66.26-28.25 86.96h56.51l-28.26-86.96Zm277.24-66.26h44.28v229.2h-44.28l-96.08-149.76v149.76h-44.58v-229.2h44.58l96.08 149.76V337.73Zm293.24 114.92c0 64.99-48.04 114.28-114.59 114.28h-76.62v-229.2h76.62c66.55 0 114.59 49.92 114.59 114.91v.01Zm-146.31 70.33h31.4c40.82 0 70.01-30.15 70.01-70.33s-29.19-70.95-70.01-70.95h-31.4v141.28Zm375.81-42.39c0 51.49-39.56 89.79-91.37 89.79s-91.99-39.25-91.99-89.79V337.74h44.89V478.4c0 27 19.47 47.72 47.1 47.72 27.63 0 46.79-20.72 46.79-47.72V337.74h44.58v142.85Zm143.17 18.21h-42.07v68.13h-44.9v-229.2h97.33c48.36 0 82.57 33.91 82.57 80.69 0 32.65-17.26 59.66-44.58 72.22l48.98 76.29h-52.75l-44.58-68.13Zm-42.07-43.63h53.06c21.97 0 37.05-15.39 37.05-36.74s-15.08-36.73-36.74-36.73h-53.37v73.47Zm242.69-117.44h46.14l74.72 229.2h-45.52l-10.68-32.65h-84.77l-10.66 32.65h-44.59l75.36-229.2Zm22.28 66.26-28.24 86.96h56.51l-28.27-86.96Zm275.04-66.26h44.89v229.2h-44.89v-93.24h-93.57v93.24h-44.89v-229.2h44.89v92h93.57v-92Z" /> 115 </svg> 116 </a> 117 118 <h2 id="doItOnlineMobile" class="relative z-20 text-lg font-semibold lg:hidden text-primary-700"> 119 Do it online 120 </h2> 121 <div class="menu-buttons flex items-center gap-x-4 lg:gap-x-10 transition-colors duration-600 delay-200 group-[.menu-opened]/header:text-primary-700 group-[.menu-opening]/header:text-primary-700"> 122 <a href="/search" 123 id="searchButton" 124 class="group relative z-20 lg:group-data-[theme=home]/body:invisible lg:group-data-[theme=default]/body:visible"> 125 <span class="sr-only">Search</span> 126 <span class="flex items-center justify-center rounded-full w-10.5 h-10.5 border-2 transition-colors duration-600 delay-200 group-data-[theme=default]/body:border-primary-600 group-data-[theme=home]/body:border-white group-[.menu-opened]/header:border-primary-600 group-[.menu-opening]/header:border-primary-600" aria-hidden="true"> 127 <svg class="w-5 h-5 transition-colors duration-600 delay-200 group-data-[theme=default]/body:fill-primary-600 group-data-[theme=home]/body:fill-white group-[.menu-opened]/header:fill-primary-600 group-[.menu-opening]/header:fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 128 <path d="M421.335 463.916c-44.246 35.122-100.366 56.12-161.36 56.12C116.364 520.036 0 403.672 0 260.061 0 116.45 116.364.086 259.975.086 403.586.086 519.95 116.45 519.95 260.061c0 60.994-20.998 11
1287.114-56.12 161.36L631.19 588.78c11.748 11.748 11.748 30.747 0 42.37-11.75 11.624-30.748 11.75-42.371 0L421.335 463.916Zm38.621-203.855c0-110.49-89.491-199.98-199.98-199.98-110.49 0-199.982 89.49-199.982 199.98s89.492 199.98 199.981 199.98c110.49 0 199.981-89.49 199.981-199.98Z" /> 129 </svg> 130 </span> 131 </a> 132 133 <div class="hidden lg:block relative"> 134 <button type="button" 135 id="desktopServicesButton" 136 class="group hidden lg:flex lg:items-center lg:gap-x-3 px-5 py-2 text-base gap-2.5 rounded-sm font-medium border-2 transition-colors duration-600 delay-200 hover:duration-300 hover:delay-0 hover:bg-secondary-300 hover:text-primary-600 hover:border-secondary-300 aria-[expanded=true]:duration-300 aria-[expanded=true]:delay-0 aria-[expanded=true]:text-primary-600 aria-[expanded=true]:border-primary-600 aria-[expanded=true]:bg-white cursor-pointer" 137 data-collapse-toggle="desktopServices" 138 aria-controls="desktopServices" 139 aria-expanded="false"> 140 <span>Online Services</span> 141 <span class="transition-transform duration-300 group-aria-[expanded=true]:-rotate-180" aria-hidden="true"> 142 <svg class="w-3 h-3 fill-white group-hover:fill-primary-600 group-aria-[expanded=true]:fill-primary-600 group-data-[theme=default]/body:fill-primary-600 transition-colors duration-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 143 <path fill-rule="nonzero" d="M287.724 489.442c17.851 17.851 46.841 17.851 64.692 0L626.61 215.25c17.85-17.851 17.85-46.841 0-64.693-17.851-17.85-46.842-17.85-64.693 0L320 392.475 78.08 150.699c-17.85-17.85-46.841-17.85-64.692 0-17.851 17.851-17.851 46.842 0 64.693L287.58 489.585l.143-.143Z" /> 144 </svg> 145 </span> 146 </button> 147 <nav id="desktopServices" 148 class="hidden p-3 absolute z-10 top-11 right-0 w-90 bg-white rounded-lg shadow-xl"> 149 <ul class="flex flex-col gap-y-1" aria-labelledby="desktopServicesButton"> 150 <li> 151 <a href="/our-city/contact-us/pay-it" 152 153 class="group/service mx-2 lg:mx-0 py-4 lg:py-2 lg:px-2 flex justify-between gap-x-4 rounded-none! lg:rounded-lg! transition-all text-primary-700 border-b-1 border-b-primary-700/30 lg:border-none hover:lg:bg-primary-100 lg:items-center lg:focus-visible:outline-primary-600!"> 154 <span> 155 <span class="block font-semibold text-lg">Pay it </span> 156 <span class="block text-xs text-primary-950">Pay rates, infringements, animal renewal, or invoices</span> 157 </span> 158 <span class="icon com-arrow-right shrink-0 mt-1.5 w-3.5 h-3.5 lg:mt-[unset]" aria-hidden="true"></span> 159 160 </a> 161 </li> 162 <li> 163 <a href="https://mandurah.t1cloud.com/T1Default/CiAnywhere/Web/MANDURAH/LogOn/COMO" 164 target='_blank' 165 class="group/service mx-2 lg:mx-0 py-4 lg:py-2 lg:px-2 flex justify-between gap-x-4 rounded-none! lg:rounded-lg! transition-all text-primary-700 border-b-1 border-b-primary-700/30 lg:border-none hover:lg:bg-primary-100 lg:items-center lg:focus-visible:outline-primary-600!"> 166 <span> 167 <span class="block font-semibold text-lg">Register </span> 168 <span class="block text-xs text-primary-950">Sign up for City of Mandurah Online</span> 169 </span> 170 <svg class="shrink-0 mt-1.5 w-3.5 h-3.5 lg:mt-[unset] fill-primary-700" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 171 <path d="M375.172 0h220.69C620.275 0 640 19.724 640 44.138v220.69c0 24.413-19.725 44.137-44.138 44.137-24.414 0-44.138-19.724-44.138-44.138V150.76L273.93 428.552c-17.242 17.24-45.242 17.24-62.483 0-17.241-17.242-17.241-45.242 0-62.483L489.24 88.276H375.172c-24.414 0-44.138-19.724-44.138-44.138C331.034 19.724 350.758 0 375.172 0ZM110.345 66.207h110.344c24.414 0 44.138 19.724 44.138 44.138 0 24.414-19.724 44.138-44.138 44.138H110.345c-12.138 0-22.07 9.93-22.07 22.069v353.103c0 12.138 9.932 22.069 22.07 22.069h353.103c12.138 0 22.069-9.931 22.069-22.069V419.31c0-24.414 19.724-44.138 44.138-44.138 24.414 0 44.138 19.724 44.138 44.138v110.345c0 60.965-49.38 110.345-110.345 110.345H110.345C49.379 640 0 590.62 0 529.655V176.552C0 115.586 49.379 66.207 110.345 66.207Z" /> 172 </svg> 173 174 </a> 175 </li> 176 <li> 177 <a href="https://mandurah.t1cloud.com/T1Default/CiAnywhere/Web/MANDURAH/LogOn/COMO" 178 target='_blank' 179 class="group/service mx-2 lg:mx-0 py-4 lg:py-2 lg:px-2 flex justify-between gap-x-4 roun
179ded-none! lg:rounded-lg! transition-all text-primary-700 border-b-1 border-b-primary-700/30 lg:border-none hover:lg:bg-primary-100 lg:items-center lg:focus-visible:outline-primary-600!"> 180 <span> 181 <span class="block font-semibold text-lg">Request or report it </span> 182 <span class="block text-xs text-primary-950">Request a service or let us know about an issue</span> 183 </span> 184 <svg class="shrink-0 mt-1.5 w-3.5 h-3.5 lg:mt-[unset] fill-primary-700" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 185 <path d="M375.172 0h220.69C620.275 0 640 19.724 640 44.138v220.69c0 24.413-19.725 44.137-44.138 44.137-24.414 0-44.138-19.724-44.138-44.138V150.76L273.93 428.552c-17.242 17.24-45.242 17.24-62.483 0-17.241-17.242-17.241-45.242 0-62.483L489.24 88.276H375.172c-24.414 0-44.138-19.724-44.138-44.138C331.034 19.724 350.758 0 375.172 0ZM110.345 66.207h110.344c24.414 0 44.138 19.724 44.138 44.138 0 24.414-19.724 44.138-44.138 44.138H110.345c-12.138 0-22.07 9.93-22.07 22.069v353.103c0 12.138 9.932 22.069 22.07 22.069h353.103c12.138 0 22.069-9.931 22.069-22.069V419.31c0-24.414 19.724-44.138 44.138-44.138 24.414 0 44.138 19.724 44.138 44.138v110.345c0 60.965-49.38 110.345-110.345 110.345H110.345C49.379 640 0 590.62 0 529.655V176.552C0 115.586 49.379 66.207 110.345 66.207Z" /> 186 </svg> 187 188 </a> 189 </li> 190 <li> 191 <a href="https://mandurah.t1cloud.com/T1Default/CiAnywhere/Web/MANDURAH/LogOn/COMO?returnUrl=%2fT1Default%2fCiAnywhere%2fWeb%2fMANDURAH%2fCompliance%2fEnquiryPortalMyEnquiry%3ff%3d%2524P1.COM.ENQP.ENQ%26h%3d70tqEtcwjM%26t%3d1A9333AD%26suite%3dPR%26pagekey%3d20260421163951" 192 target='_blank' 193 class="group/service mx-2 lg:mx-0 py-4 lg:py-2 lg:px-2 flex justify-between gap-x-4 rounded-none! lg:rounded-lg! transition-all text-primary-700 border-b-1 border-b-primary-700/30 lg:border-none hover:lg:bg-primary-100 lg:items-center lg:focus-visible:outline-primary-600!"> 194 <span> 195 <span class="block font-semibold text-lg">Apply for it </span> 196 <span class="block text-xs text-primary-950">Apply for building applications, permits, and licenses</span> 197 </span> 198 <svg class="shrink-0 mt-1.5 w-3.5 h-3.5 lg:mt-[unset] fill-primary-700" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 199 <path d="M375.172 0h220.69C620.275 0 640 19.724 640 44.138v220.69c0 24.413-19.725 44.137-44.138 44.137-24.414 0-44.138-19.724-44.138-44.138V150.76L273.93 428.552c-17.242 17.24-45.242 17.24-62.483 0-17.241-17.242-17.241-45.242 0-62.483L489.24 88.276H375.172c-24.414 0-44.138-19.724-44.138-44.138C331.034 19.724 350.758 0 375.172 0ZM110.345 66.207h110.344c24.414 0 44.138 19.724 44.138 44.138 0 24.414-19.724 44.138-44.138 44.138H110.345c-12.138 0-22.07 9.93-22.07 22.069v353.103c0 12.138 9.932 22.069 22.07 22.069h353.103c12.138 0 22.069-9.931 22.069-22.069V419.31c0-24.414 19.724-44.138 44.138-44.138 24.414 0 44.138 19.724 44.138 44.138v110.345c0 60.965-49.38 110.345-110.345 110.345H110.345C49.379 640 0 590.62 0 529.655V176.552C0 115.586 49.379 66.207 110.345 66.207Z" /> 200 </svg> 201 202 </a> 203 </li> 204 <li> 205 <a href="https://mandurah.t1cloud.com/T1Default/CiAnywhere/Web/MANDURAH/Public/LogOn/COMO" 206 target='_blank' 207 class="group/service mx-2 lg:mx-0 py-4 lg:py-2 lg:px-2 flex justify-between gap-x-4 rounded-none! lg:rounded-lg! transition-all text-primary-700 border-b-1 border-b-primary-700/30 lg:border-none hover:lg:bg-primary-100 lg:items-center lg:focus-visible:outline-primary-600!">
208 <span> 209 <span class="block font-semibold text-lg">City of Mandurah Guest </span> 210 <span class="block text-xs text-primary-950">Pay or track requests without an account.</span> 211 </span> 212 <svg class="shrink-0 mt-1.5 w-3.5 h-3.5 lg:mt-[unset] fill-primary-700" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 213 <path d="M375.172 0h220.69C620.275 0 640 19.724 640 44.138v220.69c0 24.413-19.725 44.137-44.138 44.137-24.414 0-44.138-19.724-44.138-44.138V150.76L273.93 428.552c-17.242 17.24-45.242 17.24-62.483 0-17.241-17.242-17.241-45.242 0-62.483L489.24 88.276H375.172c-24.414 0-44.138-19.724-44.138-44.138C331.034 19.724 350.758 0 375.172 0ZM110.345 66.207h110.344c24.414 0 44.138 19.724 44.138 44.138 0 24.414-19.724 44.138-44.138 44.138H110.345c-12.138 0-22.07 9.93-22.07 22.069v353.103c0 12.138 9.932 22.069 22.07 22.069h353.103c12.138 0 22.069-9.931 22.069-22.069V419.31c0-24.414 19.724-44.138 44.138-44.138 24.414 0 44.138 19.724 44.138 44.138v110.345c0 60.965-49.38 110.345-110.345 110.345H110.345C49.379 640 0 590.62 0 529.655V176.552C0 115.586 49.379 66.207 110.345 66.207Z" /> 214 </svg> 215 216 </a> 217 </li> 218 </ul> 219 </nav> 220 </div> 221 222 <button type="button" 223 id="mobileServicesButton" 224 class="block peer relative z-20 lg:hidden" 225 aria-controls="mobileServices" 226 aria-expanded="false"> 227 <span class="open-menu sr-only">Online services menu</span> 228 <span class="close-menu sr-only">Close online services menu</span> 229 <span class="relative block w-10.5 h-10.5"> 230 <span class="open-icon absolute inset-0 w-10.5 h-10.5 rounded-full border-2 group-data-[theme=default]/body:border-primary-600 group-data-[theme=home]/body:border-white group-[.menu-opened]/header:border-primary-600 group-[.menu-opening]/header:border-primary-600" aria-hidden="true"> 231 <svg class="absolute left-[50%] translate-x-[-50%] top-[50%] translate-y-[-50%] w-5 h-5 transition-colors duration-600 delay-200 group-data-[theme=default]/body:fill-primary-600 group-data-[theme=home]/body:fill-white group-[.menu-opened]/header:fill-primary-600 group-[.menu-opening]/header:fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 232 <path d="M447.557 313.177c75.482 26.288 130.053 98.327 130.053 182.346v113.135c0 17.303-14.04 31.342-31.342 31.342-17.303 0-31.343-14.04-31.343-31.342V495.523c0-71.604-58.717-130.296-130.424-130.296H255.369c-71.605 0-130.296 58.59-130.296 130.296v113.135c0 17.303-14.04 31.342-31.343 31.342-17.302 0-31.342-14.04-31.342-31.342V495.523c0-84.16 54.61-156.148 130.066-182.384-33.915-33.16-54.942-79.437-54.942-130.655C137.512 81.584 219.253-.002 320-.002s182.615 81.74 182.615 182.486c0 51.243-21.091 97.534-55.057 130.693Zm-7.628-130.693c0-66.14-53.79-119.802-119.93-119.802-66.14 0-119.802 53.56-119.802 119.802 0 66.256 53.547 119.93 119.802 119.93 66.255 0 119.93-53.674 119.93-119.93Z" /> 233 </svg> 234 </span> 235 <span class="close-icon absolute inset-0 w-10.5 h-10.5 rounded-full border-2 border-primary-600" aria-hidden="true"> 236 <svg class="absolute left-[50%] translate-x-[-50%] top-[50%] translate-y-[-50%] w-4 h-4 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 237 <path fill-rule="nonzero" d="M91.267 16.022c-20.808-20.809-54.602-20.809-75.411 0-20.809 20.809-20.809 54.603 0 75.412l228.731 228.564L16.023 548.73c-20.81 20.81-20.81 54.603 0 75.412 20.808 20.809 54.602 20.809 75.41 0L320 395.41l228.73 228.564c20.81 20.81 54.603 20.81 75.412 0 20.809-20.809 20.809-54.602 0-75.411L395.41 319.998 623.975 91.267c20.808-20.809 20.808-54.602 0-75.411-20.81-20.81-54.603-20.81-75.412 0L320 244.586 91.267 16.023Z" /> 238 </svg> 239 </span> 240 </span> 241 </button> 242 243 <button type="button" 244 id="mobileMenuButton" 245 class="group lg:hidden peer relative z-20" 246 aria-controls="mobileMegaMenu" 247 aria-expanded="false">
248 <span class="close-menu sr-only">Close menu</span> 249 <span class="open-menu sr-only">Menu</span> 250 <span class="flex items-center justify-center rounded-full w-10.5 h-10.5 transition-all duration-600 delay-200 border-2 group-data-[theme=home]/body:border-white group-data-[theme=default]/body:border-primary-600 group-data-[theme=home]/body:bg-white group-data-[theme=default]/body:bg-primary-600 group-[.menu-opened]/header:border-primary-600 group-[.menu-opened]/header:bg-transparent group-[.menu-opening]/header:border-primary-600 group-[.menu-opening]/header:bg-transparent" aria-hidden="true"> 251 <span class="menu-icon relative w-5 h-4.5 flex flex-col justify-between"> 252 <span class="line-top shrink-0 h-[2px] w-5 rounded-sm origin-top-right rounded-full transition-all duration-200"></span> 253 <span class="line-center shrink-0 h-[2px] w-5 rounded-sm transition-all duration-200 opacity-100"></span> 254 <span class="line-bottom shrink-0 h-[2px] w-5 rounded-sm origin-bottom-right rounded-full transition-all duration-200"></span> 255 </span> 256 </span> 257 </button> 258 259 <button type="button" 260 id="desktopMenuButton" 261 class="group hidden lg:w-auto lg:flex lg:items-center peer relative z-20 font-medium cursor-pointer" 262 aria-controls="desktopMegaMenu" 263 aria-expanded="false"> 264 <span class="transition-colors duration-600 group-[.menu-opened]/header:text-primary-600 group-[.menu-opening]/header:text-primary-600"> 265 <span class="close-menu">Close </span> 266 Menu 267 </span> 268 <span class="ml-3 shrink-0 flex items-center justify-center rounded-full w-10.5 h-10.5 transition-all duration-600 delay-200 border-2 group-data-[theme=home]/body:bg-white group-data-[theme=default]/body:bg-primary-600 group-[.menu-opened]/header:border-primary-600 group-[.menu-opened]/header:bg-transparent group-[.menu-opening]/header:border-primary-600 group-[.menu-opening]/header:bg-transparent" aria-hidden="true"> 269 <span class="menu-icon relative w-5 h-4.5 flex flex-col justify-between"> 270 <span class="line-top shrink-0 h-[2px] w-5 rounded-sm origin-top-right rounded-full transition-all duration-200"></span> 271 <span class="line-center shrink-0 h-[2px] w-5 rounded-sm transition-all duration-200 opacity-100"></span> 272 <span class="line-bottom shrink-0 h-[2px] w-5 rounded-sm origin-bottom-right rounded-full transition-all duration-200"></span> 273 </span> 274 </span> 275 </button> 276 </div> 277 <div id="megaMenu" class="group/menu invisible absolute z-10 top-0 left-0 px-4 lg:px-8 h-dvh max-h-dvh w-dvw transition-all duration-1000 will-change-[visibility]" data-color-theme="yellow"> 278 <nav id="mobileServices" class="menu-panel group/services invisible absolute inset-0 z-20 mt-25 pb-6 will-change-[opacity,visibility] flex flex-col gap-6 justify-between"> 279 <ul class="flex flex-col gap-y-1 pt-2 pb-4 mb-4 pl-4 pr-2 mr-2 overflow-y-auto max-h-[calc(100vh-100px)] scrollbar scrollbar--sm" 280 style="--scrollbar-track-bg: var(--color-secondary-200); --scrollbar-thumb-bg: var(--color-primary-600); --scrollbar-thumb-bg-hover: var(--color-primary-700);" 281 aria-labelledby="doItOnlineMobile"> 282 <li> 283 <a href="/our-city/contact-us/pay-it" 284 285 class="group/service mx-2 lg:mx-0 py-4 lg:py-2 lg:px-2 flex justify-between gap-x-4 rounded-none! lg:rounded-lg! transition-all text-primary-700 border-b-1 border-b-primary-700/30 lg:border-none hover:lg:bg-primary-100 lg:items-center lg:focus-visible:outline-primary-600!">
286 <span> 287 <span class="block font-semibold text-lg">Pay it </span> 288 <span class="block text-xs text-primary-950">Pay rates, infringements, animal renewal, or invoices</span> 289 </span> 290 <span class="icon com-arrow-right shrink-0 mt-1.5 w-3.5 h-3.5 lg:mt-[unset]" aria-hidden="true"></span> 291 292 </a> 293 </li> 294 <li> 295 <a href="https://mandurah.t1cloud.com/T1Default/CiAnywhere/Web/MANDURAH/LogOn/COMO" 296 target='_blank' 297 class="group/service mx-2 lg:mx-0 py-4 lg:py-2 lg:px-2 flex justify-between gap-x-4 rounded-none! lg:rounded-lg! transition-all text-primary-700 border-b-1 border-b-primary-700/30 lg:border-none hover:lg:bg-primary-100 lg:items-center lg:focus-visible:outline-primary-600!"> 298 <span> 299 <span class="block font-semibold text-lg">Register </span> 300 <span class="block text-xs text-primary-950">Sign up for City of Mandurah Online</span> 301 </span> 302 <svg class="shrink-0 mt-1.5 w-3.5 h-3.5 lg:mt-[unset] fill-primary-700" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 303 <path d="M375.172 0h220.69C620.275 0 640 19.724 640 44.138v220.69c0 24.413-19.725 44.137-44.138 44.137-24.414 0-44.138-19.724-44.138-44.138V150.76L273.93 428.552c-17.242 17.24-45.242 17.24-62.483 0-17.241-17.242-17.241-45.242 0-62.483L489.24 88.276H375.172c-24.414 0-44.138-19.724-44.138-44.138C331.034 19.724 350.758 0 375.172 0ZM110.345 66.207h110.344c24.414 0 44.138 19.724 44.138 44.138 0 24.414-19.724 44.138-44.138 44.138H110.345c-12.138 0-22.07 9.93-22.07 22.069v353.103c0 12.138 9.932 22.069 22.07 22.069h353.103c12.138 0 22.069-9.931 22.069-22.069V419.31c0-24.414 19.724-44.138 44.138-44.138 24.414 0 44.138 19.724 44.138 44.138v110.345c0 60.965-49.38 110.345-110.345 110.345H110.345C49.379 640 0 590.62 0 529.655V176.552C0 115.586 49.379 66.207 110.345 66.207Z" /> 304 </svg> 305 306 </a> 307 </li> 308 <li> 309 <a href="https://mandurah.t1cloud.com/T1Default/CiAnywhere/Web/MANDURAH/LogOn/COMO" 310 target='_blank' 311 class="group/service mx-2 lg:mx-0 py-4 lg:py-2 lg:px-2 flex justify-between gap-x-4 rounded-none! lg:rounded-lg! transition-all text-primary-700 border-b-1 border-b-primary-700/30 lg:border-none hover:lg:bg-primary-100 lg:items-center lg:focus-visible:outline-primary-600!"> 312 <span> 313 <span class="block font-semibold text-lg">Request or report it </span> 314 <span class="block text-xs text-primary-950">Request a service or let us know about an issue</span> 315 </span> 316 <svg class="shrink-0 mt-1.5 w-3.5 h-3.5 lg:mt-[unset] fill-primary-700" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 317 <path d="M375.172 0h220.69C620.275 0 640 19.724 640 44.138v220.69c0 24.413-19.725 44.137-44.138 44.137-24.414 0-44.138-19.724-44.138-44.138V150.76L273.93 428.552c-17.242 17.24-45.242 17.24-62.483 0-17.241-17.242-17.241-45.242 0-62.483L489.24 88.276H375.172c-24.414 0-44.138-19.724-44.138-44.138C331.034 19.724 350.758 0 375.172 0ZM110.345 66.207h110.344c24.414 0 44.138 19.724 44.138 44.138 0 24.414-19.724 44.138-44.138 44.138H110.345c-12.138 0-22.07 9.93-22.07 22.069v353.103c0 12.138 9.932 22.069 22.07 22.069h353.103c12.138 0 22.069-9.931 22.069-22.069V419.31c0-24.414 19.724-44.138 44.138-44.138 24.414 0 44.138 19.724 44.138 44.138v110.345c0 60.965-49.38 110.345-110.345 110.345H110.345C49.379 640 0 590.62 0 529.655V176.552C0 115.586 49.379 66.207 110.345 66.207Z" /> 318 </svg> 319 320 </a> 321 </li> 322 <li> 323 <a href="https://mandurah.t1cloud.com/T1Default/CiAnywhere/Web/MANDURAH/LogOn/COMO?returnUrl=%2fT1Default%2fCiAnywhere%2fWeb%2fMANDURAH%2fCompliance%2fEnquiryPortalMyEnquiry%3ff%3d%2524P1.COM.ENQP.ENQ%26h%3d70tqEtcwjM%26t%3d1A9333AD%26suite%3dPR%26pagekey%3d20260421163951" 324 target='_blank' 325 class="group/service mx-2 lg:mx-0 py-4 lg:py-2 lg:px-2 flex justify-between gap-x-4 roun
325ded-none! lg:rounded-lg! transition-all text-primary-700 border-b-1 border-b-primary-700/30 lg:border-none hover:lg:bg-primary-100 lg:items-center lg:focus-visible:outline-primary-600!"> 326 <span> 327 <span class="block font-semibold text-lg">Apply for it </span> 328 <span class="block text-xs text-primary-950">Apply for building applications, permits, and licenses</span> 329 </span> 330 <svg class="shrink-0 mt-1.5 w-3.5 h-3.5 lg:mt-[unset] fill-primary-700" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 331 <path d="M375.172 0h220.69C620.275 0 640 19.724 640 44.138v220.69c0 24.413-19.725 44.137-44.138 44.137-24.414 0-44.138-19.724-44.138-44.138V150.76L273.93 428.552c-17.242 17.24-45.242 17.24-62.483 0-17.241-17.242-17.241-45.242 0-62.483L489.24 88.276H375.172c-24.414 0-44.138-19.724-44.138-44.138C331.034 19.724 350.758 0 375.172 0ZM110.345 66.207h110.344c24.414 0 44.138 19.724 44.138 44.138 0 24.414-19.724 44.138-44.138 44.138H110.345c-12.138 0-22.07 9.93-22.07 22.069v353.103c0 12.138 9.932 22.069 22.07 22.069h353.103c12.138 0 22.069-9.931 22.069-22.069V419.31c0-24.414 19.724-44.138 44.138-44.138 24.414 0 44.138 19.724 44.138 44.138v110.345c0 60.965-49.38 110.345-110.345 110.345H110.345C49.379 640 0 590.62 0 529.655V176.552C0 115.586 49.379 66.207 110.345 66.207Z" /> 332 </svg> 333 334 </a> 335 </li> 336 <li> 337 <a href="https://mandurah.t1cloud.com/T1Default/CiAnywhere/Web/MANDURAH/Public/LogOn/COMO" 338 target='_blank' 339 class="group/service mx-2 lg:mx-0 py-4 lg:py-2 lg:px-2 flex justify-between gap-x-4 rounded-none! lg:rounded-lg! transition-all text-primary-700 border-b-1 border-b-primary-700/30 lg:border-none hover:lg:bg-primary-100 lg:items-center lg:focus-visible:outline-primary-600!"> 340 <span> 341 <span class="block font-semibold text-lg">City of Mandurah Guest </span> 342 <span class="block text-xs text-primary-950">Pay or track requests without an account.</span> 343 </span> 344 <svg class="shrink-0 mt-1.5 w-3.5 h-3.5 lg:mt-[unset] fill-primary-700" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 345 <path d="M375.172 0h220.69C620.275 0 640 19.724 640 44.138v220.69c0 24.413-19.725 44.137-44.138 44.137-24.414 0-44.138-19.724-44.138-44.138V150.76L273.93 428.552c-17.242 17.24-45.242 17.24-62.483 0-17.241-17.242-17.241-45.242 0-62.483L489.24 88.276H375.172c-24.414 0-44.138-19.724-44.138-44.138C331.034 19.724 350.758 0 375.172 0ZM110.345 66.207h110.344c24.414 0 44.138 19.724 44.138 44.138 0 24.414-19.724 44.138-44.138 44.138H110.345c-12.138 0-22.07 9.93-22.07 22.069v353.103c0 12.138 9.932 22.069 22.07 22.069h353.103c12.138 0 22.069-9.931 22.069-22.069V419.31c0-24.414 19.724-44.138 44.138-44.138 24.414 0 44.138 19.724 44.138 44.138v110.345c0 60.965-49.38 110.345-110.345 110.345H110.345C49.379 640 0 590.62 0 529.655V176.552C0 115.586 49.379 66.207 110.345 66.207Z" /> 346 </svg> 347 348 </a> 349 </li> 350 </ul> 351 <div class="flex flex-col w-full gap-2 pl-6 pr-6 mt-auto"> 352 </div> 353 </nav> 354 355 <div id="mobileMegaMenu" class="menu-panel group/mobilemenu invisible absolute z-20 inset-0 mt-25 mb-4 pb-6 will-change-[opacity,visibility] h-[calc(100%-100px)] flex flex-col gap-6 justify-between"> 356 <div class="mr-2 overflow-y-auto scrollbar scrollbar--sm" 357 style="--scrollbar-track-bg: var(--color-secondary-200); --scrollbar-thumb-bg: var(--color-primary-600); --scrollbar-thumb-bg-hover: var(--color-primary-700);"> 358 <nav class="flex flex-col justify-between h-full lg:hidden pl-6 pr-2 mr-2" aria-label="main navigation"> 359 <ul id="fdfdb85b-mobile-links" 360 data-accordion-group 361 data-accordion-collapse="true"> 362 <li id="mobile-0-wrapper" 363 class="border-b-1 border-b-primary-700/30" 364 data-accordion-wrapper> 365 <div class="w-full h-full flex justify-between items-center gap-x-4 my-2 text-primary-700"> 366 <a href="/disability-access-and-inclusion" class="py-3 w-auto">
367 <span class="text-left text-lg md:text-xl xl:text-2xl font-semibold" id="mobile-0-heading">Disability access and inclusion</span> 368 </a> 369 <button type="button" 370 class="group h-full py-3 flex-grow flex items-center justify-end transition-all" 371 aria-expanded="false" 372 aria-controls="mobile-0-body" 373 data-toggle-target="#mobile-0-body" 374 data-accordion-trigger> 375 <span class="sr-only">Toggle Disability access and inclusion Links</span> 376 <div class="shrink-0 relative h-5 w-5"> 377 <svg class="absolute right-0 h-5 w-5 text-inherit transition-all duration-300 group-aria-[expanded=false]:-rotate-90" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"> 378 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" /> 379 </svg> 380 <svg class="absolute right-0 h-5 w-5 text-inherit" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"> 381 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" /> 382 </svg> 383 </div> 384 </button> 385 </div> 386 <div id="mobile-0-body" 387 class="transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) invisible" 388 style="--accordion-height: 0;" 389 data-accordion-target> 390 <ul aria-labelledby="mobile-0-heading" class="py-2"> 391 <li class="pb-4"> 392 <a href="/disability-access-and-inclusion/website-accessibility" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 393 <span class="text-lg md:text-xl xl:text-2xl font-medium">Website accessibility</span> 394 </a> 395 </li> 396 <li class="pb-4"> 397 <a href="/disability-access-and-inclusion/inclusive-community-activities" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 398 <span class="text-lg md:text-xl xl:text-2xl font-medium">Inclusive community activities</span> 399 </a> 400 </li> 401 <li class="pb-4"> 402 <a href="/disability-access-and-inclusion/accessible-places-and-services" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 403 <span class="text-lg md:text-xl xl:text-2xl font-medium">Accessible places and services</span> 404 </a> 405 </li> 406 <li class="pb-4"> 407 <a href="/disability-access-and-inclusion/resources-and-support-hub" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 408 <span class="text-lg md:text-xl xl:text-2xl font-medium">Resources and support hub</span> 409 </a> 410 </li> 411 <li class="pb-4"> 412 <a href="/disability-access-and-inclusion/our-plan-and-advisory-group" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
413 <span class="text-lg md:text-xl xl:text-2xl font-medium">Our plan and advisory group</span> 414 </a> 415 </li> 416 </ul> 417 </div> 418 </li> 419 <li id="mobile-1-wrapper" 420 class="border-b-1 border-b-primary-700/30" 421 data-accordion-wrapper> 422 <div class="w-full h-full flex justify-between items-center gap-x-4 my-2 text-primary-700"> 423 <a href="/my-home-property-and-rates" class="py-3 w-auto"> 424 <span class="text-left text-lg md:text-xl xl:text-2xl font-semibold" id="mobile-1-heading">My home, property, and rates</span> 425 </a> 426 <button type="button" 427 class="group h-full py-3 flex-grow flex items-center justify-end transition-all" 428 aria-expanded="false" 429 aria-controls="mobile-1-body" 430 data-toggle-target="#mobile-1-body" 431 data-accordion-trigger> 432 <span class="sr-only">Toggle My home, property, and rates Links</span> 433 <div class="shrink-0 relative h-5 w-5"> 434 <svg class="absolute right-0 h-5 w-5 text-inherit transition-all duration-300 group-aria-[expanded=false]:-rotate-90" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"> 435 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" /> 436 </svg> 437 <svg class="absolute right-0 h-5 w-5 text-inherit" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"> 438 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" /> 439 </svg> 440 </div> 441 </button> 442 </div> 443 <div id="mobile-1-body" 444 class="transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) invisible" 445 style="--accordion-height: 0;" 446 data-accordion-target> 447 <ul aria-labelledby="mobile-1-heading" class="py-2"> 448 <li class="pb-4"> 449 <a href="/my-home-property-and-rates/rates" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 450 <span class="text-lg md:text-xl xl:text-2xl font-medium">Rates</span> 451 </a> 452 </li> 453 <li class="pb-4"> 454 <a href="/my-home-property-and-rates/rubbish-and-recycling" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 455 <span class="text-lg md:text-xl xl:text-2xl font-medium">Rubbish and recycling</span> 456 </a> 457 </li> 458 <li class="pb-4"> 459 <a href="/my-home-property-and-rates/building-and-improving-your-home" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
460 <span class="text-lg md:text-xl xl:text-2xl font-medium">Building and improving your home</span> 461 </a> 462 </li> 463 <li class="pb-4"> 464 <a href="/my-home-property-and-rates/rural-and-rural-residential-properties" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 465 <span class="text-lg md:text-xl xl:text-2xl font-medium">Rural and Rural-Residential properties</span> 466 </a> 467 </li> 468 <li class="pb-4"> 469 <a href="/my-home-property-and-rates/trees-and-verges" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 470 <span class="text-lg md:text-xl xl:text-2xl font-medium">Trees and verges</span> 471 </a> 472 </li> 473 <li class="pb-4"> 474 <a href="/my-home-property-and-rates/responsible-pet-ownership" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 475 <span class="text-lg md:text-xl xl:text-2xl font-medium">Responsible pet ownership</span> 476 </a> 477 </li> 478 <li class="pb-4"> 479 <a href="/my-home-property-and-rates/home-security-and-safety" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 480 <span class="text-lg md:text-xl xl:text-2xl font-medium">Home security and safety</span> 481 </a> 482 </li> 483 <li class="pb-4"> 484 <a href="/my-home-property-and-rates/new-to-mandurah" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 485 <span class="text-lg md:text-xl xl:text-2xl font-medium">New to Mandurah</span> 486 </a> 487 </li> 488 </ul> 489 </div> 490 </li> 491 <li id="mobile-2-wrapper" 492 class="border-b-1 border-b-primary-700/30" 493 data-accordion-wrapper> 494 <div class="w-full h-full flex justify-between items-center gap-x-4 my-2 text-primary-700"> 495 <a href="/community-public-health-and-safety" class="py-3 w-auto"> 496 <span class="text-left text-lg md:text-xl xl:text-2xl font-semibold" id="mobile-2-heading">Community, public health, and safety</span> 497 </a> 498 <button type="button" 499 class="group h-full py-3 flex-grow flex items-center justify-end transition-all" 500 aria-expanded="false" 501 aria-controls="mobile-2-body" 502 data-toggle-target="#mobile-2-body" 503 data-accordion-trigger> 504 <span class="sr-only">Toggle Community, public health, and safety Links</span> 505 <div class="shrink-0 relative h-5 w-5"> 506 <svg class="absolute right-0 h-5 w-5 text-inherit transition-all duration-300 group-aria-[expanded=false]:-rotate-90" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"> 507 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" /> 508 </svg> 509 <svg class="absolute right-0 h-5 w-5 text-inherit" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"> 510 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" /> 511 </svg> 512 </div> 513 </button> 514 </div> 515 <div id="mobile-2-body" 516 class="transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) invisible" 517 style="--accordion-height: 0;" 518 data-accordion-target> 519 <ul aria-labelledby="mobile-2-heading" class="py-2"> 520 <li class="pb-4"> 521 <a href="/community-public-health-and-safety/fire-and-emergency-management" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
522 <span class="text-lg md:text-xl xl:text-2xl font-medium">Fire and emergency management</span> 523 </a> 524 </li> 525 <li class="pb-4"> 526 <a href="/community-public-health-and-safety/public-and-environmental-health" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 527 <span class="text-lg md:text-xl xl:text-2xl font-medium">Public and environmental health</span> 528 </a> 529 </li> 530 <li class="pb-4"> 531 <a href="/community-public-health-and-safety/community-groups-and-support" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 532 <span class="text-lg md:text-xl xl:text-2xl font-medium">Community support and groups</span> 533 </a> 534 </li> 535 <li class="pb-4"> 536 <a href="/community-public-health-and-safety/health-and-wellbeing" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 537 <span class="text-lg md:text-xl xl:text-2xl font-medium">Health and wellbeing</span> 538 </a> 539 </li> 540 <li class="pb-4"> 541 <a href="/community-public-health-and-safety/noise-litter-and-nuisance" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 542 <span class="text-lg md:text-xl xl:text-2xl font-medium">Noise, litter, and nuisance</span> 543 </a> 544 </li> 545 <li class="pb-4"> 546 <a href="/community-public-health-and-safety/youth" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 547 <span class="text-lg md:text-xl xl:text-2xl font-medium">Youth</span> 548 </a> 549 </li> 550 <li class="pb-4"> 551 <a href="/community-public-health-and-safety/over-55" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 552 <span class="text-lg md:text-xl xl:text-2xl font-medium">Over 55</span> 553 </a> 554 </li> 555 <li class="pb-4"> 556 <a href="/community-public-health-and-safety/crisis-support-and-homelessness" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 557 <span class="text-lg md:text-xl xl:text-2xl font-medium">Crisis support and homelessness</span> 558 </a> 559 </li> 560 </ul> 561 </div> 562 </li> 563 <li id="mobile-3-wrapper" 564 class="border-b-1 border-b-primary-700/30" 565 data-accordion-wrapper> 566 <div class="w-full h-full flex justify-between items-center gap-x-4 my-2 text-primary-700"> 567 <a href="/facilities" class="py-3 w-auto">
568 <span class="text-left text-lg md:text-xl xl:text-2xl font-semibold" id="mobile-3-heading">Facilities, parks, beaches, and reserves</span> 569 </a> 570 <button type="button" 571 class="group h-full py-3 flex-grow flex items-center justify-end transition-all" 572 aria-expanded="false" 573 aria-controls="mobile-3-body" 574 data-toggle-target="#mobile-3-body" 575 data-accordion-trigger> 576 <span class="sr-only">Toggle Facilities, parks, beaches, and reserves Links</span> 577 <div class="shrink-0 relative h-5 w-5"> 578 <svg class="absolute right-0 h-5 w-5 text-inherit transition-all duration-300 group-aria-[expanded=false]:-rotate-90" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"> 579 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" /> 580 </svg> 581 <svg class="absolute right-0 h-5 w-5 text-inherit" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"> 582 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" /> 583 </svg> 584 </div> 585 </button> 586 </div> 587 <div id="mobile-3-body" 588 class="transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) invisible" 589 style="--accordion-height: 0;" 590 data-accordion-target> 591 <ul aria-labelledby="mobile-3-heading" class="py-2"> 592 <li class="pb-4"> 593 <a href="/facilities/marc" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 594 <span class="text-lg md:text-xl xl:text-2xl font-medium">Mandurah Aquatic and Recreation Centre (MARC)</span> 595 </a> 596 </li> 597 <li class="pb-4"> 598 <a href="/facilities/libraries" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 599 <span class="text-lg md:text-xl xl:text-2xl font-medium">Libraries</span> 600 </a> 601 </li> 602 <li class="pb-4"> 603 <a href="/facilities/seniors-centre" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 604 <span class="text-lg md:text-xl xl:text-2xl font-medium">Seniors and Community Centre - Dandjoo Kaadadjan Mia</span> 605 </a> 606 </li> 607 <li class="pb-4"> 608 <a href="/facilities/casm" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 609 <span class="text-lg md:text-xl xl:text-2xl font-medium">Contemporary Art Spaces Mandurah (CASM)</span> 610 </a> 611 </li> 612 <li class="pb-4"> 613 <a href="/facilities/bdyc" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
614 <span class="text-lg md:text-xl xl:text-2xl font-medium">Billy Dower Youth Centre - Moorditj Mia</span> 615 </a> 616 </li> 617 <li class="pb-4"> 618 <a href="/facilities/marina" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 619 <span class="text-lg md:text-xl xl:text-2xl font-medium">Marina</span> 620 </a> 621 </li> 622 <li class="pb-4"> 623 <a href="/facilities/parks-beaches-and-reserves" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 624 <span class="text-lg md:text-xl xl:text-2xl font-medium">Parks, Beaches and Reserves</span> 625 </a> 626 </li> 627 <li class="pb-4"> 628 <a href="/facilities/venue-hire" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 629 <span class="text-lg md:text-xl xl:text-2xl font-medium">Venue hire</span> 630 </a> 631 </li> 632 </ul> 633 </div> 634 </li> 635 <li id="mobile-4-wrapper" 636 class="border-b-1 border-b-primary-700/30" 637 data-accordion-wrapper> 638 <div class="w-full h-full flex justify-between items-center gap-x-4 my-2 text-primary-700"> 639 <a href="/events-arts-heritage" class="py-3 w-auto"> 640 <span class="text-left text-lg md:text-xl xl:text-2xl font-semibold" id="mobile-4-heading">Events, arts and heritage</span> 641 </a> 642 <button type="button" 643 class="group h-full py-3 flex-grow flex items-center justify-end transition-all" 644 aria-expanded="false" 645 aria-controls="mobile-4-body" 646 data-toggle-target="#mobile-4-body" 647 data-accordion-trigger> 648 <span class="sr-only">Toggle Events, arts and heritage Links</span> 649 <div class="shrink-0 relative h-5 w-5"> 650 <svg class="absolute right-0 h-5 w-5 text-inherit transition-all duration-300 group-aria-[expanded=false]:-rotate-90" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"> 651 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" /> 652 </svg> 653 <svg class="absolute right-0 h-5 w-5 text-inherit" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"> 654 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" /> 655 </svg> 656 </div> 657 </button> 658 </div> 659 <div id="mobile-4-body" 660 class="transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) invisible" 661 style="--accordion-height: 0;" 662 data-accordion-target> 663 <ul aria-labelledby="mobile-4-heading" class="py-2"> 664 <li class="pb-4"> 665 <a href="/events-arts-heritage/whats-on" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
666 <span class="text-lg md:text-xl xl:text-2xl font-medium">What's on</span> 667 </a> 668 </li> 669 <li class="pb-4"> 670 <a href="/events-arts-heritage/major-events-and-festivals" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 671 <span class="text-lg md:text-xl xl:text-2xl font-medium">Major events and festivals</span> 672 </a> 673 </li> 674 <li class="pb-4"> 675 <a href="/events-arts-heritage/get involved" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 676 <span class="text-lg md:text-xl xl:text-2xl font-medium">Get involved</span> 677 </a> 678 </li> 679 <li class="pb-4"> 680 <a href="/events-arts-heritage/organise-an-event" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 681 <span class="text-lg md:text-xl xl:text-2xl font-medium">Organise an event</span> 682 </a> 683 </li> 684 <li class="pb-4"> 685 <a href="/events-arts-heritage/first-nations" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 686 <span class="text-lg md:text-xl xl:text-2xl font-medium">First Nations</span> 687 </a> 688 </li> 689 <li class="pb-4"> 690 <a href="/events-arts-heritage/arts-in-mandurah" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 691 <span class="text-lg md:text-xl xl:text-2xl font-medium">Arts in Mandurah</span> 692 </a> 693 </li> 694 <li class="pb-4"> 695 <a href="/events-arts-heritage/museum" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 696 <span class="text-lg md:text-xl xl:text-2xl font-medium">Museum</span> 697 </a> 698 </li> 699 <li class="pb-4"> 700 <a href="/events-arts-heritage/citizenship-ceremonies" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 701 <span class="text-lg md:text-xl xl:text-2xl font-medium">Citizenship ceremonies </span> 702 </a> 703 </li> 704 <li class="pb-4"> 705 <a href="/events-arts-heritage/experience-our-city-centre" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 706 <span class="text-lg md:text-xl xl:text-2xl font-medium">Experience our City Centre</span> 707 </a> 708 </li> 709 </ul> 710 </div> 711 </li> 712 <li id="mobile-5-wrapper" 713 class="border-b-1 border-b-primary-700/30" 714 data-accordion-wrapper> 715 <div class="w-full h-full flex justify-between items-center gap-x-4 my-2 text-primary-700"> 716 <a href="/business-development-and-investment"
716class="py-3 w-auto"> 717 <span class="text-left text-lg md:text-xl xl:text-2xl font-semibold" id="mobile-5-heading">Business, development, and investment</span> 718 </a> 719 <button type="button" 720 class="group h-full py-3 flex-grow flex items-center justify-end transition-all" 721 aria-expanded="false" 722 aria-controls="mobile-5-body" 723 data-toggle-target="#mobile-5-body" 724 data-accordion-trigger> 725 <span class="sr-only">Toggle Business, development, and investment Links</span> 726 <div class="shrink-0 relative h-5 w-5"> 727 <svg class="absolute right-0 h-5 w-5 text-inherit transition-all duration-300 group-aria-[expanded=false]:-rotate-90" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"> 728 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" /> 729 </svg> 730 <svg class="absolute right-0 h-5 w-5 text-inherit" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"> 731 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" /> 732 </svg> 733 </div> 734 </button> 735 </div> 736 <div id="mobile-5-body" 737 class="transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) invisible" 738 style="--accordion-height: 0;" 739 data-accordion-target> 740 <ul aria-labelledby="mobile-5-heading" class="py-2"> 741 <li class="pb-4"> 742 <a href="/business-development-and-investment/lodge-and-track-an-application" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 743 <span class="text-lg md:text-xl xl:text-2xl font-medium">Lodge and track an application</span> 744 </a> 745 </li> 746 <li class="pb-4"> 747 <a href="/business-development-and-investment/planning-building-and-development" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 748 <span class="text-lg md:text-xl xl:text-2xl font-medium">Building, planning and development</span> 749 </a> 750 </li> 751 <li class="pb-4"> 752 <a href="/business-development-and-investment/start-or-grow-your-business" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 753 <span class="text-lg md:text-xl xl:text-2xl font-medium">Start or grow your business</span> 754 </a> 755 </li> 756 <li class="pb-4"> 757 <a href="/business-development-and-investment/tenders-and-suppliers" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 758 <span class="text-lg md:text-xl xl:text-2xl font-medium">Tenders and suppliers</span> 759 </a> 760 </li> 761 <li class="pb-4"> 762 <a href="/business-development-and-investment/signage" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
763 <span class="text-lg md:text-xl xl:text-2xl font-medium">Signage</span> 764 </a> 765 </li> 766 </ul> 767 </div> 768 </li> 769 <li id="mobile-6-wrapper" 770 class="border-b-1 border-b-primary-700/30" 771 data-accordion-wrapper> 772 <div class="w-full h-full flex justify-between items-center gap-x-4 my-2 text-primary-700"> 773 <a href="/our-council" class="py-3 w-auto"> 774 <span class="text-left text-lg md:text-xl xl:text-2xl font-semibold" id="mobile-6-heading">Our council</span> 775 </a> 776 <button type="button" 777 class="group h-full py-3 flex-grow flex items-center justify-end transition-all" 778 aria-expanded="false" 779 aria-controls="mobile-6-body" 780 data-toggle-target="#mobile-6-body" 781 data-accordion-trigger> 782 <span class="sr-only">Toggle Our council Links</span> 783 <div class="shrink-0 relative h-5 w-5"> 784 <svg class="absolute right-0 h-5 w-5 text-inherit transition-all duration-300 group-aria-[expanded=false]:-rotate-90" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"> 785 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" /> 786 </svg> 787 <svg class="absolute right-0 h-5 w-5 text-inherit" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"> 788 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" /> 789 </svg> 790 </div> 791 </button> 792 </div> 793 <div id="mobile-6-body" 794 class="transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) invisible" 795 style="--accordion-height: 0;" 796 data-accordion-target> 797 <ul aria-labelledby="mobile-6-heading" class="py-2"> 798 <li class="pb-4"> 799 <a href="/our-council/mayor-and-councillors" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 800 <span class="text-lg md:text-xl xl:text-2xl font-medium">Mayor and Councillors</span> 801 </a> 802 </li> 803 <li class="pb-4"> 804 <a href="/our-council/council-meetings" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 805 <span class="text-lg md:text-xl xl:text-2xl font-medium">Council meetings</span> 806 </a> 807 </li> 808 <li class="pb-4"> 809 <a href="/our-council/news-and-public-notices" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 810 <span class="text-lg md:text-xl xl:text-2xl font-medium">News and public notices</span> 811 </a> 812 </li> 813 <li class="pb-4"> 814 <a href="/our-council/governance-and-transparency" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
815 <span class="text-lg md:text-xl xl:text-2xl font-medium">Governance and transparency</span> 816 </a> 817 </li> 818 <li class="pb-4"> 819 <a href="/our-council/leadership-and-vision" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 820 <span class="text-lg md:text-xl xl:text-2xl font-medium">Leadership and vision</span> 821 </a> 822 </li> 823 <li class="pb-4"> 824 <a href="/our-council/budget" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 825 <span class="text-lg md:text-xl xl:text-2xl font-medium">Budget </span> 826 </a> 827 </li> 828 <li class="pb-4"> 829 <a href="/our-council/advisory-groups-and-committees" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 830 <span class="text-lg md:text-xl xl:text-2xl font-medium">Advisory groups and committees</span> 831 </a> 832 </li> 833 <li class="pb-4"> 834 <a href="/our-council/elections" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 835 <span class="text-lg md:text-xl xl:text-2xl font-medium">Elections</span> 836 </a> 837 </li> 838 </ul> 839 </div> 840 </li> 841 <li id="mobile-7-wrapper" 842 class="border-b-1 border-b-primary-700/30" 843 data-accordion-wrapper> 844 <div class="w-full h-full flex justify-between items-center gap-x-4 my-2 text-primary-700"> 845 <a href="/our-city" class="py-3 w-auto"> 846 <span class="text-left text-lg md:text-xl xl:text-2xl font-semibold" id="mobile-7-heading">Our city</span> 847 </a> 848 <button type="button" 849 class="group h-full py-3 flex-grow flex items-center justify-end transition-all" 850 aria-expanded="false" 851 aria-controls="mobile-7-body" 852 data-toggle-target="#mobile-7-body" 853 data-accordion-trigger> 854 <span class="sr-only">Toggle Our city Links</span> 855 <div class="shrink-0 relative h-5 w-5"> 856 <svg class="absolute right-0 h-5 w-5 text-inherit transition-all duration-300 group-aria-[expanded=false]:-rotate-90" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"> 857 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" /> 858 </svg> 859 <svg class="absolute right-0 h-5 w-5 text-inherit" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"> 860 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" /> 861 </svg> 862 </div> 863 </button> 864 </div> 865 <div id="mobile-7-body" 866 class="transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) invisible" 867 style="--accordion-height: 0;" 868 data-accordion-target> 869 <ul aria-labelledby="mobile-7-heading" class="py-2"> 870 <li class="pb-4"> 871 <a href="/our-city/contact-us" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700">
872 <span class="text-lg md:text-xl xl:text-2xl font-medium">Contact us </span> 873 </a> 874 </li> 875 <li class="pb-4"> 876 <a href="/our-city/work-with-us" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 877 <span class="text-lg md:text-xl xl:text-2xl font-medium">Work with us</span> 878 </a> 879 </li> 880 <li class="pb-4"> 881 <a href="/our-city/our-environment-wildlife-and-waterways" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 882 <span class="text-lg md:text-xl xl:text-2xl font-medium">Our environment, wildlife and waterways</span> 883 </a> 884 </li> 885 <li class="pb-4"> 886 <a href="/our-city/multicultural-mandurah" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 887 <span class="text-lg md:text-xl xl:text-2xl font-medium">Multicultural Mandurah</span> 888 </a> 889 </li> 890 <li class="pb-4"> 891 <a href="/our-city/ranger-services-and-parking" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 892 <span class="text-lg md:text-xl xl:text-2xl font-medium">Ranger Services and parking</span> 893 </a> 894 </li> 895 <li class="pb-4"> 896 <a href="/our-city/cemeteries" class="w-fit flex justify-start items-center gap-x-4 py-1 text-primary-700"> 897 <span class="text-lg md:text-xl xl:text-2xl font-medium">Cemeteries</span> 898 </a> 899 </li> 900 </ul> 901 </div> 902 </li> 903 <li id="mobile-8-wrapper" 904 class="border-b-1 border-b-primary-700/30" 905 data-accordion-wrapper> 906 <a href="/disclaimer" class="w-full flex justify-between items-center gap-x-4 my-2 py-3 transition-all text-primary-700"> 907 <span class="text-lg md:text-xl xl:text-2xl font-semibold">Disclaimer</span> 908 <span class="relative block w-fit" aria-hidden="true"> 909 <svg class="w-3 h-3 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 910 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 911 </svg> 912 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] w-3 rounded-lg bg-primary-600"></span> 913 </span> 914 </a> 915 </li> 916 </ul> 917 </nav> 918 </div> 919 920 <div class="px-6 w-full *:w-full"> 921 </div> 922 </div> 923 924 <div id="desktopMegaMenu" class="menu-panel group/desktopmenu inv
924isible relative z-20 w-full h-full max-w-1920 mx-auto mt-35 lg:grid lg:grid-cols-[2fr_2fr_1.5fr] gap-x-10 overflow-y-auto will-change-[opacity,visibility]"> 925 <nav class="hidden lg:col-start-1 lg:col-span-2 lg:grid lg:grid-cols-2 gap-x-10 mt-12 mb-6" 926 id="fdfdb85b-desktop-links" 927 aria-label="main navigation" 928 data-accordion-group 929 data-hover-toggle="true" 930 data-accordion-collapse="true"> 931 <ul class="col-start-1 flex flex-col gap-y-8 py-2 px-2 overflow-y-auto max-h-[calc(100vh-200px)] scrollbar scrollbar--sm" 932 style="--scrollbar-track-bg: var(--color-secondary-200); --scrollbar-thumb-bg: var(--color-primary-600); --scrollbar-thumb-bg-hover: var(--color-primary-700);"> 933 <li id="desktop-0-wrapper" 934 class="group" 935 data-accordion-wrapper> 936 <div class="mx-1 flex w-full rounded-lg justify-start items-center gap-x-4 transition-all text-primary-700 group-has-[button[aria-expanded=true]]:px-4 group-has-[button[aria-expanded=true]]:gap-x-8 group-has-[button[aria-expanded=true]]:bg-secondary-200"> 937 <a href="/disability-access-and-inclusion" class="shrink-0 py-2"> 938 <span class="text-left text-lg md:text-xl xl:text-2xl font-semibold">Disability access and inclusion</span> 939 </a> 940 <button type="button" 941 class="w-full py-2 mr-1 text-left" 942 aria-expanded="false" 943 aria-controls="desktop-0-body" 944 data-toggle-target="#desktop-0-body" 945 data-accordion-trigger> 946 <span class="sr-only">Toggle Disability access and inclusion Links</span> 947 <span class="relative block w-fit" aria-hidden="true"> 948 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 949 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 950 </svg> 951 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-has-[button[aria-expanded=true]]:w-4"></span> 952 </span> 953 </button> 954 </div> 955 </li> 956 <li id="desktop-1-wrapper" 957 class="group" 958 data-accordion-wrapper> 959 <div class="mx-1 flex w-full rounded-lg justify-start items-center gap-x-4 transition-all text-primary-700 group-has-[button[aria-expanded=true]]:px-4 group-has-[button[aria-expanded=true]]:gap-x-8 group-has-[button[aria-expanded=true]]:bg-secondary-200"> 960 <a href="/my-home-property-and-rates" class="shrink-0 py-2"> 961 <span class="text-left text-lg md:text-xl xl:text-2xl font-semibold">My home, property, and rates</span> 962 </a> 963 <button type="button" 964 class="w-full py-2 mr-1 text-left" 965 aria-expanded="false" 966 aria-controls="desktop-1-body" 967 data-toggle-target="#desktop-1-body" 968 data-accordion-trigger>
969 <span class="sr-only">Toggle My home, property, and rates Links</span> 970 <span class="relative block w-fit" aria-hidden="true"> 971 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 972 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 973 </svg> 974 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-has-[button[aria-expanded=true]]:w-4"></span> 975 </span> 976 </button> 977 </div> 978 </li> 979 <li id="desktop-2-wrapper" 980 class="group" 981 data-accordion-wrapper> 982 <div class="mx-1 flex w-full rounded-lg justify-start items-center gap-x-4 transition-all text-primary-700 group-has-[button[aria-expanded=true]]:px-4 group-has-[button[aria-expanded=true]]:gap-x-8 group-has-[button[aria-expanded=true]]:bg-secondary-200"> 983 <a href="/community-public-health-and-safety" class="shrink-0 py-2"> 984 <span class="text-left text-lg md:text-xl xl:text-2xl font-semibold">Community, public health, and safety</span> 985 </a> 986 <button type="button" 987 class="w-full py-2 mr-1 text-left" 988 aria-expanded="false" 989 aria-controls="desktop-2-body" 990 data-toggle-target="#desktop-2-body" 991 data-accordion-trigger> 992 <span class="sr-only">Toggle Community, public health, and safety Links</span> 993 <span class="relative block w-fit" aria-hidden="true"> 994 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 995 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 996 </svg> 997 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-has-[button[aria-expanded=true]]:w-4"></span> 998 </span> 999 </button> 1000 </div> 1001 </li> 1002 <li id="desktop-3-wrapper" 1003 class="group" 1004 data-accordion-wrapper> 1005 <div class="mx-1 flex w-full rounded-lg justify-start items-center gap-x-4 transition-all text-primary-700 group-has-[button[aria-expanded=true]]:px-4 group-has-[button[aria-expanded=true]]:gap-x-8 group-has-[button[aria-expanded=true]]:bg-secondary-200"> 1006 <a href="/facilities" class="shrink-0 py-2">
1007 <span class="text-left text-lg md:text-xl xl:text-2xl font-semibold">Facilities, parks, beaches, and reserves</span> 1008 </a> 1009 <button type="button" 1010 class="w-full py-2 mr-1 text-left" 1011 aria-expanded="false" 1012 aria-controls="desktop-3-body" 1013 data-toggle-target="#desktop-3-body" 1014 data-accordion-trigger> 1015 <span class="sr-only">Toggle Facilities, parks, beaches, and reserves Links</span> 1016 <span class="relative block w-fit" aria-hidden="true"> 1017 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1018 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1019 </svg> 1020 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-has-[button[aria-expanded=true]]:w-4"></span> 1021 </span> 1022 </button> 1023 </div> 1024 </li> 1025 <li id="desktop-4-wrapper" 1026 class="group" 1027 data-accordion-wrapper> 1028 <div class="mx-1 flex w-full rounded-lg justify-start items-center gap-x-4 transition-all text-primary-700 group-has-[button[aria-expanded=true]]:px-4 group-has-[button[aria-expanded=true]]:gap-x-8 group-has-[button[aria-expanded=true]]:bg-secondary-200"> 1029 <a href="/events-arts-heritage" class="shrink-0 py-2"> 1030 <span class="text-left text-lg md:text-xl xl:text-2xl font-semibold">Events, arts and heritage</span> 1031 </a> 1032 <button type="button" 1033 class="w-full py-2 mr-1 text-left" 1034 aria-expanded="false" 1035 aria-controls="desktop-4-body" 1036 data-toggle-target="#desktop-4-body" 1037 data-accordion-trigger> 1038 <span class="sr-only">Toggle Events, arts and heritage Links</span> 1039 <span class="relative block w-fit" aria-hidden="true"> 1040 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1041 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1042 </svg> 1043 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-has-[button[aria-expanded=true]]:w-4"></span> 1044 </span> 1045 </button> 1046 </div> 1047 </li> 1048 <li id="desktop-5-wrapper" 1049 class="group" 1050 data-accordion-wrapper> 1051 <div class="mx-1 flex w-full rounded-lg justify-start items-center gap-x-4 transition-all text-primary-700 group-has-[button[aria-expanded=true]]:px-4 group-has-[button[aria-expanded=true]]:gap-x-8 group-has-[button[aria-expanded=true]]:bg-secondary-200"> 1052 <a href="/business-development-and-investment"
1052class="shrink-0 py-2"> 1053 <span class="text-left text-lg md:text-xl xl:text-2xl font-semibold">Business, development, and investment</span> 1054 </a> 1055 <button type="button" 1056 class="w-full py-2 mr-1 text-left" 1057 aria-expanded="false" 1058 aria-controls="desktop-5-body" 1059 data-toggle-target="#desktop-5-body" 1060 data-accordion-trigger> 1061 <span class="sr-only">Toggle Business, development, and investment Links</span> 1062 <span class="relative block w-fit" aria-hidden="true"> 1063 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1064 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1065 </svg> 1066 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-has-[button[aria-expanded=true]]:w-4"></span> 1067 </span> 1068 </button> 1069 </div> 1070 </li> 1071 <li id="desktop-6-wrapper" 1072 class="group" 1073 data-accordion-wrapper> 1074 <div class="mx-1 flex w-full rounded-lg justify-start items-center gap-x-4 transition-all text-primary-700 group-has-[button[aria-expanded=true]]:px-4 group-has-[button[aria-expanded=true]]:gap-x-8 group-has-[button[aria-expanded=true]]:bg-secondary-200"> 1075 <a href="/our-council" class="shrink-0 py-2"> 1076 <span class="text-left text-lg md:text-xl xl:text-2xl font-semibold">Our council</span> 1077 </a> 1078 <button type="button" 1079 class="w-full py-2 mr-1 text-left" 1080 aria-expanded="false" 1081 aria-controls="desktop-6-body" 1082 data-toggle-target="#desktop-6-body" 1083 data-accordion-trigger> 1084 <span class="sr-only">Toggle Our council Links</span> 1085 <span class="relative block w-fit" aria-hidden="true"> 1086 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1087 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1088 </svg> 1089 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-has-[button[aria-expanded=true]]:w-4"></span> 1090 </span> 1091 </button> 1092 </div> 1093 </li> 1094 <li id="desktop-7-wrapper" 1095 class="group" 1096 data-accordion-wrapper> 1097 <div class="mx-1 flex w-full rounded-lg justify-start items-center gap-x-4 transition-all text-primary-700 group-has-[button[aria-expanded=true]]:px-4 group-has-[button[aria-expanded=true]]:gap-x-8 group-has-[button[aria-expanded=true]]:bg-secondary-200"> 1098 <a href="/our-city" class="shrink-0 py-2">
1099 <span class="text-left text-lg md:text-xl xl:text-2xl font-semibold">Our city</span> 1100 </a> 1101 <button type="button" 1102 class="w-full py-2 mr-1 text-left" 1103 aria-expanded="false" 1104 aria-controls="desktop-7-body" 1105 data-toggle-target="#desktop-7-body" 1106 data-accordion-trigger> 1107 <span class="sr-only">Toggle Our city Links</span> 1108 <span class="relative block w-fit" aria-hidden="true"> 1109 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1110 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1111 </svg> 1112 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-has-[button[aria-expanded=true]]:w-4"></span> 1113 </span> 1114 </button> 1115 </div> 1116 </li> 1117 <li id="desktop-8-wrapper" 1118 class="group" 1119 data-accordion-wrapper> 1120 <div class="mx-1 flex w-full rounded-lg justify-start items-center gap-x-4 transition-all text-primary-700 group-has-[button[aria-expanded=true]]:px-4 group-has-[button[aria-expanded=true]]:gap-x-8 group-has-[button[aria-expanded=true]]:bg-secondary-200"> 1121 <a href="/disclaimer" class="rounded-lg! flex justify-start items-center gap-x-6 py-2 text-primary-700 hover:px-4 hover:gap-x-8 hover:bg-secondary-200 transition-all"> 1122 <span class="text-lg md:text-xl xl:text-2xl font-semibold">Disclaimer</span> 1123 <span class="relative block w-fit" aria-hidden="true"> 1124 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1125 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1126 </svg> 1127 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] w-4 rounded-lg bg-primary-600"></span> 1128 </span> 1129 </a> 1130 </div> 1131 </li> 1132 </ul> 1133 1134 <div id="desktop-0-body" 1135 aria-labelledby="desktop-0-heading" 1136 class="col-start-2 row-start-1 transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) invisible bg-secondary-300" 1137 style="--accordion-height: 0;" 1138 data-accordion-target> 1139 <ul class="flex flex-col gap-y-8 py-2 px-2 overflow-y-auto max-h-[calc(100vh-200px)] scrollbar scrollbar--sm" 1140 style="--scrollbar-track-bg: var(--color-secondary-200); --scrollbar-thumb-bg: var(--color-primary-600); --scrollbar-thumb-bg-hover: var(--color-primary-700);"> 1141 <li> 1142 <a href="/disability-access-and-inclusion/website-accessibility" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1143 <span class="relative block w-fit" aria-hidden="true"> 1144 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1145 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1146 </svg> 1147 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1148 </span> 1149 <span class="text-lg md:text-xl xl:text-2xl font-medium">Website accessibility</span> 1150 </a> 1151 </li> 1152 <li> 1153 <a href="/disability-access-and-inclusion/inclusive-community-activities" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1154 <span class="relative block w-fit" aria-hidden="true"> 1155 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1156 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1157 </svg> 1158 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1159 </span> 1160 <span class="text-lg md:text-xl xl:text-2xl font-medium">Inclusive community activities</span> 1161 </a> 1162 </li> 1163 <li> 1164 <a href="/disability-access-and-inclusion/accessible-places-and-services" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1165 <span class="relative block w-fit" aria-hidden="true"> 1166 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1167 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1168 </svg> 1169 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1170 </span>
1171 <span class="text-lg md:text-xl xl:text-2xl font-medium">Accessible places and services</span> 1172 </a> 1173 </li> 1174 <li> 1175 <a href="/disability-access-and-inclusion/resources-and-support-hub" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1176 <span class="relative block w-fit" aria-hidden="true"> 1177 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1178 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1179 </svg> 1180 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1181 </span> 1182 <span class="text-lg md:text-xl xl:text-2xl font-medium">Resources and support hub</span> 1183 </a> 1184 </li> 1185 <li> 1186 <a href="/disability-access-and-inclusion/our-plan-and-advisory-group" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1187 <span class="relative block w-fit" aria-hidden="true"> 1188 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1189 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1190 </svg> 1191 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1192 </span> 1193 <span class="text-lg md:text-xl xl:text-2xl font-medium">Our plan and advisory group</span> 1194 </a> 1195 </li> 1196 </ul> 1197 </div> 1198 <div id="desktop-1-body" 1199 aria-labelledby="desktop-1-heading" 1200 class="col-start-2 row-start-1 transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) invisible bg-secondary-300" 1201 style="--accordion-height: 0;" 1202 data-accordion-target> 1203 <ul class="flex flex-col gap-y-8 py-2 px-2 overflow-y-auto max-h-[calc(100vh-200px)] scrollbar scrollbar--sm" 1204 style="--scrollbar-track-bg: var(--color-secondary-200); --scrollbar-thumb-bg: var(--color-primary-600); --scrollbar-thumb-bg-hover: var(--color-primary-700);"> 1205 <li> 1206 <a href="/my-home-property-and-rates/rates" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1207 <span class="relative block w-fit" aria-hidden="true"> 1208 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1209 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1210 </svg> 1211 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1212 </span> 1213 <span class="text-lg md:text-xl xl:text-2xl font-medium">Rates</span> 1214 </a> 1215 </li> 1216 <li> 1217 <a href="/my-home-property-and-rates/rubbish-and-recycling" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1218 <span class="relative block w-fit" aria-hidden="true"> 1219 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1220 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1221 </svg> 1222 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1223 </span> 1224 <span class="text-lg md:text-xl xl:text-2xl font-medium">Rubbish and recycling</span> 1225 </a> 1226 </li> 1227 <li> 1228 <a href="/my-home-property-and-rates/building-and-improving-your-home" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1229 <span class="relative block w-fit" aria-hidden="true"> 1230 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1231 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1232 </svg> 1233 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1234 </span>
1235 <span class="text-lg md:text-xl xl:text-2xl font-medium">Building and improving your home</span> 1236 </a> 1237 </li> 1238 <li> 1239 <a href="/my-home-property-and-rates/rural-and-rural-residential-properties" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1240 <span class="relative block w-fit" aria-hidden="true"> 1241 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1242 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1243 </svg> 1244 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1245 </span> 1246 <span class="text-lg md:text-xl xl:text-2xl font-medium">Rural and Rural-Residential properties</span> 1247 </a> 1248 </li> 1249 <li> 1250 <a href="/my-home-property-and-rates/trees-and-verges" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1251 <span class="relative block w-fit" aria-hidden="true"> 1252 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1253 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1254 </svg> 1255 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1256 </span> 1257 <span class="text-lg md:text-xl xl:text-2xl font-medium">Trees and verges</span> 1258 </a> 1259 </li> 1260 <li> 1261 <a href="/my-home-property-and-rates/responsible-pet-ownership" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1262 <span class="relative block w-fit" aria-hidden="true"> 1263 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1264 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-1
12647.851 64.693 0L489.585 287.58l-.143.143Z" /> 1265 </svg> 1266 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1267 </span> 1268 <span class="text-lg md:text-xl xl:text-2xl font-medium">Responsible pet ownership</span> 1269 </a> 1270 </li> 1271 <li> 1272 <a href="/my-home-property-and-rates/home-security-and-safety" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1273 <span class="relative block w-fit" aria-hidden="true"> 1274 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1275 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1276 </svg> 1277 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1278 </span> 1279 <span class="text-lg md:text-xl xl:text-2xl font-medium">Home security and safety</span> 1280 </a> 1281 </li> 1282 <li> 1283 <a href="/my-home-property-and-rates/new-to-mandurah" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1284 <span class="relative block w-fit" aria-hidden="true"> 1285 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1286 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1287 </svg> 1288 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1289 </span> 1290 <span class="text-lg md:text-xl xl:text-2xl font-medium">New to Mandurah</span> 1291 </a> 1292 </li> 1293 </ul> 1294 </div> 1295 <div id="desktop-2-body" 1296 aria-labelledby="desktop-2-heading" 1297 class="col-start-2 row-start-1 transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) invisible bg-secondary-300" 1298 style="--accordion-height: 0;" 1299 data-accordion-target> 1300 <ul class="flex flex-col gap-y-8 py-2 px-2 overflow-y-auto max-h-[calc(100vh-200px)] scrollbar scrollbar--sm" 1301 style="--scrollbar-track-bg: var(--color-secondary-200); --scrollbar-thumb-bg: var(--color-primary-600); --scrollbar-thumb-bg-hover: var(--color-primary-700);"> 1302 <li> 1303 <a href="/community-public-health-and-safety/fire-and-emergency-management" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1304 <span class="relative block w-fit" aria-hidden="true"> 1305 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1306 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1307 </svg> 1308 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1309 </span> 1310 <span class="text-lg md:text-xl xl:text-2xl font-medium">Fire and emergency management</span> 1311 </a> 1312 </li> 1313 <li> 1314 <a href="/community-public-health-and-safety/public-and-environmental-health" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1315 <span class="relative block w-fit" aria-hidden="true"> 1316 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1317 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1318 </svg> 1319 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1320 </span> 1321 <span class="text-lg md:text-xl xl:text-2xl font-medium">Public and environmental health</span> 1322 </a> 1323 </li> 1324 <li> 1325 <a href="/community-public-health-and-safety/community-groups-and-support" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1326 <span class="relative block w-fit" aria-hidden="true"> 1327 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1328 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1329 </svg> 1330 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1331 </span>
1332 <span class="text-lg md:text-xl xl:text-2xl font-medium">Community support and groups</span> 1333 </a> 1334 </li> 1335 <li> 1336 <a href="/community-public-health-and-safety/health-and-wellbeing" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1337 <span class="relative block w-fit" aria-hidden="true"> 1338 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1339 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1340 </svg> 1341 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1342 </span> 1343 <span class="text-lg md:text-xl xl:text-2xl font-medium">Health and wellbeing</span> 1344 </a> 1345 </li> 1346 <li> 1347 <a href="/community-public-health-and-safety/noise-litter-and-nuisance" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1348 <span class="relative block w-fit" aria-hidden="true"> 1349 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1350 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1351 </svg> 1352 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1353 </span> 1354 <span class="text-lg md:text-xl xl:text-2xl font-medium">Noise, litter, and nuisance</span> 1355 </a> 1356 </li> 1357 <li> 1358 <a href="/community-public-health-and-safety/youth" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1359 <span class="relative block w-fit" aria-hidden="true"> 1360 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1361 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-1
13617.851 64.693 0L489.585 287.58l-.143.143Z" /> 1362 </svg> 1363 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1364 </span> 1365 <span class="text-lg md:text-xl xl:text-2xl font-medium">Youth</span> 1366 </a> 1367 </li> 1368 <li> 1369 <a href="/community-public-health-and-safety/over-55" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1370 <span class="relative block w-fit" aria-hidden="true"> 1371 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1372 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1373 </svg> 1374 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1375 </span> 1376 <span class="text-lg md:text-xl xl:text-2xl font-medium">Over 55</span> 1377 </a> 1378 </li> 1379 <li> 1380 <a href="/community-public-health-and-safety/crisis-support-and-homelessness" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1381 <span class="relative block w-fit" aria-hidden="true"> 1382 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1383 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1384 </svg> 1385 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1386 </span> 1387 <span class="text-lg md:text-xl xl:text-2xl font-medium">Crisis support and homelessness</span> 1388 </a> 1389 </li> 1390 </ul> 1391 </div> 1392 <div id="desktop-3-body" 1393 aria-labelledby="desktop-3-heading" 1394 class="col-start-2 row-start-1 transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) invisible bg-secondary-300" 1395 style="--accordion-height: 0;" 1396 data-accordion-target> 1397 <ul class="flex flex-col gap-y-8 py-2 px-2 overflow-y-auto max-h-[calc(100vh-200px)] scrollbar scrollbar--sm" 1398 style="--scrollbar-track-bg: var(--color-secondary-200); --scrollbar-thumb-bg: var(--color-primary-600); --scrollbar-thumb-bg-hover: var(--color-primary-700);"> 1399 <li> 1400 <a href="/facilities/marc" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1401 <span class="relative block w-fit" aria-hidden="true"> 1402 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1403 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1404 </svg> 1405 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1406 </span> 1407 <span class="text-lg md:text-xl xl:text-2xl font-medium">Mandurah Aquatic and Recreation Centre (MARC)</span> 1408 </a> 1409 </li> 1410 <li> 1411 <a href="/facilities/libraries" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1412 <span class="relative block w-fit" aria-hidden="true"> 1413 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1414 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1415 </svg> 1416 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1417 </span> 1418 <span class="text-lg md:text-xl xl:text-2xl font-medium">Libraries</span> 1419 </a> 1420 </li> 1421 <li> 1422 <a href="/facilities/seniors-centre" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1423 <span class="relative block w-fit" aria-hidden="true"> 1424 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1425 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1426 </svg> 1427 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1428 </span> 1429 <span class="text-lg md:text-xl xl:text-2xl font-medium">Seniors and Community Centre - Dandjoo Kaadadjan Mia</span> 1430 </a> 1431 </li> 1432 <li> 1433 <a href="/facilities/casm" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1434 <span class="relative block w-fit" aria-hidden="true"> 1435 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1436 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1437 </svg> 1438 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1439 </span> 1440 <span class="text-lg md:text-xl xl:text-2xl font-medium">Contemporary Art Spaces Mandurah (CASM)</span> 1441 </a> 1442 </li> 1443 <li> 1444 <a href="/facilities/bdyc" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1445 <span class="relative block w-fit" aria-hidden="true"> 1446 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1447 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1448 </svg> 1449 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1450 </span> 1451 <span class="text-lg md:text-xl xl:text-2xl font-medium">Billy Dower Youth Centre - Moorditj Mia</span> 1452 </a> 1453 </li> 1454 <li> 1455 <a href="/facilities/marina" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1456 <span class="relative block w-fit" aria-hidden="true"> 1457 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1458 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1459 </svg> 1460 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1461 </span>
1462 <span class="text-lg md:text-xl xl:text-2xl font-medium">Marina</span> 1463 </a> 1464 </li> 1465 <li> 1466 <a href="/facilities/parks-beaches-and-reserves" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1467 <span class="relative block w-fit" aria-hidden="true"> 1468 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1469 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1470 </svg> 1471 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1472 </span> 1473 <span class="text-lg md:text-xl xl:text-2xl font-medium">Parks, Beaches and Reserves</span> 1474 </a> 1475 </li> 1476 <li> 1477 <a href="/facilities/venue-hire" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1478 <span class="relative block w-fit" aria-hidden="true"> 1479 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1480 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1481 </svg> 1482 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1483 </span> 1484 <span class="text-lg md:text-xl xl:text-2xl font-medium">Venue hire</span> 1485 </a> 1486 </li> 1487 </ul> 1488 </div> 1489 <div id="desktop-4-body" 1490 aria-labelledby="desktop-4-heading" 1491 class="col-start-2 row-start-1 transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) invisible bg-secondary-300" 1492 style="--accordion-height: 0;" 1493 data-accordion-target> 1494 <ul class="flex flex-col gap-y-8 py-2 px-2 overflow-y-auto max-h-[calc(100vh-200px)] scrollbar scrollbar--sm" 1495 style="--scrollbar-track-bg: var(--color-secondary-200); --scrollbar-thumb-bg: var(--color-primary-600); --scrollbar-thumb-bg-hover: var(--color-primary-700);"> 1496 <li> 1497 <a href="/events-arts-heritage/whats-on" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5">
1498 <span class="relative block w-fit" aria-hidden="true"> 1499 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1500 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1501 </svg> 1502 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1503 </span> 1504 <span class="text-lg md:text-xl xl:text-2xl font-medium">What's on</span> 1505 </a> 1506 </li> 1507 <li> 1508 <a href="/events-arts-heritage/major-events-and-festivals" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1509 <span class="relative block w-fit" aria-hidden="true"> 1510 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1511 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1512 </svg> 1513 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1514 </span> 1515 <span class="text-lg md:text-xl xl:text-2xl font-medium">Major events and festivals</span> 1516 </a> 1517 </li> 1518 <li> 1519 <a href="/events-arts-heritage/get involved" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1520 <span class="relative block w-fit" aria-hidden="true"> 1521 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1522 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1523 </svg> 1524 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1525 </span>
1526 <span class="text-lg md:text-xl xl:text-2xl font-medium">Get involved</span> 1527 </a> 1528 </li> 1529 <li> 1530 <a href="/events-arts-heritage/organise-an-event" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1531 <span class="relative block w-fit" aria-hidden="true"> 1532 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1533 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1534 </svg> 1535 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1536 </span> 1537 <span class="text-lg md:text-xl xl:text-2xl font-medium">Organise an event</span> 1538 </a> 1539 </li> 1540 <li> 1541 <a href="/events-arts-heritage/first-nations" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1542 <span class="relative block w-fit" aria-hidden="true"> 1543 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1544 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1545 </svg> 1546 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1547 </span> 1548 <span class="text-lg md:text-xl xl:text-2xl font-medium">First Nations</span> 1549 </a> 1550 </li> 1551 <li> 1552 <a href="/events-arts-heritage/arts-in-mandurah" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1553 <span class="relative block w-fit" aria-hidden="true"> 1554 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1555 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1556 </svg>
1557 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1558 </span> 1559 <span class="text-lg md:text-xl xl:text-2xl font-medium">Arts in Mandurah</span> 1560 </a> 1561 </li> 1562 <li> 1563 <a href="/events-arts-heritage/museum" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1564 <span class="relative block w-fit" aria-hidden="true"> 1565 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1566 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1567 </svg> 1568 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1569 </span> 1570 <span class="text-lg md:text-xl xl:text-2xl font-medium">Museum</span> 1571 </a> 1572 </li> 1573 <li> 1574 <a href="/events-arts-heritage/citizenship-ceremonies" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1575 <span class="relative block w-fit" aria-hidden="true"> 1576 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1577 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1578 </svg> 1579 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1580 </span> 1581 <span class="text-lg md:text-xl xl:text-2xl font-medium">Citizenship ceremonies </span> 1582 </a> 1583 </li> 1584 <li> 1585 <a href="/events-arts-heritage/experience-our-city-centre" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1586 <span class="relative block w-fit" aria-hidden="true"> 1587 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1588 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-1
15887.851 64.693 0L489.585 287.58l-.143.143Z" /> 1589 </svg> 1590 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1591 </span> 1592 <span class="text-lg md:text-xl xl:text-2xl font-medium">Experience our City Centre</span> 1593 </a> 1594 </li> 1595 </ul> 1596 </div> 1597 <div id="desktop-5-body" 1598 aria-labelledby="desktop-5-heading" 1599 class="col-start-2 row-start-1 transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) invisible bg-secondary-300" 1600 style="--accordion-height: 0;" 1601 data-accordion-target> 1602 <ul class="flex flex-col gap-y-8 py-2 px-2 overflow-y-auto max-h-[calc(100vh-200px)] scrollbar scrollbar--sm" 1603 style="--scrollbar-track-bg: var(--color-secondary-200); --scrollbar-thumb-bg: var(--color-primary-600); --scrollbar-thumb-bg-hover: var(--color-primary-700);"> 1604 <li> 1605 <a href="/business-development-and-investment/lodge-and-track-an-application" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1606 <span class="relative block w-fit" aria-hidden="true"> 1607 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1608 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1609 </svg> 1610 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1611 </span> 1612 <span class="text-lg md:text-xl xl:text-2xl font-medium">Lodge and track an application</span> 1613 </a> 1614 </li> 1615 <li> 1616 <a href="/business-development-and-investment/planning-building-and-development" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1617 <span class="relative block w-fit" aria-hidden="true"> 1618 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1619 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1620 </svg> 1621 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1622 </span>
1623 <span class="text-lg md:text-xl xl:text-2xl font-medium">Building, planning and development</span> 1624 </a> 1625 </li> 1626 <li> 1627 <a href="/business-development-and-investment/start-or-grow-your-business" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1628 <span class="relative block w-fit" aria-hidden="true"> 1629 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1630 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1631 </svg> 1632 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1633 </span> 1634 <span class="text-lg md:text-xl xl:text-2xl font-medium">Start or grow your business</span> 1635 </a> 1636 </li> 1637 <li> 1638 <a href="/business-development-and-investment/tenders-and-suppliers" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1639 <span class="relative block w-fit" aria-hidden="true"> 1640 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1641 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1642 </svg> 1643 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1644 </span> 1645 <span class="text-lg md:text-xl xl:text-2xl font-medium">Tenders and suppliers</span> 1646 </a> 1647 </li> 1648 <li> 1649 <a href="/business-development-and-investment/signage" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1650 <span class="relative block w-fit" aria-hidden="true"> 1651 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1652 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-1
16527.851 64.693 0L489.585 287.58l-.143.143Z" /> 1653 </svg> 1654 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1655 </span> 1656 <span class="text-lg md:text-xl xl:text-2xl font-medium">Signage</span> 1657 </a> 1658 </li> 1659 </ul> 1660 </div> 1661 <div id="desktop-6-body" 1662 aria-labelledby="desktop-6-heading" 1663 class="col-start-2 row-start-1 transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) invisible bg-secondary-300" 1664 style="--accordion-height: 0;" 1665 data-accordion-target> 1666 <ul class="flex flex-col gap-y-8 py-2 px-2 overflow-y-auto max-h-[calc(100vh-200px)] scrollbar scrollbar--sm" 1667 style="--scrollbar-track-bg: var(--color-secondary-200); --scrollbar-thumb-bg: var(--color-primary-600); --scrollbar-thumb-bg-hover: var(--color-primary-700);"> 1668 <li> 1669 <a href="/our-council/mayor-and-councillors" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1670 <span class="relative block w-fit" aria-hidden="true"> 1671 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1672 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1673 </svg> 1674 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1675 </span> 1676 <span class="text-lg md:text-xl xl:text-2xl font-medium">Mayor and Councillors</span> 1677 </a> 1678 </li> 1679 <li> 1680 <a href="/our-council/council-meetings" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1681 <span class="relative block w-fit" aria-hidden="true"> 1682 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1683 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1684 </svg> 1685 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1686 </span>
1687 <span class="text-lg md:text-xl xl:text-2xl font-medium">Council meetings</span> 1688 </a> 1689 </li> 1690 <li> 1691 <a href="/our-council/news-and-public-notices" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1692 <span class="relative block w-fit" aria-hidden="true"> 1693 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1694 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1695 </svg> 1696 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1697 </span> 1698 <span class="text-lg md:text-xl xl:text-2xl font-medium">News and public notices</span> 1699 </a> 1700 </li> 1701 <li> 1702 <a href="/our-council/governance-and-transparency" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1703 <span class="relative block w-fit" aria-hidden="true"> 1704 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1705 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1706 </svg> 1707 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1708 </span> 1709 <span class="text-lg md:text-xl xl:text-2xl font-medium">Governance and transparency</span> 1710 </a> 1711 </li> 1712 <li> 1713 <a href="/our-council/leadership-and-vision" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1714 <span class="relative block w-fit" aria-hidden="true"> 1715 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1716 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-1
17167.851 64.693 0L489.585 287.58l-.143.143Z" /> 1717 </svg> 1718 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1719 </span> 1720 <span class="text-lg md:text-xl xl:text-2xl font-medium">Leadership and vision</span> 1721 </a> 1722 </li> 1723 <li> 1724 <a href="/our-council/budget" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1725 <span class="relative block w-fit" aria-hidden="true"> 1726 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1727 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1728 </svg> 1729 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1730 </span> 1731 <span class="text-lg md:text-xl xl:text-2xl font-medium">Budget </span> 1732 </a> 1733 </li> 1734 <li> 1735 <a href="/our-council/advisory-groups-and-committees" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1736 <span class="relative block w-fit" aria-hidden="true"> 1737 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1738 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1739 </svg> 1740 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1741 </span> 1742 <span class="text-lg md:text-xl xl:text-2xl font-medium">Advisory groups and committees</span> 1743 </a> 1744 </li> 1745 <li> 1746 <a href="/our-council/elections" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1747 <span class="relative block w-fit" aria-hidden="true"> 1748 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1749 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-1
17497.851 64.693 0L489.585 287.58l-.143.143Z" /> 1750 </svg> 1751 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1752 </span> 1753 <span class="text-lg md:text-xl xl:text-2xl font-medium">Elections</span> 1754 </a> 1755 </li> 1756 </ul> 1757 </div> 1758 <div id="desktop-7-body" 1759 aria-labelledby="desktop-7-heading" 1760 class="col-start-2 row-start-1 transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) invisible bg-secondary-300" 1761 style="--accordion-height: 0;" 1762 data-accordion-target> 1763 <ul class="flex flex-col gap-y-8 py-2 px-2 overflow-y-auto max-h-[calc(100vh-200px)] scrollbar scrollbar--sm" 1764 style="--scrollbar-track-bg: var(--color-secondary-200); --scrollbar-thumb-bg: var(--color-primary-600); --scrollbar-thumb-bg-hover: var(--color-primary-700);"> 1765 <li> 1766 <a href="/our-city/contact-us" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1767 <span class="relative block w-fit" aria-hidden="true"> 1768 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1769 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1770 </svg> 1771 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1772 </span> 1773 <span class="text-lg md:text-xl xl:text-2xl font-medium">Contact us </span> 1774 </a> 1775 </li> 1776 <li> 1777 <a href="/our-city/work-with-us" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1778 <span class="relative block w-fit" aria-hidden="true"> 1779 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1780 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1781 </svg> 1782 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1783 </span>
1784 <span class="text-lg md:text-xl xl:text-2xl font-medium">Work with us</span> 1785 </a> 1786 </li> 1787 <li> 1788 <a href="/our-city/our-environment-wildlife-and-waterways" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1789 <span class="relative block w-fit" aria-hidden="true"> 1790 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1791 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1792 </svg> 1793 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1794 </span> 1795 <span class="text-lg md:text-xl xl:text-2xl font-medium">Our environment, wildlife and waterways</span> 1796 </a> 1797 </li> 1798 <li> 1799 <a href="/our-city/multicultural-mandurah" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1800 <span class="relative block w-fit" aria-hidden="true"> 1801 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1802 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1803 </svg> 1804 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1805 </span> 1806 <span class="text-lg md:text-xl xl:text-2xl font-medium">Multicultural Mandurah</span> 1807 </a> 1808 </li> 1809 <li> 1810 <a href="/our-city/ranger-services-and-parking" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1811 <span class="relative block w-fit" aria-hidden="true"> 1812 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1813 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-1
18137.851 64.693 0L489.585 287.58l-.143.143Z" /> 1814 </svg> 1815 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1816 </span> 1817 <span class="text-lg md:text-xl xl:text-2xl font-medium">Ranger Services and parking</span> 1818 </a> 1819 </li> 1820 <li> 1821 <a href="/our-city/cemeteries" class="group/child w-fit flex justify-start items-center gap-x-4 py-2 text-primary-700 transition-all hover:pl-2.5"> 1822 <span class="relative block w-fit" aria-hidden="true"> 1823 <svg class="w-3.5 h-3.5 fill-primary-600" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1824 <path fill-rule="nonzero" d="M489.442 287.724c17.851 17.851 17.851 46.841 0 64.692L215.25 626.61c-17.851 17.85-46.841 17.85-64.693 0-17.85-17.851-17.85-46.842 0-64.693L392.475 320 150.699 78.08c-17.85-17.85-17.85-46.841 0-64.692 17.851-17.851 46.842-17.851 64.693 0L489.585 287.58l-.143.143Z" /> 1825 </svg> 1826 <span class="absolute top-[50%] translate-y-[-50%] right-1 h-[2px] transition-[width] duration-200 w-0 rounded-lg bg-primary-600 group-hover/child:w-4"></span> 1827 </span> 1828 <span class="text-lg md:text-xl xl:text-2xl font-medium">Cemeteries</span> 1829 </a> 1830 </li> 1831 </ul> 1832 </div> 1833 </nav> 1834 1835 <div class="hidden lg:block lg:col-start-3 lg:col-span-1"> 1836 <h2 id="doItOnline" class="md:text-lg lg:text-xl xl:text-2xl font-normal text-primary-700 px-4 flex items-center space-x-2"> 1837 <svg class="shrink-0 mt-0.5 w-5 h-5 fill-primary-700" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1838 <path d="M447.557 313.177c75.482 26.288 130.053 98.327 130.053 182.346v113.135c0 17.303-14.04 31.342-31.342 31.342-17.303 0-31.343-14.04-31.343-31.342V495.523c0-71.604-58.717-130.296-130.424-130.296H255.369c-71.605 0-130.296 58.59-130.296 130.296v113.135c0 17.303-14.04 31.342-31.343 31.342-17.302 0-31.342-14.04-31.342-31.342V495.523c0-84.16 54.61-156.148 130.066-182.384-33.915-33.16-54.942-79.437-54.942-130.655C137.512 81.584 219.253-.002 320-.002s182.615 81.74 182.615 182.486c0 51.243-21.091 97.534-55.057 130.693Zm-7.628-130.693c0-66.14-53.79-119.802-119.93-119.802-66.14 0-119.802 53.56-119.802 119.802 0 66.256 53.547 119.93 119.802 119.93 66.255 0 119.93-53.674 119.93-119.93Z" /> 1839 </svg> 1840 <span>Do it online</span> 1841 </h2> 1842 <nav class="overflow-y-auto max-h-[calc(100vh-200px)] mb-6 mt-4 py-3 scrollbar scrollbar--sm" 1843 style="--scrollbar-track-bg: var(--color-secondary-200); --scrollbar-thumb-bg: var(--color-primary-600); --scrollbar-thumb-bg-hover: var(--color-primary-700);"> 1844 <ul class="flex flex-col gap-y-6 pl-2 pr-4" aria-labelledby="doItOnline"> 1845 <li> 1846 <a href="/our-city/contact-us/pay-it" 1847 1848 class="group/service mx-2 lg:mx-0 py-4 lg:py-2 lg:px-2 flex justify-between gap-x-4 roun
1848ded-none! lg:rounded-lg! transition-all text-primary-700 border-b-1 border-b-primary-700/30 lg:border-none hover:bg-secondary-200 items-start lg:focus-visible:outline-offset-1!"> 1849 <span> 1850 <span class="block lg:font-medium md:text-lg lg:text-xl xl:text-2xl mg-1 lg:mb-2">Pay it </span> 1851 <span class="block text-xs lg:text-sm">Pay rates, infringements, animal renewal, or invoices</span> 1852 </span> 1853 <span class="icon com-arrow-right shrink-0 mt-1.5 w-4 h-5 mt-1.5" aria-hidden="true"></span> 1854 1855 </a> 1856 </li> 1857 <li> 1858 <a href="https://mandurah.t1cloud.com/T1Default/CiAnywhere/Web/MANDURAH/LogOn/COMO" 1859 target='_blank' 1860 class="group/service mx-2 lg:mx-0 py-4 lg:py-2 lg:px-2 flex justify-between gap-x-4 rounded-none! lg:rounded-lg! transition-all text-primary-700 border-b-1 border-b-primary-700/30 lg:border-none hover:bg-secondary-200 items-start lg:focus-visible:outline-offset-1!"> 1861 <span> 1862 <span class="block lg:font-medium md:text-lg lg:text-xl xl:text-2xl mg-1 lg:mb-2">Register </span> 1863 <span class="block text-xs lg:text-sm">Sign up for City of Mandurah Online</span> 1864 </span> 1865 <svg class="shrink-0 mt-1.5 w-4 h-5 mt-1.5 fill-primary-700" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1866 <path d="M375.172 0h220.69C620.275 0 640 19.724 640 44.138v220.69c0 24.413-19.725 44.137-44.138 44.137-24.414 0-44.138-19.724-44.138-44.138V150.76L273.93 428.552c-17.242 17.24-45.242 17.24-62.483 0-17.241-17.242-17.241-45.242 0-62.483L489.24 88.276H375.172c-24.414 0-44.138-19.724-44.138-44.138C331.034 19.724 350.758 0 375.172 0ZM110.345 66.207h110.344c24.414 0 44.138 19.724 44.138 44.138 0 24.414-19.724 44.138-44.138 44.138H110.345c-12.138 0-22.07 9.93-22.07 22.069v353.103c0 12.138 9.932 22.069 22.07 22.069h353.103c12.138 0 22.069-9.931 22.069-22.069V419.31c0-24.414 19.724-44.138 44.138-44.138 24.414 0 44.138 19.724 44.138 44.138v110.345c0 60.965-49.38 110.345-110.345 110.345H110.345C49.379 640 0 590.62 0 529.655V176.552C0 115.586 49.379 66.207 110.345 66.207Z" /> 1867 </svg> 1868 1869 </a> 1870 </li> 1871 <li> 1872 <a href="https://mandurah.t1cloud.com/T1Default/CiAnywhere/Web/MANDURAH/LogOn/COMO" 1873 target='_blank' 1874 class="group/service mx-2 lg:mx-0 py-4 lg:py-2 lg:px-2 flex justify-between gap-x-4 rounded-none! lg:rounded-lg! transition-all text-primary-700 border-b-1 border-b-primary-700/30 lg:border-none hover:bg-secondary-200 items-start lg:focus-visible:outline-offset-1!"> 1875 <span> 1876 <span class="block lg:font-medium md:text-lg lg:text-xl xl:text-2xl mg-1 lg:mb-2">Request or report it </span> 1877 <span class="block text-xs lg:text-sm">Request a service or let us know about an issue</span> 1878 </span> 1879 <svg class="shrink-0 mt-1.5 w-4 h-5 mt-1.5 fill-primary-700" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1880 <path d="M375.172 0h220.69C620.275 0 640 19.724 640 44.138v220.69c0 24.413-19.725 44.137-44.138 44.137-24.414 0-44.138-19.724-44.138-44.138V150.76L273.93 428.552c-17.242 17.24-45.242 17.24-62.483 0-17.241-17.242-17.241-45.242 0-62.483L489.24 88.276H375.172c-24.414 0-44.138-19.724-44.138-44.138C331.034 19.724 350.758 0 375.172 0ZM110.345 66.207h110.344c24.414 0 44.138 19.724 44.138 44.138 0 24.414-19.724 44.138-44.138 44.138H110.345c-12.138 0-22.07 9.93-22.07 22.069v353.103c0 12.138 9.932 22.069 22.07 22.069h353.103c12.138 0 22.069-9.931 22.069-22.069V419.31c0-24.414 19.724-44.138 44.138-44.138 24.414 0 44.138 19.724 44.138 44.138v110.345c0 60.965-49.38 110.345-110.345 110.345H110.345C49.379 640 0 590.62 0 529.655V176.552C0 115.586 49.379 66.207 110.345 66.207Z" /> 1881 </svg> 1882 1883 </a> 1884 </li> 1885 <li> 1886 <a href="https://mandurah.t1cloud.com/T1Default/CiAnywhere/Web/MANDURAH/LogOn/COMO?returnUrl=%2fT1Default%2fCiAnywhere%2fWeb%2fMANDURAH%2fCompliance%2fEnquiryPortalMyEnquiry%3ff%3d%2524P1.COM.ENQP.ENQ%26h%3d70tqEtcwjM%26t%3d1A9333AD%26suite%3dPR%26pagekey%3d20260421163951" 1887 target='_blank' 1888 class="group/service mx-2 lg:mx-0 py-4 lg:py-2 lg:px-2 flex justify-between gap-x-4 roun
1888ded-none! lg:rounded-lg! transition-all text-primary-700 border-b-1 border-b-primary-700/30 lg:border-none hover:bg-secondary-200 items-start lg:focus-visible:outline-offset-1!"> 1889 <span> 1890 <span class="block lg:font-medium md:text-lg lg:text-xl xl:text-2xl mg-1 lg:mb-2">Apply for it </span> 1891 <span class="block text-xs lg:text-sm">Apply for building applications, permits, and licenses</span> 1892 </span> 1893 <svg class="shrink-0 mt-1.5 w-4 h-5 mt-1.5 fill-primary-700" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1894 <path d="M375.172 0h220.69C620.275 0 640 19.724 640 44.138v220.69c0 24.413-19.725 44.137-44.138 44.137-24.414 0-44.138-19.724-44.138-44.138V150.76L273.93 428.552c-17.242 17.24-45.242 17.24-62.483 0-17.241-17.242-17.241-45.242 0-62.483L489.24 88.276H375.172c-24.414 0-44.138-19.724-44.138-44.138C331.034 19.724 350.758 0 375.172 0ZM110.345 66.207h110.344c24.414 0 44.138 19.724 44.138 44.138 0 24.414-19.724 44.138-44.138 44.138H110.345c-12.138 0-22.07 9.93-22.07 22.069v353.103c0 12.138 9.932 22.069 22.07 22.069h353.103c12.138 0 22.069-9.931 22.069-22.069V419.31c0-24.414 19.724-44.138 44.138-44.138 24.414 0 44.138 19.724 44.138 44.138v110.345c0 60.965-49.38 110.345-110.345 110.345H110.345C49.379 640 0 590.62 0 529.655V176.552C0 115.586 49.379 66.207 110.345 66.207Z" /> 1895 </svg> 1896 1897 </a> 1898 </li> 1899 <li> 1900 <a href="https://mandurah.t1cloud.com/T1Default/CiAnywhere/Web/MANDURAH/Public/LogOn/COMO" 1901 target='_blank' 1902 class="group/service mx-2 lg:mx-0 py-4 lg:py-2 lg:px-2 flex justify-between gap-x-4 rounded-none! lg:rounded-lg! transition-all text-primary-700 border-b-1 border-b-primary-700/30 lg:border-none hover:bg-secondary-200 items-start lg:focus-visible:outline-offset-1!"> 1903 <span> 1904 <span class="block lg:font-medium md:text-lg lg:text-xl xl:text-2xl mg-1 lg:mb-2">City of Mandurah Guest </span> 1905 <span class="block text-xs lg:text-sm">Pay or track requests without an account.</span> 1906 </span> 1907 <svg class="shrink-0 mt-1.5 w-4 h-5 mt-1.5 fill-primary-700" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 1908 <path d="M375.172 0h220.69C620.275 0 640 19.724 640 44.138v220.69c0 24.413-19.725 44.137-44.138 44.137-24.414 0-44.138-19.724-44.138-44.138V150.76L273.93 428.552c-17.242 17.24-45.242 17.24-62.483 0-17.241-17.242-17.241-45.242 0-62.483L489.24 88.276H375.172c-24.414 0-44.138-19.724-44.138-44.138C331.034 19.724 350.758 0 375.172 0ZM110.345 66.207h110.344c24.414 0 44.138 19.724 44.138 44.138 0 24.414-19.724 44.138-44.138 44.138H110.345c-12.138 0-22.07 9.93-22.07 22.069v353.103c0 12.138 9.932 22.069 22.07 22.069h353.103c12.138 0 22.069-9.931 22.069-22.069V419.31c0-24.414 19.724-44.138 44.138-44.138 24.414 0 44.138 19.724 44.138 44.138v110.345c0 60.965-49.38 110.345-110.345 110.345H110.345C49.379 640 0 590.62 0 529.655V176.552C0 115.586 49.379 66.207 110.345 66.207Z" /> 1909 </svg> 1910 1911 </a> 1912 </li> 1913 </ul> 1914 </nav> 1915 </div> 1916 </div> 1917 1918 <div class="graphic absolute z-10 -bottom-50 -right-50"> 1919 <svg class="w-50 h-50 fill-secondary-200" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 169.13 169.13"> 1920 <path d="M42.85 0c0 23.66-19.18 42.85-42.85 42.85v13.53c31.14 0 56.38-25.24 56.38-56.38H42.85Zm37.58 0c0 44.42-36.01 80.43-80.43 80.43v13.53c51.89 0 93.96-42.07 93.96-93.96H80.43Zm37.58 0c0 65.18-52.84 118.01-118.01 118.01v13.53c72.65 0 131.54-58.89 131.54-131.54h-13.53Zm51.12 0c0 93.41-75.72 169.13-169.13 169.13v-13.54c85.94 0 155.6-69.66 155.6-155.6h13.54Z" /> 1921 </svg> 1922 </div> 1923 <div class="backdrop absolute z-0"></div> 1924 </div> 1925 </div> 1926 </div> 1927</header> 1928 1929
1930<script type="text/javascript" defer> 1931 onDocumentLoad(() => new CoreSiteShared.Header('fdfdb85b', false)); 1932</script>
1932 1933 1934 1935 <main class="mt-20.5 lg:mt-38! scroll-mt-20.5 lg:scroll-mt-38 transition-[margin-top] duration-600 ease-in-out " id="main-content" tabindex="-1"> 1936 1937 1938<div class="group/page" data-page-type="content" data-page-theme=""> 1939 1940 1941 1942 1943 1944 1945 1946 1947<div class="on-this-page fixed -right-0.5 top-23 lg:top-42! z-200 shadow-lg transition-all duration-600" id="OnThisPageWidget-8237fd15-container"> 1948 <h2 id="on-this-page-title" class="sr-only">Table of contents</h2> 1949 <!-- A11Y: Live Region --> 1950 <div class="sr-only" aria-live="polite" aria-atomic="true" data-skip-to-heading></div> 1951 1952 <nav id="OnThisPageWidget-8237fd15-nav" aria-labelledby="on-this-page-title" class="relative transition-all has-aria-[expanded=true]:max-w-80 has-aria-[expanded=true]:min-w-35 has-aria-[expanded=true]:before:rounded-l-sm before:absolute before:inset-0 before:-bottom-4 has-aria-[expanded=true]:before:bg-primary-600"> 1953 <button type="button" 1954 class="group peer relative z-1 w-full aria-[expanded=true]:w-[calc(100%-2rem)] cursor-pointer bg-white aria-[expanded=true]:mt-4 aria-[expanded=true]:ml-4 aria-[expanded=true]:mr-0 border-2 border-r-0 border-primary-600 text-primary-600 rounded-l-sm inline-flex gap-4 p-4 aria-[expanded=true]:border-transparent aria-[expanded=true]:bg-transparent aria-[expanded=true]:p-0 aria-[expanded=true]:text-white focus-visible:aria-[expanded=false]:outline-primary-600! focus-visible:aria-[expanded=true]:outline-white! focus-visible:aria-[expanded=false]:-outline-offset-7! focus-visible:aria-[expanded=true]:outline-offset-3!" 1955 aria-expanded="false" 1956 aria-controls="anchorLinksList" 1957 aria-labelledby="toggle-label OnThisPageWidget-8237fd15-title" 1958 > 1959 <span class="shrink-0 icon com-chevron-left mb-0.5 group-aria-[expanded=true]:rotate-180" aria-hidden="true"></span> 1960 <span class="shrink-0 icon com-list group-aria-[expanded=true]:hidden!" aria-hidden="true"></span> 1961 <span id="toggle-label" class="sr-only">Toggle</span> 1962 <span id="OnThisPageWidget-8237fd15-title" class="hidden group-aria-[expanded=true]:inline-block w-full text-left text-white font-[1.25rem]">On this page</span> 1963 </button> 1964 <div class="hidden relative z-1 peer-aria-[expanded=true]:flex flex-col items-start justify-start mx-4 my-4 pr-1 relative max-h-[calc(100vh-12rem)] lg:max-h-[calc(100vh-15rem)] overflow-y-auto scrollbar scrollbar--sm" 1965 style="--scrollbar-track-bg: var(--color-primary-400); --scrollbar-thumb-bg: var(--color-primary-100); --scrollbar-thumb-bg-hover: var(--color-white);" 1966 id="anchorLinksList" 1967 aria-labelledby="on-this-page-title"> 1968 <!-- will be populated automatically --> 1969 </div> 1970 </nav> 1971</div> 1972
1973<script type="text/javascript" defer> 1974 onDocumentLoad(() => { 1975 new CoreSiteShared.OnThisPage('OnThisPageWidget-8237fd15-container'); 1976 }); 1977</script>
1977 1978 1979 1980 1981 1982 1983 1984 1985 1986 1987<container class="group/theme" data-color-theme="white"> 1988 1989 1990 1991 1992 1993<div id="SearchListingWidget-7e896e00"> 1994 1995 1996 1997 1998 1999 2000 2001<container id="Banner-f2fb3429"> 2002 <div class="group/content-banner banner relative" data-color-theme="primary-ice"> 2003 <div class="upper-container relative bg-(--bg-color) text-(--text-color)"> 2004 <div class="relative mx-auto w-full min-h-20 sm:max-w-3xl lg:min-h-37.5 lg:max-w-(--container-6xl) pt-16 pb-10 px-6 md:px-10 z-20"> 2005 <div class="max-w-3xl"> 2006 2007<nav class="flex py-3 text-inherit text-(--text-color) group-data-[page-type=event]/page:text-black" aria-label="breadcrumb"> 2008 <ol class="flex flex-wrap items-center gap-2 md:gap-x-3 text-sm"> 2009 2010 <li class="inline-flex items-center"> 2011 <span class="icon icon-home text-[1.25rem]" aria-hidden="true"></span> 2012 <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2013 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"></path> 2014 </svg> 2015 <a href="/" class="inline-flex items-center text-sm font-medium transition-colors underline decoration-transparent hover:decoration-current"> 2016 Home 2017 </a> 2018 </li> 2019 <li> 2020 <div class="flex items-center"> 2021 <span class="icon com-chevron-right text-xs! text-current pt-0.5" aria-hidden="true"></span> 2022 <a href="/our-council" class="ms-2 md:ms-3 text-sm font-medium transition-colors underline decoration-transparent hover:decoration-current">Our council</a> 2023 </div> 2024 </li> 2025 <li aria-current="page"> 2026 <div class="flex items-center"> 2027 <span class="icon com-chevron-right text-xs! text-current pt-0.5" aria-hidden="true"></span> 2028 <span class="ms-2 md:ms-3 text-sm font-medium">News and public notices</span> 2029 </div> 2030 </li> 2031 </ol> 2032</nav> 2033 2034 <h1 id="Banner-f2fb3429-title" class="mb-5 leading-[110%] font-semibold text-[2.25rem] md:text-[2.5rem] lg:text-[3rem]"> 2035 News and public notices 2036 </h1> 2037 2038 </div> 2039 </div> 2040 2041 <div class="graphic-one absolute top-0 right-0 h-[calc(100%+var(--graphic-offset))] w-full z-10"> 2042 <div class="absolute top-0 right-0 h-1/3 md:h-1/2 max-h-37 lg:max-h-50 2xl:max-h-63 aspect-square" style="--graphic-color: var(--color-pale-green);"> 2043 2044<svg class="fill-(--graphic-color)" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 200 200"> 2045 <path fill-rule="nonzero" d="M69.7450296 91.408796c3.1573284 2.5660684 6.1727544 5.3095148 9.0344528 8.2066888 5.3095148 5.380466 10.0750704 11.3167164 14.2020652 17.6904992 2.6133692 4.0323932 4.9547588 8.2421644 7.0241688 12.6056632 2.06941-4.3634988 4.4226248-8.57327 7.0241688-12.6056632 4.1269948-6.3737828 8.8925504-12.3100332 14.2020652-17.6904992 2.8616984-2.897174 5.8652992-5.6287952 9.0344528-8.2066888 19.0267468-15.4673616 43.3038824-24.7383184 69.7332044-24.7383184V0C161.946114 0 127.0735992 13.6226304 99.9938912 36.2678884 72.9260084 13.6226304 38.0534936 0 0 0v66.6704776c26.4411472 0 50.7064576 9.2709568 69.7450296 24.7383184" /> 2046</svg> 2047 </div> 2048 </div> 2049 <div class="graphic-two absolute top-0 right-0 h-[calc(100%+var(--graphic-offset))] w-full z-10 hidden lg:block"> 2050 <div class="absolute bottom-0 right-0 h-1/3 md:h-1/2 lg:max-h-50 2xl:max-h-63 aspect-square" style="--graphic-color: var(--color-beige);"> 2051 2052<svg class="fill-(--graphic-color) rotate-(--graphic-rotation)" style="--graphic-rotation: 0deg;" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 170 170"> 2053 <path fill-rule="nonzero" d="M0 169.13C0 75.72 75.72 0 169.13 0v169.13H0Z" /> 2054</svg> 2055 </div> 2056 </div> 2057 </div> 2058 2059 </div> 2060</container> 2061
2062<script type="text/javascript" defer> 2063 onDocumentLoad(() => { 2064 new CoreSiteShared.Banner('Banner-f2fb3429'); 2065 }); 2066</script>
2066 2067 2068 2069 2070 2071 2072 <form class="search-form py-8 bg-off-white" id="SearchListingWidget-7e896e00-form" style="width: 100%" role="search" onsubmit="event.preventDefault();"> 2073 <div class="container-lg grid grid-cols-[1fr] gap-4 items-center lg:grid-cols-[1fr_1fr]"> 2074 <div class="w-full lg:order-none"> 2075 <label for="SearchListingWidget-7e896e00-input" class="sr-only">Search</label> 2076 <div class="input-wrapper flex items-center justify-between lg:max-w-2xl border-1 border-gray-400 rounded-sm pl-4 bg-white focus-within:ring-2"> 2077 <input id="SearchListingWidget-7e896e00-input" class="search-input px-0 py-2 placeholder:opacity-70 w-full bg-transparent border-none focus:border-none focus:outline-none focus:ring-0" name="search-input" type="text" placeholder=""> 2078 <button class="clear-button p-4" type="button" style="display: none;"> 2079 <span class="sr-only">Reset search query</span> 2080 <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"> 2081 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6" /> 2082 </svg> 2083 </button> 2084 </div> 2085 2086 </div> 2087 <div class="hidden lg:block lg:col-start-2 lg:row-start-1"> 2088 <span class="sr-only">Filter by Date</span> 2089 <div class="date-picker-desktop"> 2090 2091 2092<div id="DateRangePicker-23a8704d" class="relative"> 2093 <div class="drp-input-wrapper flex items-center w-full gap-x-2 p-1 pr-0 text-gray-500 border-1 border-gray-400 rounded-sm" aria-describedby="DateRangePicker-23a8704d-label" role="group"> 2094 <p id="DateRangePicker-23a8704d-label" class="sr-only">Filter by Date</p> 2095 <div class="drp-date-input-wrapper flex h-full gap-x-0.5 font-normal text-sm" data-date-segment="start"> 2096 <div role="spinbutton" 2097 aria-label="Day, Start Date" 2098 aria-valuenow="2" 2099 aria-valuemin="1" 2100 aria-valuemax="31" 2101 contenteditable="true" 2102 inputmode="numeric" 2103 data-type="day" 2104 tabindex="0" 2105 class="rounded-md outline-none focus:bg-gray-200 text-gray-700 caret-transparent"> 2106 2 2107 </div> 2108 <div aria-hidden="true">/</div> 2109 <div role="spinbutton" 2110 aria-label="Month, Start Date" 2111 aria-valuenow="10" 2112 aria-valuemin="1" 2113 aria-valuemax="12" 2114 class="rounded-md outline-none focus:bg-gray-200 text-gray-700 caret-transparent" 2115 contenteditable="true" 2116 inputmode="numeric" 2117 tabindex="0" 2118 data-type="month"> 2119 10 2120 </div> 2121 <div aria-hidden="true">/</div> 2122 <div role="spinbutton" 2123 aria-label="Year, Start Date" 2124 aria-valuenow="2026" 2125 aria-valuemin="1" 2126 aria-valuemax="9999" 2127 class="rounded-md outline-none focus:bg-gray-200 text-gray-700 caret-transparent" 2128 contenteditable="true" 2129 inputmode="numeric" 2130 tabindex="0" 2131 data-type="year"> 2132 2026 2133 </div> 2134 <input type="hidden" name="StartDate" value="2024-04-01" /> 2135 </div> 2136 2137 <span class="mx-1 hidden divider" aria-hidden="true">â</span> 2138 2139 <!-- End Date --> 2140 <div class="drp-date-input-wrapper flex hidden h-full gap-x-0.5 font-normal text-sm" data-date-segment="end"> 2141 <div role="spinbutton" 2142 aria-label="Day, End Date" 2143 aria-valuenow="9" 2144 aria-valuemin="1" 2145 aria-valuemax="31" 2146 class="rounded-md outline-none focus:bg-gray-200 text-gray-700 caret-transparent" 2147 contenteditable="true" 2148 inputmode="numeric" 2149 tabindex="0" 2150 data-type="day"> 2151 9 2152 </div> 2153 <div aria-hidden="true">/</div> 2154 <div role="spinbutton" 2155 aria-label="Month, End Date" 2156 aria-valuenow="10" 2157 aria-valuemin="1" 2158 aria-valuemax="12" 2159 class="rounded-md outline-none focus:bg-gray-200 text-gray-700 caret-transparent" 2160 contenteditable="true" 2161 inputmode="numeric" 2162 tabindex="0" 2163 data-type="month"> 2164 10 2165 </div> 2166 <div aria-hidden="true">/</div> 2167 <div role="spinbutton" 2168 aria-label="Year, End Date" 2169 aria-valuenow="2024" 2170 aria-valuemin="1" 2171 aria-valuemax="9999" 2172 class="rounded-md outline-none focus:bg-gray-200 text-gray-700 caret-transparent" 2173 contenteditable="true" 2174 inputmode="numeric" 2175 tabindex="0" 2176 data-type="year"> 2177 2026 2178 </div> 2179 <input type="hidden" name="EndDate" value="2024-04-08" /> 2180 </div> 2181 2182 <!-- Calendar button --> 2183 <button type="button" 2184 class="drp-input-button cursor-pointer ml-auto px-2 w-8 h-8 flex items-center justify-center rounded-full hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-primary-600" 2185 aria-haspopup="dialog" 2186 id="DateRangePicker-23a8704d-input__button">
2187 <span class="sr-only">Open calendar</span> 2188 <span class="icon com-calendar" aria-hidden="true"></span> 2189 </button> 2190 </div> 2191 <div class="drp-container group flex flex-col gap-4 items-start md:flex-row md:items-start md:min-w-lg py-3 md:p-3 justify-between bg-white rounded-sm shadow-md/30 z-100" role='dialog' aria-labelledby="DateRangePicker-23a8704d-dialog__label" style="display: none"> 2192 <span class="sr-only" id="DateRangePicker-23a8704d-dialog__label">Date range picker</span> 2193 <fieldset id="datefilter-element" aria-describedby="DateRangePicker-23a8704d-dialog__label"> 2194 <legend class="filter-label sr-only font-medium text-lg group-not-[.hidden]/modal:lg:px-3"> 2195 2196 </legend> 2197 <div class="flex flex-col min-w-max gap-2 pr-6 "> 2198 <label class="drp-radio-label flex items-center gap-3"> 2199 <input type="radio" name="date-range-option" value="Anytime" 2200 checked 2201 data-is-default="true" 2202 class="peer mt-1 w-[18px] h-[18px] transition-colors border-primary-950! text-primary-600 focus:ring-transparent focus-visible:ring-primary-600" /> 2203 <span>Anytime</span> 2204 <span class="selected-range sr-only"></span> 2205 </label> 2206 <label class="drp-radio-label flex items-center gap-3"> 2207 <input type="radio" name="date-range-option" value="Custom" 2208 2209 data-is-default="false" 2210 class="peer mt-1 w-[18px] h-[18px] transition-colors border-primary-950! text-primary-600 focus:ring-transparent focus-visible:ring-primary-600" /> 2211 <span>Custom</span> 2212 <span class="selected-range sr-only"></span> 2213 </label> 2214 <label class="drp-radio-label flex items-center gap-3"> 2215 <input type="radio" name="date-range-option" value="PastWeek" 2216 2217 data-is-default="false" 2218 class="peer mt-1 w-[18px] h-[18px] transition-colors border-primary-950! text-primary-600 focus:ring-transparent focus-visible:ring-primary-600" /> 2219 <span>Past week</span> 2220 <span class="selected-range sr-only"></span> 2221 </label> 2222 <label class="drp-radio-label flex items-center gap-3"> 2223 <input type="radio" name="date-range-option" value="PastMonth" 2224 2225 data-is-default="false" 2226 class="peer mt-1 w-[18px] h-[18px] transition-colors border-primary-950! text-primary-600 focus:ring-transparent focus-visible:ring-primary-600" /> 2227 <span>Past month</span> 2228 <span class="selected-range sr-only"></span> 2229 </label> 2230 <label class="drp-radio-label flex items-center gap-3"> 2231 <input type="radio" name="date-range-option" value="PastYear" 2232 2233 data-is-default="false" 2234 class="peer mt-1 w-[18px] h-[18px] transition-colors border-primary-950! text-primary-600 focus:ring-transparent focus-visible:ring-primary-600" /> 2235 <span>Past year</span> 2236 <span class="selected-range sr-only"></span> 2237 </label> 2238 </div> 2239 </fieldset> 2240 <div class="drp-calendar-panel relative w-full max-w-md bg-white flex-col border-l-1 border-l-gray-300 group-[.embedded]:border-none! pl-3 group-[.embedded]:p-0"> 2241 <div class="sr-only focus-within:not-sr-only"> 2242 <label class="drp-radio-label"> 2243 <input type="radio" name="date-selection-option" value="Single" />
2244 <span>Single date</span> 2245 </label> 2246 <label class="drp-radio-label"> 2247 <input type="radio" name="date-selection-option" value="Range" checked /> 2248 <span>Date range</span> 2249 </label> 2250 </div> 2251 <div class="drp-calendar-header flex items-center justify-between mb-4"> 2252 <div class="flex items-center gap-1"> 2253 <button type="button" class="drp-prev-year-btn text-gray-600 hover:text-gray-900 px-2 hover:font-medium disabled:text-gray-300 disabled:pointer-events-none"> 2254 <span aria-hidden="true">«</span> 2255 <span class="sr-only">Go to previous year</span> 2256 </button> 2257 <button type="button" class="drp-prev-month-btn text-gray-600 hover:text-gray-900 px-2 hover:font-medium disabled:text-gray-300 disabled:pointer-events-none"> 2258 <span aria-hidden="true">‹</span> 2259 <span class="sr-only">Go to previous month</span> 2260 </button> 2261 </div> 2262 <button type="button" class="drp-month-btn cursor-pointer font-medium text-gray-800 hover:font-medium disabled:pointer-events-none"> 2263 October 2026 2264 </button> 2265 <div class="flex items-center gap-1"> 2266 <button type="button" class="drp-next-month-btn text-gray-600 hover:text-gray-900 px-2 hover:font-medium"> 2267 <span aria-hidden="true">›</span> 2268 <span class="sr-only">Go to next month</span> 2269 </button> 2270 <button type="button" class="drp-next-year-btn text-gray-600 hover:text-gray-900 px-2 hover:font-medium"> 2271 <span aria-hidden="true">»</span> 2272 <span class="sr-only">Go to next year</span> 2273 </button> 2274 </div> 2275 </div> 2276 </div> 2277 </div> 2278</div> 2279 2280 2281 </div> 2282 </div> 2283 <button type="submit" data-value="Search" id="SearchListingWidget-7e896e00-search-btn" class="cursor-pointer font-medium row-start-1 col-start-2 md:col-start-2 lg:col-start-3 text-center transition-all inline-flex items-center justify-center rounded-sm font-normal p-3 md:px-5 md:py-3 text-base gap-2.5 text-white bg-primary-600 hover:bg-primary-700 active:bg-primary-800 disabled:bg-grey-200 disabled:text-grey-300"> 2284 <span class="pointer-events-none hidden md:inline pb-0.5 leading-none"> 2285 Search 2286 </span> 2287 <span class="pointer-events-none icon icon com-search"></span> 2288 </button> 2289 <div class="w-full *:w-full md:col-start-1 md:col-span-3 col-span-2 md:col-span-0 md:col-start-3 lg:col-start-4"> 2290 <button type="button" id="SearchListingWidget-7e896e00-filter" 2291 class="cursor-pointer font-medium text-center transition-all inline-flex items-center justify-center flex-row-reverse rounded-sm font-normal border-1 p-3 text-base gap-2.5 text-primary-700 border-primary-700 bg-transparent hover:text-white hover:bg-primary-600 hover:border-primary-600 active:text-white active:bg-primary-700 active:border-primary-700 disabled:bg-grey-200 disabled:text-grey-300" 2292 data-modal-target="SearchListingWidget-7e896e00-filter-modal" 2293 data-modal-toggle="SearchListingWidget-7e896e00-filter-modal" 2294 aria-haspopup="true" 2295 > 2296 <span class="pointer-events-none pb-0.5 leading-none"> 2297 Filters 2298 </span> 2299 <span class="pointer-events-none icon icon com-adjustments"></span> 2300 </button> 2301 </div> 2302 </div> 2303 </form> 2304
2305<script type="text/javascript" defer> 2306 onDocumentLoad(() => { 2307 new CoreSiteShared.SearchInput('SearchListingWidget-7e896e00-form', 'article-search'); 2308 }); 2309</script>
2309 <div class="container-lg gap-x-8 pb-28" data-color-theme="white"> 2310 <h2 class="sr-only">Search Results</h2> 2311 <div class="mt-10 mb-6"> 2312 <div class="results-indicator" aria-live="polite" aria-atomic="true"> 2313 <p>Showing <span class="font-medium result-count">0</span> results</p> 2314 </div> 2315 </div> 2316 <div class="w-full search-results" style="--accent-color:var(--color-yellow);"> 2317 2318 2319<ul class="grid sm:grid-cols-2 gap-4 group/listing" data-listing-style="grid"> 2320 <li class="w-full listing-item animate-pulse "> 2321 <article class="h-125 lg:h-88"> 2322 <div class="h-full min-h-85 w-full group relative"> 2323 <div class="h-full min-h-85 rounded-md bg-primary-50 grid gap-6 grid-rows-[160px_auto] grid-cols-1 lg:grid-rows-1 lg:grid-cols-[minmax(150px,_2fr)_3fr]"> 2324 <div class="h-full p-6 pt-0 lg:pl-0 lg:pt-6 row-start-2 row-span-1 lg:row-start-1 lg:row-span-1 lg:col-start-2 lg:col-span-1 grid items-start"> 2325 <div class="mb-2 bg-gray-300 h-8 w-full rounded"></div> 2326 </div> 2327 <div class="overflow-hidden bg-gray-300 rounded-t-md lg:rounded-l-md lg:rounded-tr-none row-start-1 row-span-1 lg:col-start-1 lg:col-span-1"> 2328 </div> 2329 </div> 2330 </div> 2331 </article> 2332 </li> 2333 <li class="w-full listing-item animate-pulse "> 2334 <article class="h-125 lg:h-88"> 2335 <div class="h-full min-h-85 w-full group relative"> 2336 <div class="h-full min-h-85 rounded-md bg-primary-50 grid gap-6 grid-rows-[160px_auto] grid-cols-1 lg:grid-rows-1 lg:grid-cols-[minmax(150px,_2fr)_3fr]"> 2337 <div class="h-full p-6 pt-0 lg:pl-0 lg:pt-6 row-start-2 row-span-1 lg:row-start-1 lg:row-span-1 lg:col-start-2 lg:col-span-1 grid items-start"> 2338 <div class="mb-2 bg-gray-300 h-8 w-full rounded"></div> 2339 </div> 2340 <div class="overflow-hidden bg-gray-300 rounded-t-md lg:rounded-l-md lg:rounded-tr-none row-start-1 row-span-1 lg:col-start-1 lg:col-span-1"> 2341 </div> 2342 </div> 2343 </div> 2344 </article> 2345 </li> 2346 <li class="w-full listing-item animate-pulse "> 2347 <article class="h-125 lg:h-88"> 2348 <div class="h-full min-h-85 w-full group relative"> 2349 <div class="h-full min-h-85 rounded-md bg-primary-50 grid gap-6 grid-rows-[160px_auto] grid-cols-1 lg:grid-rows-1 lg:grid-cols-[minmax(150px,_2fr)_3fr]"> 2350 <div class="h-full p-6 pt-0 lg:pl-0 lg:pt-6 row-start-2 row-span-1 lg:row-start-1 lg:row-span-1 lg:col-start-2 lg:col-span-1 grid items-start"> 2351 <div class="mb-2 bg-gray-300 h-8 w-full rounded"></div> 2352 </div> 2353 <div class="overflow-hidden bg-gray-300 rounded-t-md lg:rounded-l-md lg:rounded-tr-none row-start-1 row-span-1 lg:col-start-1 lg:col-span-1"> 2354 </div> 2355 </div> 2356 </div> 2357 </article> 2358 </li> 2359 <li class="w-full listing-item animate-pulse "> 2360 <article class="h-125 lg:h-88"> 2361 <div class="h-full min-h-85 w-full group relative"> 2362 <div class="h-full min-h-85 rounded-md bg-primary-50 grid gap-6 grid-rows-[160px_auto] grid-cols-1 lg:grid-rows-1 lg:grid-cols-[minmax(150px,_2fr)_3fr]"> 2363 <div class="h-full p-6 pt-0 lg:pl-0 lg:pt-6 row-start-2 row-span-1 lg:row-start-1 lg:row-span-1 lg:col-start-2 lg:col-span-1 grid items-start"> 2364 <div class="mb-2 bg-gray-300 h-8 w-full rounded"></div> 2365 </div> 2366 <div class="overflow-hidden bg-gray-300 rounded-t-md lg:rounded-l-md lg:rounded-tr-none row-start-1 row-span-1 lg:col-start-1 lg:col-span-1"> 2367 </div> 2368 </div> 2369 </div> 2370 </article> 2371 </li> 2372 <li class="w-full listing-item animate-pulse "> 2373 <article class="h-125 lg:h-88"> 2374 <div class="h-full min-h-85 w-full group relative"> 2375 <div class="h-full min-h-85 rounded-md bg-primary-50 grid gap-6 grid-rows-[160px_auto] grid-cols-1 lg:grid-rows-1 lg:grid-cols-[minmax(150px,_2fr)_3fr]"> 2376 <div class="h-full p-6 pt-0 lg:pl-0 lg:pt-6 row-start-2 row-span-1 lg:row-start-1 lg:row-span-1 lg:col-start-2 lg:col-span-1 grid items-start"> 2377 <div class="mb-2 bg-gray-300 h-8 w-full rounded"></div> 2378 </div> 2379 <div class="overflow-hidden bg-gray-300 rounded-t-md lg:rounded-l-md lg:rounded-tr-none row-start-1 row-span-1 lg:col-start-1 lg:col-span-1"> 2380 </div> 2381 </div> 2382 </div> 2383 </article> 2384 </li> 2385 <li class="w-full listing-item animate-pulse "> 2386 <article class="h-125 lg:h-88"> 2387 <div class="h-full min-h-85 w-full group relative"> 2388 <div class="h-full min-h-85 rounded-md bg-primary-50 grid gap-6 grid-rows-[160px_auto] grid-cols-1 lg:grid-rows-1 lg:grid-cols-[minmax(150px,_2fr)_3fr]"> 2389 <div class="h-full p-6 pt-0 lg:pl-0 lg:pt-6 row-start-2 row-span-1 lg:row-start-1 lg:row-span-1 lg:col-start-2 lg:col-span-1 grid items-start"> 2390 <div class="mb-2 bg-gray-300 h-8 w-full rounded"></div> 2391 </div> 2392 <div class="overflow-hidden bg-gray-300 rounded-t-md lg:rounded-l-md lg:rounded-tr-none row-start-1 row-span-1 lg:col-start-1 lg:col-span-1"> 2393 </div> 2394 </div> 2395 </div> 2396 </article> 2397 </li> 2398 <li class="w-full listing-item animate-pulse "> 2399 <article class="h-125 lg:h-88"> 2400 <div class="h-full min-h-85 w-full group relative"> 2401 <div class="h-full min-h-85 rounded-md bg-primary-50 grid gap-6 grid-rows-[160px_auto] grid-cols-1 lg:grid-rows-1 lg:grid-cols-[minmax(150px,_2fr)_3fr]"> 2402 <div class="h-full p-6 pt-0 lg:pl-0 lg:pt-6 row-start-2 row-span-1 lg:row-start-1 lg:row-span-1 lg:col-start-2 lg:col-span-1 grid items-start"> 2403 <div class="mb-2 bg-gray-300 h-8 w-full rounded"></div> 2404 </div> 2405 <div class="overflow-hidden bg-gray-300 rounded-t-md lg:rounded-l-md lg:rounded-tr-none row-start-1 row-span-1 lg:col-start-1 lg:col-span-1"> 2406 </div> 2407 </div> 2408 </div> 2409 </article> 2410 </li> 2411 <li class="w-full listing-item animate-pulse "> 2412 <article class="h-125 lg:h-88"> 2413 <div class="h-full min-h-85 w-full group relative"> 2414 <div class="h-full min-h-85 rounded-md bg-primary-50 grid gap-6 grid-rows-[160px_auto] grid-cols-1 lg:grid-rows-1 lg:grid-cols-[minmax(150px,_2fr)_3fr]"> 2415 <div class="h-full p-6 pt-0 lg:pl-0 lg:pt-6 row-start-2 row-span-1 lg:row-start-1 lg:row-span-1 lg:col-start-2 lg:col-span-1 grid items-start"> 2416 <div class="mb-2 bg-gray-300 h-8 w-full rounded"></div> 2417 </div> 2418 <div class="overflow-hidden bg-gray-300 rounded-t-md lg:rounded-l-md lg:rounded-tr-none row-start-1 row-span-1 lg:col-start-1 lg:col-span-1"> 2419 </div> 2420 </div> 2421 </div> 2422 </article> 2423 </li> 2424</ul> 2425 2426<div class="skeleton-template hidden"> 2427 <li class="w-full listing-item animate-pulse "> 2428 <article class="h-125 lg:h-88"> 2429 <div class="h-full min-h-85 w-full group relative"> 2430 <div class="h-full min-h-85 rounded-md bg-primary-50 grid gap-6 grid-rows-[160px_auto] grid-cols-1 lg:grid-rows-1 lg:grid-cols-[minmax(150px,_2fr)_3fr]"> 2431 <div class="h-full p-6 pt-0 lg:pl-0 lg:pt-6 row-start-2 row-span-1 lg:row-start-1 lg:row-span-1 lg:col-start-2 lg:col-span-1 grid items-start"> 2432 <div class="mb-2 bg-gray-300 h-8 w-full rounded"></div> 2433 </div> 2434 <div class="overflow-hidden bg-gray-300 rounded-t-md lg:rounded-l-md lg:rounded-tr-none row-start-1 row-span-1 lg:col-start-1 lg:col-span-1"> 2435 </div> 2436 </div> 2437 </div> 2438 </article> 2439 </li> 2440</div> 2441 2442 2443 2444 </div> 2445 </div> 2446 <div class="hidden no-results-container min-h-60"> 2447 2448 </div> 2449 2450 2451 <div id="SearchListingWidget-7e896e00-filter-modal" 2452 class="search-filters-modal group/modal hidden fixed inset-0 z-[1050] overflow-y-hidden overflow-x-hidden flex justify-center items-center" 2453 aria-labelledby="SearchListingWidget-7e896e00-filter-modal--header" 2454 aria-hidden="true"> 2455 <div class="relative p-5 w-full max-w-200" data-color-theme="white"> 2456 <div class="flex flex-col relative bg-white shadow-sm w-full [@media(min-height:600px)]:min-h-[500px] h-[calc(100dvh-32px)] max-h-[900px]"> 2457 <div class="flex items-start justify-between gap-x-4 px-6 py-5"> 2458 <h2 id="SearchListingWidget-7e896e00-filter-modal--header" class="text-2xl font-semibold modal-title">Filter by</h2> 2459 <div class="w-fit ml-auto pb-2 lg:pb-4 border-b-2 border-b-primary-600"> 2460 <button type="button" 2461 aria-label="Close modal" 2462 data-modal-hide="SearchListingWidget-7e896e00-filter-modal" 2463 class="shrink-0 cursor-pointer rounded-full! flex items-center justify-center border-2 border-primary-600 p-2.5 text-primary-600"> 2464 <svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"> 2465 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6" /> 2466 </svg> 2467 </button> 2468 </div> 2469 </div> 2470 2471 <div class="mr-4 mb-6 pb-3 pl-6 pr-2 h-full overflow-y-auto"> 2472 2473 2474<div id="SearchListingWidget-7e896e00-filters" class="search-filter-container"> 2475 2476 <div class="pb-6"> 2477 <fieldset class="filter-group group-not-[.hidden]/modal:lg:px-3" aria-describedby="SearchListingWidget-7e896e00-filter-modal--header" id="Category-element" style="--grid-rows:repeat(3,auto)"> 2478 <legend class="filter-label font-medium text-lg mb-3"> 2479 Article tags 2480 </legend> 2481 <div class="filter-options checkbox-group flex flex-col gap-2 items-start sm:grid sm:grid-rows-[var(--grid-rows)] sm:grid-flow-col"> 2482 <div class="filter-option flex items-center gap-3"> 2483 <input type="checkbox" 2484 class="peer mt-1 w-[18px] h-[18px] transition-[background-color] border-primary-950! text-primary-600 checked:bg-primary-600 ring-transparent roun
2484ded-sm focus-visible:ring-primary-600 hover:bg-primary-300" 2485 id="SearchListingWidget-7e896e00-filters-3b83a0dc-706b-4525-b6dc-9362c0538aee" 2486 name="Category" 2487 value="3b83a0dc-706b-4525-b6dc-9362c0538aee" 2488 /> 2489 <label for="SearchListingWidget-7e896e00-filters-3b83a0dc-706b-4525-b6dc-9362c0538aee"> 2490 <span>Events</span> 2491 <span class="sr-only">results</span> 2492 </label> 2493 </div> 2494 <div class="filter-option flex items-center gap-3"> 2495 <input type="checkbox" 2496 class="peer mt-1 w-[18px] h-[18px] transition-[background-color] border-primary-950! text-primary-600 checked:bg-primary-600 ring-transparent rounded-sm focus-visible:ring-primary-600 hover:bg-primary-300" 2497 id="SearchListingWidget-7e896e00-filters-408ed107-ee1e-4725-87a9-a7d37c79c2fa" 2498 name="Category" 2499 value="408ed107-ee1e-4725-87a9-a7d37c79c2fa" 2500 /> 2501 <label for="SearchListingWidget-7e896e00-filters-408ed107-ee1e-4725-87a9-a7d37c79c2fa"> 2502 <span>General News</span> 2503 <span class="sr-only">results</span> 2504 </label> 2505 </div> 2506 <div class="filter-option flex items-center gap-3"> 2507 <input type="checkbox" 2508 class="peer mt-1 w-[18px] h-[18px] transition-[background-color] border-primary-950! text-primary-600 checked:bg-primary-600 ring-transparent rounded-sm focus-visible:ring-primary-600 hover:bg-primary-300" 2509 id="SearchListingWidget-7e896e00-filters-a7ee1bfe-eae7-48a7-8c9f-375320514650" 2510 name="Category" 2511 value="a7ee1bfe-eae7-48a7-8c9f-375320514650" 2512 /> 2513 <label for="SearchListingWidget-7e896e00-filters-a7ee1bfe-eae7-48a7-8c9f-375320514650"> 2514 <span>Mayor's Updates</span> 2515 <span class="sr-only">results</span> 2516 </label> 2517 </div> 2518 <div class="filter-option flex items-center gap-3"> 2519 <input type="checkbox" 2520 class="peer mt-1 w-[18px] h-[18px] transition-[background-color] border-primary-950! text-primary-600 checked:bg-primary-600 ring-transparent rounded-sm focus-visible:ring-primary-600 hover:bg-primary-300" 2521 id="SearchListingWidget-7e896e00-filters-b37841c3-91af-4bf5-9579-1aa41ef0517d" 2522 name="Category" 2523 value="b37841c3-91af-4bf5-9579-1aa41ef0517d" 2524 /> 2525 <label for="SearchListingWidget-7e896e00-filters-b37841c3-91af-4bf5-9579-1aa41ef0517d"> 2526 <span>Media Statement</span> 2527 <span class="sr-only">results</span> 2528 </label> 2529 </div> 2530 <div class="filter-option flex items-center gap-3"> 2531 <input type="checkbox" 2532 class="peer mt-1 w-[18px] h-[18px] transition-[background-color] border-primary-950! text-primary-600 checked:bg-primary-600 ring-transparent roun
2532ded-sm focus-visible:ring-primary-600 hover:bg-primary-300" 2533 id="SearchListingWidget-7e896e00-filters-ac1d5811-f2b6-40a0-9714-4e53811563b8" 2534 name="Category" 2535 value="ac1d5811-f2b6-40a0-9714-4e53811563b8" 2536 /> 2537 <label for="SearchListingWidget-7e896e00-filters-ac1d5811-f2b6-40a0-9714-4e53811563b8"> 2538 <span>Press Releases</span> 2539 <span class="sr-only">results</span> 2540 </label> 2541 </div> 2542 <div class="filter-option flex items-center gap-3"> 2543 <input type="checkbox" 2544 class="peer mt-1 w-[18px] h-[18px] transition-[background-color] border-primary-950! text-primary-600 checked:bg-primary-600 ring-transparent rounded-sm focus-visible:ring-primary-600 hover:bg-primary-300" 2545 id="SearchListingWidget-7e896e00-filters-a1d04ae0-24c6-4c74-a71e-56f443f4fef5" 2546 name="Category" 2547 value="a1d04ae0-24c6-4c74-a71e-56f443f4fef5" 2548 /> 2549 <label for="SearchListingWidget-7e896e00-filters-a1d04ae0-24c6-4c74-a71e-56f443f4fef5"> 2550 <span>Public Notices</span> 2551 <span class="sr-only">results</span> 2552 </label> 2553 </div> 2554 </div> 2555 </fieldset> 2556 </div> 2557</div>
2558<script type="text/javascript" defer> 2559 onDocumentLoad(() => { 2560 const filters = document.querySelectorAll("#SearchListingWidget-7e896e00-filters .filter-group"); 2561 filters.forEach(el => new CoreSiteShared.SearchFilter(el, 'article-search')); 2562 }); 2563</script>
2563 2564 2565 <div class="block lg:hidden lg:col-start-2 lg:row-start-1 py-5 border-t border-gray-300"> 2566 <div class="filter-label font-medium text-lg mb-3"> 2567 Filter by Date 2568 </div> 2569 <div class="date-picker-mobile group-not-[.hidden]/modal:lg:px-3"> 2570 2571 2572<div id="DateRangePicker-d97cbb76" class="relative"> 2573 <div class="drp-input-wrapper flex items-center w-full gap-x-2 p-1 pr-0 text-gray-500 border-1 border-gray-400 rounded-sm" aria-describedby="DateRangePicker-d97cbb76-label" role="group"> 2574 <p id="DateRangePicker-d97cbb76-label" class="sr-only">Filter by Date</p> 2575 <div class="drp-date-input-wrapper flex h-full gap-x-0.5 font-normal text-sm" data-date-segment="start"> 2576 <div role="spinbutton" 2577 aria-label="Day, Start Date" 2578 aria-valuenow="2" 2579 aria-valuemin="1" 2580 aria-valuemax="31" 2581 contenteditable="true" 2582 inputmode="numeric" 2583 data-type="day" 2584 tabindex="0" 2585 class="rounded-md outline-none focus:bg-gray-200 text-gray-700 caret-transparent"> 2586 2 2587 </div> 2588 <div aria-hidden="true">/</div> 2589 <div role="spinbutton" 2590 aria-label="Month, Start Date" 2591 aria-valuenow="10" 2592 aria-valuemin="1" 2593 aria-valuemax="12" 2594 class="rounded-md outline-none focus:bg-gray-200 text-gray-700 caret-transparent" 2595 contenteditable="true" 2596 inputmode="numeric" 2597 tabindex="0" 2598 data-type="month"> 2599 10 2600 </div> 2601 <div aria-hidden="true">/</div> 2602 <div role="spinbutton" 2603 aria-label="Year, Start Date" 2604 aria-valuenow="2026" 2605 aria-valuemin="1" 2606 aria-valuemax="9999" 2607 class="rounded-md outline-none focus:bg-gray-200 text-gray-700 caret-transparent" 2608 contenteditable="true" 2609 inputmode="numeric" 2610 tabindex="0" 2611 data-type="year"> 2612 2026 2613 </div> 2614 <input type="hidden" name="StartDate" value="2024-04-01" /> 2615 </div> 2616 2617 <span class="mx-1 hidden divider" aria-hidden="true">â</span> 2618 2619 <!-- End Date --> 2620 <div class="drp-date-input-wrapper flex hidden h-full gap-x-0.5 font-normal text-sm" data-date-segment="end"> 2621 <div role="spinbutton" 2622 aria-label="Day, End Date" 2623 aria-valuenow="9" 2624 aria-valuemin="1" 2625 aria-valuemax="31" 2626 class="rounded-md outline-none focus:bg-gray-200 text-gray-700 caret-transparent" 2627 contenteditable="true" 2628 inputmode="numeric" 2629 tabindex="0" 2630 data-type="day"> 2631 9 2632 </div> 2633 <div aria-hidden="true">/</div> 2634 <div role="spinbutton" 2635 aria-label="Month, End Date" 2636 aria-valuenow="10" 2637 aria-valuemin="1" 2638 aria-valuemax="12" 2639 class="rounded-md outline-none focus:bg-gray-200 text-gray-700 caret-transparent" 2640 contenteditable="true" 2641 inputmode="numeric" 2642 tabindex="0" 2643 data-type="month"> 2644 10 2645 </div> 2646 <div aria-hidden="true">/</div> 2647 <div role="spinbutton" 2648 aria-label="Year, End Date" 2649 aria-valuenow="2024" 2650 aria-valuemin="1" 2651 aria-valuemax="9999" 2652 class="rounded-md outline-none focus:bg-gray-200 text-gray-700 caret-transparent" 2653 contenteditable="true" 2654 inputmode="numeric" 2655 tabindex="0" 2656 data-type="year"> 2657 2026 2658 </div> 2659 <input type="hidden" name="EndDate" value="2024-04-08" /> 2660 </div> 2661 2662 <!-- Calendar button --> 2663 <button type="button" 2664 class="drp-input-button cursor-pointer ml-auto px-2 w-8 h-8 flex items-center justify-center rounded-full hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-primary-600" 2665 aria-haspopup="dialog" 2666 id="DateRangePicker-d97cbb76-input__button">
2667 <span class="sr-only">Open calendar</span> 2668 <span class="icon com-calendar" aria-hidden="true"></span> 2669 </button> 2670 </div> 2671 <div class="drp-container group flex flex-col gap-4 items-start md:flex-row md:items-start md:min-w-lg py-3 md:p-3 justify-between bg-white rounded-sm shadow-md/30 z-100" role='dialog' aria-labelledby="DateRangePicker-d97cbb76-dialog__label" style="display: none"> 2672 <span class="sr-only" id="DateRangePicker-d97cbb76-dialog__label">Date range picker</span> 2673 <fieldset id="datefilter-element" aria-describedby="DateRangePicker-d97cbb76-dialog__label"> 2674 <legend class="filter-label sr-only font-medium text-lg group-not-[.hidden]/modal:lg:px-3"> 2675 2676 </legend> 2677 <div class="flex flex-col min-w-max gap-2 pr-6 "> 2678 <label class="drp-radio-label flex items-center gap-3"> 2679 <input type="radio" name="date-range-option" value="Anytime" 2680 checked 2681 data-is-default="true" 2682 class="peer mt-1 w-[18px] h-[18px] transition-colors border-primary-950! text-primary-600 focus:ring-transparent focus-visible:ring-primary-600" /> 2683 <span>Anytime</span> 2684 <span class="selected-range sr-only"></span> 2685 </label> 2686 <label class="drp-radio-label flex items-center gap-3"> 2687 <input type="radio" name="date-range-option" value="Custom" 2688 2689 data-is-default="false" 2690 class="peer mt-1 w-[18px] h-[18px] transition-colors border-primary-950! text-primary-600 focus:ring-transparent focus-visible:ring-primary-600" /> 2691 <span>Custom</span> 2692 <span class="selected-range sr-only"></span> 2693 </label> 2694 <label class="drp-radio-label flex items-center gap-3"> 2695 <input type="radio" name="date-range-option" value="PastWeek" 2696 2697 data-is-default="false" 2698 class="peer mt-1 w-[18px] h-[18px] transition-colors border-primary-950! text-primary-600 focus:ring-transparent focus-visible:ring-primary-600" /> 2699 <span>Past week</span> 2700 <span class="selected-range sr-only"></span> 2701 </label> 2702 <label class="drp-radio-label flex items-center gap-3"> 2703 <input type="radio" name="date-range-option" value="PastMonth" 2704 2705 data-is-default="false" 2706 class="peer mt-1 w-[18px] h-[18px] transition-colors border-primary-950! text-primary-600 focus:ring-transparent focus-visible:ring-primary-600" /> 2707 <span>Past month</span> 2708 <span class="selected-range sr-only"></span> 2709 </label> 2710 <label class="drp-radio-label flex items-center gap-3"> 2711 <input type="radio" name="date-range-option" value="PastYear" 2712 2713 data-is-default="false" 2714 class="peer mt-1 w-[18px] h-[18px] transition-colors border-primary-950! text-primary-600 focus:ring-transparent focus-visible:ring-primary-600" /> 2715 <span>Past year</span> 2716 <span class="selected-range sr-only"></span> 2717 </label> 2718 </div> 2719 </fieldset> 2720 <div class="drp-calendar-panel relative w-full max-w-md bg-white flex-col border-l-1 border-l-gray-300 group-[.embedded]:border-none! pl-3 group-[.embedded]:p-0"> 2721 <div class="sr-only focus-within:not-sr-only"> 2722 <label class="drp-radio-label"> 2723 <input type="radio" name="date-selection-option" value="Single" />
2724 <span>Single date</span> 2725 </label> 2726 <label class="drp-radio-label"> 2727 <input type="radio" name="date-selection-option" value="Range" checked /> 2728 <span>Date range</span> 2729 </label> 2730 </div> 2731 <div class="drp-calendar-header flex items-center justify-between mb-4"> 2732 <div class="flex items-center gap-1"> 2733 <button type="button" class="drp-prev-year-btn text-gray-600 hover:text-gray-900 px-2 hover:font-medium disabled:text-gray-300 disabled:pointer-events-none"> 2734 <span aria-hidden="true">«</span> 2735 <span class="sr-only">Go to previous year</span> 2736 </button> 2737 <button type="button" class="drp-prev-month-btn text-gray-600 hover:text-gray-900 px-2 hover:font-medium disabled:text-gray-300 disabled:pointer-events-none"> 2738 <span aria-hidden="true">‹</span> 2739 <span class="sr-only">Go to previous month</span> 2740 </button> 2741 </div> 2742 <button type="button" class="drp-month-btn cursor-pointer font-medium text-gray-800 hover:font-medium disabled:pointer-events-none"> 2743 October 2026 2744 </button> 2745 <div class="flex items-center gap-1"> 2746 <button type="button" class="drp-next-month-btn text-gray-600 hover:text-gray-900 px-2 hover:font-medium"> 2747 <span aria-hidden="true">›</span> 2748 <span class="sr-only">Go to next month</span> 2749 </button> 2750 <button type="button" class="drp-next-year-btn text-gray-600 hover:text-gray-900 px-2 hover:font-medium"> 2751 <span aria-hidden="true">»</span> 2752 <span class="sr-only">Go to next year</span> 2753 </button> 2754 </div> 2755 </div> 2756 </div> 2757 </div> 2758</div> 2759 2760 2761 </div> 2762 </div> 2763 </div> 2764 2765 <div class="px-6 py-5 flex flex-col justify-between items-center md:flex-row md:justify-end w-full gap-4"> 2766 <button type="button" class="cursor-pointer search-filter-clear-btn text-red-600 disabled:text-gray-300" disabled>Clear filters</button> 2767 <button id="search-filter-show-btn" 2768 class="w-full cursor-pointer bg-primary-600 text-white p-3 rounded md:w-fit"> 2769 Show results 2770 </button> 2771 </div> 2772 </div> 2773 </div> 2774 </div> 2775</div> 2776
2777<script type="text/javascript" defer> 2778 onDocumentLoad(() => { 2779 const container = document.getElementById('SearchListingWidget-7e896e00'); 2780 const isEventSearch = false; 2781 if (container) { 2782 const defaultSortValue = 'Newest'; 2783 2784 const searchController = new CoreSiteShared.SearchController(container, 'article-search', 12, 1, defaultSortValue, false, 'PublishedDate'); 2785 if (isEventSearch) { 2786 const toggleFilterEl = container.querySelector("#toggle-filter"); 2787 const toggleFilter = new CoreSiteShared.SearchFilter(toggleFilterEl, 'article-search') 2788 } 2789 } 2790 }); 2791</script>
2791 2792 2793 2794 2795 2796</container> 2797 2798 2799 2800 2801</div> 2802 </main> 2803 2804<div class="w-full flex flex-wrap pt-8 lg:pt-0 justify-between items-center bg-(--bg-color) text-(--text-color) min-h-[290px]" data-color-theme="ice-blue"> 2805 <div class="w-full relative z-1 container-lg flex-shrink-0"> 2806 2807 2808 2809 2810 2811 2812<container> 2813 <div class="form-widget form-widget--feedback text-primary-950 relative z-1" 2814 data-feedback-widget="Form-7b38ac4e" 2815 data-page-url="https://www.mandurah.wa.gov.au/our-council/news-and-public-notices" 2816 data-positive-heading="Amazing, thank you!" 2817 data-positive-message="We're glad you found this page helpful. Your feedback helps us keep improving and ensures our information stays clear and up to date." 2818 data-negative-heading="Sorry about that!" 2819 data-negative-message="What were you looking for? Please do not share any personal information."> 2820 2821 <div data-feedback-initial class="feedback-initial bg-primary-ice rounded-lg"> 2822 <h2 id="Form-7b38ac4e-feedback-question" class="text-3xl font-semibold mb-2">Did you find this page helpful?</h3> 2823 2824 <div class="mb-4 text-md fr-view"> 2825 Your feedback helps the City ensure our information is clear, up to date, and meets your needs. 2826 </div> 2827 2828 <div class="flex gap-3 mt-6"> 2829 2830 2831 2832 2833 2834 2835<container id="feedback-af1c7296"> 2836 <button type="button" 2837 2838 id="feedback-af1c7296" 2839 class="transition-all inline-flex items-center justify-center flex-row-reverse rounded-sm font-(--button-tertiary-weight) border-(length:--button-tertiary-border) text-start text-primary-950 border-primary-950 hover:bg-(--theme-color) hover:border-(--theme-color) bg-transparent hover:text-white active:text-white active:bg-primary-700 active:border-primary-700 disabled:bg-grey-200 disabled:text-grey-300 px-5 py-3 text-base gap-2.5" 2840 style="--theme-color: var(--color-leaf-green); --theme-color-whiter: var(--color-leaf-green-whiter);" 2841 2842 2843 aria-describedby="Form-7b38ac4e-feedback-question" 2844 onclick="CoreSiteShared.FeedbackForm.handleFeedback(this, 'positive')" 2845 > 2846 <span class="pointer-events-none "> 2847Yes </span> 2848 <span class="pointer-events-none icon com-thumbs-up "></span> 2849 </button> 2850</container> 2851 2852 2853 2854 2855 2856 2857 2858 2859 2860 2861<container id="feedback-0743ed12"> 2862 <button type="button" 2863 2864 id="feedback-0743ed12" 2865 class="transition-all inline-flex items-center justify-center flex-row-reverse rounded-sm font-(--button-tertiary-weight) border-(length:--button-tertiary-border) text-start text-primary-950 border-primary-950 hover:bg-(--theme-color) hover:border-(--theme-color) bg-transparent hover:text-white active:text-white active:bg-primary-700 active:border-primary-700 disabled:bg-grey-200 disabled:text-grey-300 px-5 py-3 text-base gap-2.5" 2866 style="--theme-color: var(--color-bottle-brush); --theme-color-whiter: var(--color-bottle-brush-whiter);" 2867 2868 2869 aria-describedby="Form-7b38ac4e-feedback-question" 2870 onclick="CoreSiteShared.FeedbackForm.handleFeedback(this, 'negative')" 2871 > 2872 <span class="pointer-events-none "> 2873No </span> 2874 <span class="pointer-events-none icon com-thumbs-down "></span> 2875 </button> 2876</container> 2877 2878 2879 2880 2881 </div> 2882 </div> 2883 2884 <div data-feedback-response class="feedback-response rounded-lg hidden focus-visible:outline-offset-3 focus-visible:outline-primary-600 focus-visible:outline-3" tabindex="-1"> 2885 <div class="mb-6"> 2886 <h2 data-feedback-heading id="Form-7b38ac4e-feedback-heading" class="text-3xl font-semibold mb-2"></h2> 2887 <div data-feedback-message class="fr-view text-md mb-4"></div> 2888 </div> 2889 2890 <div class="rounded-lg"> 2891 2892 2893 2894 2895 2896 2897 2898 2899 2900 2901 2902 2903 2904 2905<div id="form-FeedbackForm_2025_11_11_05_45-ce09_wrapper-7ef640be-233b-4b85-b5a9-69b80a5fd16e">
2905<form action="/Kentico.Components/en-AU/Kentico.FormWidget/KenticoFormWidget/FormSubmit?formName=FeedbackForm_2025_11_11_05_45&prefix=form-FeedbackForm_2025_11_11_05_45-ce09&displayValidationErrors=False&afterSubmitMode=DisplayMessage&hash=34771710874ae231332a0439ab4d58fce437e553367d789b970b458f9e612f4d" data-ktc-ajax-update="form-FeedbackForm_2025_11_11_05_45-ce09_wrapper-7ef640be-233b-4b85-b5a9-69b80a5fd16e" id="form-FeedbackForm_2025_11_11_05_45-ce09" method="post" novalidate="" onsubmit="window.kentico.updatableFormHelper.submitForm(event);"><input name="__Kentico_DC_Page" type="hidden" value="CfDJ8A60G2ypFFROgJdkBbKdIyr6vkOxAt6KqjXnOIUTWcgm5lvtD9qL/I0Y3/dJFAjoEiEL/35JBw2Iet26kcDQXaQAmf7hRiqLnQnxdCLkJSmqy7TyIY9akoECj6poN2YnQQ==" /> 2906 2907 2908<div class="ktc-default-section"> 2909 2910<div class="field-wrapper mb-5 custom-field" data-ktc-component="CustomTextInputComponent"> 2911 2912 2913 2914 2915 2916 2917 2918 2919<label class="field-label block mb-2 text-sm font-medium text-gray-900 after:ml-1 after:content-['(optional)'] hidden" for="field-FeedbackType-3d4c8f20">Feedback type</label> 2920 2921 2922 2923 2924 2925 2926 2927 2928 2929<input class="hidden" data-ktc-field="FeedbackType" data-ktc-notobserved-element="" id="field-FeedbackType-3d4c8f20" name="form-FeedbackForm_2025_11_11_05_45-ce09.FeedbackType.Value" type="text" value="" /> 2930 2931 2932 2933
2933<script> 2934 onDocumentLoad(() => { 2935 new CoreSiteShared.GenericValidationHandling("FeedbackType", "FeedbackForm_2025_11_11_05_45-ce09"); 2936 }); 2937 </script>
2937 2938 2939 2940 2941 2942 2943 2944 2945 2946 2947</div> 2948 2949<div class="field-wrapper mb-5 custom-field" data-ktc-component="CustomTextInputComponent"> 2950 2951 2952 2953 2954 2955 2956 2957 2958<label class="field-label block mb-2 text-sm font-medium text-gray-900 after:ml-1 after:content-['(optional)'] hidden" for="field-PageURL-19dea6e9">Page URL</label> 2959 2960 2961 2962 2963 2964 2965 2966 2967 2968<input class="hidden" data-ktc-field="PageURL" data-ktc-notobserved-element="" id="field-PageURL-19dea6e9" name="form-FeedbackForm_2025_11_11_05_45-ce09.PageURL.Value" type="text" value="" /> 2969 2970 2971 2972
2972<script> 2973 onDocumentLoad(() => { 2974 new CoreSiteShared.GenericValidationHandling("PageURL", "FeedbackForm_2025_11_11_05_45-ce09"); 2975 }); 2976 </script>
2976 2977 2978 2979 2980 2981 2982 2983 2984 2985 2986</div> 2987 2988<div class="field-wrapper mb-5" data-ktc-component="CustomInlineTextSubmitComponent"> 2989 2990 2991 2992 2993 2994 2995 2996 2997 2998 2999 3000 3001 3002 3003 3004 3005 3006 3007<div class="form-widget form-widget--inline-text-submit" data-form-widget> 3008 <div class="flex flex-row gap-3"> 3009 <div class="flex-1 items-center flex bg-white rounded-sm shadow-md p-1"> 3010 <label for="field-FeedbackMessage-c80a3ff4" class="sr-only">Optional feedback</label> 3011 <input aria-describedby="field-FeedbackMessage-c80a3ff4-description" class="w-full h-full text-gray-900 placeholder-gray-500 border-0 focus:border-0 form-field" data-ktc-field="FeedbackMessage" data-ktc-notobserved-element="" id="field-FeedbackMessage-c80a3ff4" name="form-FeedbackForm_2025_11_11_05_45-ce09.FeedbackMessage.Value" placeholder="Optional message" type="text" value="" /> 3012 </div> 3013 3014 3015 3016 3017 3018 3019<container id="Button-59177361"> 3020 <button type="submit" 3021 data-value="Submit" 3022 id="Button-59177361" 3023 class="transition-all inline-block flex-row-reverse rounded-sm font-normal text-start text-white bg-primary-600 hover:bg-primary-700 active:bg-primary-800 disabled:bg-grey-200 disabled:text-grey-300 px-5 py-3 text-base gap-2.5" 3024 style="--theme-color: var(--color-beige); --theme-color-whiter: var(--color-beige-whiter);" 3025 3026 3027 3028 > 3029 <span class="pointer-events-none "> 3030Submit </span> 3031 </button> 3032</container> 3033 3034 3035 3036 3037 </div> 3038</div> 3039 3040
3040<script type="text/javascript"> 3041 if (document.readyState === "loading") { 3042 onDocumentLoad(() => { 3043 const textSubmitComponent = document.getElementById('field-FeedbackMessage-c80a3ff4'); 3044 if (textSubmitComponent) { 3045 const textSubmitForm = textSubmitComponent.closest('form'); 3046 if (textSubmitForm) { 3047 const defaultSubmit = textSubmitForm.querySelector('input[type=submit]'); 3048 if (defaultSubmit) { 3049 defaultSubmit.style.display = "none"; 3050 } 3051 } 3052 } 3053 }); 3054 } else { 3055 const textSubmitComponent = document.getElementById('field-FeedbackMessage-c80a3ff4'); 3056 if (textSubmitComponent) { 3057 const textSubmitForm = textSubmitComponent.closest('form'); 3058 if (textSubmitForm) { 3059 const defaultSubmit = textSubmitForm.querySelector('input[type=submit]'); 3060 if (defaultSubmit) { 3061 defaultSubmit.style.display = "none"; 3062 } 3063 } 3064 } 3065 } 3066 </script>
3066 3067 3068 3069 3070 3071 3072<div class="field-explanation mt-2 text-sm text-gray-700" id="description-FeedbackMessage-c80a3ff4">Press ENTER to submit</div> 3073 3074 3075 3076</div> 3077 3078</div><input class="text-white bg-blue-700 hover:bg-blue-800 outline-offset-3 focus:outline-black font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center" type="submit" value="Submit" /><input name="__RequestVerificationToken" type="hidden" value="CfDJ8A60G2ypFFROgJdkBbKdIyqFvz-XJHY7UwLK6w_19RU-8zmtWlP3DKtdbO1D10q1fYvQFfzbvFjNcIFlUweSBqYniHj5lZYt2hgDFzoX9QSYyQcBW5TXnR_ptv6EaLNbdusQHwYQ-Cv1_BimMVbq3bs" />
3078<script type="text/javascript"> 3079if (document.readyState === 'complete') { 3080 window.kentico.updatableFormHelper.registerEventListeners({"formId":"form-FeedbackForm_2025_11_11_05_45-ce09","targetAttributeName":"data-ktc-ajax-update","unobservedAttributeName":"data-ktc-notobserved-element"}); 3081} else { 3082 document.addEventListener('DOMContentLoaded', function(event) { 3083 window.kentico.updatableFormHelper.registerEventListeners({"formId":"form-FeedbackForm_2025_11_11_05_45-ce09","targetAttributeName":"data-ktc-ajax-update","unobservedAttributeName":"data-ktc-notobserved-element"}); 3084 }); 3085}</script>
3085</form></div> 3086 3087 3088 3089 </div> 3090 </div> 3091 3092 <div data-feedback-thankyou class="feedback-thankyou bg-primary-ice rounded-lg hidden focus-visible:outline-offset-3 focus-visible:outline-primary-600 focus-visible:outline-3" tabindex="-1"> 3093 <h2 class="text-3xl font-semibold mb-3">Thanks for letting us know, we really appreciate you taking the time to help us improve.</h2> 3094 3095 <div class="fr-view max-w-2xl"> 3096 <p>If you need to contact the City of Mandurah, please head to our <a href="/our-city/contact-us" >contact us page</a></p> 3097 </div> 3098 </div> 3099 </div> 3100 3101
3101<script type="text/javascript" defer> 3102 onDocumentLoad(() => new CoreSiteShared.FeedbackForm('Form-7b38ac4e')); 3103 </script>
3103 3104</container> 3105 3106 3107 3108 </div> 3109 3110 <div class="relative z-0 lg:absolute lg:right-0 lg:w-auto lg:flex-1 flex flex-wrap gap-0 justify-end items-start ml-auto"> 3111 <div class="h-[145px] w-[145px] aspect-square z-10 ml-auto" style="--graphic-color: var(--color-primary-600);"> 3112 3113<svg class="fill-(--graphic-color) rotate-(--graphic-rotation)" style="--graphic-rotation: 0deg;" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 170 170"> 3114 <path fill-rule="nonzero" d="M169.13 42.84c-23.66 0-42.85-19.18-42.85-42.85h-13.53c0 31.14 25.24 56.38 56.38 56.38V42.84Zm0 37.58c-44.42 0-80.43-36.01-80.43-80.43H75.17c0 51.89 42.07 93.96 93.96 93.96V80.42Zm0 37.58C103.95 118 51.12 65.16 51.12-.01H37.59c0 72.65 58.89 131.54 131.54 131.54V118Zm0 51.12C75.72 169.12 0 93.4 0-.01h13.54c0 85.94 69.66 155.6 155.6 155.6v13.54l-.01-.01Z" /> 3115</svg> 3116 </div> 3117 3118 <div class="w-full flex gap-0 justify-end"> 3119 <div class="h-[145px] w-[145px] z-10 aspect-square" style="--graphic-color: var(--color-galah);"> 3120 3121<svg class="fill-(--graphic-color) rotate-(--graphic-rotation)" style="--graphic-rotation: 0deg;" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 170 170"> 3122 <path fill-rule="nonzero" d="M169.13 169.13H0V56.38L84.57 0l84.56 56.38v112.75Z" /> 3123</svg> 3124 </div> 3125 <div class="h-[145px] w-[145px] z-10 aspect-square" style="--graphic-color: var(--color-leaf-green);"> 3126 3127<svg class="fill-(--graphic-color)" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 640 640"> 3128 <circle cx="320" cy="320" r="320" /> 3129</svg> 3130 </div> 3131 </div> 3132 </div> 3133</div> 3134 3135<footer id="Footer-1f88ee18" class="group/theme px-4 xs:px-5 lg:px-10" data-color-theme="primary-gold"> 3136 <div class="mx-auto w-full max-w-1920"> 3137 <h2 class="sr-only">Footer</h2> 3138 3139 <div class="w-full py-8 px-4 flex items-center justify-end"> 3140 3141 3142 3143 3144 3145 3146<container id="Button-921ff7f4"> 3147 <button type="button" 3148 3149 id="Button-921ff7f4" 3150 class="transition-all inline-flex items-center justify-center rounded-sm font-normal text-start text-primary-700 bg-secondary-300 hover:bg-secondary-200 active:bg-secondary-400 disabled:bg-grey-200 disabled:text-grey-300 px-5 py-3 text-base gap-2.5" 3151 style="--theme-color: var(--color-beige); --theme-color-whiter: var(--color-beige-whiter);" 3152 3153 3154 3155 onclick="window.scrollTo({ top: 0, behavior: 'smooth' }); const logo = document.querySelector('.site-header > div:not(.skip-menu) a'); if (logo) logo.focus();" 3156 > 3157 <span class="pointer-events-none "> 3158Back to top </span> 3159 <span class="pointer-events-none icon com-arrow-up "></span> 3160 </button> 3161</container> 3162 3163 3164 3165 3166 3167 </div> 3168 <div class="flex flex-col-reverse lg:flex-row gap-y-14 lg:gap-x-25 pt-10 mb-8 lg:mb-20"> 3169 <div class="basis-1/2 flex flex-col gap-y-6"> 3170 <a href="/" class="w-fit"> 3171 <img src="/getContentAsset/b42ebbf4-6ab1-4d97-9150-84217deef9d9/41ddb5f3-2169-420f-929b-9b4ac40bcdee/com-logo 1.png?language=en" class="h-11 lg:h-12.5 me-3" alt="CityOfMandurah Logo" /> 3172 </a> 3173 3174 <div class="max-w-3xl fr-view"> 3175 <p>The City of Mandurah acknowledges the Bindjareb people as traditional custodians of this land. We acknowledge and respect their continuing culture and the unique contribution they make to the life of this community.</p> 3176 </div> 3177 3178 <div class="flex gap-x-5"> 3179 <a href="https://www.facebook.com/CityofMandurah" class="transition-colors text-white hover:text-secondary-300" target="_blank">
3180 <span class="icon icon com-social--facebook text-2xl!" aria-hidden="true"></span> 3181 <span class="sr-only">Follow us on Facebook (external)</span> 3182 </a> 3183 <a href="https://www.instagram.com/city_of_mandurah" class="transition-colors text-white hover:text-secondary-300" target="_blank"> 3184 <span class="icon icon com-social--instagram text-2xl!" aria-hidden="true"></span> 3185 <span class="sr-only">Follow us on Instagram (external)</span> 3186 </a> 3187 <a href="https://x.com/CityofMandurah" class="transition-colors text-white hover:text-secondary-300" target="_blank"> 3188 <span class="icon icon com-social--x text-2xl!" aria-hidden="true"></span> 3189 <span class="sr-only">Follow us on X (external)</span> 3190 </a> 3191 <a href="https://www.youtube.com/user/CityofMandurah" class="transition-colors text-white hover:text-secondary-300" target="_blank"> 3192 <span class="icon icon com-social--youtube text-2xl!" aria-hidden="true"></span> 3193 <span class="sr-only">Follow us on Youtube (external)</span> 3194 </a> 3195 </div> 3196 </div> 3197 3198 <div class="basis-1/2"> 3199 <h3 class="text-3xl text-secondary-300 font-medium mb-2">Love Mandurah? Stay in the Loop.</h3> 3200 <p class="mb-8"><p class="body--md">From local events and projects to important community updates, get the news that matters to you delivered straight to your inbox.</p><p class="body--md"><br></p></p> 3201 3202 3203 3204 3205 3206 3207<container id="Button-43cd494a"> 3208 <a href="https://mandurah.us1.list-manage.com/subscribe?u=f555c7e5f434cce57eb0a6bd4&id=d538c68387" 3209 id="Button-43cd494a" 3210 class="transition-all inline-flex items-center justify-center rounded-sm font-normal text-start text-primary-700 bg-secondary-300 hover:bg-secondary-200 active:bg-secondary-400 disabled:bg-grey-200 disabled:text-grey-300 px-5 py-3 text-base gap-2.5" 3211 style="" 3212 target="_blank" 3213 3214 > 3215 <span class="pointer-events-none "> 3216Subscribe <span class="sr-only"> (external)</span> 3217 </span> 3218 <span class="pointer-events-none icon icon com-external-link "></span> 3219 </a> 3220</container> 3221 3222 3223 3224 3225 </div> 3226 </div> 3227 3228 <div class="pb-20"> 3229 <div class="mb-16"> 3230 <div id="Footer-1f88ee18-links" 3231 class="lg:grid lg:grid-cols-6 gap-10" 3232 data-accordion-group 3233 data-accordion-collapse="true"> 3234 <div id="dcc4c73e-wrapper" 3235 class="border-b-1 border-b-white/30 lg:border-b-0" 3236 data-accordion-wrapper> 3237 <h3 id="dcc4c73e-heading" class="font-medium text-lg py-3 lg:py-0 lg:mb-5"> 3238 <span class="hidden lg:block">Quick links</span> 3239 3240 <button type="button" 3241 class="group flex w-full items-center justify-between gap-3 py-3 lg:hidden" 3242 aria-expanded="false" 3243 aria-controls="dcc4c73e-body" 3244 data-toggle-target="#dcc4c73e-body" 3245 data-accordion-trigger> 3246 <span>Quick links</span> 3247 3248 <div class="shrink-0 relative h-5 w-5"> 3249 <svg class="absolute right-0 h-5 w-5 text-white transition-all duration-300 group-aria-[expanded=false]:-rotate-90" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"> 3250 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" /> 3251 </svg> 3252 <svg class="absolute right-0 h-5 w-5 text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"> 3253 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" /> 3254 </svg> 3255 </div> 3256 </button> 3257 </h3> 3258 <div id="dcc4c73e-body" 3259 class="invisible transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) lg:h-auto lg:visible" 3260 style="--accordion-height: 0;" 3261 data-accordion-target> 3262 <ul aria-labelledby="dcc4c73e-heading" class="pt-1.5 pb-6 lg:pb-1.5"> 3263 <li class="mb-4"> 3264 <a href="/our-city/contact-us" class="underline decoration-transparent underline-offset-2 transition hover:decoration-white"> 3265 Contact us 3266 </a> 3267 </li> 3268 <li class="mb-4"> 3269 <a href="/our-city/work-with-us" class="underline decoration-transparent underline-offset-2 transition hover:decoration-white"> 3270 Work with us 3271 </a> 3272 </li> 3273 <li class="mb-4"> 3274 <a href="/search" class="underline decoration-transparent underline-offset-2 transition hover:decoration-white"> 3275 Search 3276 </a> 3277 </li> 3278 <li class="mb-4"> 3279 <a href="/our-council/news-and-public-notices" class="underline decoration-transparent underline-offset-2 transition hover:decoration-white"> 3280 News 3281 </a> 3282 </li> 3283 </ul> 3284 </div> 3285 </div> 3286 <div id="6bc52109-wrapper" 3287 class="border-b-1 border-b-white/30 lg:border-b-0" 3288 data-accordion-wrapper> 3289 <h3 id="6bc52109-heading" class="font-medium text-lg py-3 lg:py-0 lg:mb-5">
3290 <span class="hidden lg:block">Do it online</span> 3291 3292 <button type="button" 3293 class="group flex w-full items-center justify-between gap-3 py-3 lg:hidden" 3294 aria-expanded="false" 3295 aria-controls="6bc52109-body" 3296 data-toggle-target="#6bc52109-body" 3297 data-accordion-trigger> 3298 <span>Do it online</span> 3299 3300 <div class="shrink-0 relative h-5 w-5"> 3301 <svg class="absolute right-0 h-5 w-5 text-white transition-all duration-300 group-aria-[expanded=false]:-rotate-90" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"> 3302 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" /> 3303 </svg> 3304 <svg class="absolute right-0 h-5 w-5 text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"> 3305 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14" /> 3306 </svg> 3307 </div> 3308 </button> 3309 </h3> 3310 <div id="6bc52109-body" 3311 class="invisible transition-all duration-400 ease-in-out overflow-y-clip h-(--accordion-height) lg:h-auto lg:visible" 3312 style="--accordion-height: 0;" 3313 data-accordion-target> 3314 <ul aria-labelledby="6bc52109-heading" class="pt-1.5 pb-6 lg:pb-1.5"> 3315 <li class="mb-4"> 3316 <a href="/our-city/contact-us" class="underline decoration-transparent underline-offset-2 transition hover:decoration-white"> 3317 Pay it 3318 </a> 3319 </li> 3320 <li class="mb-4"> 3321 <a href="https://mandurah.t1cloud.com/T1Default/CiAnywhere/Web/MANDURAH/LogOn/COMO" class="underline decoration-transparent underline-offset-2 transition hover:decoration-white"> 3322 Register 3323 </a> 3324 </li> 3325 <li class="mb-4"> 3326 <a href="https://mandurah.t1cloud.com/T1Default/CiAnywhere/Web/MANDURAH/LogOn/COMO" class="underline decoration-transparent underline-offset-2 transition hover:decoration-white"> 3327 Request or report it 3328 </a> 3329 </li> 3330 <li class="mb-4"> 3331 <a href="https://mandurah.t1cloud.com/T1Default/CiAnywhere/Web/MANDURAH/LogOn/COMO?returnUrl=%2fT1Default%2fCiAnywhere%2fWeb%2fMANDURAH%2fCompliance%2fEnquiryPortalMyEnquiry%3ff%3d%2524P1.COM.ENQP.ENQ%26h%3d70tqEtcwjM%26t%3d1A9333AD%26suite%3dPR%26pagekey%3d20260421163951" class="underline decoration-transparent underline-offset-2 transition hover:decoration-white"> 3332 Apply for it 3333 </a> 3334 </li> 3335 <li class="mb-4"> 3336 <a href="https://maps.mandurah.wa.gov.au/IntraMaps910/?_ga=2.6385649
33361.575867645.1776661626-2030698444.1762474873" class="underline decoration-transparent underline-offset-2 transition hover:decoration-white"> 3337 Online mapping 3338 </a> 3339 </li> 3340 </ul> 3341 </div> 3342 </div> 3343 </div> 3344 </div> 3345 3346 <div class="text-center lg:text-left lg:pt-8 lg:border-t-1 lg:border-t-white lg:flex lg:items-center lg:justify-between lg:gap-x-10"> 3347 <span class="text-sm"> 3348<p>© 2026 All contents copyright © City of Mandurah. All right reserved.</p> </span> 3349 <ul class="flex flex-wrap justify-center lg:justify-end gap-x-5 gap-y-3 text-sm mt-5 lg:mt-0"> 3350 <li> 3351 <a href="/" class="underline underline-offset-2 transition decoration-transparent hover:decoration-white">Home</a> 3352 </li> 3353 <li> 3354 <a href="/disability-access-and-inclusion/website-accessibility" class="underline underline-offset-2 transition decoration-transparent hover:decoration-white">Website accessibility</a> 3355 </li> 3356 <li> 3357 <a href="/sitemap" class="underline underline-offset-2 transition decoration-transparent hover:decoration-white">Sitemap</a> 3358 </li> 3359 <li> 3360 <a href="/privacy" class="underline underline-offset-2 transition decoration-transparent hover:decoration-white">Privacy</a> 3361 </li> 3362 <li> 3363 <a href="/disclaimer" class="underline underline-offset-2 transition decoration-transparent hover:decoration-white">Disclaimer</a> 3364 </li> 3365 </ul> 3366 </div> 3367 </div> 3368 </div> 3369</footer> 3370
3371<script type="text/javascript" defer> 3372 onDocumentLoad(() => { 3373 const accordionGroup = document.getElementById("Footer-1f88ee18-links"); 3374 if (!accordionGroup) return; 3375 3376 const autoCollapse = accordionGroup.getAttribute('data-accordion-collapse') == "true"; 3377 3378 accordionGroup.querySelectorAll('[data-accordion-wrapper]').forEach(accordion => { 3379 new CoreSiteShared.Accordion(accordion.id, accordionGroup, autoCollapse); 3380 }); 3381 }); 3382</script>
3382 3383 3384 <div id="Modal-1" 3385 aria-hidden="true" 3386 aria-labelledby="Modal-1-header" 3387 class="hidden overflow-y-hidden overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-full max-h-full"> 3388 <div class="relative p-4 w-full max-h-full small"> 3389 <div class="flex flex-col relative bg-white rounded-lg shadow-sm [@media(min-height:600px)]:min-h-[500px] h-[calc(100dvh-32px)] max-h-[700px]"> 3390 <div class="flex items-center justify-between gap-x-4 p-4 md:p-5 border-b rounded-t border-gray-200"> 3391 <h2 id="Modal-1-header" class="text-xl font-semibold text-gray-900"> 3392 Modal-12 3393 </h2> 3394 <button type="button" 3395 aria-label="Close modal" 3396 data-modal-hide="Modal-1" 3397 class="flex-none text-gray-500 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm min-w-6 min-h-6 w-8 h-8 ms-auto inline-flex justify-center items-center"> 3398 <svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"> 3399 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6" /> 3400 </svg> 3401 </button> 3402 </div> 3403 3404 <div class="mr-2 my-4 ml-4 md:ml-5 pr-2 space-y-4 h-full overflow-y-auto"> 3405 <container> 3406 </container> 3407 </div> 3408 </div> 3409 </div> 3410 3411 3412 </div> 3413
3413<script type="text/javascript" defer> 3414 document.addEventListener('DOMContentLoaded', () => { 3415 new CoreSiteShared.Modal('Modal-1'); 3416 }); 3417 </script>
3417 3418 3419 3420
3420<script src="/_content/CityOfMandurah.Rcl/js/vendors.js"></script>
3420 3421
3421<script src="/_content/CityOfMandurah.Rcl/js/main-website.js" defer></script>
3421 3422 3423
3423<script src="/_content/Kentico.Content.Web.Rcl/Content/Bundles/Public/systemFormComponents.min.js"></script>
3423 3424 3425
3426<script src="/_content/Kentico.Xperience.TagManager/js/xperience-tag-manager.js?v=TtMOjnP7C3BlwtJokJNEQ6vzf8k5yEol-AKk2EPFSpU" type="module"></script>
3426</body> 3427</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.