1<!DOCTYPE html>
1<script type="module" src="/_astro/damage-reporting.astro_astro_type_script_index_0_lang.CWFPzdlz.js"></script>
1 <html lang="en"> <head><!-- Google tag (gtag.js) -->
vendor: 63 bytes, line 1
1<script async src="https://www.googletagmanager.com/gtag/js?id=
1G-360M4WFHKX
vendor: 11 bytes, line 1
1"></script>
1<script> 2
vendor: 134 bytes, lines 2-6
2window.dataLayer = window.dataLayer || []; 3 function gtag(){dataLayer.push(arguments);} 4 gtag('js', new Date()); 5 6 gtag('config', '
6G-360M4WFHKX
vendor: 6 bytes, lines 6-7
6'); 7
7</script>
7<meta charset="UTF-8"><meta name="viewport" content="width=device-width"><link rel="icon" type="image/png" href="/favicon.png"><meta name="generator" content="Astro v6.4.2"><title>Damage Reporting | SRCPA</title><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer">
7<script src="https://cogbot.mc-cap1.cogability.net/javascripts/bundlewidget.js" type="text/javascript"></script>
7
7<script type="text/javascript"> 8 window.addEventListener('DOMContentLoaded', async () => { 9 var date = new Date(); 10 var year = date.getUTCFullYear(); 11 var month = date.getUTCMonth(); 12 var n = date.toISOString(); 13 var dayOfWeek = date.getDay(); 14 var day = parseInt(n.substring(8, 10)); 15 var off = new Date(year, month, day, 16, 0, 0).toISOString(); 16 var on = new Date(year, month, day, 8, 30, 0).toISOString(); 17 var dow = date; 18 var isWeekend = (dayOfWeek === 6) || (dayOfWeek === 0); 19 var isHoliday = false; 20 var isHolidayResponce = await fetch("/holiday"); 21 if(isHolidayResponce.ok) { 22 var isHolidayJson = await isHolidayResponce.json(); 23 isHoliday = isHolidayJson.result.isHoliday; 24 } 25 26 if (n > on && n < off && !isWeekend && !isHoliday) { 27 window.purechatApi = { l: [], t: [], on: function () { this.l.push(arguments); } }; (function () { var done = false; var script = document.createElement('script'); script.async = true; script.type = 'text/javascript'; script.src = 'https://app.purechat.com/VisitorWidget/WidgetScript'; document.getElementsByTagName('HEAD').item(0).appendChild(script); script.onreadystatechange = script.onload = function (e) { if (!done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) { var w = new PCWidget({ c: '33838c5f-bb90-49f4-8a2c-c6a9165d54bd', f: true }); done = true; } }; })(); 28 } 29 else { 30 initializeCogabilityWidget({ 31 cogbot_id: "dela", 32 selectedLanguage:"en-us" 33 }); 34 } 35 }) 36</script>
36<script type="module">window.addEventListener("DOMContentLoaded",()=>{const e=document.querySelectorAll(".button-pdf a, .button-pdf button"),n=document.querySelectorAll(".button-url a, .button-url button");a(e,["fa-solid","fa-file-pdf"],"PDF"),a(n,["fa-solid","fa-globe"],"Link")});function a(e,n,d){e.forEach(t=>{t.ariaLabel=t.textContent+" "+d;const o=document.createElement("i"),r=document.createTextNode(" ");o.ariaHidden="true",o.classList.add(...n),t.insertBefore(r,t.firstChild),t.insertBefore(o,t.firstChild)})}</script>
36<link rel="stylesheet" href="/_astro/base.q61suaKs.css"></head> <body> <a class="sr-only focus:top-3 focus:left-3 focus:m-[unset] focus:w-[unset] focus:h-[unset] focus:[clip:unset] focus:z-30" href="#main-content"> 37Skip to Main Content 38</a>
38<script type="module">window.addEventListener("blur",t);function t(){const s=document.getElementsByClassName("dropdown-toggle");for(const e of s){e.classList.remove("show"),e.ariaExpanded=null;const o=e.nextElementSibling;o.classList.remove("show"),o.style.cssText="",delete o.dataset.popperPlacement}}</script>
38
38<script> 39 /** 40 * Sends a message of a specified type to a given iframe 41 * 42 * @param {string} type message types understood by the framed app: "moreSearchOptions", "search" 43 * @param {string} data message data 44 * @param {string} iframe iframe id 45 */ 46 function sendMessageToFrame(type, data, iframe) { 47 if (iframe) { 48 iframe.contentWindow.postMessage( 49 JSON.stringify({ type: type, data: data }), 50 "*" 51 ); 52 } 53 } 54 55 /** 56 * Runs the search action and navigates to search page if necessary 57 * 58 * @param inputId Id of input field from where to get the search value 59 */ 60 const runSearch = (inputId) => { 61 const searchInput = document.getElementById(inputId) 62 if (location.pathname !== '/search') { 63 location.href = '/search?query=' + encodeURIComponent(searchInput.value) 64 } else { 65 const searchFrame = document.getElementById('search-frame') 66 window.postMessage(JSON.stringify({ type: 'searching', data: 'start' })) 67 sendMessageToFrame('search', searchInput.value, searchFrame) 68 } 69 } 70 71 /** 72 * Toggles the More Options section for search and navigates to search page if necessary 73 */ 74 const toggleMoreOptions = () => { 75 if (location.pathname !== '/search') { 76 location.href = '/search?options=true' 77 } else { 78 const searchFrame = document.getElementById('search-frame') 79 if (searchFrame) searchFrame.focus() 80 sendMessageToFrame('moreSearchOptions', 'toggle', searchFrame) 81 } 82 } 83 84 // There are 3 nav spaces: 85 // - Desktop 86 // - Mobile top nav 87 // - Mobile sidebar nav 88 window.addEventListener('DOMContentLoaded', () => { 89 const desktopSearchSubmitButton = document.getElementById("website-header--desktop--searchbar-submit") 90 const desktopSearchOptionsButton = document.getElementById("website-header--desktop--searchbar-options") 91 const desktopSearchInput = document.getElementById("website-header--desktop--searchbar") 92 93 const mobileSearchSubmitButton = document.getElementById('website-header--mobile--searchbar-submit') 94 const mobileSearchOptionsButton = document.getElementById('website-header--mobile--searchbar-options') 95 const mobileSearchInput = document.getElementById('website-header--mobile--searchbar') 96 97 const mobileNavBarSidebarSearchSubmitButton = document.getElementById("website-header--mobile--sidebar--search-button") 98 const mobileNavBarSidebarSearchOptionsButton = document.getElementById("website-header--mobile--sidebar--search-options") 99 const mobileNavBarSidebarSearchInput = document.getElementById("website-header--mobile--sidebar--searchbar") 100 101 desktopSearchOptionsButton.addEventListener("click", toggleMoreOptions) 102 mobileSearchOptionsButton.addEventListener('click', toggleMoreOptions) 103 mobileNavBarSidebarSearchOptionsButton.addEventListener("click", toggleMoreOptions) 104 105 desktopSearchSubmitButton.addEventListener('click', () => runSearch('website-header--desktop--searchbar')) 106 mobileSearchSubmitButton.addEventListener('click', () => runSearch('website-header--mobile--searchbar')) 107 mobileNavBarSidebarSearchSubmitButton.addEventListener('click', () => runSearch('website-header--mobile--sidebar--searchbar')) 108 109 desktopSearchInput.addEventListener('keyup', async (e) => { 110 if (e.key === "Enter") { 111 runSearch('website-header--desktop--searchbar') 112 return 113 } 114 await handleQuickSearch(e) 115 }) 116 // On click of input, handleQuickSearch will show datalist options if conditions are met 117 desktopSearchInput.addEventListener('click', async (e) => { 118 await handleQuickSearch(e) 119 }) 120 desktopSearchInput.addEventListener('blur', (e) => { 121 const resultsList = document.getElementById(desktopSearchInput.dataset.list) 122 if (resultsList) { 123 if (!resultsList.contains(e.relatedTarget)) { 124 hideQuickSearchList(resultsList.id) 125 desktopSearchInput.setAttribute("aria-expanded","false") 126 } 127 } 128 }) 129 mobileSearchInput.addEventListener('keyup', async (e) => { 130 if (e.key === "Enter") runSearch('website-header--mobile--searchbar') 131 await handleQuickSearch(e) 132 }) 133 mobileSearchInput.addEventListener('blur', (e) => { 134 const resultsList = document.getElementById(mobileSearchInput.dataset.list) 135 if (resultsList) { 136 if (!resultsList.contains(e.relatedTarget)) { 137 hideQuickSearchList(resultsList.id)
138 mobileSearchInput.setAttribute("aria-expanded","false") 139 } 140 } 141 }) 142 mobileNavBarSidebarSearchInput.addEventListener('keyup', async (e) => { 143 if (e.key === "Enter") runSearch('website-header--mobile--sidebar--searchbar') 144 await handleQuickSearch(e) 145 }) 146 mobileNavBarSidebarSearchInput.addEventListener('blur', (e) => { 147 const resultsList = document.getElementById(mobileNavBarSidebarSearchInput.dataset.list) 148 if (resultsList) { 149 if (!resultsList.contains(e.relatedTarget)) { 150 hideQuickSearchList(resultsList.id) 151 mobileNavBarSidebarSearchInput.setAttribute("aria-expanded","false") 152 } 153 } 154 }) 155 }) 156 157 const hideQuickSearchList = (id) => { 158 const resultsList = document.getElementById(id) 159 if (resultsList) { 160 try { 161 resultsList.replaceChildren() 162 } catch(err) { 163 // console.log(err) 164 } 165 resultsList.classList.add("hidden") 166 } 167 } 168 169 const getLoadingElement = () => { 170 const li = document.createElement("li") 171 li.classList.add("px-1") 172 li.role = "option" 173 li.textContent = "Loading..." 174 return li 175 } 176 177 // Quicksearch Input element events 178 const handleQuickSearch = async (e) => { 179 const input = e.target 180 if (input) { 181 // Close Quicksearch datalist on Escape or Tab 182 if (e.key === "Escape" || e.key === "Tab") { 183 hideQuickSearchList(input.dataset.list) 184 input.setAttribute("aria-expanded","false") 185 return 186 } 187 // Target first datalist button if it exists 188 if (e.key === "ArrowDown") { 189 const resultsList = document.getElementById(input.dataset.list) 190 if (resultsList.childElementCount >= 1) { 191 resultsList.querySelector("button")?.focus() 192 } 193 return 194 } 195 // Target last datalist button if it exists 196 if (e.key === "ArrowUp") { 197 const resultsList = document.getElementById(input.dataset.list) 198 if (resultsList.childElementCount >= 1) { 199 const buttons = resultsList.querySelectorAll("button") 200 resultsList.querySelectorAll("button")[buttons.length -1].focus() 201 } 202 return 203 }
204 // Fetch and create datalist entries if there are at least 3 characters in the input field 205 if (input.value?.length >= 3) { 206 const resultsList = document.getElementById(input.dataset.list) 207 resultsList.replaceChildren() 208 resultsList.classList.remove("hidden") 209 input.setAttribute("aria-expanded","true") 210 resultsList.appendChild(getLoadingElement()) 211 const [err, data, term] = await quickSearchFetch(input.id, input.value ?? "") 212 if (err) { 213 if (!err.ignore) { 214 hideQuickSearchList(input.dataset.list) 215 input.setAttribute("aria-expanded","false") 216 input.focus() 217 } 218 return 219 } 220 if (data && data.length <= 0 && term === input.value) { 221 hideQuickSearchList(input.dataset.list) 222 input.setAttribute("aria-expanded","false") 223 input.focus() 224 } 225 if (data && data.length >= 1 && term === input.value) { 226 const resultsList = document.getElementById(input.dataset.list) 227 if (resultsList) { 228 resultsList.replaceChildren() 229 data.forEach(entry => { 230 const li = document.createElement("li") 231 li.role = "option" 232 const button = document.createElement("button") 233 button.type = "button" 234 button.value = entry.term
235 button.innerText = entry.term 236 button.classList.add("hover:bg-slate-300","rounded-md","w-full","text-start","px-1","focus-visible:bg-slate-300","focus:bg-slate-300","text-[16px]") 237 button.style.fontFamily = "ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji" 238 button.addEventListener("click", () => { 239 input.value = button.value 240 hideQuickSearchList(input.dataset.list) 241 input.setAttribute("aria-expanded","false") 242 input.focus() 243 }) 244 button.addEventListener("keydown", (e) => { 245 if (e.key === "ArrowDown" || e.key === "ArrowUp") { 246 e.preventDefault() 247 } 248 if (e.key === "Tab") { 249 hideQuickSearchList(input.dataset.list) 250 input.setAttribute("aria-expanded","false") 251 } 252 }) 253 button.addEventListener("keyup", (e) => { 254 if (e.key === "Enter") { 255 input.value = button.value 256 hideQuickSearchList(input.dataset.list) 257 input.setAttribute("aria-expanded","false") 258 input.focus() 259 } 260 if (e.key === "Escape") { 261 hideQuickSearchList(input.dataset.list) 262 input.setAttribute("aria-expanded","false") 263 input.focus() 264 } 265 if (e.key === "ArrowDown") { 266 const parent = button.parentElement 267 const nextSibling = parent.nextSibling 268 if (nextSibling) nextSibling.querySelector("button")?.focus() 269 } 270 if (e.key === "ArrowUp") { 271 const parent = button.parentElement 272 const previousSibling = parent.previousSibling 273 if (previousSibling) previousSibling.querySelector("button")?.focus() 274 } 275 }) 276 li.appendChild(button) 277 resultsList.appendChild(li) 278 }); 279 resultsList.addEventListener("focusout", (e) => { 280 if (!resultsList.contains(e.relatedTarget) && e.relatedTarget !== input) { 281 hideQuickSearchList(input.dataset.list) 282 input.setAttribute("aria-expanded","false") 283 } 284 }) 285 } 286 } 287 }
288 // hide datalist entries if there are fewer than 3 characters in the input field 289 if (input.value?.length < 3) { 290 const resultsList = document.getElementById(input.dataset?.list) 291 if (resultsList) { 292 resultsList.replaceChildren() 293 resultsList.classList.add("hidden") 294 input.setAttribute("aria-expanded","false") 295 } 296 } 297 } 298 } 299 300 // Get quicksearch results based on a value 301 const quickSearchFetch = async (inputId, value) => { 302 return new Promise((resolve, reject) => { 303 setTimeout(async () => { 304 if (value !== document.getElementById(inputId)?.value) { 305 resolve([{error: "oh no", ignore: true}, null, null]) 306 return 307 } 308 try { 309 const response = await fetch(`/Quicksearch?term=${encodeURIComponent(value)}`) 310 if (!response.ok) throw new Error(`HTTP error. Status: ${response.status}`) 311 const result = await response.json() 312 resolve([null, result.data, result.term]) 313 } catch (err) { 314 resolve([err,null,null]) 315 } 316 }, 324) 317 }) 318 } 319</script>
319 <header>
319<script type="module">const s=document.getElementById("website-header--mobile--branding");let i=!1,l=!1,n=s.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]');window.addEventListener("scroll",()=>{i=window.scrollY>50,a()});n.forEach(e=>{e.addEventListener("focus",()=>{l=!0,a()}),e.addEventListener("blur",()=>{l=!1,a()})});const a=()=>{const e=document.getElementById("website-header--mobile--branding");let t=!1;i&&(t=!0),l&&(t=!1),t?e?.classList.add("mt-[-205px]"):e?.classList.remove("mt-[-205px]")};</script>
319 <div id="website-header--mobile" class="block lg:hidden print:hidden fixed w-full z-20"> <div id="website-header--mobile--branding" class="bg-zinc-200 transition-[margin] duration-[.6s]"> <div class="flex justify-center pt-4"> <a id="website-header--mobile--branding--home-link" title="SRCPA Website Home" aria-label="SRCPA Website Home" href="/" class="flex text-start gap-2 h-[75px] no-underline"> <div class="flex flex-col justify-center"> <img class="max-w-[75px]" src="/media/srcpa-logo" alt="Santa Rosa County Property Appraiser logo"> </div> <div class="flex flex-col justify-center"> <p class="uppercase font-bold text-base text-navy-500 leading-5 mb-0" style="font-family: "Roboto","Helvetica Neue",Arial,sans-serif;"> <span class="block font-normal text-[#545b62] mb-[0.1rem]"> Santa Rosa County </span> Property Appraiser </p> <p class="text-navy-500 text-base uppercase font-bold mb-0" style="font-family: "Roboto","Helvetica Neue",Arial,sans-serif;"> Greg S. Brown II, 320<span class=""> CFA </span> </p> </div> </a> </div> <search id="website-header--mobile--searchbar-container" class="px-4 pb-2 flex flex-col" title="property"> <label for="website-header--mobile--searchbar" class="text-center text-zinc-800"> 321Search for Property: 322</label> <div class="relative flex flex-1"> <input role="combobox" autocomplete="off" spellcheck="false" aria-autocomplete="list" aria-controls="mobile--datalist" aria-expanded="false" type="search" id="website-header--mobile--searchbar" data-list="mobile--datalist" class="rounded-full px-2 pb-2 pt-1 border border-navy-500 placeholder:text-zinc-400/70 w-full bg-white" placeholder="Parcel #, Name or Street Address"> <ul tabindex="-1" role="listbox" aria-label="search predictions" id="mobile--datalist" class="absolute -bottom-1 origin-top translate-y-full bg-white border border-navy-500 rounded-lg px-1 py-1 w-full max-w-[calc(100svw-2rem)] hidden"></ul> </div> <div class="flex gap-3 pt-1"> <button id="website-header--mobile--searchbar-submit" class="w-full bg-navy-500 hover:bg-navy-700 focus:bg-navy-700 text-slate-100 rounded-full py-2 flex gap-1 items-center justify-center"> <span aria-hidden="true"> <span class="icon-idle" aria-hidden="true"> <svg width="1em" height="1em" viewBox="0 0 512 512" data-icon="fa6-solid:magnifying-glass"> <symbol id="ai:fa6-solid:magnifying-glass"><path fill="currentColor" d="M416 208c0 45.9-14.9 88.3-40 122.7l126.6 126.7c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0s208 93.1 208 208M208 352a144 144 0 1 0 0-288a144 144 0 1 0 0 288"/></symbol><use xlink:href="#ai:fa6-solid:magnifying-glass"></use> </svg> </span> <span class="icon-loading animate-spin hidden" aria-hidden="true"> <svg width="1em" height="1em" viewBox="0 0 512 512" data-icon="fa6-solid:spinner"> <symbol id="ai:fa6-solid:spinner"><path fill="currentColor" d="M304 48a48 48 0 1 0-96 0a48 48 0 1 0 96 0m0 416a48 48 0 1 0-96 0a48 48 0 1 0 96 0M48 304a48 48 0 1 0 0-96a48 48 0 1 0 0 96m464-48a48 48 0 1 0-96 0a48 48 0 1 0 96 0M142.9 437A48 48 0 1 0 75 369.1a48 48 0 1 0 67.9 67.9m0-294.2A48 48 0 1 0 75 75a48 48 0 1 0 67.9 67.9zM369.1 437a48 48 0 1 0 67.9-67.9a48 48 0 1 0-67.9 67.9"/></symbol><use xlink:href="#ai:fa6-solid:spinner"></use> </svg> </span> </span> 323Search 324</button> <button id="website-header--mobile--searchbar-options" class="w-full bg-navy-500 hover:bg-navy-700 focus:bg-navy-700 text-slate-100 rounded-full py-2 flex gap-1 items-center justify-center"> <span aria-hidden="true"> <span class="icon-idle" aria-hidden="true"> <svg width="1em" height="1em" viewBox="0 0 512 512" data-icon="fa6-solid:sliders"> <symbol id="ai:fa6-solid:sliders"><path fill="currentColor" d="M0 416c0 17.7 14.3 32 32 32h54.7c12.3 28.3 40.5 48 73.3 48s61-19.7 73.3-48H480c17.7 0 32-14.3 32-32s-14.3-32-32-32H233.3c-12.3-28.3-40.5-48-73.3-48s-61 19.7-73.3 48H32c-17.7 0-32 14.3-32 32m128 0a32 32 0 1 1 64 0a32 32 0 1 1-64 0m192-160a32 32 0 1 1 64 0a32 32 0 1 1-64 0m32-80c-32.8 0-61 19.7-73.3 48H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h246.7c12.3 28.3 40.5 48 73.3 48s61-19.7 73.3-48H480c17.7 0 32-14.3 32-32s-14.3-32-32-32h-54.7c-12.3-28.3-40.5-48-73.3-48m-160-48a32 32 0 1 1 0-64a32 32 0 1 1 0 64m73.3-64C253 35.7 224.8 16 192 16s-61 19.7-73.3 48H32C14.3 64 0 78.3 0 96s14.3 32 32 32h86.7c12.3 28.3 40.5 48 73.3 48s61-19.7 73.3-48H480c17.7 0 32-14.3 32-32s-14.3-32-32-32z"/></symbol><use xlink:href="#ai:fa6-solid:sliders"></use> </svg> </span> <span class="icon-loading animate-spin hidden" aria-hidden="true"> <svg width="1em" height="1em" viewBox="0 0 512 512" data-icon="fa6-solid:spinner"> <use xlink:href="#ai:fa6-solid:spinner"></use> </svg> </span> </span> 325Search Options 326</button> </div> </search> </div>
326<script type="module">window.addEventListener("DOMContentLoaded",()=>{const e=document.getElementById("website-header--mobile--menu--background-filter"),t=document.getElementById("website-header--mobile--menu--open"),d=document.getElementById("website-header--mobile--menu--close"),n=document.getElementById("website-header--mobile--sidebar--search-options"),o=document.getElementById("website-header--mobile--sidebar--search-button"),s=document.getElementById("website-header--mobile--sidebar--searchbar");e.addEventListener("click",l),t.addEventListener("click",c),d.addEventListener("click",l),n.addEventListener("click",()=>{if(l(),location.pathname==="/search"){const i=document.getElementById("search-frame");i&&i.focus()}}),o.addEventListener("click",l),s.addEventListener("keyup",i=>{i.key==="Enter"&&l()})});const c=()=>{const e=document.querySelector("body"),t=document.querySelector("header"),d=window.innerWidth-e.clientWidth;d>0&&(e.style.paddingRight=`${d}px`,t.style.paddingRight=`${d}px`),b(),m();const n=document.getElementById("website-header--mobile--menu");n.addEventListener("focusout",a),n.addEventListener("keydown",r)},l=()=>{h(),u();const e=document.getElementById("website-header--mobile--menu");e.removeEventListener("focusout",a),document.getElementById("website-header--mobile--menu--open").focus(),e.removeEventListener("keydown",r)},m=()=>{const e=document.getElementById("website-header--mobile--menu--sidebar"),t=document.getElementById("website-header--mobile--menu--close");e.classList.remove("invisible"),t.focus(),e.classList.add("right-0"),e.classList.remove("right-[-400px]")},u=()=>{const e=document.getElementById("website-header--mobile--menu--sidebar");e.classList.remove("right-0"),e.classList.add("right-[-400px]"),setTimeout(()=>{const t=document.querySelector("body"),d=document.querySelector("header");t.style.paddingRight="",d.style.paddingRight="",e.classList.add("invisible")},500)},b=()=>{const e=document.getElementById("website-header--mobile--menu--background-filter");e.classList.remove("hidden"),setTimeout(()=>{document.querySelector("body").classList.add("overflow-hidden"),e.classList.add("opacity-50"),e.classList.remove("opacity-0")},5)},h=()=>{const e=document.getElementById("website-header--mobile--menu--background-filter");e.classList.remove("opacity-50"),e.classList.add("opacity-0"),setTimeout(()=>{document.querySelector("body").classList.remove("overflow-hidden"),e.classList.add("hidden")},500)},a=e=>{const t=document.getElementById("website-header--mobile--menu--sidebar"),d=document.getElementById("website-header--mobile--menu--close"),n=t.querySelectorAll("a[href]:not([disabled]), button:not([disabled]), textArea:not([disabled]), input:not([disabled]), select:not([disabled])");if(n.length>=2){const o=n[0],s=n[n.length-1],i=e.relatedTarget;if(i===null||i===d)return;t.contains(i)||(e.target===s&&o.focus(),e.target===o&&s.focus())}},r=e=>{const t=e.target,d=document.querySelectorAll(".dropdown-list");let n=!1;if(d.forEach(o=>{o.classList.contains("hidden")||(n=!0)}),e.key==="Escape")if(!n)l();else{let o=null,s=null;t.classList.contains("dropdown-toggle")?(o=t,s=t.nextElementSibling):t.parentElement?.parentElement?.classList.contains("dropdown-list")&&(s=t.parentElement?.parentElement,o=s.previousElementSibling),o&&s&&(o.focus(),o.ariaExpanded="false",s.classList.add("hidden"))}};</script>
326 <nav id="website-header--mobile--menu" class="flex justify-center bg-navy-500 p-2" aria-label="navigation"> <button id="website-header--mobile--menu--open" class="flex gap-2 items-center justify-center bg-light text-slate-700 hover:bg-slate-300 rounded-md px-3 py-2 text-xl transition-[background-color] duration-150 ease-in-out" aria-label="Open navigation"> 327Menu 328<span aria-hidden="true"> <svg width="0.88em" height="1em" viewBox="0 0 448 512" data-icon="fa6-solid:bars"> <symbol id="ai:fa6-solid:bars"><path fill="currentColor" d="M0 96c0-17.7 14.3-32 32-32h384c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32m0 160c0-17.7 14.3-32 32-32h384c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32m448 160c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h384c17.7 0 32 14.3 32 32"/></symbol><use xlink:href="#ai:fa6-solid:bars"></use> </svg> </span> </button> <div id="website-header--mobile--menu--sidebar" class="bg-navy-500 fixed max-w-[80%] z-50 index top-0 right-[-400px] bottom-0 overflow-auto flex flex-col w-[400px] transition-[right] duration-500 invisible pb-20" tabindex="-1" aria-hidden="true" aria-labelledby="mobileSidebarLabel"> <div class="bg-[#eee] flex justify-between p-4"> <p id="mobileSidebarLabel" class="text-xl text-slate-800 mb-0" style="font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji""> 329Menu 330</p> <button id="website-header--mobile--menu--close" class="text-3xl text-slate-600 hover:text-slate-800 focus:text-slate-800" aria-label="button"> <span aria-hidden="true"> <svg width="0.75em" height="1em" viewBox="0 0 384 512" data-icon="fa6-solid:xmark"> <symbol id="ai:fa6-solid:xmark"><path fill="currentColor" d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7L86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256L41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3l105.4 105.3c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256z"/></symbol><use xlink:href="#ai:fa6-solid:xmark"></use> </svg> </span> </button> </div> <ul class="p-4"> <li class="border-b last-of-type:border-b-0 border-slate-100/30"> <a href="/" class=" 331 332 font-roboto block hover:text-slate-800 focus:text-slate-800 whitespace-normal transition-[color] no-underline 333 py-2 text-xl font-bold tracking-widest 334 text-slate-100 335 " style aria-label="Home"> Home </a> </li><li class="border-b last-of-type:border-b-0 border-slate-100/30"> <a href="https://map.srcpa.gov" class=" 336 map-link 337 font-roboto block hover:text-slate-800 focus:text-slate-800 whitespace-normal transition-[color] no-underline 338 py-2 text-xl font-bold tracking-widest 339 text-slate-100 340 " style aria-label="Map (opens in new tab)" target="_blank" rel="noreferrer"> Map </a> </li><li class="border-b last-of-type:border-b-0 border-slate-100/30"> <a href="#" class=" 341 text-slate-100 342 font-roboto dropdown-toggle flex gap-3 items-center py-2 text-xl font-bold tracking-widest hover:text-slate-800 focus:text-slate-800 whitespace-normal transition-[color] no-underline 343 " role="button" aria-expanded="false" aria-controls="cG9zdDoyNTc=-mobile" aria-haspopup="menu"> File Online <span class="text-sm" aria-hidden="true"> <svg width="0.63em" height="1em" viewBox="0 0 320 512" data-icon="fa6-solid:caret-down"> <symbol id="ai:fa6-solid:caret-down"><path fill="currentColor" d="M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301 191.9 288 191.9L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"/></symbol><use xlink:href="#ai:fa6-solid:caret-down"></use> </svg> </span> </a> <ul id="cG9zdDoyNTc=-mobile" class="dropdown-list hidden bg-navy-400 border border-slate-900/50"> <li class="border-b last-of-type:border-b-0 border-slate-900/50 first-of-type:pt-2 last-of-type:pb-2"> <a href="/exemptions-file-online/" class=" 344 345 font-roboto block hover:text-slate-800 focus:text-slate-800 whitespace-normal transition-[color] no-underline 346 border-zinc-900 font-semibold px-2 py-1 hover:bg-slate-100 347 text-slate-100 348 " style="font-family:Verdana, Geneva, Tahoma, sans-serif" aria-label="Exemptions"> Exemptions </a> </li><li class="border-b last-of-type:border-b-0 border-slate-900/50 first-of-type:pt-2 last-of-type:pb-2"> <a href="/tpp" class=" 349 350 font-roboto block hover:text-slate-800 focus:text-slate-800 whitespace-normal transition-[color] no-underline 351 border-zinc-900 font-semibold px-2 py-1 hover:bg-slate-100 352 text-slate-100 353 " style="font-family:Verdana, Geneva, Tahoma, sans-serif" aria-label="Tangible Personal Property"> Tangible Personal Property </a> </li><li class="border-b last-of-type:border-b-0 border-slate-900/50 first-of-type:pt-2 last-of-type:pb-2"> <a href="/damage-reporting/" class=" 354 355 font-roboto block hover:text-slate-800 focus:text-slate-800 whitespace-normal transition-[color] no-underline 356 border-zinc-900 font-semibold px-2 py-1 hover:bg-slate-100 357 text-amber-400 358 " style="font-family:Verdana, Geneva, Tahoma, sans-serif" aria-label="Damage Reporting" aria-current="page"> Damage Reporting </a> </li> </ul> </li><li class="border-b last-of-type:border-b-0 border-slate-100/30"> <a href="#" class=" 359 text-slate-100 360 font-roboto dropdown-toggle flex gap-3 items-center py-2 text-xl font-bold tracking-widest hover:text-slate-800 focus:text-slate-800 whitespace-normal transition-[color] no-underline 361 " role="button" aria-expanded="false" aria-controls="cG9zdDoyMzc=-mobile" aria-haspopup="menu"> Exemptions <span class="text-sm" aria-hidden="true"> <svg width="0.63em" height="1em" viewBox="0 0 320 512" data-icon="fa6-solid:caret-down"> <use xlink:href="#ai:fa6-solid:caret-down"></use> </svg> </span> </a> <ul id="cG9zdDoyMzc=-mobile" class="dropdown-list hidden bg-navy-400 border border-slate-900/50"> <li class="border-b last-of-type:border-b-0 border-slate-900/50 first-of-type:pt-2 last-of-type:pb-2"> <a href="/exemptions/" class=" 362 363 font-roboto block hover:text-slate-800 focus:text-slate-800 whitespace-normal transition-[color] no-underline 364 border-zinc-900 font-semibold px-2 py-1 hover:bg-slate-100 365 text-slate-100 366 " style="font-family:Verdana, Geneva, Tahoma, sans-serif" aria-label="Available Exemptions"> Available Exemptions </a> </li><li class="border-b last-of-type:border-b-0 border-slate-900/50 first-of-type:pt-2 last-of-type:pb-2"> <a href="/agriculture/" class=" 367 368 font-roboto block hover:text-slate-800 focus:text-slate-800 whitespace-normal transition-[color] no-underline 369 border-zinc-900 font-semibold px-2 py-1 hover:bg-slate-100 370 text-slate-100 371 " style="font-family:Verdana, Geneva, Tahoma, sans-serif" aria-label="Agricultural & Other Classified Uses"> Agricultural & Other Classified Uses </a> </li><li class="border-b last-of-type:border-b-0 border-slate-900/50 first-of-type:pt-2 last-of-type:pb-2"> <a href="/manufactured-homes/" class=" 372 373 font-roboto block hover:text-slate-800 focus:text-slate-800 whitespace-normal transition-[color] no-underline 374 border-zinc-900 font-semibold px-2 py-1 hover:bg-slate-100 375 text-slate-100 376 " style="font-family:Verdana, Geneva, Tahoma, sans-serif" aria-label="Manufactured Homes"> Manufactured Homes </a> </li><li class="border-b last-of-type:border-b-0 border-slate-900/50 first-of-type:pt-2 last-of-type:pb-2"> <a href="https://floridarevenue.com/property/Pages/DataPortal.aspx#ui-id-7" class=" 377 378 font-roboto block hover:text-slate-800 focus:text-slate-800 whitespace-normal transition-[color] no-underline 379 border-zinc-900 font-semibold px-2 py-1 hover:bg-slate-100 380 text-slate-100 381 " style="font-family:Verdana, Geneva, Tahoma, sans-serif" aria-label="Income Limit Qualifications (opens in new tab)" target="_blank" rel="noreferrer"> Income Limit Qualifications </a> </li><li class="border-b last-of-type:border-b-0 border-slate-900/50 first-of-type:pt-2 last-of-type:pb-2"> <a href="/homestead-fraud/" class=" 382 bold 383 font-roboto block hover:text-slate-800 focus:text-slate-800 whitespace-normal transition-[color] no-underline 384 border-zinc-900 font-semibold px-2 py-1 hover:bg-slate-100 385 text-slate-100 386 " style="font-family:Verdana, Geneva, Tahoma, sans-serif" aria-label="Report Homestead Fraud"> Report Homestead Fraud </a> </li> </ul> </li><li class="border-b last-of-type:border-b-0 border-slate-100/30"> <a href="/forms/" class=" 387 388 font-roboto block hover:text-slate-800 focus:text-slate-800 whitespace-normal transition-[color] no-underline 389 py-2 text-xl font-bold tracking-widest 390 text-slate-100 391 " style aria-label="Forms"> Forms </a> </li><li class="border-b last-of-type:border-b-0 border-slate-100/30"> <a href="#" class=" 392 text-slate-100 393 font-roboto dropdown-toggle flex gap-3 items-center py-2 text-xl font-bold tracking-widest hover:text-slate-800 focus:text-slate-800 whitespace-normal transition-[color] no-underline 394 " role="button" aria-expanded="false" aria-controls="cG9zdDoyMTQ=-mobile" aria-haspopup="menu"> General <span class="text-sm" aria-hidden="true"> <svg width="0.63em" height="1em" viewBox="0 0 320 512" data-icon="fa6-solid:caret-down"> <use xlink:href="#ai:fa6-solid:caret-down"></use> </svg> </span> </a> <ul id="cG9zdDoyMTQ=-mobile" class="dropdown-list hidden bg-navy-400 border border-slate-900/50"> <li class="border-b last-of-type:border-b-0 border-slate-900/50 first-of-type:pt-2 last-of-type:pb-2"> <a href="/ad-valorem-tax/" class=" 395 396 font-roboto block hover:text-slate-800 focus:text-slate-800 whitespace-normal transition-[color] no-underline 397 border-zinc-900 font-semibold px-2 py-1 hover:bg-slate-100 398 text-slate-100 399 " style="font-family:Verdana, Geneva, Tahoma, sans-serif" aria-label="Ad Valorem Tax Process"> Ad Valorem Tax Process </a> </li><li class="border-b last-of-type:border-b-0 border-slate-900/50 first-of-type:pt-2 last-of-type:pb-2"> <a href="/homesteadamendment/" class=" 400 401 font-roboto block hover:text-slate-800 focus:text-slate-800 whitespace-normal transition-[color] no-underline 402 border-zinc-900 font-semibold px-2 py-1 hover:bg-slate-100 403 text-slate-100 404 " style="font-family:Verdana, Geneva, Tahoma, sans-serif" aria-label="Homestead Amendment Estimator"> Homestead Amendment Estimator </a> </li><li class="border-b last-of-type:border-b-0 border-slate-900/50 first-of-type:pt-2 last-of-type:pb-2"> <a href="/tax-estimator/" class=" 405 406 font-roboto block hover:text-slate-800 focus:text-slate-800 whitespace-normal transition-[color] no-underline 407 border-zinc-900 font-semibold px-2 py-1 hover:bg-slate-100 408 text-slate-100 409 " style="font-family:Verdana, Geneva, Tahoma, sans-serif" aria-label="Tax Estimator"> Tax Estimator </a> </li><li class="border-b last-of-type:border-b-0 border-slate-900/50 first-of-type:pt-2 last-of-type:pb-2"> <a href="/millage-rates/" class=" 410 411 font-roboto block hover:text-slate-800 focus:text-slate-800 whitespace-normal transition-[color] no-underline 412 border-zinc-900 font-semibold px-2 py-1 hover:bg-slate-100 413 text-slate-100 414 " style="font-family:Verdana, Geneva, Tahoma, sans-serif" aria-label="Millage Rates"> Millage Rates </a> </li><li class="border-b last-of-type:border-b-0 border-slate-900/50 first-of-type:pt-2 last-of-type:pb-2"> <a href="http://www.leg.state.fl.us/Statutes/index.cfm?App_mode=Display_Statute&URL=0000-0099/0070/Sections/0070.002.html" class=" 415 416 font-roboto block hover:text-slate-800 focus:text-slate-800 whitespace-normal transition-[color] no-underline 417 border-zinc-900 font-semibold px-2 py-1 hover:bg-slate-100 418 text-slate-100 419 " style="font-family:Verdana, Geneva, Tahoma, sans-serif" aria-label="Property Owner Bill of Rights (opens in new tab)" target="_blank" rel="noreferrer"> Property Owner Bill of Rights </a> </li> </ul> </li><li class="border-b last-of-type:border-b-0 border-slate-100/30"> <a href="#" class=" 420 text-slate-100 421 font-roboto dropdown-toggle flex gap-3 items-center py-2 text-xl font-bold tracking-widest hover:text-slate-800 focus:text-slate-800 whitespace-normal transition-[color] no-underline 422 " role="button" aria-expanded="false" aria-controls="cG9zdDoyNDc=-mobile" aria-haspopup="menu"> Our Office <span class="text-sm" aria-hidden="true"> <svg width="0.63em" height="1em" viewBox="0 0 320 512" data-icon="fa6-solid:caret-down"> <use xlink:href="#ai:fa6-solid:caret-down"></use> </svg> </span> </a> <ul id="cG9zdDoyNDc=-mobile" class="dropdown-list hidden bg-navy-400 border border-slate-900/50"> <li class="border-b last-of-type:border-b-0 border-slate-900/50 first-of-type:pt-2 last-of-type:pb-2"> <a href="/greg-s-brown-ii/" class=" 423 424 font-roboto block hover:text-slate-800 focus:text-slate-800 whitespace-normal transition-[color] no-underline 425 border-zinc-900 font-semibold px-2 py-1 hover:bg-slate-100 426 text-slate-100 427 " style="font-family:Verdana, Geneva, Tahoma, sans-serif" aria-label="Greg S. Brown II"> Greg S. Brown II </a> </li><li class="border-b last-of-type:border-b-0 border-slate-900/50 first-of-type:pt-2 last-of-type:pb-2"> <a href="/budget/" class=" 428 429 font-roboto block hover:text-slate-800 focus:text-slate-800 whitespace-normal transition-[color] no-underline 430 border-zinc-900 font-semibold px-2 py-1 hover:bg-slate-100 431 text-slate-100 432 " style="font-family:Verdana, Geneva, Tahoma, sans-serif" aria-label="Budget"> Budget </a> </li><li class="border-b last-of-type:border-b-0 border-slate-900/50 first-of-type:pt-2 last-of-type:pb-2"> <a href="/resources/2026%20Santa%20Rosa%20Roll%20Approval.pdf" class=" 433 434 font-roboto block hover:text-slate-800 focus:text-slate-800 whitespace-normal transition-[color] no-underline 435 border-zinc-900 font-semibold px-2 py-1 hover:bg-slate-100 436 text-slate-100 437 " style="font-family:Verdana, Geneva, Tahoma, sans-serif" aria-label="2026 Assessment Roll Approval (opens in new tab)" target="_blank" rel="noreferrer"> 2026 Assessment Roll Approval </a> </li><li class="border-b last-of-type:border-b-0 border-slate-900/50 first-of-type:pt-2 last-of-type:pb-2"> <a href="/duties-and-responsibilities-of-the-property-appraiser/" class=" 438 439 font-roboto block hover:text-slate-800 focus:text-slate-800 whitespace-normal transition-[color] no-underline 440 border-zinc-900 font-semibold px-2 py-1 hover:bg-slate-100 441 text-slate-100 442 " style="font-family:Verdana, Geneva, Tahoma, sans-serif" aria-label="Duties and Responsibilities">
442 Duties and Responsibilities </a> </li><li class="border-b last-of-type:border-b-0 border-slate-900/50 first-of-type:pt-2 last-of-type:pb-2"> <a href="/directory/" class=" 443 444 font-roboto block hover:text-slate-800 focus:text-slate-800 whitespace-normal transition-[color] no-underline 445 border-zinc-900 font-semibold px-2 py-1 hover:bg-slate-100 446 text-slate-100 447 " style="font-family:Verdana, Geneva, Tahoma, sans-serif" aria-label="Directory of Government Agencies"> Directory of Government Agencies </a> </li><li class="border-b last-of-type:border-b-0 border-slate-900/50 first-of-type:pt-2 last-of-type:pb-2"> <a href="/public-records-request/" class=" 448 449 font-roboto block hover:text-slate-800 focus:text-slate-800 whitespace-normal transition-[color] no-underline 450 border-zinc-900 font-semibold px-2 py-1 hover:bg-slate-100 451 text-slate-100 452 " style="font-family:Verdana, Geneva, Tahoma, sans-serif" aria-label="Public Records Request"> Public Records Request </a> </li><li class="border-b last-of-type:border-b-0 border-slate-900/50 first-of-type:pt-2 last-of-type:pb-2"> <a href="#footer--contact" class=" 453 454 font-roboto block hover:text-slate-800 focus:text-slate-800 whitespace-normal transition-[color] no-underline 455 border-zinc-900 font-semibold px-2 py-1 hover:bg-slate-100 456 text-slate-100 457 " style="font-family:Verdana, Geneva, Tahoma, sans-serif" aria-label="Directions to SRCPA"> Directions to SRCPA </a> </li><li class="border-b last-of-type:border-b-0 border-slate-900/50 first-of-type:pt-2 last-of-type:pb-2"> <a href="#footer--contact" class=" 458 459 font-roboto block hover:text-slate-800 focus:text-slate-800 whitespace-normal transition-[color] no-underline 460 border-zinc-900 font-semibold px-2 py-1 hover:bg-slate-100 461 text-slate-100 462 " style="font-family:Verdana, Geneva, Tahoma, sans-serif" aria-label="Contact Us"> Contact Us </a> </li> </ul> </li> </ul> <search id="website-header--mobile--sidebar--searchbar-container" class="flex flex-col gap-2 px-4" title="property"> <label for="website-header--mobile--sidebar--searchbar" class="text-slate-100 text-2xl md:text-3xl"> 463Search for Property: 464</label> <div class="relative flex flex-1"> <input role="combobox" autocomplete="off" spellcheck="false" aria-autocomplete="list" aria-controls="mobile--sidebar--datalist" aria-expanded="false" type="search" id="website-header--mobile--sidebar--searchbar" data-list="mobile--sidebar--datalist" class="rounded-full px-3 py-2 placeholder:text-zinc-400/70 w-full bg-white" placeholder="Parcel #, Name or Street Address"> <ul tabindex="-1" role="listbox" aria-label="search predictions" id="mobile--sidebar--datalist" class="absolute -bottom-1 origin-top translate-y-full bg-white border border-navy-500 rounded-lg px-1 py-1 w-full max-w-[calc(100svw-2rem)] hidden"></ul> </div> <button id="website-header--mobile--sidebar--search-button" class="text-slate-800 bg-zinc-200 hover:bg-zinc-200/80 focus:bg-zinc-200/80 flex gap-2 items-center justify-center rounded-full py-2 transition-colors"> <span aria-hidden="true"> <span class="icon-idle" aria-hidden="true"> <svg width="1em" height="1em" viewBox="0 0 512 512" data-icon="fa6-solid:magnifying-glass"> <use xlink:href="#ai:fa6-solid:magnifying-glass"></use> </svg> </span> <span class="icon-loading animate-spin hidden" aria-hidden="true"> <svg width="1em" height="1em" viewBox="0 0 512 512" data-icon="fa6-solid:spinner"> <use xlink:href="#ai:fa6-solid:spinner"></use> </svg> </span> </span> 465Search 466</button> <button id="website-header--mobile--sidebar--search-options" class="text-slate-800 bg-zinc-200 hover:bg-zinc-200/80 focus:bg-zinc-200/80 flex gap-2 items-center justify-center rounded-full py-2 transition-colors"> <span aria-hidden="true"> <span class="icon-idle" aria-hidden="true"> <svg width="1em" height="1em" viewBox="0 0 512 512" data-icon="fa6-solid:sliders"> <use xlink:href="#ai:fa6-solid:sliders"></use> </svg> </span> <span class="icon-loading animate-spin hidden" aria-hidden="true"> <svg width="1em" height="1em" viewBox="0 0 512 512" data-icon="fa6-solid:spinner"> <use xlink:href="#ai:fa6-solid:spinner"></use> </svg> </span> </span> 467Search Options 468</button> </search> </div> <div id="website-header--mobile--menu--background-filter" class="hidden fixed opacity-0 bg-black top-0 left-0 w-full h-full z-40 transition-opacity duration-500"></div> </nav>
468<script>(function(){const alertMessageData = [{"id":"cG9zdDoyMTk5","title":"See how the proposed amendment may affect your homestead property with \u003ca class=font-bold href=/homesteadamendment>our new estimator!\u003c/a>","content":null,"date":"2026-06-05T21:15:47","excerpt":"","featuredImage":null,"slug":"find-the-impact-of-the-new-ballot-measure-on-your-homestead-property-on-our-new-estimator"}]; 469const prefix = "mobile"; 470 471 window.addEventListener('DOMContentLoaded', () => { 472 const alertMessageElement = document.getElementById(`alert-message-${prefix}`) 473 const alertBanner = document.getElementById(`alert-banner-${prefix}`) 474 const storedAlertMessage = localStorage.getItem('alertMessage') // get alert message ID from localstorage if it exists 475 476 if (!alertMessageData[0]) { 477 localStorage.setItem('alertMessage', "") 478 return 479 } 480 481 // If localstorage doesn't have alertMessage 482 // or the ID differs, show the banner 483 if (storedAlertMessage !== alertMessageData[0].id) { 484 alertBanner.classList.replace('hidden', 'flex') 485 } 486 487 // Hide Alert Message Banner on click and save to localstorage 488 alertMessageElement.addEventListener('click', (e) => { 489 alertBanner.classList.replace('flex','hidden') 490 localStorage.setItem('alertMessage', alertBanner.dataset.alertMessageId) 491 }) 492 }) 493})();</script>
493 <div id="alert-banner-mobile" data-alert-message-id="cG9zdDoyMTk5" class="bg-amber-400 py-3 px-14 justify-center items-center relative hidden -z-10"> <h2 class="text-lg sm:text-xl xl:text-3xl mb-1">See how the proposed amendment may affect your homestead property with <a class=font-bold href=/homesteadamendment>our new estimator!</a></h2> <button id="alert-message-mobile" class="text-4xl absolute right-0 hover:opacity-65 px-2" aria-label="Alert Message Close Button"> <span aria-hidden="true"> <svg width="1em" height="1em" viewBox="0 0 512 512" data-icon="fa6-regular:circle-xmark"> <symbol id="ai:fa6-regular:circle-xmark"><path fill="currentColor" d="M256 48a208 208 0 1 1 0 416a208 208 0 1 1 0-416m0 464a256 256 0 1 0 0-512a256 256 0 1 0 0 512m-81-337c-9.4 9.4-9.4 24.6 0 33.9l47 47l-47 47c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l47-47l47 47c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-47-47l47-47c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-47 47l-47-47c-9.4-9.4-24.6-9.4-33.9 0"/></symbol><use xlink:href="#ai:fa6-regular:circle-xmark"></use> </svg> </span> </button> </div> </div>
493<script type="module">const t=document.getElementById("website-header--desktop--branding");let a=!1,s=!1,d=t.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])');window.addEventListener("scroll",()=>{a=window.scrollY>50,l()});d.forEach(e=>{e.addEventListener("focus",()=>{s=!0,l()}),e.addEventListener("blur",()=>{s=!1,l()})});const l=()=>{let e=!1;a&&(e=!0),s&&(e=!1),e?t.classList.add("mt-[-165px]"):t.classList.remove("mt-[-165px]")};</script>
493 <div class="hidden lg:block print:hidden fixed w-full bg-[#eee] z-20"> <div id="website-header--desktop--branding" class="flex justify-between w-full max-w-[1320px] mx-auto pt-6 pb-4 px-12 h-[165px] transition-[margin] duration-[.6s]"> <a class="flex gap-4 no-underline" href="/" title="SRCPA Website Home"> <img src="/media/srcpa-logo" alt="Santa Rosa County Property Appraiser logo" class="w-[125px] h-[125px]"> <p class="text-start uppercase flex flex-col justify-center font-normal text-2xl pb-1 pt-[6px] text-slate-600 mb-2" style="font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji""> Santa Rosa County <span class="block text-navy-500 font-bold text-[2rem] mb-2 mt-[.1rem]"> Property Appraiser </span> </p> </a> <div class="flex items-center"> <p class="text-end text-[1.75rem] leading-[34px] text-navy-500 pb-2 pt-2 mb-2" style="font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji""> Greg S. Brown II <span class="block text-[#545b62]"> CFA </span> </p> <div class="px-4"> <img src="/media/greg-profile" alt="Portrait of Greg S. Brown II, CFA" class="rounded-full"> </div> </div> </div> <div class="bg-navy-500"> <div class="container mx-auto px-8 xl:px-3"> <ul class="flex justify-between tracking-widest"> <li class="flex"> <a href="/" class=" 494 495 text-slate-100 496 font-roboto lg:text-start lg:text-xl xl:text-[24px] xl:leading-9 tracking-widest font-semibold lg:px-2 xl:px-4 py-2 497 lg:text-start focus:text-slate-800 hover:text-slate-800 no-underline 498 " style aria-label="Home"> Home </a> </li><li class="flex"> <a href="https://map.srcpa.gov" class=" 499 map-link 500 text-slate-100 501 font-roboto lg:text-start lg:text-xl xl:text-[24px] xl:leading-9 tracking-widest font-semibold lg:px-2 xl:px-4 py-2 502 lg:text-start focus:text-slate-800 hover:text-slate-800 no-underline 503 " style aria-label="Map (opens in new tab)" target="_blank" rel="noreferrer"> Map </a> </li>
503<script type="module">const l=document.querySelectorAll(".dropdown-toggle");l.forEach(t=>{t.addEventListener("click",e=>{e.preventDefault();const n=e.target;n.focus();const i=n.nextElementSibling;i&&(n.ariaExpanded=n.ariaExpanded==="true"?"false":"true",a(i))}),t.addEventListener("focus",e=>{e.target.addEventListener("keydown",c)}),t.addEventListener("focusout",e=>{const n=e.target,i=e.relatedTarget,r=n.nextElementSibling;r.contains(i)||setTimeout(()=>{r.classList.add("hidden"),t.ariaExpanded="false"},100)});const s=t.nextElementSibling;s.classList.contains("dropdown-list")||t.addEventListener("keydown",e=>{e.key==="Escape"&&(t.ariaExpanded="false",s.classList.add("hidden"))}),s.addEventListener("keydown",e=>{if(e.key==="Escape"){if(s.classList.contains("dropdown-list"))return;s.classList.add("hidden"),t.focus(),t.ariaExpanded="false"}}),s.addEventListener("focusout",e=>{const n=e.relatedTarget;!s.contains(n)&&e.relatedTarget!==t&&(a(s),t.ariaExpanded="false")});const o=s.children;Array.from(o).forEach(e=>{e.querySelector("a").addEventListener("keydown",i=>{if(i.key==="ArrowDown"){i.preventDefault();const r=e.nextElementSibling;if(r){const d=r.querySelector("a");d&&d.focus()}}if(i.key==="ArrowUp"){i.preventDefault();const r=e.previousElementSibling;if(r){const d=r.querySelector("a");d&&d.focus()}}})})});const a=t=>{t.classList.toggle("hidden")},c=t=>{const o=t.target.nextElementSibling;if(o&&o.firstChild){if(t.key==="ArrowDown"){const e=o.querySelector("a");e&&(t.preventDefault(),o.classList.remove("hidden"),e.focus())}if(t.key==="ArrowUp"){const n=o.lastElementChild.firstElementChild;n&&(t.preventDefault(),o.classList.remove("hidden"),n.focus())}}};</script>
503 <li class="relative group"> <a href="#" class="dropdown-toggle font-roboto lg:text-start lg:text-xl xl:text-[24px] xl:leading-9 tracking-widest font-semibold text-slate-100 focus:text-slate-800 hover:text-slate-800 transition-colors duration-200 lg:px-2 xl:px-4 py-2 flex gap-3 items-start no-underline" role="button" aria-expanded="false" aria-haspopup="menu" aria-controls="cG9zdDoyNTc=-desktop"> File Online <span class="ps-1 pt-[2px] xl:pt-[6px] text-[20px] leading-3" aria-hidden="true"> <svg width="0.63em" height="1em" viewBox="0 0 320 512" data-icon="fa6-solid:caret-down"> <use xlink:href="#ai:fa6-solid:caret-down"></use> </svg> </span> </a> <ul id="cG9zdDoyNTc=-desktop" class="hidden absolute bg-navy-500 border border-slate-900/30 min-w-max group-last-of-type:right-0 z-2"> <li class="flex"> <a href="/exemptions-file-online/" class=" 504 505 text-slate-100 506 focus:bg-slate-100 hover:bg-slate-100 w-full font-normal tracking-normal px-2 py-1 flex gap-3 items-center 507 lg:text-start focus:text-slate-800 hover:text-slate-800 no-underline 508 " style="font-family: Verdana, Geneva, Tahoma, sans-serif" aria-label="Exemptions"> Exemptions </a> </li><li class="flex"> <a href="/tpp" class=" 509 510 text-slate-100 511 focus:bg-slate-100 hover:bg-slate-100 w-full font-normal tracking-normal px-2 py-1 flex gap-3 items-center 512 lg:text-start focus:text-slate-800 hover:text-slate-800 no-underline 513 " style="font-family: Verdana, Geneva, Tahoma, sans-serif" aria-label="Tangible Personal Property"> Tangible Personal Property </a> </li><li class="flex"> <a href="/damage-reporting/" class=" 514 515 text-amber-400 516 focus:bg-slate-100 hover:bg-slate-100 w-full font-normal tracking-normal px-2 py-1 flex gap-3 items-center 517 lg:text-start focus:text-slate-800 hover:text-slate-800 no-underline 518 " style="font-family: Verdana, Geneva, Tahoma, sans-serif" aria-label="Damage Reporting" aria-current="page"> Damage Reporting </a> </li> </ul> </li> <li class="relative group"> <a href="#" class="dropdown-toggle font-roboto lg:text-start lg:text-xl xl:text-[24px] xl:leading-9 tracking-widest font-semibold text-slate-100 focus:text-slate-800 hover:text-slate-800 transition-colors duration-200 lg:px-2 xl:px-4 py-2 flex gap-3 items-start no-underline" role="button" aria-expanded="false" aria-haspopup="menu" aria-controls="cG9zdDoyMzc=-desktop"> Exemptions <span class="ps-1 pt-[2px] xl:pt-[6px] text-[20px] leading-3" aria-hidden="true"> <svg width="0.63em" height="1em" viewBox="0 0 320 512" data-icon="fa6-solid:caret-down"> <use xlink:href="#ai:fa6-solid:caret-down"></use> </svg> </span> </a> <ul id="cG9zdDoyMzc=-desktop" class="hidden absolute bg-navy-500 border border-slate-900/30 min-w-max group-last-of-type:right-0 z-2"> <li class="flex"> <a href="/exemptions/" class=" 519 520 text-slate-100 521 focus:bg-slate-100 hover:bg-slate-100 w-full font-normal tracking-normal px-2 py-1 flex gap-3 items-center 522 lg:text-start focus:text-slate-800 hover:text-slate-800 no-underline 523 " style="font-family: Verdana, Geneva, Tahoma, sans-serif" aria-label="Available Exemptions"> Available Exemptions </a> </li><li class="flex"> <a href="/agriculture/" class=" 524 525 text-slate-100 526 focus:bg-slate-100 hover:bg-slate-100 w-full font-normal tracking-normal px-2 py-1 flex gap-3 items-center 527 lg:text-start focus:text-slate-800 hover:text-slate-800 no-underline 528 " style="font-family: Verdana, Geneva, Tahoma, sans-serif" aria-label="Agricultural & Other Classified Uses"> Agricultural & Other Classified Uses </a> </li><li class="flex"> <a href="/manufactured-homes/" class=" 529 530 text-slate-100 531 focus:bg-slate-100 hover:bg-slate-100 w-full font-normal tracking-normal px-2 py-1 flex gap-3 items-center 532 lg:text-start focus:text-slate-800 hover:text-slate-800 no-underline 533 " style="font-family: Verdana, Geneva, Tahoma, sans-serif" aria-label="Manufactured Homes"> Manufactured Homes </a> </li><li class="flex"> <a href="https://floridarevenue.com/property/Pages/DataPortal.aspx#ui-id-7" class=" 534 535 text-slate-100 536 focus:bg-slate-100 hover:bg-slate-100 w-full font-normal tracking-normal px-2 py-1 flex gap-3 items-center 537 lg:text-start focus:text-slate-800 hover:text-slate-800 no-underline 538 " style="font-family: Verdana, Geneva, Tahoma, sans-serif" aria-label="Income Limit Qualifications (opens in new tab)" target="_blank" rel="noreferrer"> Income Limit Qualifications </a> </li><li class="flex"> <a href="/homestead-fraud/" class=" 539 bold 540 text-slate-100 541 focus:bg-slate-100 hover:bg-slate-100 w-full font-normal tracking-normal px-2 py-1 flex gap-3 items-center 542 lg:text-start focus:text-slate-800 hover:text-slate-800 no-underline 543 " style="font-family: Verdana, Geneva, Tahoma, sans-serif" aria-label="Report Homestead Fraud"> Report Homestead Fraud </a> </li> </ul> </li><li class="flex"> <a href="/forms/" class=" 544 545 text-slate-100 546 font-roboto lg:text-start lg:text-xl xl:text-[24px] xl:leading-9 tracking-widest font-semibold lg:px-2 xl:px-4 py-2 547 lg:text-start focus:text-slate-800 hover:text-slate-800 no-underline 548 " style aria-label="Forms"> Forms </a> </li> <li class="relative group"> <a href="#" class="dropdown-toggle font-roboto lg:text-start lg:text-xl xl:text-[24px] xl:leading-9 tracking-widest font-semibold text-slate-100 focus:text-slate-800 hover:text-slate-800 transition-colors duration-200 lg:px-2 xl:px-4 py-2 flex gap-3 items-start no-underline" role="button" aria-expanded="false" aria-haspopup="menu" aria-controls="cG9zdDoyMTQ=-desktop"> General <span class="ps-1 pt-[2px] xl:pt-[6px] text-[20px] leading-3" aria-hidden="true"> <svg width="0.63em" height="1em" viewBox="0 0 320 512" data-icon="fa6-solid:caret-down"> <use xlink:href="#ai:fa6-solid:caret-down"></use> </svg> </span> </a> <ul id="cG9zdDoyMTQ=-desktop" class="hidden absolute bg-navy-500 border border-slate-900/30 min-w-max group-last-of-type:right-0 z-2"> <li class="flex"> <a href="/ad-valorem-tax/" class=" 549 550 text-slate-100 551 focus:bg-slate-100 hover:bg-slate-100 w-full font-normal tracking-normal px-2 py-1 flex gap-3 items-center 552 lg:text-start focus:text-slate-800 hover:text-slate-800 no-underline 553 " style="font-family: Verdana, Geneva, Tahoma, sans-serif" aria-label="Ad Valorem Tax Process"> Ad Valorem Tax Process </a> </li><li class="flex"> <a href="/homesteadamendment/" class=" 554 555 text-slate-100 556 focus:bg-slate-100 hover:bg-slate-100 w-full font-normal tracking-normal px-2 py-1 flex gap-3 items-center 557 lg:text-start focus:text-slate-800 hover:text-slate-800 no-underline 558 " style="font-family: Verdana, Geneva, Tahoma, sans-serif" aria-label="Homestead Amendment Estimator"> Homestead Amendment Estimator </a> </li><li class="flex"> <a href="/tax-estimator/" class=" 559 560 text-slate-100 561 focus:bg-slate-100 hover:bg-slate-100 w-full font-normal tracking-normal px-2 py-1 flex gap-3 items-center 562 lg:text-start focus:text-slate-800 hover:text-slate-800 no-underline 563 " style="font-family: Verdana, Geneva, Tahoma, sans-serif" aria-label="Tax Estimator"> Tax Estimator </a> </li><li class="flex"> <a href="/millage-rates/" class=" 564 565 text-slate-100 566 focus:bg-slate-100 hover:bg-slate-100 w-full font-normal tracking-normal px-2 py-1 flex gap-3 items-center 567 lg:text-start focus:text-slate-800 hover:text-slate-800 no-underline 568 " style="font-family: Verdana, Geneva, Tahoma, sans-serif" aria-label="Millage Rates"> Millage Rates </a> </li><li class="flex"> <a href="http://www.leg.state.fl.us/Statutes/index.cfm?App_mode=Display_Statute&URL=0000-0099/0070/Sections/0070.002.html" class=" 569 570 text-slate-100 571 focus:bg-slate-100 hover:bg-slate-100 w-full font-normal tracking-normal px-2 py-1 flex gap-3 items-center 572 lg:text-start focus:text-slate-800 hover:text-slate-800 no-underline 573 " style="font-family: Verdana, Geneva, Tahoma, sans-serif" aria-label="Property Owner Bill of Rights (opens in new tab)" target="_blank" rel="noreferrer"> Property Owner Bill of Rights </a> </li> </ul> </li> <li class="relative group"> <a href="#" class="dropdown-toggle font-roboto lg:text-start lg:text-xl xl:text-[24px] xl:leading-9 tracking-widest font-semibold text-slate-100 focus:text-slate-800 hover:text-slate-800 transition-colors duration-200 lg:px-2 xl:px-4 py-2 flex gap-3 items-start no-underline" role="button" aria-expanded="false" aria-haspopup="menu" aria-controls="cG9zdDoyNDc=-desktop"> Our Office <span class="ps-1 pt-[2px] xl:pt-[6px] text-[20px] leading-3" aria-hidden="true"> <svg width="0.63em" height="1em" viewBox="0 0 320 512" data-icon="fa6-solid:caret-down"> <use xlink:href="#ai:fa6-solid:caret-down"></use> </svg> </span> </a> <ul id="cG9zdDoyNDc=-desktop" class="hidden absolute bg-navy-500 border border-slate-900/30 min-w-max group-last-of-type:right-0 z-2"> <li class="flex"> <a href="/greg-s-brown-ii/" class=" 574 575 text-slate-100 576 focus:bg-slate-100 hover:bg-slate-100 w-full font-normal tracking-normal px-2 py-1 flex gap-3 items-center 577 lg:text-start focus:text-slate-800 hover:text-slate-800 no-underline 578 " style="font-family: Verdana, Geneva, Tahoma, sans-serif" aria-label="Greg S. Brown II"> Greg S. Brown II </a> </li><li class="flex"> <a href="/budget/" class=" 579 580 text-slate-100 581 focus:bg-slate-100 hover:bg-slate-100 w-full font-normal tracking-normal px-2 py-1 flex gap-3 items-center 582 lg:text-start focus:text-slate-800 hover:text-slate-800 no-underline 583 " style="font-family: Verdana, Geneva, Tahoma, sans-serif" aria-label="Budget"> Budget </a> </li><li class="flex"> <a href="/resources/2026%20Santa%20Rosa%20Roll%20Approval.pdf" class=" 584 585 text-slate-100 586 focus:bg-slate-100 hover:bg-slate-100 w-full font-normal tracking-normal px-2 py-1 flex gap-3 items-center 587 lg:text-start focus:text-slate-800 hover:text-slate-800 no-underline 588 " style="font-family: Verdana, Geneva, Tahoma, sans-serif" aria-label="2026 Assessment Roll Approval (opens in new tab)" target="_blank" rel="noreferrer"> 2026 Assessment Roll Approval </a> </li><li class="flex"> <a href="/duties-and-responsibilities-of-the-property-appraiser/" class=" 589 590 text-slate-100 591 focus:bg-slate-100 hover:bg-slate-100 w-full font-normal tracking-normal px-2 py-1 flex gap-3 items-center 592 lg:text-start focus:text-slate-800 hover:text-slate-800 no-underline 593 " style="font-family: Verdana, Geneva, Tahoma, sans-serif" aria-label="Duties and Responsibilities">
593 Duties and Responsibilities </a> </li><li class="flex"> <a href="/directory/" class=" 594 595 text-slate-100 596 focus:bg-slate-100 hover:bg-slate-100 w-full font-normal tracking-normal px-2 py-1 flex gap-3 items-center 597 lg:text-start focus:text-slate-800 hover:text-slate-800 no-underline 598 " style="font-family: Verdana, Geneva, Tahoma, sans-serif" aria-label="Directory of Government Agencies"> Directory of Government Agencies </a> </li><li class="flex"> <a href="/public-records-request/" class=" 599 600 text-slate-100 601 focus:bg-slate-100 hover:bg-slate-100 w-full font-normal tracking-normal px-2 py-1 flex gap-3 items-center 602 lg:text-start focus:text-slate-800 hover:text-slate-800 no-underline 603 " style="font-family: Verdana, Geneva, Tahoma, sans-serif" aria-label="Public Records Request"> Public Records Request </a> </li><li class="flex"> <a href="#footer--contact" class=" 604 605 text-slate-100 606 focus:bg-slate-100 hover:bg-slate-100 w-full font-normal tracking-normal px-2 py-1 flex gap-3 items-center 607 lg:text-start focus:text-slate-800 hover:text-slate-800 no-underline 608 " style="font-family: Verdana, Geneva, Tahoma, sans-serif" aria-label="Directions to SRCPA"> Directions to SRCPA </a> </li><li class="flex"> <a href="#footer--contact" class=" 609 610 text-slate-100 611 focus:bg-slate-100 hover:bg-slate-100 w-full font-normal tracking-normal px-2 py-1 flex gap-3 items-center 612 lg:text-start focus:text-slate-800 hover:text-slate-800 no-underline 613 " style="font-family: Verdana, Geneva, Tahoma, sans-serif" aria-label="Contact Us"> Contact Us </a> </li> </ul> </li> </ul> <search id="website-header--desktop--searchbar-container" class="flex gap-4 pb-3 pt-1 items-center" title="property"> <label for="website-header--desktop--searchbar" class="text-slate-100 font-roboto lg:text-start lg:text-2xl xl:text-[28px] xl:leading-9 tracking-widest font-semibold lg:px-2 xl:px-4 py-2 whitespace-nowrap"> 614Search for Property: 615</label> <div class="relative flex flex-1"> <input role="combobox" autocomplete="off" spellcheck="false" aria-autocomplete="list" aria-controls="desktop--datalist" aria-expanded="false" type="search" name="search-input" id="website-header--desktop--searchbar" data-list="desktop--datalist" placeholder="Parcel #, Name, or Street Address" class="rounded-full flex-1 px-3 py-2 placeholder:text-zinc-400/70 bg-white"> <ul tabindex="-1" role="listbox" aria-label="search predictions" id="desktop--datalist" class="absolute -bottom-1 origin-top translate-y-full bg-white border border-navy-500 rounded-lg px-1 py-1 w-full max-w-[calc(100svw-2rem)] hidden"></ul> </div> <div class="flex gap-4"> <button id="website-header--desktop--searchbar-submit" class="bg-light hover:bg-slate-300 text-slate-800 rounded-full flex gap-1 items-center px-4 py-2"> <span class="" aria-hidden="true"> <span class="icon-idle" aria-hidden="true"> <svg width="1em" height="1em" viewBox="0 0 512 512" data-icon="fa6-solid:magnifying-glass"> <use xlink:href="#ai:fa6-solid:magnifying-glass"></use> </svg> </span> <span class="icon-loading animate-spin hidden" aria-hidden="true"> <svg width="1em" height="1em" viewBox="0 0 512 512" data-icon="fa6-solid:spinner"> <use xlink:href="#ai:fa6-solid:spinner"></use> </svg> </span> </span> 616Search 617</button> <button id="website-header--desktop--searchbar-options" class="bg-light hover:bg-slate-300 text-slate-800 rounded-full px-4 py-1 flex gap-1 items-center"> <span aria-hidden="true"> <span class="icon-idle" aria-hidden="true"> <svg width="1em" height="1em" viewBox="0 0 512 512" data-icon="fa6-solid:sliders"> <use xlink:href="#ai:fa6-solid:sliders"></use> </svg> </span> <span class="icon-loading animate-spin hidden" aria-hidden="true"> <svg width="1em" height="1em" viewBox="0 0 512 512" data-icon="fa6-solid:spinner"> <use xlink:href="#ai:fa6-solid:spinner"></use> </svg> </span> </span> 618More Search Options 619</button> </div> </search> </div> </div>
619<script>(function(){const alertMessageData = [{"id":"cG9zdDoyMTk5","title":"See how the proposed amendment may affect your homestead property with \u003ca class=font-bold href=/homesteadamendment>our new estimator!\u003c/a>","content":null,"date":"2026-06-05T21:15:47","excerpt":"","featuredImage":null,"slug":"find-the-impact-of-the-new-ballot-measure-on-your-homestead-property-on-our-new-estimator"}]; 620const prefix = "desktop"; 621 622 window.addEventListener('DOMContentLoaded', () => { 623 const alertMessageElement = document.getElementById(`alert-message-${prefix}`) 624 const alertBanner = document.getElementById(`alert-banner-${prefix}`) 625 const storedAlertMessage = localStorage.getItem('alertMessage') // get alert message ID from localstorage if it exists 626 627 if (!alertMessageData[0]) { 628 localStorage.setItem('alertMessage', "") 629 return 630 } 631 632 // If localstorage doesn't have alertMessage 633 // or the ID differs, show the banner 634 if (storedAlertMessage !== alertMessageData[0].id) { 635 alertBanner.classList.replace('hidden', 'flex') 636 } 637 638 // Hide Alert Message Banner on click and save to localstorage 639 alertMessageElement.addEventListener('click', (e) => { 640 alertBanner.classList.replace('flex','hidden') 641 localStorage.setItem('alertMessage', alertBanner.dataset.alertMessageId) 642 }) 643 }) 644})();</script>
644 <div id="alert-banner-desktop" data-alert-message-id="cG9zdDoyMTk5" class="bg-amber-400 py-3 px-14 justify-center items-center relative hidden -z-10"> <h2 class="text-lg sm:text-xl xl:text-3xl mb-1">See how the proposed amendment may affect your homestead property with <a class=font-bold href=/homesteadamendment>our new estimator!</a></h2> <button id="alert-message-desktop" class="text-4xl absolute right-0 hover:opacity-65 px-2" aria-label="Alert Message Close Button"> <span aria-hidden="true"> <svg width="1em" height="1em" viewBox="0 0 512 512" data-icon="fa6-regular:circle-xmark"> <use xlink:href="#ai:fa6-regular:circle-xmark"></use> </svg> </span> </button> </div> </div> </header> <div class="hidden print:block" aria-hidden="true"> <div class="bg-zinc-100"> <div class="lg:max-w-[950px] xl:max-w-[1200px] 2xl:max-w-[1320px] px-16 mx-auto"> <div class="flex justify-between py-2"> <div class="flex gap-2 items-center"> <img src="/media/srcpa-logo" class="w-[75px]" alt="santa rosa county property appraiser"> <p class="text-start uppercase flex flex-col justify-center font-normal text-base text-slate-600 leading-4 mb-2" style="font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji""> 645Santa Rosa County 646<span class="block text-navy-500 font-bold"> 647Property Appraiser 648</span> </p></div> <div class="flex gap-2 items-center"> <p class="text-navy-500 text-base text-end leading-4 mb-2" style="font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji""> 649Greg S. Brown II 650<span class="block font-normal"> 651CFA 652</span> </p> <img src="/media/greg-profile" alt="Portrait of Greg S. Brown II, CFA" class="w-[75px] rounded-full"> </div> </div> </div> </div> <div class="bg-navy-500 w-full mb-4 min-h-[30px]"></div> </div> <main id="main-content"> <div class="container interior-main px-3 pb-4 pt-[285px] lg:pt-[300px] xl:pt-[315px] print:p-0 mx-auto scroll-mt-72"> <nav aria-label="breadcrumb"> <ol class="flex flex-wrap gap-2 text-zinc-800 pb-4"> <li> <a href="/" class="text-navy-500 no-underline"> 653Home 654</a> </li> <li class="before:content-['>'] text-[16px]" style="font-family: Verdana, Geneva, Tahoma, sans-serif" aria-current="page"> <span class="ps-[2px]"> Damage Reporting </span> </li> </ol> </nav> <h1 class="text-zinc-800 border-t-[3px] border-t-navy-500 mb-2 xl:mb-3 text-[1.8rem] sm:text-4xl xl:text-[2.5rem] xl:pt-1"> Damage Reporting </h1> </div> <iframe title="Damage Reporting form frame" id="damage-reporting-frame" class="w-full h-[450px] outline-hidden mb-12" src="https://damagereporting.srcpa.gov/?"></iframe> </main> <div class="hidden print:block w-full bg-white pt-4" aria-hidden="true"> <h4 class="uppercase"> 655Disclaimer 656</h4> <div class="text-slate-100 leading-5 text-[15px]"> 657<p class="wp-block-paragraph"><small>The Santa Rosa County Property Appraiser and staff are constantly working to provide and publish the most current and accurate information possible. No warranties, expressed or implied, are provided for the data herein, its use, or its interpretation. The current assessed values as viewed herein are 2026 Preliminary Values. The data elements are current as of August 19, 2026. Users must remember that the primary use of the assessment data contained herein
657is general, public information. No responsibility or liability is assumed for inaccuracies or errors.</small></p> 658</div> </div> <footer class="print:hidden bg-[#333] flex flex-col"> <div class="container mx-auto flex flex-col lg:flex-row gap-4"> <div class="w-full max-w-[660px] flex flex-col ps-3 pe-3 xl:ps-3 pt-[22px]"> <h2 id="footer--contact" class="uppercase text-slate-100 text-2xl mb-1"> 659Contact Us 660</h2> <div class="flex flex-col xl:flex-row xl:gap-6"> <div class="w-full"> <h3 class="text-slate-100 border-b-2 border-b-amber-400 mb-0"> 661Main Office 662</h3> <p class="text-slate-100 text-sm mb-1 text-[14px] leading-6"> 6495 Caroline Street, STE K <br> Milton, FL 32570 </p> <p class="text-sm mb-1"> <a class="flex gap-1 items-center text-amber-400 hover:text-amber-400/50 no-underline" href="https://goo.gl/maps/hA8uFWSLXcvjPH889"> <span aria-hidden="true"> <svg width="0.75em" height="1em" viewBox="0 0 384 512" data-icon="fa6-solid:location-dot"> <symbol id="ai:fa6-solid:location-dot"><path fill="currentColor" d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0M192 128a64 64 0 1 1 0 128a64 64 0 1 1 0-128"/></symbol><use xlink:href="#ai:fa6-solid:location-dot"></use> </svg> </span> 663Directions 664</a> </p> </div> <div class="w-full"> <h3 class="text-slate-100 border-b-2 border-b-amber-400 mb-0"> 665South Service Center 666</h3> <p class="text-slate-100 text-sm mb-1 text-[14px] leading-6"> 5841 Gulf Breeze Pkwy <br> Gulf Breeze, FL 32563 </p> <p class="text-sm mb-1"> <a class="flex gap-1 items-center text-amber-400 hover:text-amber-400/50 no-underline" href="https://goo.gl/maps/3Jupr8LGkQ92JsZW6"> <span aria-hidden="true"> <svg width="0.75em" height="1em" viewBox="0 0 384 512" data-icon="fa6-solid:location-dot"> <use xlink:href="#ai:fa6-solid:location-dot"></use> </svg> </span> 667Directions 668</a> </p> </div> </div> <div class="w-full text-slate-100 mt-4"> <p class="flex items-center gap-1 mb-1 text-sm"> <span aria-hidden="true"> <svg width="1em" height="1em" viewBox="0 0 512 512" data-icon="fa6-solid:clock"> <symbol id="ai:fa6-solid:clock"><path fill="currentColor" d="M256 0a256 256 0 1 1 0 512a256 256 0 1 1 0-512m-24 120v136c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2V120c0-13.3-10.7-24-24-24s-24 10.7-24 24"/></symbol><use xlink:href="#ai:fa6-solid:clock"></use> </svg> </span> 669Hours: 670Mon â Fri 8:00 AM â 4:30 PM </p> <p class="flex items-center gap-1 mb-1 text-sm"> <span aria-hidden="true"> <svg width="1em" height="1em" viewBox="0 0 512 512" data-icon="fa6-solid:phone"> <symbol id="ai:fa6-solid:phone"><path fill="currentColor" d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64c0 247.4 200.6 448 448 448c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368c-70.4-33.3-127.4-90.3-160.7-160.7l49.3-40.3c13.7-11.2 18.4-30 11.6-46.3l-40-96z"/></symbol><use xlink:href="#ai:fa6-solid:phone"></use> </svg> </span> 671Phone: 672<a class="text-amber-400 hover:text-amber-400/50 no-underline" href="tel:(850) 983-1880"> (850) 983-1880 </a> </p> <p class="flex items-center gap-1 mb-1 text-sm"> <span aria-hidden="true"> <svg width="1em" height="1em" viewBox="0 0 512 512" data-icon="fa6-solid:fax"> <symbol id="ai:fa6-solid:fax"><path fill="currentColor" d="M128 64v96h64V64h194.7L416 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L432 18.7C420 6.7 403.7 0 386.7 0H192c-35.3 0-64 28.7-64 64M0 160v320c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32V160c0-17.7-14.3-32-32-32H32c-17.7 0-32 14.3-32 32m480 32H128v288c0 17.7 14.3 32 32 32h320c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32m-224 64a32 32 0 1 1 0 64a32 32 0 1 1 0-64m96 32a32 32 0 1 1 64 0a32 32 0 1 1-64 0m32 96a32 32 0 1 1 0 64a32 32 0 1 1 0-64m-160 32a32 32 0 1 1 64 0a32 32 0 1 1-64 0"/></symbol><use xlink:href="#ai:fa6-solid:fax"></use> </svg> </span> 673Fax: 674<a class="text-amber-400 hover:text-amber-400/50 no-underline" href="tel:(850) 623-1284"> (850) 623-1284 </a> </p> <p class="flex items-center gap-1 mb-1 text-sm"> <span aria-hidden="true"> <svg width="1em" height="1em" viewBox="0 0 512 512" data-icon="fa6-regular:envelope"> <symbol id="ai:fa6-regular:envelope">
674<path fill="currentColor" d="M64 112c-8.8 0-16 7.2-16 16v22.1l172.5 141.6c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16zM48 212.2V384c0 8.8 7.2 16 16 16h384c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0zM0 128c0-35.3 28.7-64 64-64h384c35.3 0 64 28.7 64 64v256c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64z"/></symbol><use xlink:href="#ai:fa6-regular:envelope"></use> </svg> </span> 675Email: 676<a class="text-amber-400 hover:text-amber-400/50 no-underline" href="mailto:[email protected]"> [email protected] </a> </p> </div> </div> <div class="w-full px-3 xl:px-0 pt-8 xl:pt-[46px] xl:pb-10"> <h2 class="uppercase text-slate-100 mb-2"> 677Disclaimer 678</h2> <div class="text-slate-100 leading-5 text-[15px]"> 679<p class="wp-block-paragraph"><small>The Santa Rosa County Property Appraiser and staff are constantly working to provide and publish the most current and accurate information possible. No warranties, expressed or implied, are provided for the data herein, its use, or its interpretation. The current assessed values as viewed herein are 2026 Preliminary Values. The data elements are current as of August 19, 2026. Users must remember that the primary use of the assessment data contained herein
679is general, public information. No responsibility or liability is assumed for inaccuracies or errors.</small></p> 680</div> </div> </div> <div class="text-center px-3 pt-6"> <a class="text-amber-400 hover:text-amber-400/50 text-[16px] px-px no-underline" style="font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" href="/"> Home </a> <span class="last-of-type:hidden text-slate-100">|</span> <a class="text-amber-400 hover:text-amber-400/50 text-[16px] px-px no-underline" style="font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" href="/accessibility/"> Website Accessibility </a> <span class="last-of-type:hidden text-slate-100">|</span> <a class="text-amber-400 hover:text-amber-400/50 text-[16px] px-px no-underline" style="font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" href="/sitemap/"> Sitemap </a> <span class="last-of-type:hidden text-slate-100">|</span> <a class="text-amber-400 hover:text-amber-400/50 text-[16px] px-px no-underline" style="font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" href="/report-a-website-issue/"> Report a Website Issue </a> <span class="last-of-type:hidden text-slate-100">|</span> </div> <div class="text-center pt-2 pb-24 md:pb-6"> <p class="text-[16px] px-px" style="font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji""> 681Last Data Upload: 10/2/2026, 5:45:05 AM CDT </p> </div> </footer> <div id="alert-modal" class="modal opacity-0 pointer-events-none fixed w-full h-full top-0 left-0 flex items-center justify-center z-50" aria-hidden="true" aria-modal="true" aria-labelledby="modal-label" aria-description="Instructions for how to use this control" role="dialog" data-caller="" data-iframe=""> <!-- Shadow overlay --> <div class="modal-overlay absolute w-full h-full bg-gray-900 opacity-50"></div> <!-- Container --> <div class="modal-container bg-white w-full max-w-[650px] mx-auto rounded-lg shadow-lg z-50 overflow-y-auto max-h-[calc(100vh-2rem)]"> <!-- Outer Close Button --> <button class="modal-close absolute top-0 right-0 cursor-pointer flex flex-col items-center justify-center mt-4 mr-4 p-2 rounded-md bg-slate-950/30 text-slate-100 hover:ring-3 hover:outline-solid outline-offset-2 outline-1 transition-colors duration-150 text-sm -z-10" tabindex="-1"> <svg class="fill-current " xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 18 18"> <path d="M14.53 4.53l-1.06-1.06L9 7.94 4.53 3.47 3.47 4.53 7.94 9l-4.47 4.47 1.06 1.06L9 10.06l4.47 4.47 1.06-1.06L10.06 9z"></path> </svg> <span class="text-sm"> 682(Esc) 683</span> </button> <!-- Content --> <div class="modal-content text-left z-40"> <!-- Header --> <div class="flex justify-between items-center pt-4 px-4 bg-navy-500 text-slate-100"> <p id="modal-label" class="text-lg text-slate-100">Help Modal</p> <button class="modal-close cursor-pointer z-50 mb-4" tabindex="-1"> <svg class="fill-current text-slate-100 hover:text-slate-400 transition-colors duration-150" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 18 18"> <path d="M14.53 4.53l-1.06-1.06L9 7.94 4.53 3.47 3.47 4.53 7.94 9l-4.47 4.47 1.06 1.06L9 10.06l4.47 4.47 1.06-1.06L10.06 9z"></path> </svg> </button> </div> <!-- Body -->
683 <div id="modal-body-content" class="px-4 pt-4 text-slate-800"> <p> 684Content 685</p> </div> <!-- Footer --> <div class="flex justify-end pt-2 px-4 pb-4"> <!-- <button class="px-4 bg-transparent p-3 rounded-lg text-indigo-500 hover:bg-gray-100 hover:text-indigo-400 mr-2"> 686 Action 687 </button> --> <button class="modal-close px-4 py-2 bg-zinc-500 rounded-lg text-white hover:bg-zinc-600 transition-colors duration-150" tabindex="-1"> 688Close 689</button> </div> </div> </div> </div>
689<script type="module" src="/_astro/Modal.astro_astro_type_script_index_0_lang.BetNiSyB.js"></script>
689 </body></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.