<!DOCTYPE html>

<html lang="en" class=" has-sitewide-notice ">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="robots" content="all">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">


    <meta name="robots" content="all">
    
<meta property="og:image" content="https://strawntx.com/imgD/muni_social.jpg">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://strawntx.com/imgD/muni_social.jpg">

<link rel="canonical" href="https://strawntx.com/404.html">

<meta name="keywords" content="City of Strawn, Strawn TX">
<meta name="description" content="Welcome to the Official Website of City of Strawn in Strawn, TX!">
<meta property="og:description" content="Welcome to the Official Website of City of Strawn in Strawn, TX!">
<title>404 | City of Strawn</title>
<meta property="og:title" content="404 | City of Strawn">
<meta property="og:site_name" content="City of Strawn">


<link rel="shortcut icon" href="/images/favicon.ico">
<!--<script src="https://kit.fontawesome.com/cb6963841b.js" crossorigin="anonymous"></script>-->



    <link href="/2021_assets/themes/css/royal.css?v=1772481330" rel="stylesheet">
    
        <style>
        @media (min-width: 768px) {
            body { 
                background-image: url(/images/backgrounds/Farm__red_barn_with_US_flag_1400_x_900.jpg);
                background-attachment: fixed;
                background-position:top center;
                background-size: cover;
            }
        }
        </style>
    <link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
<link href="/2021_assets/themes/css/typography_librebaskerville_lato.css" rel="stylesheet">

<meta name="google-translate-customization" content="901b67349773adc7-6ebe3646a2b1f271-g72f83e31d94102b1-17">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orestbida/cookieconsent@3.1.0/dist/cookieconsent.css"
    integrity="sha384-9KcNFt4axT+TNOVPHpwGHOm4Kv0UcMjdVya1kl+EPBQG+Vmqtz28cnx0f5PZYcnF"
    crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/gh/orestbida/cookieconsent@3.1.0/dist/cookieconsent.umd.js"
    integrity="sha384-xOY5eqzqHsjfa8YYAomICWjVJ3g9q1C1tWgRF09ut5PzRJjLFSpKH7gCsIN3hKcA"
    crossorigin="anonymous"></script>
    <script>
    const CAT_NECESSARY = "necessary";
    const CAT_ANALYTICS = "analytics";
    const CAT_FUNCTIONALITY = "functionality";
    const CAT_SECURITY = "security";

    const SERVICE_ANALYTICS_STORAGE = 'analytics_storage'
    const SERVICE_FUNCTIONALITY_STORAGE = 'functionality_storage'
    const SERVICE_PERSONALIZATION_STORAGE = 'personalization_storage'
    const SERVICE_SECURITY_STORAGE = 'security_storage'

    // Define dataLayer and the gtag function.
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}

    // Set default consent to 'denied' (this should happen before changing any other dataLayer)
    gtag('consent', 'default', {
        [SERVICE_ANALYTICS_STORAGE]: 'denied',
        [SERVICE_FUNCTIONALITY_STORAGE]: 'denied',
        [SERVICE_PERSONALIZATION_STORAGE]: 'denied',
        [SERVICE_SECURITY_STORAGE]: 'denied',
    });
    </script><style>
    .img-responsive, .img-fluid {
        display: inline-block;
        max-width: 100%;
        height: auto;
    }
        tbody, td, tfoot, th, thead, tr {
        border-color: inherit;
        border-style: inherit;
        border-width: inherit;
    }
        .responsive-video {
        position: relative;
        height: 0;
        padding-top: 56.25%;
    }
    .responsive-video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
        .carousel-item a.slide-link {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 10;
    }
        .folder-list a {
        text-decoration: none;
    }
    .folder-list a:hover {
        text-decoration: underline;
    }
</style>
</head>
<body class="">
<img src="https://strawntx.com/imgD/muni_social.jpg" alt="" aria-hidden="true" style="display: none;">



<header role="banner" id="site_header" class="navbar-light">
    <a href="#site_main" class="skip btn btn-white visually-hidden-focusable">Skip to main content</a>
    <div class="eyebrow bg-primary text-white">
        <div class="container-fluid">

            
            <div class="row d-flex justify-content-between align-items-center">
                
    <div class="col-12 col-lg-6 order-lg-2 text-center eyebrow-content eyebrow-notice">
        <p><strong><a title="subscribe" href="../subscribe" target="_blank" rel="noopener">Subscribe</a> and receive Alerts &amp; News via text &amp; or email!</strong></p>
    </div>
                    <div class="col col-lg-3 order-3 text-right eyebrow-content eyebrow-contact">
                    <a href="/contact-us">Contact Us</a>
                </div>
                <div class="col col-lg-3 order-2 order-lg-1 text-left eyebrow-content eyebrow-weather">
                    <!--Today: -->
<img src="/imgD/weatherbit_icons/c03d.png" aria-hidden="true" alt="" style="width:32px;" class="mr-1" />
<span class="d-none d-md-inline"><span class="visually-hidden">Today's weather: </span>Broken clouds</span>
89&deg;/75&deg;                </div>
            </div>
        </div>
    </div>
    <div class="navbar navbar-expand-lg bg-white">
        <div class="container-fluid flex-lg-wrap">
            <div class="navbar-brand d-flex justify-content-start align-items-center">
                <a href="/home" class="brand-text font-family-heading text-28 text-gray-900 mr-2 mr-sm-4">City of Strawn</a>            </div>
            <button type="button" class="navbar-toggler collapsed" data-bs-toggle="collapse" data-bs-target="#nav_primary" aria-controls="nav_primary" aria-expanded="false" aria-label="Toggle navigation"></button>
            <nav class="collapse navbar-collapse ml-lg-auto" id="nav_primary" aria-label="Main">
                <ul class="navbar-nav ml-lg-auto">
<li class="nav-item"><a 
                        href="/" 
                        class="nav-link "
                        
                    >Home</a></li>
<li 
                       class="nav-item  dropdown "
                       
                    >

                        <a 
                            href="#" 
                            class="nav-link dropdown-toggle " 
                            id="nav_90762" 
                            role="button" 
                            data-bs-toggle="dropdown" 
                            aria-expanded="false"
                            
                        >Community</a>
<ul class="dropdown-menu" aria-labelledby="nav_90762">
<li class="nav-item"><a 
                        href="/about-us" 
                        class="nav-link "
                        
                    >About Us</a></li>
<li 
                       class="nav-item "
                       
                    >
<a 
                            href="/calendar-of-events" 
                            class="nav-link " 
                            
                        >Calendar of Events</a>
<ul class="nested-menu">
<li class="nav-item"><a 
                        href="/bash-on-the-bricks" 
                        class="nav-link "
                        
                    >Bash on the Bricks</a></li>

</ul>
</li>
<li class="nav-item"><a 
                        href="/community-center" 
                        class="nav-link "
                        
                    >Community Center</a></li>
<li class="nav-item"><a 
                        href="/library" 
                        class="nav-link "
                        
                    >Library</a></li>
<li class="nav-item"><a 
                        href="/medical-facilities" 
                        class="nav-link "
                        
                    >Medical Facilities</a></li>
<li class="nav-item"><a 
                        href="/recent-news" 
                        class="nav-link "
                        
                    >Recent News</a></li>
<li class="nav-item"><a 
                        href="/schools" 
                        class="nav-link "
                        
                    >Schools</a></li>
<li class="nav-item"><a 
                        href="/worship" 
                        class="nav-link "
                        
                    >Worship</a></li>

</ul>
</li>
<li 
                       class="nav-item  dropdown "
                       
                    >

                        <a 
                            href="#" 
                            class="nav-link dropdown-toggle " 
                            id="nav_90838" 
                            role="button" 
                            data-bs-toggle="dropdown" 
                            aria-expanded="false"
                            
                        >Government</a>
<ul class="dropdown-menu" aria-labelledby="nav_90838">
<li 
                       class="nav-item "
                       
                    >
<a 
                            href="/boards-and-commissions" 
                            class="nav-link " 
                            
                        >Boards & Commissions</a>
<ul class="nested-menu">
<li class="nav-item"><a 
                        href="/planning-and-zoning" 
                        class="nav-link "
                        
                    >Planning & Zoning</a></li>
<li class="nav-item"><a 
                        href="/historic-preservation" 
                        class="nav-link "
                        
                    >Historic Preservation</a></li>

</ul>
</li>
<li 
                       class="nav-item "
                       
                    >
<a 
                            href="/city-hall" 
                            class="nav-link " 
                            
                        >City Hall</a>
<ul class="nested-menu">
<li class="nav-item"><a 
                        href="/city-administrator" 
                        class="nav-link "
                        
                    >City Administrator</a></li>
<li class="nav-item"><a 
                        href="/city-secretary" 
                        class="nav-link "
                        
                    >City Secretary</a></li>
<li class="nav-item"><a 
                        href="/city-clerk" 
                        class="nav-link "
                        
                    >City Clerk</a></li>

</ul>
</li>
<li 
                       class="nav-item "
                       
                    >
<a 
                            href="/code-compliance" 
                            class="nav-link " 
                            
                        >Code Compliance</a>
<ul class="nested-menu">
<li class="nav-item"><a 
                        href="/ordinances" 
                        class="nav-link "
                        
                    >Ordinances</a></li>
<li class="nav-item"><a 
                        href="/code-enforcement" 
                        class="nav-link "
                        
                    >Code Enforcement</a></li>

</ul>
</li>
<li 
                       class="nav-item "
                       
                    >
<a 
                            href="/court" 
                            class="nav-link " 
                            
                        >Court</a>
<ul class="nested-menu">
<li class="nav-item"><a 
                        href="/court-calendar-and-dress-code" 
                        class="nav-link "
                        
                    >Court Calendar & Dress Code</a></li>
<li class="nav-item"><a 
                        href="/procedures-and-fines" 
                        class="nav-link "
                        
                    >Procedures & Fines</a></li>

</ul>
</li>
<li 
                       class="nav-item "
                       
                    >
<a 
                            href="/financial-reports-and-budgets" 
                            class="nav-link " 
                            
                        >Financial Reports & Budgets</a>
<ul class="nested-menu">
<li class="nav-item"><a 
                        href="/annual-budget" 
                        class="nav-link "
                        
                    >Annual Budget</a></li>
<li class="nav-item"><a 
                        href="/financial-reports-audits" 
                        class="nav-link "
                        
                    >Financial Reports/Audits</a></li>
<li class="nav-item"><a 
                        href="/financial-transparency" 
                        class="nav-link "
                        
                    >Financial Transparency</a></li>

</ul>
</li>
<li 
                       class="nav-item "
                       
                    >
<a 
                            href="/human-resources" 
                            class="nav-link " 
                            
                        >Human Resources</a>
<ul class="nested-menu">
<li class="nav-item"><a 
                        href="/application-process" 
                        class="nav-link "
                        
                    >Application Process</a></li>
<li class="nav-item"><a 
                        href="/benefits" 
                        class="nav-link "
                        
                    >Benefits</a></li>
<li class="nav-item"><a 
                        href="/employment-opportunities" 
                        class="nav-link "
                        
                    >Employment Opportunities</a></li>

</ul>
</li>
<li 
                       class="nav-item "
                       
                    >
<a 
                            href="/mayor-and-council" 
                            class="nav-link " 
                            
                        >Mayor & Council</a>
<ul class="nested-menu">
<li class="nav-item"><a 
                        href="/mayor" 
                        class="nav-link "
                        
                    >Mayor</a></li>
<li class="nav-item"><a 
                        href="/council" 
                        class="nav-link "
                        
                    >Council</a></li>

</ul>
</li>
<li 
                       class="nav-item "
                       
                    >
<a 
                            href="/meeting-agendas-and-minutes" 
                            class="nav-link " 
                            
                        >Meeting Agendas & Minutes</a>
<ul class="nested-menu">
<li 
                       class="nav-item "
                       
                    >
<a 
                            href="/agendas" 
                            class="nav-link " 
                            
                        >Agendas</a>
<ul class="nested-menu">
<li class="nav-item"><a 
                        href="/2026-agendas" 
                        class="nav-link "
                        
                    >2026 Agendas</a></li>
<li class="nav-item"><a 
                        href="/2025-agendas" 
                        class="nav-link "
                        
                    >2025 Agendas</a></li>
<li class="nav-item"><a 
                        href="/2024-agendas" 
                        class="nav-link "
                        
                    >2024 Agendas</a></li>
<li class="nav-item"><a 
                        href="/2023-agendas" 
                        class="nav-link "
                        
                    >2023 Agendas</a></li>

</ul>
</li>
<li class="nav-item"><a 
                        href="/minutes" 
                        class="nav-link "
                        
                    >Minutes</a></li>

</ul>
</li>
<li 
                       class="nav-item "
                       
                    >
<a 
                            href="/open-records" 
                            class="nav-link " 
                            
                        >Open Records</a>
<ul class="nested-menu">
<li class="nav-item"><a 
                        href="/public-information-request" 
                        class="nav-link "
                        
                    >Public Information Request</a></li>

</ul>
</li>
<li class="nav-item"><a 
                        href="/public-notices-1" 
                        class="nav-link "
                        
                    >Public Notices</a></li>

</ul>
</li>
<li 
                       class="nav-item  dropdown "
                       
                    >

                        <a 
                            href="#" 
                            class="nav-link dropdown-toggle " 
                            id="nav_90763" 
                            role="button" 
                            data-bs-toggle="dropdown" 
                            aria-expanded="false"
                            
                        >Residents</a>
<ul class="dropdown-menu" aria-labelledby="nav_90763">
<li class="nav-item"><a 
                        href="/alerts" 
                        class="nav-link "
                        
                    >Alerts</a></li>
<li class="nav-item"><a 
                        href="/payment-options" 
                        class="nav-link "
                        
                    >Payment Options</a></li>
<li class="nav-item"><a 
                        href="/building-permits-and-inspections" 
                        class="nav-link "
                        
                    >Building Permits & Inspections</a></li>
<li 
                       class="nav-item "
                       
                    >
<a 
                            href="/departments" 
                            class="nav-link " 
                            
                        >Departments</a>
<ul class="nested-menu">
<li class="nav-item"><a 
                        href="/animal-services" 
                        class="nav-link "
                        
                    >Animal Services</a></li>
<li 
                       class="nav-item "
                       
                    >
<a 
                            href="/emergency-services" 
                            class="nav-link " 
                            
                        >Emergency Services</a>
<ul class="nested-menu">
<li class="nav-item"><a 
                        href="/fire-department" 
                        class="nav-link "
                        
                    >Fire Department</a></li>
<li class="nav-item"><a 
                        href="/police-department" 
                        class="nav-link "
                        
                    >Police Department</a></li>

</ul>
</li>
<li 
                       class="nav-item "
                       
                    >
<a 
                            href="/parks-and-recreation" 
                            class="nav-link " 
                            
                        >Parks & Recreation</a>
<ul class="nested-menu">
<li class="nav-item"><a 
                        href="/park-facilities" 
                        class="nav-link "
                        
                    >Park Facilities</a></li>
<li class="nav-item"><a 
                        href="/parks-programs" 
                        class="nav-link "
                        
                    >Parks Programs</a></li>

</ul>
</li>
<li 
                       class="nav-item "
                       
                    >
<a 
                            href="/public-works" 
                            class="nav-link " 
                            
                        >Public Works</a>
<ul class="nested-menu">
<li class="nav-item"><a 
                        href="/gas-and-electric-utilities" 
                        class="nav-link "
                        
                    >Gas & Electric Utilities</a></li>
<li class="nav-item"><a 
                        href="/sanitation-and-recycling" 
                        class="nav-link "
                        
                    >Sanitation & Recycling</a></li>
<li 
                       class="nav-item "
                       
                    >
<a 
                            href="/water-utilities" 
                            class="nav-link " 
                            
                        >Water Utilities</a>
<ul class="nested-menu">
<li class="nav-item"><a 
                        href="/meter-reading" 
                        class="nav-link "
                        
                    >Meter Reading</a></li>
<li class="nav-item"><a 
                        href="/water-rates-and-policies" 
                        class="nav-link "
                        
                    >Water Rates & Policies</a></li>
<li class="nav-item"><a 
                        href="/water-quality-report" 
                        class="nav-link "
                        
                    >Water Quality Report</a></li>

</ul>
</li>

</ul>
</li>

</ul>
</li>
<li class="nav-item"><a 
                        href="/faq" 
                        class="nav-link "
                        
                    >FAQ</a></li>
<li class="nav-item"><a 
                        href="/new-resident-resources" 
                        class="nav-link "
                        
                    >New Resident Resources</a></li>
<li class="nav-item"><a 
                        href="/frequently-called-numbers" 
                        class="nav-link "
                        
                    >Frequently Called Numbers</a></li>

</ul>
</li>
<li 
                       class="nav-item  dropdown "
                       
                    >

                        <a 
                            href="#" 
                            class="nav-link dropdown-toggle " 
                            id="nav_90789" 
                            role="button" 
                            data-bs-toggle="dropdown" 
                            aria-expanded="false"
                            
                        >Business</a>
<ul class="dropdown-menu" aria-labelledby="nav_90789">
<li class="nav-item"><a 
                        href="/business-licenses-and-permits" 
                        class="nav-link "
                        
                    >Business Licenses & Permits</a></li>
<li class="nav-item"><a 
                        href="/businesses-of-strawn" 
                        class="nav-link "
                        
                    >Businesses of Strawn</a></li>
<li 
                       class="nav-item "
                       
                    >
<a 
                            href="/development-corporation-of-strawn" 
                            class="nav-link " 
                            
                        >Development Corporation of Strawn</a>
<ul class="nested-menu">
<li class="nav-item"><a 
                        href="/agendas-1" 
                        class="nav-link "
                        
                    >Agendas</a></li>
<li class="nav-item"><a 
                        href="/minutes-1" 
                        class="nav-link "
                        
                    >Minutes</a></li>
<li class="nav-item"><a 
                        href="/current-projects" 
                        class="nav-link "
                        
                    >Current Projects</a></li>
<li class="nav-item"><a 
                        href="/past-projects" 
                        class="nav-link "
                        
                    >Past Projects</a></li>

</ul>
</li>
<li class="nav-item"><a 
                        href="/planning-and-inspections" 
                        class="nav-link "
                        
                    >Planning & Inspections</a></li>

</ul>
</li>
<li 
                       class="nav-item  dropdown "
                       
                    >

                        <a 
                            href="#" 
                            class="nav-link dropdown-toggle " 
                            id="nav_90837" 
                            role="button" 
                            data-bs-toggle="dropdown" 
                            aria-expanded="false"
                            
                        >Visitors</a>
<ul class="dropdown-menu" aria-labelledby="nav_90837">
<li 
                       class="nav-item "
                       
                    >
<a 
                            href="/attractions" 
                            class="nav-link " 
                            
                        >Attractions</a>
<ul class="nested-menu">
<li class="nav-item"><a 
                        href="/state-park" 
                        class="nav-link "
                        
                    >State Park</a></li>

</ul>
</li>
<li class="nav-item"><a 
                        href="/shopping-dining-and-lodging" 
                        class="nav-link "
                        
                    >Shopping, Dining & Lodging</a></li>
<li class="nav-item"><a 
                        href="/locations-and-directions" 
                        class="nav-link "
                        
                    >Locations & Directions</a></li>

</ul>
</li>

    <li class="nav-item dropdown dropdown-search">
        <a 
            href="#" 
            class="nav-link dropdown-toggle dropdown-toggle-search" 
            id="nav_search" 
            role="button" 
            data-bs-toggle="dropdown" 
            aria-expanded="false"
        ><span class="visually-hidden">Search</span><span class="far fa-search" aria-hidden="true"></span></a>
        <div class="dropdown-menu dropdown-menu-search" aria-labelledby="nav_search">

            <form action="/search" role="search" class="d-flex">
                <div class="form-floating">
                    <input type="text" value="" name="search_terms" id="search_terms" class="s form-control form-control-search" placeholder="Search this website &hellip;">
                    <label for="search_terms" class="text-gray-900">Search</label>
                </div>
                <button type="submit" class="btn btn-primary btn-search"><span class="visually-hidden">Submit</span><span class="far fa-search" aria-hidden="true"></span></button>
            </form>

        </div>
    </li>

</ul>
            </nav>
        </div>
    </div>
</header>



    <div id="page_content" class="container container-with-nav my-5">
        <div class="d-flex flex-column flex-lg-row align-items-stretch">
            <main role="main" id="site_main" class="col-lg-8 order-lg-2 bg-white invisible">
            
<span id="new_window_description" hidden>
    Opens in a new window
</span>

    <h2>Oops!&nbsp;</h2><div>Sorry, we can&rsquo;t find the page you were looking for. Please check the spelling in the address bar, try another link, or&nbsp;<a href="../">click here to go back to the Home page</a>.</div><div>&nbsp;</div>
            </main>
    
            <aside role="complementary" id="sidebar" class="col-lg-4 order-lg-1 bg-gray-100" aria-label="section navigation and additional information">
    
    <div id="slideshow_promos" class="carousel slide mt-5 carousel-pausible" data-bs-ride="carousel" data-bs-pause="false" data-bs-interval="5000">
        <div class="carousel-inner-promo carousel-inner">
<div class="carousel-item text-center promo active">
    <img class="d-block w-100" src="/images/promos_mi/mi_2_farmersmarketfoodprototype.jpg" alt="various vegetables">
    
    <div class="carousel-item-text">
        <h2 class="text-18 font-family-base font-weight-bold mb-3">Shop Local</h2>
        <p class="p1">Whether it is a local farmer's market or main street shops, shopping local sustains our community and supports local merchants.&nbsp; A win-win for all!</p>
    </div>
    
</div>

<div class="carousel-item text-center promo">
    <a href="http://www.strawntxpmts.com/" aria-label="Pay Utilities Online"  class="d-block mb-3"><img class="d-block w-100" src="/images/promos_mi/mi_523_pay_utilities_tickets_online2.jpg" alt="pay utilities online "></a>
    
    <div class="carousel-item-text">
        <h2 class="text-18 font-family-base font-weight-bold mb-3">Pay Utilities Online</h2>
        <p>Simply click the image above or <em><strong><a href="http://www.strawntxpmts.com/" target="_blank" rel="noopener">click here</a></strong></em>.</p>
    </div>
    
</div>

<div class="carousel-item text-center promo">
    <a href="http://www.strawntxpmts.com/" aria-label="Pay Tickets/Citations Online"  class="d-block mb-3"><img class="d-block w-100" src="/images/promos_mi/mi_523_CT_pay_citations_online1.jpg" alt="Pay Tickets/Citations Online"></a>
    
    <div class="carousel-item-text">
        <h2 class="text-18 font-family-base font-weight-bold mb-3">Pay Tickets/Citations Online</h2>
        <p>Simply click the image above or <em><strong><a href="http://www.strawntxpmts.com/" target="_blank" rel="noopener">click here</a></strong></em>.</p>
    </div>
    
</div>
</div><div class="carousel-indicators">
<button 
    type="button" 
    data-bs-target="#slideshow_promos" 
    data-bs-slide-to="0" 
    aria-current="true" 
    aria-label="Slide 1" 
    class="active"
 >
</button>

<button 
    type="button" 
    data-bs-target="#slideshow_promos" 
    data-bs-slide-to="1" 
     
    aria-label="Slide 2" 
    
 >
</button>

<button 
    type="button" 
    data-bs-target="#slideshow_promos" 
    data-bs-slide-to="2" 
     
    aria-label="Slide 3" 
    
 >
</button>
</div>
<button class="btn btn-black btn-control" data-c-play="true" >
    <i class="btn-control-icon fa-solid fa-pause"><span class="btn-control-text visually-hidden">Pause Slideshow</span></i> 
</button>
    </div>        
            </aside>
    </div>
</div>


<section role="region" id="section_subscribe" class="callout-subscribe my-5" aria-labelledby="section_subscribe_header">
    <div class="container">
        <div class="card">
            <div class="card-body text-center text-white">
                <h2 id="section_subscribe_header" class="text-white">Stay Informed</h2>
                <p>Subscribe to receive news and alerts via email and SMS.</p>
                <p><a href="subscribe" class="btn btn-outline-white">Subscribe</a></p>
                <p><a href="unsubscribe" class="link-white small">Unsubscribe</a></p>
            </div>
        </div>
    </div>
</section>
    <footer role="contentinfo" id="site_footer" class="">
    <div class="footer-section-1">
        <div class="container-fluid d-flex flex-column flex-md-row justify-content-between align-items-start">
            <div class="footer-column footer-muni-info text-center">
                <!-- this needs a field for a footer version of the logo - colors may need to be reversed compared to header -->
                <div class="muni-info-text"><p>The City of Strawn is an Equal Opportunity Employer and does not discriminate against any applicant for employment on the basis of age, sex, national origin, religion, race, handicap, disability, or other protected groups under federal, state, or local laws.</p></div>                <div class="google-translate" id="translate_widget" data-page-id="90806"></div>
            </div>
            <div class="footer-column footer-quick-links">
                                    <h2 class="mb-4 text-white text-20 text-base text-uppercase">Quick Links</h2>
                    <div class="footer-nav-icons">
<a href="payment-options"  class="footer-nav-item"><span class="icon far fa-credit-card mr-2" aria-hidden="true"></span>Payment Options</a>

<a href="contact-us"  class="footer-nav-item"><span class="icon far fa-hand-paper mr-2" aria-hidden="true"></span>Report a Problem</a>

<a href="subscribe"  class="footer-nav-item"><span class="icon far fa-bell mr-2" aria-hidden="true"></span>Subscribe</a>

<a href="faq"  class="footer-nav-item"><span class="icon far fa-question-circle mr-2" aria-hidden="true"></span>FAQ</a>

<a href="new-resident-resources"  class="footer-nav-item"><span class="icon far fa-newspaper mr-2" aria-hidden="true"></span>New Residents</a>
                    </div>            </div>
            <div class="footer-column footer-interest-links">
                <!--
                <h2 class="mb-4 text-white text-20 text-base text-uppercase">Sites of Interest</h2>
                <div class="footer-nav-icons">
                -->
                <h2 class="mb-4 text-white text-20 text-base text-uppercase">Sites of Interest</h2>
                    <div class="footer-nav-icons">
<a href="https://www.co.palo-pinto.tx.us" class="footer-nav-item" target="_blank" rel="noopener noreferrer" aria-describedby="new_window_description">
    <span class="icon fa-solid fa-up-right-from-square mr-2" aria-hidden="true"></span>
    Palo Pinto County TX
</a>

<a href="https://wateruseitwisely.com" class="footer-nav-item" target="_blank" rel="noopener noreferrer" aria-describedby="new_window_description">
    <span class="icon fa-solid fa-up-right-from-square mr-2" aria-hidden="true"></span>
    Water Conservation
</a>

<a href="https://www.usps.com/" class="footer-nav-item" target="_blank" rel="noopener noreferrer" aria-describedby="new_window_description">
    <span class="icon fa-solid fa-up-right-from-square mr-2" aria-hidden="true"></span>
    US Postal Service
</a>
</div>                <!--
                </div>
                -->
            </div>
            <div class="footer-column footer-contacts">
                <h2 class="mb-4 text-white text-20 text-base text-uppercase">Contacts</h2>
                <div class="footer-nav-icons">
                    <div class="footer-nav-item">
                        <span class="icon fas fa-map-marker-alt mr-2" aria-hidden="true"></span>
                        City of Strawn<br>P.O. Box 581<br>118 East Housley Street<br>Strawn, TX 76475                    </div>
                    <div class="footer-nav-item">
                        <span class="icon fas fa-phone mr-2" aria-hidden="true"></span>
                        (254) 672-5311<br>                    </div>
                    <a href="/contact-us" class="footer-nav-item"><span class="icon fas fa-envelope mr-2" aria-hidden="true"></span>Contact Us</a>
                    <a href="https://www.facebook.com/CityOfStrawnTexas/" class="footer-nav-item"><span class="icon fab fa-facebook mr-2" aria-hidden="true"></span>Facebook</a><a href="https://x.com/i/flow/login?redirect_after_login=%2FCityofStrawnTX" class="footer-nav-item"><span class="icon fab fa-x-twitter mr-2" aria-hidden="true"></span>X</a>                </div>
                            </div>
        </div>
    </div>
    <div class="footer-section-2">
        <div class="container-fluid d-flex flex-column flex-md-row justify-content-md-between align-items-center align-items-md-start">
            <div class="footer-legal text-center text-md-left fs-12">
                ©2026 All rights reserved.
                <ul class="list-inline">
                    
                    <li class="list-inline-item"><a href="/terms.html">Terms of Use</a></li>
                    <li class="list-inline-item"><a href="/privacy.html">Privacy Policy</a></li>
                    <li class="list-inline-item"><a href="/accessibility.html">Accessibility</a></li>
                                    </ul>
            </div>
            <div class="footer-user text-center text-md-right fs-12">
                Powered by <a href="https://www.municipalimpact.com/">MunicipalImpact.com</a><br>
                <a href="https://clients.municipalimpact.com/client/?e=4c9ccd0832bb8f3adff88b9be65eecc8">Admin</a>
            </div>
        </div>
    </div>
</footer>


<!-- Alerts Modal -->
<div
    id="modal_alerts"
    class="modal fade"
    tabindex="-1"
    aria-labelledby="alerts_label"
    aria-hidden="true"
>
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content modal-warning">
            <div class="modal-header justify-content-center bg-red text-white">
                <h2 id="alerts_label" class="modal-title text-white">Alerts</h2>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="my-4 text-center text-32">
                    <span class="fa-stack" style="vertical-align: top;">
                      <i class="fas fa-circle fa-stack-2x text-red"></i>
                      <i class="fas fa-exclamation fa-stack-1x fa-inverse"></i>
                    </span>
                </div>
                <div class="alerts-item m-2 p-3 bg-gray-100">
    <h3>No active alerts at this time.</h3>
</div>            </div>
            <div class="modal-footer justify-content-center">
                <button type="button" class="btn btn-white border-black" data-bs-dismiss="modal">Okay, Got It!</button>
            </div>
        </div>
    </div>
</div>




<!-- SUPPORTING JS/CSS -->
<script src="https://code.jquery.com/jquery-3.7.1.js"
        integrity="sha384-wsqsSADZR1YRBEZ4/kKHNSmU+aX8ojbnKUMN4RyD3jDkxw5mHtoe2z/T/n4l56U/"
        crossorigin="anonymous"
></script>
<!-- API_key: AIzaSyDYF6aUgRODWMYB5FRY236xRtq9kkhos6E --><script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDYF6aUgRODWMYB5FRY236xRtq9kkhos6E"></script>

<!-- FAC(default) -->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-5YXZ3020L5"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-5YXZ3020L5');
</script>    <script>
    var cookieConsentConfig = {
        language: {
            default: 'en',
            translations: {
                en: {
                    consentModal: {
                        title: 'This site uses cookies',
                    }
                }
            }
        },
        disablePageInteraction: true
    }
    </script>
    <script src="/js/cookie_consent.js?v=20260517"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.5/dist/jquery.validate.min.js"
        integrity="sha384-aEDtD4n2FLrMdE9psop0SHdNyy/W9cBjH22rSRp+3wPHd62Y32uijc0H2eLmgaSn"
        crossorigin="anonymous"
></script>
<script src="/js/public_mi.js?date=2026051754713"></script>
<script src="/js/translate.js?v=1772487985"></script>
<script src="/2021_assets/themes/js/vendor/bootstrap.bundle.min.js"></script>




</body>
</html>
