Apache
tcp/443 tcp/80
Open service 192.254.190.23:443 · www.waddellfiredistrict.org.sitemedics.com
2026-01-22 00:07
HTTP/1.1 302 Found Date: Thu, 22 Jan 2026 00:07:39 GMT Server: Apache X-Robots-Tag: noindex, nofollow Upgrade: h2,h2c Connection: Upgrade, close Location: /404.html Cache-Control: no-cache, no-store, must-revalidate Pragma: no-cache Expires: 0 Content-Length: 0 Content-Type: text/html; charset=UTF-8
Open service 192.254.190.23:443 · waddellfiredistrict.org.sitemedics.com
2026-01-22 00:07
HTTP/1.1 302 Found Date: Thu, 22 Jan 2026 00:07:40 GMT Server: Apache X-Robots-Tag: noindex, nofollow Upgrade: h2,h2c Connection: Upgrade, close Location: /404.html Cache-Control: no-cache, no-store, must-revalidate Pragma: no-cache Expires: 0 Content-Length: 0 Content-Type: text/html; charset=UTF-8
Open service 192.254.190.23:80 · waddellfiredistrict.org.sitemedics.com
2026-01-22 00:07
HTTP/1.1 200 OK
Date: Thu, 22 Jan 2026 00:07:50 GMT
Server: Apache
Upgrade: h2,h2c
Connection: Upgrade, close
Last-Modified: Wed, 21 Jan 2026 23:59:56 GMT
Accept-Ranges: bytes
Content-Length: 33470
Vary: Accept-Encoding
Content-Type: text/html
Page title: Interactive Guide: Forming an Arizona Fire District
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Interactive Guide: Forming an Arizona Fire District</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;800&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
background-color: #f8fafc; /* slate-50 */
}
.chart-container {
position: relative;
width: 100%;
max-width: 700px;
height: 300px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.chart-container {
height: 400px;
}
}
.step-connector::after {
content: '';
position: absolute;
left: 2.5rem;
top: 5rem;
bottom: -2rem;
width: 4px;
background-color: #e2e8f0; /* slate-200 */
transform: translateX(-50%);
}
.step-item:last-child .step-connector::after {
display: none;
}
.text-outline-white {
text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
</style>
</head>
<body class="text-slate-700">
<nav class="bg-white/80 backdrop-blur-md sticky top-0 z-50 shadow-sm">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex items-center justify-between h-16">
<div class="flex items-center">
<span class="text-2xl text-blue-800">🔥</span>
<span class="font-bold text-lg ml-2 text-slate-800">Fire District Formation Guide</span>
</div>
<div class="hidden md:block">
<div class="ml-10 flex items-baseline space-x-4">
<a href="#intro" class="text-slate-600 hover:bg-slate-200 hover:text-slate-900 px-3 py-2 rounded-md text-sm font-medium">Introduction</a>
<a href="#process" class="text-slate-600 hover:bg-slate-200 hover:text-slate-900 px-3 py-2 rounded-md text-sm font-medium">The Process</a>
<a href="#commitment" class="text-slate-600 hover:bg-slate-200 hover:text-slate-900 px-3 py-2 rounded-md text-sm font-medium">Your Role</a>
<a href="#cost" class="text-slate-600 hover:bg-slate-200 hover:text-slate-900 px-3 py-2 rounded-md text-sm font-medium">The Cost</a>
<a href="#find-values" class="text-slate-600 hover:bg-slate-200 hover:text-slate-900 px-3 py-2 rounded-md text-sm font-medium">Find Values</a>
<a href="#tax-calculator" class="text-slate-600 hover:bg-slate-200 hover:text-slate-900 px-3 py-2 rounded-md text-sm font-medium">Tax Calculator</a>
<a href="#gemini-clarify" class="text-slate-600 hover:bg-slate-200 hover:text-slate-900 px-3 py-2 rounded-md text-sm font-medium">Clarify Terms ✨</a>
</div>
</div>
</div>
</div>
</nav>
<main>
<section id="intro" class="bg-slate-800 text-white">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 py-20 md:py-28 text-center">
<p class="text-5xl md:text-6xl lg:text-7xl tracking-tight mb-2 font-sans font-normal">So You Want To Form A Fire District</p>
<h1 class="text-3xl md:text-4xl lg:text-5xl font-extrabold tracking-tight text-red-500 uppercase text-outline-white">PROTECT YOUR COMMUNITY'S FUTURE</h1>
<p class="mt-4 max-w-3xl mx-auto text-lg m
Open service 192.254.190.23:80 · www.waddellfiredistrict.org.sitemedics.com
2026-01-22 00:07
HTTP/1.1 200 OK
Date: Thu, 22 Jan 2026 00:07:49 GMT
Server: Apache
Upgrade: h2,h2c
Connection: Upgrade, close
Last-Modified: Wed, 21 Jan 2026 23:59:56 GMT
Accept-Ranges: bytes
Content-Length: 33470
Vary: Accept-Encoding
Content-Type: text/html
Page title: Interactive Guide: Forming an Arizona Fire District
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Interactive Guide: Forming an Arizona Fire District</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;800&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
background-color: #f8fafc; /* slate-50 */
}
.chart-container {
position: relative;
width: 100%;
max-width: 700px;
height: 300px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.chart-container {
height: 400px;
}
}
.step-connector::after {
content: '';
position: absolute;
left: 2.5rem;
top: 5rem;
bottom: -2rem;
width: 4px;
background-color: #e2e8f0; /* slate-200 */
transform: translateX(-50%);
}
.step-item:last-child .step-connector::after {
display: none;
}
.text-outline-white {
text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
</style>
</head>
<body class="text-slate-700">
<nav class="bg-white/80 backdrop-blur-md sticky top-0 z-50 shadow-sm">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex items-center justify-between h-16">
<div class="flex items-center">
<span class="text-2xl text-blue-800">🔥</span>
<span class="font-bold text-lg ml-2 text-slate-800">Fire District Formation Guide</span>
</div>
<div class="hidden md:block">
<div class="ml-10 flex items-baseline space-x-4">
<a href="#intro" class="text-slate-600 hover:bg-slate-200 hover:text-slate-900 px-3 py-2 rounded-md text-sm font-medium">Introduction</a>
<a href="#process" class="text-slate-600 hover:bg-slate-200 hover:text-slate-900 px-3 py-2 rounded-md text-sm font-medium">The Process</a>
<a href="#commitment" class="text-slate-600 hover:bg-slate-200 hover:text-slate-900 px-3 py-2 rounded-md text-sm font-medium">Your Role</a>
<a href="#cost" class="text-slate-600 hover:bg-slate-200 hover:text-slate-900 px-3 py-2 rounded-md text-sm font-medium">The Cost</a>
<a href="#find-values" class="text-slate-600 hover:bg-slate-200 hover:text-slate-900 px-3 py-2 rounded-md text-sm font-medium">Find Values</a>
<a href="#tax-calculator" class="text-slate-600 hover:bg-slate-200 hover:text-slate-900 px-3 py-2 rounded-md text-sm font-medium">Tax Calculator</a>
<a href="#gemini-clarify" class="text-slate-600 hover:bg-slate-200 hover:text-slate-900 px-3 py-2 rounded-md text-sm font-medium">Clarify Terms ✨</a>
</div>
</div>
</div>
</div>
</nav>
<main>
<section id="intro" class="bg-slate-800 text-white">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 py-20 md:py-28 text-center">
<p class="text-5xl md:text-6xl lg:text-7xl tracking-tight mb-2 font-sans font-normal">So You Want To Form A Fire District</p>
<h1 class="text-3xl md:text-4xl lg:text-5xl font-extrabold tracking-tight text-red-500 uppercase text-outline-white">PROTECT YOUR COMMUNITY'S FUTURE</h1>
<p class="mt-4 max-w-3xl mx-auto text-lg m