{"id":10,"date":"2026-05-04T21:07:29","date_gmt":"2026-05-04T21:07:29","guid":{"rendered":"https:\/\/livewire.team\/figs\/?page_id=10"},"modified":"2026-07-10T13:58:00","modified_gmt":"2026-07-10T13:58:00","slug":"home","status":"publish","type":"page","link":"https:\/\/livewire.team\/figs\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-97ddf12 e-con-full e-flex e-con e-parent\" data-id=\"97ddf12\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41c48ba elementor-widget elementor-widget-html\" data-id=\"41c48ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<header class=\"jasper-site-header\" id=\"jasperSiteHeader\">\r\n\r\n  <!-- ACCESSIBILITY \/ EMERGENCY STRIP -->\r\n  <div class=\"jasper-alert-strip\">\r\n    <div class=\"jasper-header-container\">\r\n      <div class=\"jasper-alert-message\">\r\n        <i class=\"fa-solid fa-circle-info\"><\/i>\r\n        <span>Official Website of the City of Jasper, Florida<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"jasper-alert-links\">\r\n        <a href=\"https:\/\/jasper-fl.com\/public-notices\/\">\r\n          Public Notices\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/jasper-fl.com\/employment\/\">\r\n          Employment\r\n        <\/a>\r\n\r\n        <a href=\"tel:13867921212\">\r\n          <i class=\"fa-solid fa-phone\"><\/i>\r\n          386-792-1212\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n  <!-- MAIN HEADER -->\r\n  <div class=\"jasper-main-header\">\r\n    <div class=\"jasper-header-container jasper-main-header-inner\">\r\n\r\n      <!-- BRAND -->\r\n      <a\r\n        href=\"https:\/\/jasper-fl.com\/\"\r\n        class=\"jasper-brand\"\r\n        aria-label=\"City of Jasper, Florida home\"\r\n      >\r\n        <span class=\"jasper-brand-seal\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/livewire.team\/figs\/wp-content\/uploads\/2026\/07\/Seal_of_Florida.svg_.webp\"\r\n            alt=\"Official Seal of the State of Florida\"\r\n          >\r\n        <\/span>\r\n\r\n        <span class=\"jasper-brand-logo\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/livewire.team\/figs\/wp-content\/uploads\/2026\/07\/d90fd357-0f6f-4321-9131-2b4eabd62b43-e1783691853801.png\"\r\n            alt=\"City of Jasper, Florida \u2014 Florida's Front Porch\"\r\n          >\r\n        <\/span>\r\n      <\/a>\r\n\r\n\r\n      <!-- DESKTOP NAVIGATION -->\r\n      <nav class=\"jasper-desktop-nav\" aria-label=\"Main navigation\">\r\n\r\n        <!-- GOVERNMENT -->\r\n        <div class=\"jasper-nav-item jasper-has-mega\">\r\n          <button class=\"jasper-nav-button\" type=\"button\">\r\n            Government\r\n            <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n          <\/button>\r\n\r\n          <div class=\"jasper-mega-menu jasper-mega-government\">\r\n            <div class=\"jasper-mega-inner\">\r\n\r\n              <div class=\"jasper-mega-intro\">\r\n                <span class=\"jasper-mega-kicker\">City Government<\/span>\r\n                <h2>Open, accessible local government.<\/h2>\r\n\r\n                <p>\r\n                  Find elected officials, city leadership, public meetings,\r\n                  official records and financial information.\r\n                <\/p>\r\n\r\n                <a\r\n                  href=\"https:\/\/jasper-fl.com\/city-council\/\"\r\n                  class=\"jasper-mega-feature-link\"\r\n                >\r\n                  Explore City Government\r\n                  <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                <\/a>\r\n              <\/div>\r\n\r\n              <div class=\"jasper-mega-columns\">\r\n\r\n                <div class=\"jasper-mega-column\">\r\n                  <h3>Leadership<\/h3>\r\n\r\n                  <a href=\"https:\/\/jasper-fl.com\/city-council\/\">\r\n                    <span class=\"jasper-menu-icon\">\r\n                      <i class=\"fa-solid fa-landmark\"><\/i>\r\n                    <\/span>\r\n\r\n                    <span>\r\n                      <strong>Mayor &amp; City Council<\/strong>\r\n                      <small>Meet Jasper\u2019s elected officials<\/small>\r\n                    <\/span>\r\n                  <\/a>\r\n\r\n                  <a href=\"https:\/\/jasper-fl.com\/city-manager\/\">\r\n                    <span class=\"jasper-menu-icon\">\r\n                      <i class=\"fa-solid fa-user-tie\"><\/i>\r\n                    <\/span>\r\n\r\n                    <span>\r\n                      <strong>City Manager<\/strong>\r\n                      <small>City administration and leadership<\/small>\r\n                    <\/span>\r\n                  <\/a>\r\n\r\n                  <a href=\"https:\/\/jasper-fl.com\/contact-us\/\">\r\n                    <span class=\"jasper-menu-icon\">\r\n                      <i class=\"fa-solid fa-address-book\"><\/i>\r\n                    <\/span>\r\n\r\n                    <span>\r\n                      <strong>City Clerk<\/strong>\r\n                      <small>Records, notices and city documents<\/small>\r\n                    <\/span>\r\n                  <\/a>\r\n                <\/div>\r\n\r\n                <div class=\"jasper-mega-column\">\r\n                  <h3>Public Information<\/h3>\r\n\r\n                  <a href=\"https:\/\/jasper-fl.com\/meetings-agendas\/\">\r\n                    <span class=\"jasper-menu-icon\">\r\n                      <i class=\"fa-solid fa-calendar-days\"><\/i>\r\n                    <\/span>\r\n\r\n                    <span>\r\n                      <strong>Meetings &amp; Agendas<\/strong>\r\n                      <small>Upcoming meetings and public records<\/small>\r\n                    <\/span>\r\n                  <\/a>\r\n\r\n                  <a href=\"https:\/\/jasper-fl.com\/public-notices\/\">\r\n                    <span class=\"jasper-menu-icon\">\r\n                      <i class=\"fa-solid fa-bullhorn\"><\/i>\r\n                    <\/span>\r\n\r\n                    <span>\r\n                      <strong>Public Notices<\/strong>\r\n                      <small>Official announcements and notices<\/small>\r\n                    <\/span>\r\n                  <\/a>\r\n\r\n                  <a href=\"https:\/\/jasper-fl.com\/finance\/\">\r\n                    <span class=\"jasper-menu-icon\">\r\n                      <i class=\"fa-solid fa-chart-pie\"><\/i>\r\n                    <\/span>\r\n\r\n                    <span>\r\n                      <strong>Financial Transparency<\/strong>\r\n                      <small>Budgets, audits and financial reports<\/small>\r\n                    <\/span>\r\n                  <\/a>\r\n\r\n                  <a href=\"https:\/\/jasper-fl.com\/city-charter\/\">\r\n                    <span class=\"jasper-menu-icon\">\r\n                      <i class=\"fa-solid fa-file-signature\"><\/i>\r\n                    <\/span>\r\n\r\n                    <span>\r\n                      <strong>City Charter<\/strong>\r\n                      <small>Jasper\u2019s governing charter<\/small>\r\n                    <\/span>\r\n                  <\/a>\r\n                <\/div>\r\n\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n\r\n        <!-- CITY SERVICES -->\r\n        <div class=\"jasper-nav-item jasper-has-mega\">\r\n          <button class=\"jasper-nav-button\" type=\"button\">\r\n            City Services\r\n            <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n          <\/button>\r\n\r\n          <div class=\"jasper-mega-menu\">\r\n            <div class=\"jasper-mega-inner\">\r\n\r\n              <div class=\"jasper-mega-intro jasper-mega-intro-services\">\r\n                <span class=\"jasper-mega-kicker\">Departments &amp; Services<\/span>\r\n                <h2>Serving Jasper every day.<\/h2>\r\n\r\n                <p>\r\n                  Connect with the department responsible for city utilities,\r\n                  public safety, infrastructure and community services.\r\n                <\/p>\r\n\r\n                <a\r\n                  href=\"https:\/\/jasper-fl.com\/contact-us\/\"\r\n                  class=\"jasper-mega-feature-link\"\r\n                >\r\n                  View City Directory\r\n                  <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                <\/a>\r\n              <\/div>\r\n\r\n              <div class=\"jasper-service-grid\">\r\n\r\n                <a\r\n                  href=\"https:\/\/jasper-fl.com\/public-services\/\"\r\n                  class=\"jasper-service-link\"\r\n                >\r\n                  <span class=\"jasper-service-icon\">\r\n                    <i class=\"fa-solid fa-droplet\"><\/i>\r\n                  <\/span>\r\n\r\n                  <span>\r\n                    <strong>Utilities<\/strong>\r\n                    <small>Water, sewer, gas and sanitation<\/small>\r\n                  <\/span>\r\n                <\/a>\r\n\r\n                <a\r\n                  href=\"https:\/\/jasper-fl.com\/public-services\/\"\r\n                  class=\"jasper-service-link\"\r\n                >\r\n                  <span class=\"jasper-service-icon\">\r\n                    <i class=\"fa-solid fa-road\"><\/i>\r\n                  <\/span>\r\n\r\n                  <span>\r\n                    <strong>Public Works<\/strong>\r\n                    <small>Streets, facilities and infrastructure<\/small>\r\n                  <\/span>\r\n                <\/a>\r\n\r\n                <a\r\n                  href=\"https:\/\/jasper-fl.com\/police-department\/\"\r\n                  class=\"jasper-service-link\"\r\n                >\r\n                  <span class=\"jasper-service-icon\">\r\n                    <i class=\"fa-solid fa-shield-halved\"><\/i>\r\n                  <\/span>\r\n\r\n                  <span>\r\n                    <strong>Police Department<\/strong>\r\n                    <small>Law enforcement and public safety<\/small>\r\n                  <\/span>\r\n                <\/a>\r\n\r\n                <a\r\n                  href=\"https:\/\/jasper-fl.com\/fire-department\/\"\r\n                  class=\"jasper-service-link\"\r\n                >\r\n                  <span class=\"jasper-service-icon\">\r\n                    <i class=\"fa-solid fa-fire-extinguisher\"><\/i>\r\n                  <\/span>\r\n\r\n                  <span>\r\n                    <strong>Fire Department<\/strong>\r\n                    <small>Fire protection and emergency response<\/small>\r\n                  <\/span>\r\n                <\/a>\r\n\r\n                <a\r\n                  href=\"https:\/\/jasper-fl.com\/planning-and-zoning\/\"\r\n                  class=\"jasper-service-link\"\r\n                >\r\n                  <span class=\"jasper-service-icon\">\r\n                    <i class=\"fa-solid fa-map\"><\/i>\r\n                  <\/span>\r\n\r\n                  <span>\r\n                    <strong>Planning &amp; Zoning<\/strong>\r\n                    <small>Development, zoning and land use<\/small>\r\n                  <\/span>\r\n                <\/a>\r\n\r\n                <a\r\n                  href=\"https:\/\/jasper-fl.com\/finance\/\"\r\n                  class=\"jasper-service-link\"\r\n                >\r\n                  <span class=\"jasper-service-icon\">\r\n                    <i class=\"fa-solid fa-coins\"><\/i>\r\n                  <\/span>\r\n\r\n                  <span>\r\n                    <strong>Finance<\/strong>\r\n                    <small>Budgets and city financial information<\/small>\r\n                  <\/span>\r\n                <\/a>\r\n\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n\r\n        <!-- RESIDENTS & BUSINESS -->\r\n        <div class=\"jasper-nav-item jasper-has-mega\">\r\n          <button class=\"jasper-nav-button\" type=\"button\">\r\n            Residents &amp; Business\r\n            <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n          <\/button>\r\n\r\n          <div class=\"jasper-mega-menu\">\r\n            <div class=\"jasper-mega-inner\">\r\n\r\n              <div class=\"jasper-mega-intro jasper-mega-intro-residents\">\r\n                <span class=\"jasper-mega-kicker\">How Can We Help?<\/span>\r\n                <h2>Access city services quickly.<\/h2>\r\n\r\n                <p>\r\n                  Pay bills, find applications, rent a city facility or access\r\n                  resources for property and business development.\r\n                <\/p>\r\n\r\n                <a\r\n                  href=\"https:\/\/jasper-fl.com\/contact-us\/\"\r\n                  class=\"jasper-mega-feature-link\"\r\n                >\r\n                  Contact City Hall\r\n                  <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                <\/a>\r\n              <\/div>\r\n\r\n              <div class=\"jasper-mega-columns\">\r\n\r\n                <div class=\"jasper-mega-column\">\r\n                  <h3>Resident Resources<\/h3>\r\n\r\n                  <a href=\"#\" class=\"jasper-action-link\">\r\n                    <span class=\"jasper-menu-icon\">\r\n                      <i class=\"fa-solid fa-credit-card\"><\/i>\r\n                    <\/span>\r\n\r\n                    <span>\r\n                      <strong>Pay a Utility Bill<\/strong>\r\n                      <small>Access the city payment portal<\/small>\r\n                    <\/span>\r\n                  <\/a>\r\n\r\n                  <a href=\"https:\/\/jasper-fl.com\/public-services\/\">\r\n                    <span class=\"jasper-menu-icon\">\r\n                      <i class=\"fa-solid fa-faucet-drip\"><\/i>\r\n                    <\/span>\r\n\r\n                    <span>\r\n                      <strong>Utility Services<\/strong>\r\n                      <small>Water, sewer, gas and sanitation<\/small>\r\n                    <\/span>\r\n                  <\/a>\r\n\r\n                  <a href=\"https:\/\/jasper-fl.com\/rent-the-civic-center\/\">\r\n                    <span class=\"jasper-menu-icon\">\r\n                      <i class=\"fa-solid fa-building-columns\"><\/i>\r\n                    <\/span>\r\n\r\n                    <span>\r\n                      <strong>Rent the Civic Center<\/strong>\r\n                      <small>Facility information and rental details<\/small>\r\n                    <\/span>\r\n                  <\/a>\r\n\r\n                  <a href=\"https:\/\/jasper-fl.com\/holiday-schedule\/\">\r\n                    <span class=\"jasper-menu-icon\">\r\n                      <i class=\"fa-solid fa-calendar-check\"><\/i>\r\n                    <\/span>\r\n\r\n                    <span>\r\n                      <strong>Holiday Schedule<\/strong>\r\n                      <small>Closures and adjusted service dates<\/small>\r\n                    <\/span>\r\n                  <\/a>\r\n                <\/div>\r\n\r\n                <div class=\"jasper-mega-column\">\r\n                  <h3>Business &amp; Development<\/h3>\r\n\r\n                  <a href=\"https:\/\/jasper-fl.com\/planning-and-zoning\/\">\r\n                    <span class=\"jasper-menu-icon\">\r\n                      <i class=\"fa-solid fa-compass-drafting\"><\/i>\r\n                    <\/span>\r\n\r\n                    <span>\r\n                      <strong>Planning &amp; Zoning<\/strong>\r\n                      <small>Plans, maps and development information<\/small>\r\n                    <\/span>\r\n                  <\/a>\r\n\r\n                  <a href=\"https:\/\/jasper-fl.com\/planning-and-zoning\/\">\r\n                    <span class=\"jasper-menu-icon\">\r\n                      <i class=\"fa-solid fa-file-circle-check\"><\/i>\r\n                    <\/span>\r\n\r\n                    <span>\r\n                      <strong>Permits &amp; Applications<\/strong>\r\n                      <small>Forms for property and development projects<\/small>\r\n                    <\/span>\r\n                  <\/a>\r\n\r\n                  <a href=\"https:\/\/jasper-fl.com\/employment\/\">\r\n                    <span class=\"jasper-menu-icon\">\r\n                      <i class=\"fa-solid fa-briefcase\"><\/i>\r\n                    <\/span>\r\n\r\n                    <span>\r\n                      <strong>Employment<\/strong>\r\n                      <small>Current opportunities with the city<\/small>\r\n                    <\/span>\r\n                  <\/a>\r\n\r\n                  <a href=\"https:\/\/jasper-fl.com\/public-notices\/\">\r\n                    <span class=\"jasper-menu-icon\">\r\n                      <i class=\"fa-solid fa-file-contract\"><\/i>\r\n                    <\/span>\r\n\r\n                    <span>\r\n                      <strong>Bids &amp; Opportunities<\/strong>\r\n                      <small>Purchasing and public bid notices<\/small>\r\n                    <\/span>\r\n                  <\/a>\r\n                <\/div>\r\n\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n\r\n        <!-- COMMUNITY -->\r\n        <div class=\"jasper-nav-item jasper-has-mega\">\r\n          <button class=\"jasper-nav-button\" type=\"button\">\r\n            Our Community\r\n            <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n          <\/button>\r\n\r\n          <div class=\"jasper-mega-menu jasper-mega-community\">\r\n            <div class=\"jasper-mega-inner\">\r\n\r\n              <div class=\"jasper-mega-intro jasper-mega-intro-community\">\r\n                <span class=\"jasper-mega-kicker\">Welcome to Jasper<\/span>\r\n                <h2>Rooted in North Florida.<\/h2>\r\n\r\n                <p>\r\n                  Learn about the city, explore community resources and stay\r\n                  connected with events and announcements.\r\n                <\/p>\r\n\r\n                <a\r\n                  href=\"https:\/\/jasper-fl.com\/about-our-city\/\"\r\n                  class=\"jasper-mega-feature-link\"\r\n                >\r\n                  Discover Jasper\r\n                  <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                <\/a>\r\n              <\/div>\r\n\r\n              <div class=\"jasper-community-links\">\r\n\r\n                <a href=\"https:\/\/jasper-fl.com\/about-our-city\/\">\r\n                  <i class=\"fa-solid fa-location-dot\"><\/i>\r\n                  <strong>About Jasper<\/strong>\r\n                  <span>History and community information<\/span>\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/jasper-fl.com\/public-notices\/\">\r\n                  <i class=\"fa-regular fa-newspaper\"><\/i>\r\n                  <strong>News &amp; Notices<\/strong>\r\n                  <span>Recent city announcements<\/span>\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/jasper-fl.com\/rent-the-civic-center\/\">\r\n                  <i class=\"fa-solid fa-people-roof\"><\/i>\r\n                  <strong>Civic Center<\/strong>\r\n                  <span>Community facility and rentals<\/span>\r\n                <\/a>\r\n\r\n                <a href=\"https:\/\/jasper-fl.com\/contact-us\/\">\r\n                  <i class=\"fa-solid fa-map-location-dot\"><\/i>\r\n                  <strong>Visit City Hall<\/strong>\r\n                  <span>Hours, location and directions<\/span>\r\n                <\/a>\r\n\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/nav>\r\n\r\n\r\n      <!-- HEADER ACTIONS -->\r\n      <div class=\"jasper-header-actions\">\r\n\r\n        <button\r\n          class=\"jasper-search-toggle\"\r\n          type=\"button\"\r\n          aria-label=\"Open search\"\r\n        >\r\n          <i class=\"fa-solid fa-magnifying-glass\"><\/i>\r\n        <\/button>\r\n\r\n        <a href=\"#\" class=\"jasper-pay-button\">\r\n          <i class=\"fa-regular fa-credit-card\"><\/i>\r\n          <span>Pay Utility Bill<\/span>\r\n        <\/a>\r\n\r\n        <button\r\n          class=\"jasper-mobile-toggle\"\r\n          type=\"button\"\r\n          aria-label=\"Open navigation\"\r\n          aria-expanded=\"false\"\r\n          aria-controls=\"jasperMobileMenu\"\r\n        >\r\n          <span><\/span>\r\n          <span><\/span>\r\n          <span><\/span>\r\n        <\/button>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n  <!-- SEARCH PANEL -->\r\n  <div class=\"jasper-search-panel\" aria-hidden=\"true\">\r\n    <div class=\"jasper-header-container\">\r\n\r\n      <form\r\n        class=\"jasper-search-form\"\r\n        action=\"https:\/\/jasper-fl.com\/\"\r\n        method=\"get\"\r\n      >\r\n        <label for=\"jasperSiteSearch\">\r\n          Search the City of Jasper website\r\n        <\/label>\r\n\r\n        <div class=\"jasper-search-field\">\r\n          <input\r\n            id=\"jasperSiteSearch\"\r\n            type=\"search\"\r\n            name=\"s\"\r\n            placeholder=\"What can we help you find?\"\r\n          >\r\n\r\n          <button type=\"submit\" aria-label=\"Submit search\">\r\n            <i class=\"fa-solid fa-magnifying-glass\"><\/i>\r\n            <span>Search<\/span>\r\n          <\/button>\r\n        <\/div>\r\n      <\/form>\r\n\r\n      <button\r\n        class=\"jasper-search-close\"\r\n        type=\"button\"\r\n        aria-label=\"Close search\"\r\n      >\r\n        <i class=\"fa-solid fa-xmark\"><\/i>\r\n      <\/button>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n  <!-- MOBILE NAVIGATION -->\r\n  <div\r\n    class=\"jasper-mobile-menu\"\r\n    id=\"jasperMobileMenu\"\r\n    aria-hidden=\"true\"\r\n  >\r\n\r\n    <div class=\"jasper-mobile-quick-actions\">\r\n\r\n      <a href=\"#\">\r\n        <i class=\"fa-regular fa-credit-card\"><\/i>\r\n        Pay Bill\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/jasper-fl.com\/meetings-agendas\/\">\r\n        <i class=\"fa-regular fa-calendar\"><\/i>\r\n        Meetings\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/jasper-fl.com\/public-notices\/\">\r\n        <i class=\"fa-solid fa-bullhorn\"><\/i>\r\n        Notices\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"jasper-mobile-nav\">\r\n\r\n      <div class=\"jasper-mobile-group\">\r\n        <button type=\"button\">\r\n          Government\r\n          <i class=\"fa-solid fa-plus\"><\/i>\r\n        <\/button>\r\n\r\n        <div class=\"jasper-mobile-submenu\">\r\n          <a href=\"https:\/\/jasper-fl.com\/city-council\/\">\r\n            Mayor &amp; City Council\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/jasper-fl.com\/city-manager\/\">\r\n            City Manager\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/jasper-fl.com\/meetings-agendas\/\">\r\n            Meetings &amp; Agendas\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/jasper-fl.com\/public-notices\/\">\r\n            Public Notices\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/jasper-fl.com\/finance\/\">\r\n            Financial Transparency\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/jasper-fl.com\/city-charter\/\">\r\n            City Charter\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"jasper-mobile-group\">\r\n        <button type=\"button\">\r\n          City Services\r\n          <i class=\"fa-solid fa-plus\"><\/i>\r\n        <\/button>\r\n\r\n        <div class=\"jasper-mobile-submenu\">\r\n          <a href=\"https:\/\/jasper-fl.com\/public-services\/\">\r\n            Utilities &amp; Public Works\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/jasper-fl.com\/police-department\/\">\r\n            Police Department\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/jasper-fl.com\/fire-department\/\">\r\n            Fire Department\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/jasper-fl.com\/planning-and-zoning\/\">\r\n            Planning &amp; Zoning\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/jasper-fl.com\/finance\/\">\r\n            Finance Department\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"jasper-mobile-group\">\r\n        <button type=\"button\">\r\n          Residents &amp; Business\r\n          <i class=\"fa-solid fa-plus\"><\/i>\r\n        <\/button>\r\n\r\n        <div class=\"jasper-mobile-submenu\">\r\n          <a href=\"#\">Pay a Utility Bill<\/a>\r\n\r\n          <a href=\"https:\/\/jasper-fl.com\/public-services\/\">\r\n            Utility Services\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/jasper-fl.com\/rent-the-civic-center\/\">\r\n            Rent the Civic Center\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/jasper-fl.com\/holiday-schedule\/\">\r\n            Holiday Schedule\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/jasper-fl.com\/planning-and-zoning\/\">\r\n            Permits &amp; Development\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/jasper-fl.com\/employment\/\">\r\n            Employment\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"jasper-mobile-group\">\r\n        <button type=\"button\">\r\n          Our Community\r\n          <i class=\"fa-solid fa-plus\"><\/i>\r\n        <\/button>\r\n\r\n        <div class=\"jasper-mobile-submenu\">\r\n          <a href=\"https:\/\/jasper-fl.com\/about-our-city\/\">\r\n            About Jasper\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/jasper-fl.com\/public-notices\/\">\r\n            News &amp; Notices\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/jasper-fl.com\/rent-the-civic-center\/\">\r\n            Civic Center\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/jasper-fl.com\/contact-us\/\">\r\n            Visit City Hall\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <a\r\n        href=\"https:\/\/jasper-fl.com\/contact-us\/\"\r\n        class=\"jasper-mobile-contact\"\r\n      >\r\n        Contact the City\r\n        <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/header>\r\n\r\n\r\n<link\r\n  rel=\"stylesheet\"\r\n  href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.7.2\/css\/all.min.css\"\r\n>\r\n\r\n\r\n<style>\r\n:root {\r\n  --jasper-navy: #102d43;\r\n  --jasper-navy-deep: #092235;\r\n  --jasper-blue: #24658a;\r\n  --jasper-sky: #dcecf3;\r\n  --jasper-green: #627c52;\r\n  --jasper-gold: #d1a84a;\r\n  --jasper-cream: #f5f2e9;\r\n  --jasper-white: #ffffff;\r\n  --jasper-ink: #172531;\r\n  --jasper-muted: #60707c;\r\n  --jasper-line: rgba(16, 45, 67, 0.13);\r\n  --jasper-shadow: 0 22px 60px rgba(7, 29, 45, 0.17);\r\n}\r\n\r\n* {\r\n  box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n  margin: 0;\r\n}\r\n\r\n.jasper-site-header {\r\n  position: relative;\r\n  z-index: 999;\r\n  width: 100%;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  color: var(--jasper-ink);\r\n}\r\n\r\n.jasper-header-container {\r\n  width: min(1500px, calc(100% - 60px));\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* ALERT STRIP *\/\r\n\r\n.jasper-alert-strip {\r\n  position: relative;\r\n  z-index: 12;\r\n  min-height: 37px;\r\n  background: var(--jasper-navy-deep);\r\n  color: rgba(255, 255, 255, 0.82);\r\n  font-size: 12px;\r\n  letter-spacing: 0.015em;\r\n}\r\n\r\n.jasper-alert-strip .jasper-header-container {\r\n  min-height: 37px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 30px;\r\n}\r\n\r\n.jasper-alert-message,\r\n.jasper-alert-links {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.jasper-alert-message {\r\n  gap: 8px;\r\n}\r\n\r\n.jasper-alert-message i {\r\n  color: var(--jasper-gold);\r\n}\r\n\r\n.jasper-alert-links {\r\n  gap: 23px;\r\n}\r\n\r\n.jasper-alert-links a {\r\n  position: relative;\r\n  color: inherit;\r\n  text-decoration: none;\r\n  transition: color 0.2s ease;\r\n}\r\n\r\n.jasper-alert-links a:hover {\r\n  color: var(--jasper-white);\r\n}\r\n\r\n.jasper-alert-links a + a::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: -12px;\r\n  top: 50%;\r\n  width: 1px;\r\n  height: 12px;\r\n  background: rgba(255, 255, 255, 0.2);\r\n  transform: translateY(-50%);\r\n}\r\n\r\n.jasper-alert-links i {\r\n  margin-right: 5px;\r\n  color: var(--jasper-gold);\r\n}\r\n\r\n\r\n\/* MAIN HEADER *\/\r\n\r\n.jasper-main-header {\r\n  position: relative;\r\n  z-index: 11;\r\n  background: rgba(255, 255, 255, 0.98);\r\n  border-bottom: 1px solid var(--jasper-line);\r\n}\r\n\r\n.jasper-main-header-inner {\r\n  min-height: 108px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 32px;\r\n}\r\n\r\n\r\n\/* BRAND *\/\r\n\r\n\/* BRAND *\/\r\n\r\n.jasper-brand {\r\n  min-width: 470px;\r\n  flex: 0 0 auto;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  text-decoration: none;\r\n}\r\n\r\n.jasper-brand-seal {\r\n  width: 68px;\r\n  height: 68px;\r\n  flex: 0 0 68px;\r\n  display: block;\r\n  overflow: hidden;\r\n  padding: 3px;\r\n  background: var(--jasper-white);\r\n  border: 2px solid var(--jasper-gold);\r\n  border-radius: 50%;\r\n  box-shadow: 0 5px 14px rgba(7, 29, 45, 0.12);\r\n}\r\n\r\n.jasper-brand-seal img {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n  object-fit: cover;\r\n  border-radius: 50%;\r\n}\r\n\r\n.jasper-brand-logo {\r\n  width: 385px;\r\n  height: 92px;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.jasper-brand-logo img {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n  object-fit: contain;\r\n  object-position: left center;\r\n}\r\n\r\n\/* DESKTOP NAVIGATION *\/\r\n\r\n.jasper-desktop-nav {\r\n  align-self: stretch;\r\n  flex: 1 1 auto;\r\n  display: flex;\r\n  align-items: stretch;\r\n  justify-content: flex-end;\r\n}\r\n\r\n.jasper-nav-item {\r\n  display: flex;\r\n  align-items: stretch;\r\n}\r\n\r\n.jasper-nav-button {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 7px;\r\n  padding: 0 14px;\r\n  border: 0;\r\n  background: transparent;\r\n  color: var(--jasper-navy);\r\n  font-family: inherit;\r\n  font-size: 13px;\r\n  line-height: 1;\r\n  font-weight: 700;\r\n  white-space: nowrap;\r\n  cursor: pointer;\r\n}\r\n\r\n.jasper-nav-button::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  right: 14px;\r\n  bottom: 0;\r\n  left: 14px;\r\n  height: 3px;\r\n  background: var(--jasper-gold);\r\n  transform: scaleX(0);\r\n  transform-origin: center;\r\n  transition: transform 0.25s ease;\r\n}\r\n\r\n.jasper-nav-button i {\r\n  font-size: 9px;\r\n  color: var(--jasper-blue);\r\n  transition: transform 0.25s ease;\r\n}\r\n\r\n.jasper-nav-item:hover .jasper-nav-button::after,\r\n.jasper-nav-item:focus-within .jasper-nav-button::after {\r\n  transform: scaleX(1);\r\n}\r\n\r\n.jasper-nav-item:hover .jasper-nav-button i,\r\n.jasper-nav-item:focus-within .jasper-nav-button i {\r\n  transform: rotate(180deg);\r\n}\r\n\r\n\r\n\/* MEGA MENU *\/\r\n\r\n.jasper-mega-menu {\r\n  position: absolute;\r\n  top: 100%;\r\n  right: 0;\r\n  left: 0;\r\n  z-index: 20;\r\n  padding: 0 0 22px;\r\n  visibility: hidden;\r\n  opacity: 0;\r\n  pointer-events: none;\r\n  transform: translateY(12px);\r\n  transition:\r\n    opacity 0.22s ease,\r\n    transform 0.22s ease,\r\n    visibility 0.22s ease;\r\n}\r\n\r\n.jasper-has-mega:hover .jasper-mega-menu,\r\n.jasper-has-mega:focus-within .jasper-mega-menu {\r\n  visibility: visible;\r\n  opacity: 1;\r\n  pointer-events: auto;\r\n  transform: translateY(0);\r\n}\r\n\r\n.jasper-mega-inner {\r\n  width: min(1400px, calc(100% - 80px));\r\n  min-height: 365px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 350px minmax(0, 1fr);\r\n  overflow: hidden;\r\n  background: var(--jasper-white);\r\n  border-top: 4px solid var(--jasper-gold);\r\n  box-shadow: var(--jasper-shadow);\r\n}\r\n\r\n.jasper-mega-intro {\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: 48px 43px;\r\n  background:\r\n    linear-gradient(145deg, rgba(7, 34, 53, 0.96), rgba(21, 75, 105, 0.93)),\r\n    var(--jasper-navy);\r\n  color: var(--jasper-white);\r\n}\r\n\r\n.jasper-mega-intro::before {\r\n  content: \"J\";\r\n  position: absolute;\r\n  right: -16px;\r\n  bottom: -53px;\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 235px;\r\n  line-height: 1;\r\n  color: rgba(255, 255, 255, 0.045);\r\n  pointer-events: none;\r\n}\r\n\r\n.jasper-mega-intro-services {\r\n  background:\r\n    linear-gradient(145deg, rgba(31, 78, 65, 0.97), rgba(74, 111, 81, 0.93)),\r\n    var(--jasper-green);\r\n}\r\n\r\n.jasper-mega-intro-residents {\r\n  background:\r\n    linear-gradient(145deg, rgba(22, 65, 91, 0.97), rgba(42, 107, 143, 0.92)),\r\n    var(--jasper-blue);\r\n}\r\n\r\n.jasper-mega-intro-community {\r\n  background:\r\n    linear-gradient(145deg, rgba(52, 68, 44, 0.97), rgba(101, 126, 84, 0.92)),\r\n    var(--jasper-green);\r\n}\r\n\r\n.jasper-mega-kicker {\r\n  display: block;\r\n  margin-bottom: 18px;\r\n  color: #f3d58f;\r\n  font-size: 10px;\r\n  line-height: 1;\r\n  font-weight: 700;\r\n  letter-spacing: 0.22em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.jasper-mega-intro h2 {\r\n  max-width: 280px;\r\n  margin: 0 0 17px;\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  color: var(--jasper-white);\r\n  font-size: 31px;\r\n  line-height: 1.12;\r\n  font-weight: 500;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.jasper-mega-intro p {\r\n  max-width: 290px;\r\n  margin: 0;\r\n  color: rgba(255, 255, 255, 0.73);\r\n  font-size: 13px;\r\n  line-height: 1.7;\r\n}\r\n\r\n.jasper-mega-feature-link {\r\n  position: absolute;\r\n  right: 43px;\r\n  bottom: 39px;\r\n  left: 43px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding-top: 17px;\r\n  border-top: 1px solid rgba(255, 255, 255, 0.2);\r\n  color: var(--jasper-white);\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  text-decoration: none;\r\n}\r\n\r\n.jasper-mega-feature-link i {\r\n  color: #f3d58f;\r\n  transition: transform 0.2s ease;\r\n}\r\n\r\n.jasper-mega-feature-link:hover i {\r\n  transform: translateX(4px);\r\n}\r\n\r\n.jasper-mega-columns {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: 46px;\r\n  padding: 43px 48px 39px;\r\n}\r\n\r\n.jasper-mega-column h3 {\r\n  margin: 0 0 20px;\r\n  padding-bottom: 12px;\r\n  border-bottom: 1px solid var(--jasper-line);\r\n  color: var(--jasper-muted);\r\n  font-size: 10px;\r\n  line-height: 1;\r\n  font-weight: 700;\r\n  letter-spacing: 0.16em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.jasper-mega-column > a {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 13px;\r\n  margin: 0 -12px 7px;\r\n  padding: 11px 12px;\r\n  color: var(--jasper-ink);\r\n  text-decoration: none;\r\n  transition:\r\n    background 0.2s ease,\r\n    transform 0.2s ease;\r\n}\r\n\r\n.jasper-mega-column > a:hover {\r\n  background: #f5f8fa;\r\n  transform: translateX(3px);\r\n}\r\n\r\n.jasper-menu-icon {\r\n  width: 37px;\r\n  height: 37px;\r\n  flex: 0 0 37px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: var(--jasper-sky);\r\n  border-radius: 50%;\r\n  color: var(--jasper-blue);\r\n  font-size: 14px;\r\n}\r\n\r\n.jasper-mega-column strong,\r\n.jasper-service-link strong {\r\n  display: block;\r\n  margin: 1px 0 4px;\r\n  color: var(--jasper-navy);\r\n  font-size: 13px;\r\n  line-height: 1.25;\r\n}\r\n\r\n.jasper-mega-column small,\r\n.jasper-service-link small {\r\n  display: block;\r\n  color: var(--jasper-muted);\r\n  font-size: 11px;\r\n  line-height: 1.4;\r\n}\r\n\r\n.jasper-action-link .jasper-menu-icon {\r\n  background: rgba(209, 168, 74, 0.17);\r\n  color: #9d7421;\r\n}\r\n\r\n\r\n\/* SERVICE MEGA GRID *\/\r\n\r\n.jasper-service-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  align-content: center;\r\n  gap: 14px;\r\n  padding: 39px 45px;\r\n}\r\n\r\n.jasper-service-link {\r\n  min-height: 125px;\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 13px;\r\n  padding: 24px 20px;\r\n  border: 1px solid var(--jasper-line);\r\n  color: var(--jasper-ink);\r\n  text-decoration: none;\r\n  transition:\r\n    border-color 0.2s ease,\r\n    box-shadow 0.2s ease,\r\n    transform 0.2s ease;\r\n}\r\n\r\n.jasper-service-link:hover {\r\n  border-color: rgba(36, 101, 138, 0.42);\r\n  box-shadow: 0 12px 25px rgba(16, 45, 67, 0.08);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.jasper-service-icon {\r\n  width: 39px;\r\n  height: 39px;\r\n  flex: 0 0 39px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: var(--jasper-sky);\r\n  border-radius: 50%;\r\n  color: var(--jasper-blue);\r\n}\r\n\r\n\r\n\/* COMMUNITY MEGA *\/\r\n\r\n.jasper-community-links {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  align-content: center;\r\n  gap: 15px;\r\n  padding: 42px 48px;\r\n}\r\n\r\n.jasper-community-links a {\r\n  min-height: 128px;\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  padding: 25px 25px 25px 77px;\r\n  border: 1px solid var(--jasper-line);\r\n  color: var(--jasper-ink);\r\n  text-decoration: none;\r\n  transition:\r\n    border-color 0.2s ease,\r\n    background 0.2s ease;\r\n}\r\n\r\n.jasper-community-links a:hover {\r\n  border-color: rgba(98, 124, 82, 0.48);\r\n  background: #f7f9f5;\r\n}\r\n\r\n.jasper-community-links i {\r\n  position: absolute;\r\n  top: 29px;\r\n  left: 25px;\r\n  color: var(--jasper-green);\r\n  font-size: 27px;\r\n}\r\n\r\n.jasper-community-links strong {\r\n  margin-bottom: 6px;\r\n  color: var(--jasper-navy);\r\n  font-size: 14px;\r\n}\r\n\r\n.jasper-community-links span {\r\n  color: var(--jasper-muted);\r\n  font-size: 11px;\r\n  line-height: 1.45;\r\n}\r\n\r\n\r\n\/* HEADER ACTIONS *\/\r\n\r\n.jasper-header-actions {\r\n  flex: 0 0 auto;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.jasper-search-toggle {\r\n  width: 42px;\r\n  height: 42px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border: 1px solid var(--jasper-line);\r\n  background: transparent;\r\n  color: var(--jasper-navy);\r\n  cursor: pointer;\r\n  transition:\r\n    border-color 0.2s ease,\r\n    background 0.2s ease;\r\n}\r\n\r\n.jasper-search-toggle:hover {\r\n  border-color: var(--jasper-blue);\r\n  background: var(--jasper-sky);\r\n}\r\n\r\n.jasper-pay-button {\r\n  min-height: 43px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 0 18px;\r\n  background: var(--jasper-gold);\r\n  border: 1px solid var(--jasper-gold);\r\n  color: var(--jasper-navy-deep);\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  text-decoration: none;\r\n  transition:\r\n    background 0.2s ease,\r\n    border-color 0.2s ease,\r\n    transform 0.2s ease;\r\n}\r\n\r\n.jasper-pay-button:hover {\r\n  background: #dfbb64;\r\n  border-color: #dfbb64;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.jasper-mobile-toggle {\r\n  width: 44px;\r\n  height: 42px;\r\n  display: none;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-direction: column;\r\n  gap: 5px;\r\n  border: 0;\r\n  background: var(--jasper-navy);\r\n  cursor: pointer;\r\n}\r\n\r\n.jasper-mobile-toggle span {\r\n  width: 19px;\r\n  height: 2px;\r\n  display: block;\r\n  background: var(--jasper-white);\r\n  transition:\r\n    transform 0.25s ease,\r\n    opacity 0.25s ease;\r\n}\r\n\r\n.jasper-mobile-toggle.is-active span:nth-child(1) {\r\n  transform: translateY(7px) rotate(45deg);\r\n}\r\n\r\n.jasper-mobile-toggle.is-active span:nth-child(2) {\r\n  opacity: 0;\r\n}\r\n\r\n.jasper-mobile-toggle.is-active span:nth-child(3) {\r\n  transform: translateY(-7px) rotate(-45deg);\r\n}\r\n\r\n\r\n\/* SEARCH PANEL *\/\r\n\r\n.jasper-search-panel {\r\n  position: absolute;\r\n  top: 100%;\r\n  right: 0;\r\n  left: 0;\r\n  z-index: 30;\r\n  padding: 37px 0;\r\n  visibility: hidden;\r\n  opacity: 0;\r\n  background: var(--jasper-white);\r\n  border-top: 1px solid var(--jasper-line);\r\n  box-shadow: 0 20px 35px rgba(7, 29, 45, 0.13);\r\n  transform: translateY(-10px);\r\n  transition:\r\n    opacity 0.22s ease,\r\n    transform 0.22s ease,\r\n    visibility 0.22s ease;\r\n}\r\n\r\n.jasper-search-panel.is-open {\r\n  visibility: visible;\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.jasper-search-panel .jasper-header-container {\r\n  position: relative;\r\n}\r\n\r\n.jasper-search-form label {\r\n  display: block;\r\n  margin-bottom: 11px;\r\n  color: var(--jasper-navy);\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.jasper-search-field {\r\n  display: flex;\r\n  padding-right: 52px;\r\n}\r\n\r\n.jasper-search-field input {\r\n  width: 100%;\r\n  height: 58px;\r\n  padding: 0 20px;\r\n  border: 1px solid var(--jasper-line);\r\n  border-right: 0;\r\n  outline: none;\r\n  color: var(--jasper-ink);\r\n  font-family: inherit;\r\n  font-size: 16px;\r\n}\r\n\r\n.jasper-search-field input:focus {\r\n  border-color: var(--jasper-blue);\r\n}\r\n\r\n.jasper-search-field button {\r\n  min-width: 126px;\r\n  border: 0;\r\n  background: var(--jasper-navy);\r\n  color: var(--jasper-white);\r\n  font-family: inherit;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n}\r\n\r\n.jasper-search-field button i {\r\n  margin-right: 7px;\r\n  color: var(--jasper-gold);\r\n}\r\n\r\n.jasper-search-close {\r\n  position: absolute;\r\n  right: 0;\r\n  bottom: 8px;\r\n  width: 42px;\r\n  height: 42px;\r\n  border: 0;\r\n  background: #edf2f4;\r\n  color: var(--jasper-navy);\r\n  cursor: pointer;\r\n}\r\n\r\n\r\n\/* MOBILE MENU *\/\r\n\r\n.jasper-mobile-menu {\r\n  display: none;\r\n}\r\n\r\n\r\n\/* STICKY STATE *\/\r\n\r\n.jasper-site-header.is-sticky .jasper-main-header {\r\n  position: fixed;\r\n  top: 0;\r\n  right: 0;\r\n  left: 0;\r\n  box-shadow: 0 8px 24px rgba(7, 29, 45, 0.1);\r\n  animation: jasperHeaderDrop 0.25s ease;\r\n}\r\n\r\n.jasper-site-header.is-sticky .jasper-main-header-inner {\r\n  min-height: 82px;\r\n}\r\n\r\n.jasper-site-header.is-sticky .jasper-brand-seal {\r\n  width: 58px;\r\n  height: 58px;\r\n  flex-basis: 58px;\r\n}\r\n\r\n.jasper-site-header.is-sticky .jasper-brand-logo {\r\n  width: 224px;\r\n  height: 66px;\r\n}\r\n\r\n.jasper-site-header.is-sticky .jasper-brand {\r\n  min-width: 305px;\r\n}\r\n\r\n@keyframes jasperHeaderDrop {\r\n  from {\r\n    transform: translateY(-100%);\r\n  }\r\n\r\n  to {\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media (max-width: 1380px) {\r\n  .jasper-header-container {\r\n    width: calc(100% - 36px);\r\n  }\r\n\r\n  .jasper-main-header-inner {\r\n    gap: 20px;\r\n  }\r\n\r\n  .jasper-brand {\r\n    min-width: 305px;\r\n    gap: 12px;\r\n  }\r\n\r\n  .jasper-brand-seal {\r\n    width: 62px;\r\n    height: 62px;\r\n    flex-basis: 62px;\r\n  }\r\n\r\n  .jasper-brand-logo {\r\n    width: 230px;\r\n    height: 72px;\r\n  }\r\n\r\n  .jasper-nav-button {\r\n    padding-right: 10px;\r\n    padding-left: 10px;\r\n    font-size: 12px;\r\n  }\r\n\r\n  .jasper-nav-button::after {\r\n    right: 10px;\r\n    left: 10px;\r\n  }\r\n\r\n  .jasper-pay-button span {\r\n    display: none;\r\n  }\r\n\r\n  .jasper-pay-button {\r\n    width: 43px;\r\n    padding: 0;\r\n    justify-content: center;\r\n  }\r\n\r\n  .jasper-mega-inner {\r\n    width: calc(100% - 36px);\r\n  }\r\n}\r\n\r\n@media (max-width: 1120px) {\r\n  .jasper-alert-message span {\r\n    display: none;\r\n  }\r\n\r\n  .jasper-alert-links a:first-child,\r\n  .jasper-alert-links a:nth-child(2) {\r\n    display: none;\r\n  }\r\n\r\n  .jasper-main-header-inner {\r\n    min-height: 92px;\r\n  }\r\n\r\n  .jasper-brand {\r\n    min-width: 0;\r\n  }\r\n\r\n  .jasper-brand-seal {\r\n    width: 62px;\r\n    height: 62px;\r\n    flex-basis: 62px;\r\n  }\r\n\r\n  .jasper-brand-logo {\r\n    width: 235px;\r\n    height: 72px;\r\n  }\r\n\r\n  .jasper-desktop-nav {\r\n    display: none;\r\n  }\r\n\r\n  .jasper-header-actions {\r\n    margin-left: auto;\r\n  }\r\n\r\n  .jasper-mobile-toggle {\r\n    display: flex;\r\n  }\r\n\r\n  .jasper-mobile-menu {\r\n    position: absolute;\r\n    top: 100%;\r\n    right: 0;\r\n    left: 0;\r\n    z-index: 29;\r\n    max-height: calc(100vh - 117px);\r\n    overflow-y: auto;\r\n    background: var(--jasper-white);\r\n    box-shadow: var(--jasper-shadow);\r\n  }\r\n\r\n  .jasper-mobile-menu.is-open {\r\n    display: block;\r\n  }\r\n\r\n  .jasper-mobile-quick-actions {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    background: var(--jasper-navy);\r\n  }\r\n\r\n  .jasper-mobile-quick-actions a {\r\n    min-height: 70px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n    gap: 7px;\r\n    border-right: 1px solid rgba(255, 255, 255, 0.12);\r\n    color: var(--jasper-white);\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .jasper-mobile-quick-actions i {\r\n    color: var(--jasper-gold);\r\n    font-size: 17px;\r\n  }\r\n\r\n  .jasper-mobile-nav {\r\n    padding: 14px 22px 28px;\r\n  }\r\n\r\n  .jasper-mobile-group {\r\n    border-bottom: 1px solid var(--jasper-line);\r\n  }\r\n\r\n  .jasper-mobile-group > button {\r\n    width: 100%;\r\n    min-height: 58px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 0;\r\n    border: 0;\r\n    background: transparent;\r\n    color: var(--jasper-navy);\r\n    font-family: inherit;\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    text-align: left;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .jasper-mobile-group > button i {\r\n    font-size: 11px;\r\n    color: var(--jasper-blue);\r\n    transition: transform 0.25s ease;\r\n  }\r\n\r\n  .jasper-mobile-group.is-open > button i {\r\n    transform: rotate(45deg);\r\n  }\r\n\r\n  .jasper-mobile-submenu {\r\n    display: none;\r\n    padding: 0 0 17px 13px;\r\n  }\r\n\r\n  .jasper-mobile-group.is-open .jasper-mobile-submenu {\r\n    display: block;\r\n  }\r\n\r\n  .jasper-mobile-submenu a {\r\n    display: block;\r\n    padding: 9px 0;\r\n    color: var(--jasper-muted);\r\n    font-size: 13px;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .jasper-mobile-contact {\r\n    min-height: 52px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    margin-top: 21px;\r\n    padding: 0 18px;\r\n    background: var(--jasper-gold);\r\n    color: var(--jasper-navy);\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    text-decoration: none;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .jasper-header-container {\r\n    width: calc(100% - 24px);\r\n  }\r\n\r\n  .jasper-alert-strip,\r\n  .jasper-alert-strip .jasper-header-container {\r\n    min-height: 34px;\r\n  }\r\n\r\n  .jasper-alert-links {\r\n    margin-left: auto;\r\n  }\r\n\r\n  .jasper-main-header-inner {\r\n    min-height: 77px;\r\n    gap: 8px;\r\n  }\r\n\r\n  .jasper-brand {\r\n    gap: 8px;\r\n    min-width: 0;\r\n  }\r\n\r\n  .jasper-brand-seal {\r\n    width: 48px;\r\n    height: 48px;\r\n    flex-basis: 48px;\r\n    padding: 2px;\r\n  }\r\n\r\n  .jasper-brand-logo {\r\n    width: 154px;\r\n    height: 55px;\r\n  }\r\n\r\n  .jasper-search-toggle {\r\n    display: none;\r\n  }\r\n\r\n  .jasper-pay-button {\r\n    display: none;\r\n  }\r\n\r\n  .jasper-mobile-toggle {\r\n    width: 42px;\r\n    height: 40px;\r\n  }\r\n\r\n  .jasper-search-field {\r\n    padding-right: 0;\r\n  }\r\n\r\n  .jasper-search-field input {\r\n    border-right: 1px solid var(--jasper-line);\r\n  }\r\n\r\n  .jasper-search-field button {\r\n    min-width: 55px;\r\n  }\r\n\r\n  .jasper-search-field button span {\r\n    display: none;\r\n  }\r\n\r\n  .jasper-search-close {\r\n    display: none;\r\n  }\r\n\r\n  .jasper-site-header.is-sticky .jasper-main-header-inner {\r\n    min-height: 70px;\r\n  }\r\n\r\n  .jasper-site-header.is-sticky .jasper-brand-seal {\r\n    width: 44px;\r\n    height: 44px;\r\n    flex-basis: 44px;\r\n  }\r\n\r\n  .jasper-site-header.is-sticky .jasper-brand-logo {\r\n    width: 142px;\r\n    height: 50px;\r\n  }\r\n}\r\n\r\n@media (max-width: 390px) {\r\n  .jasper-brand-logo {\r\n    width: 137px;\r\n  }\r\n\r\n  .jasper-brand-seal {\r\n    width: 44px;\r\n    height: 44px;\r\n    flex-basis: 44px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const header = document.getElementById(\"jasperSiteHeader\");\r\n\r\n  if (!header) {\r\n    return;\r\n  }\r\n\r\n  const mobileToggle = header.querySelector(\".jasper-mobile-toggle\");\r\n  const mobileMenu = header.querySelector(\".jasper-mobile-menu\");\r\n  const mobileGroups = header.querySelectorAll(\".jasper-mobile-group\");\r\n  const searchToggle = header.querySelector(\".jasper-search-toggle\");\r\n  const searchPanel = header.querySelector(\".jasper-search-panel\");\r\n  const searchClose = header.querySelector(\".jasper-search-close\");\r\n  const searchInput = header.querySelector(\"#jasperSiteSearch\");\r\n\r\n  function closeMobileMenu() {\r\n    if (!mobileMenu || !mobileToggle) {\r\n      return;\r\n    }\r\n\r\n    mobileMenu.classList.remove(\"is-open\");\r\n    mobileToggle.classList.remove(\"is-active\");\r\n    mobileToggle.setAttribute(\"aria-expanded\", \"false\");\r\n    mobileMenu.setAttribute(\"aria-hidden\", \"true\");\r\n  }\r\n\r\n  function closeSearch() {\r\n    if (!searchPanel) {\r\n      return;\r\n    }\r\n\r\n    searchPanel.classList.remove(\"is-open\");\r\n    searchPanel.setAttribute(\"aria-hidden\", \"true\");\r\n  }\r\n\r\n  if (mobileToggle && mobileMenu) {\r\n    mobileToggle.addEventListener(\"click\", function () {\r\n      const isOpen = mobileMenu.classList.toggle(\"is-open\");\r\n\r\n      mobileToggle.classList.toggle(\"is-active\", isOpen);\r\n      mobileToggle.setAttribute(\"aria-expanded\", String(isOpen));\r\n      mobileMenu.setAttribute(\"aria-hidden\", String(!isOpen));\r\n\r\n      closeSearch();\r\n    });\r\n  }\r\n\r\n  mobileGroups.forEach(function (group) {\r\n    const button = group.querySelector(\"button\");\r\n\r\n    if (!button) {\r\n      return;\r\n    }\r\n\r\n    button.addEventListener(\"click\", function () {\r\n      const wasOpen = group.classList.contains(\"is-open\");\r\n\r\n      mobileGroups.forEach(function (otherGroup) {\r\n        otherGroup.classList.remove(\"is-open\");\r\n      });\r\n\r\n      if (!wasOpen) {\r\n        group.classList.add(\"is-open\");\r\n      }\r\n    });\r\n  });\r\n\r\n  if (searchToggle && searchPanel) {\r\n    searchToggle.addEventListener(\"click\", function () {\r\n      const isOpen = searchPanel.classList.toggle(\"is-open\");\r\n\r\n      searchPanel.setAttribute(\"aria-hidden\", String(!isOpen));\r\n      closeMobileMenu();\r\n\r\n      if (isOpen && searchInput) {\r\n        window.setTimeout(function () {\r\n          searchInput.focus();\r\n        }, 100);\r\n      }\r\n    });\r\n  }\r\n\r\n  if (searchClose) {\r\n    searchClose.addEventListener(\"click\", closeSearch);\r\n  }\r\n\r\n  document.addEventListener(\"keydown\", function (event) {\r\n    if (event.key === \"Escape\") {\r\n      closeMobileMenu();\r\n      closeSearch();\r\n    }\r\n  });\r\n\r\n  window.addEventListener(\"resize\", function () {\r\n    if (window.innerWidth > 1120) {\r\n      closeMobileMenu();\r\n    }\r\n  });\r\n\r\n  window.addEventListener(\"scroll\", function () {\r\n    header.classList.toggle(\"is-sticky\", window.scrollY > 170);\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-02b2d3b e-con-full e-flex e-con e-parent\" data-id=\"02b2d3b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d93e88e elementor-widget elementor-widget-html\" data-id=\"d93e88e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"jasper-hero\">\r\n\r\n  <div class=\"jasper-hero-media\">\r\n  <img decoding=\"async\"\r\n  src=\"https:\/\/livewire.team\/figs\/wp-content\/uploads\/2026\/07\/gf.jpg\"\r\n  alt=\"Historic downtown Jasper, Florida\"\r\n>\r\n  <\/div>\r\n\r\n  <div class=\"jasper-hero-overlay\"><\/div>\r\n\r\n  <div class=\"jasper-hero-detail\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"jasper-hero-inner\">\r\n\r\n    <div class=\"jasper-hero-content\">\r\n\r\n      <div class=\"jasper-hero-kicker\">\r\n        <span><\/span>\r\n        City of Jasper, Florida\r\n      <\/div>\r\n\r\n      <h1>\r\n        Small-Town Character.<br>\r\n        <em>Connected Community.<\/em>\r\n      <\/h1>\r\n\r\n      <p>\r\n        Welcome to Jasper, a North Florida community committed to responsive\r\n        city services, responsible growth and a strong quality of life.\r\n      <\/p>\r\n\r\n      <div class=\"jasper-hero-actions\">\r\n        <a href=\"\/resident-services\/\" class=\"jasper-hero-primary\">\r\n          Resident Services\r\n          <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n        <\/a>\r\n\r\n        <a href=\"\/contact-us\/\" class=\"jasper-hero-secondary\">\r\n          Contact City Hall\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"jasper-hero-quick-panel\">\r\n\r\n      <div class=\"jasper-quick-panel-heading\">\r\n        <span>Quick Access<\/span>\r\n        <strong>How can we help?<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"jasper-quick-links\">\r\n\r\n        <a href=\"#\">\r\n          <span class=\"jasper-quick-icon\">\r\n            <i class=\"fa-regular fa-credit-card\"><\/i>\r\n          <\/span>\r\n\r\n          <span class=\"jasper-quick-copy\">\r\n            <strong>Pay Utility Bill<\/strong>\r\n            <small>Access the online payment portal<\/small>\r\n          <\/span>\r\n\r\n          <i class=\"fa-solid fa-arrow-right jasper-quick-arrow\"><\/i>\r\n        <\/a>\r\n\r\n        <a href=\"\/meetings-agendas\/\">\r\n          <span class=\"jasper-quick-icon\">\r\n            <i class=\"fa-regular fa-calendar\"><\/i>\r\n          <\/span>\r\n\r\n          <span class=\"jasper-quick-copy\">\r\n            <strong>Meetings &amp; Agendas<\/strong>\r\n            <small>View schedules and public records<\/small>\r\n          <\/span>\r\n\r\n          <i class=\"fa-solid fa-arrow-right jasper-quick-arrow\"><\/i>\r\n        <\/a>\r\n\r\n        <a href=\"\/public-notices\/\">\r\n          <span class=\"jasper-quick-icon\">\r\n            <i class=\"fa-solid fa-bullhorn\"><\/i>\r\n          <\/span>\r\n\r\n          <span class=\"jasper-quick-copy\">\r\n            <strong>Public Notices<\/strong>\r\n            <small>Read official city announcements<\/small>\r\n          <\/span>\r\n\r\n          <i class=\"fa-solid fa-arrow-right jasper-quick-arrow\"><\/i>\r\n        <\/a>\r\n\r\n        <a href=\"\/planning-and-zoning\/\">\r\n          <span class=\"jasper-quick-icon\">\r\n            <i class=\"fa-solid fa-file-signature\"><\/i>\r\n          <\/span>\r\n\r\n          <span class=\"jasper-quick-copy\">\r\n            <strong>Permits &amp; Planning<\/strong>\r\n            <small>Applications, maps and development<\/small>\r\n          <\/span>\r\n\r\n          <i class=\"fa-solid fa-arrow-right jasper-quick-arrow\"><\/i>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"jasper-hero-bottom\">\r\n\r\n    <div class=\"jasper-hero-bottom-inner\">\r\n\r\n      <div class=\"jasper-hero-location\">\r\n        <i class=\"fa-solid fa-location-dot\"><\/i>\r\n        <span>\r\n          <small>City Hall<\/small>\r\n          208 Hatley Street West, Jasper, FL\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <div class=\"jasper-hero-contact\">\r\n        <a href=\"tel:13867921212\">\r\n          <i class=\"fa-solid fa-phone\"><\/i>\r\n          386-792-1212\r\n        <\/a>\r\n\r\n        <a href=\"\/contact-us\/\">\r\n          City Directory\r\n          <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n.jasper-hero {\r\n  --jasper-navy: #102d43;\r\n  --jasper-deep: #071e2e;\r\n  --jasper-blue: #24658a;\r\n  --jasper-green: #667f57;\r\n  --jasper-gold: #d1a84a;\r\n  --jasper-cream: #f4f1e8;\r\n  --jasper-white: #ffffff;\r\n\r\n  position: relative;\r\n  min-height: 720px;\r\n  display: flex;\r\n  align-items: stretch;\r\n  overflow: hidden;\r\n  background: var(--jasper-deep);\r\n  font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.jasper-hero-media,\r\n.jasper-hero-overlay,\r\n.jasper-hero-detail {\r\n  position: absolute;\r\n  inset: 0;\r\n}\r\n\r\n.jasper-hero-media img {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  transform: scale(1.015);\r\n}\r\n\r\n.jasper-hero-overlay {\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(4, 23, 36, 0.95) 0%,\r\n      rgba(6, 28, 43, 0.86) 34%,\r\n      rgba(7, 30, 46, 0.48) 63%,\r\n      rgba(7, 30, 46, 0.24) 100%\r\n    ),\r\n    linear-gradient(\r\n      180deg,\r\n      rgba(7, 30, 46, 0.08) 0%,\r\n      rgba(7, 30, 46, 0.08) 65%,\r\n      rgba(7, 30, 46, 0.82) 100%\r\n    );\r\n}\r\n\r\n.jasper-hero-detail {\r\n  opacity: 0.11;\r\n  background-image:\r\n    linear-gradient(rgba(255,255,255,0.09) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(255,255,255,0.09) 1px, transparent 1px);\r\n  background-size: 62px 62px;\r\n  mask-image: linear-gradient(90deg, black, transparent 68%);\r\n  pointer-events: none;\r\n}\r\n\r\n.jasper-hero-inner {\r\n  width: min(1460px, calc(100% - 70px));\r\n  min-height: 720px;\r\n  position: relative;\r\n  z-index: 3;\r\n  margin: 0 auto;\r\n  padding: 90px 0 125px;\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.1fr) 410px;\r\n  align-items: center;\r\n  gap: 85px;\r\n}\r\n\r\n.jasper-hero-content {\r\n  max-width: 760px;\r\n}\r\n\r\n.jasper-hero-kicker {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  margin-bottom: 25px;\r\n  color: rgba(255, 255, 255, 0.82);\r\n  font-size: 11px;\r\n  line-height: 1;\r\n  font-weight: 700;\r\n  letter-spacing: 0.22em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.jasper-hero-kicker span {\r\n  width: 34px;\r\n  height: 2px;\r\n  background: var(--jasper-gold);\r\n}\r\n\r\n.jasper-hero h1 {\r\n  max-width: 750px;\r\n  margin: 0;\r\n  color: var(--jasper-white);\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: clamp(58px, 5.7vw, 91px);\r\n  line-height: 0.98;\r\n  font-weight: 500;\r\n  letter-spacing: -0.048em;\r\n}\r\n\r\n.jasper-hero h1 em {\r\n  color: #f0d593;\r\n  font-weight: 400;\r\n}\r\n\r\n.jasper-hero-content > p {\r\n  max-width: 640px;\r\n  margin: 29px 0 0;\r\n  color: rgba(255, 255, 255, 0.77);\r\n  font-size: 17px;\r\n  line-height: 1.75;\r\n}\r\n\r\n.jasper-hero-actions {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  margin-top: 38px;\r\n}\r\n\r\n.jasper-hero-actions a {\r\n  min-height: 54px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 13px;\r\n  padding: 0 25px;\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  text-decoration: none;\r\n  transition:\r\n    background 0.2s ease,\r\n    border-color 0.2s ease,\r\n    color 0.2s ease,\r\n    transform 0.2s ease;\r\n}\r\n\r\n.jasper-hero-primary {\r\n  background: var(--jasper-gold);\r\n  border: 1px solid var(--jasper-gold);\r\n  color: var(--jasper-deep);\r\n}\r\n\r\n.jasper-hero-primary:hover {\r\n  background: #dfba62;\r\n  border-color: #dfba62;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.jasper-hero-secondary {\r\n  border: 1px solid rgba(255, 255, 255, 0.38);\r\n  color: var(--jasper-white);\r\n  backdrop-filter: blur(8px);\r\n}\r\n\r\n.jasper-hero-secondary:hover {\r\n  background: rgba(255, 255, 255, 0.11);\r\n  border-color: rgba(255, 255, 255, 0.65);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\r\n\/* QUICK PANEL *\/\r\n\r\n.jasper-hero-quick-panel {\r\n  position: relative;\r\n  padding: 30px;\r\n  background: rgba(255, 255, 255, 0.96);\r\n  box-shadow: 0 25px 65px rgba(0, 0, 0, 0.24);\r\n  backdrop-filter: blur(14px);\r\n}\r\n\r\n.jasper-hero-quick-panel::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  left: 0;\r\n  height: 4px;\r\n  background: var(--jasper-gold);\r\n}\r\n\r\n.jasper-quick-panel-heading {\r\n  padding: 3px 4px 22px;\r\n  border-bottom: 1px solid rgba(16, 45, 67, 0.12);\r\n}\r\n\r\n.jasper-quick-panel-heading span {\r\n  display: block;\r\n  margin-bottom: 6px;\r\n  color: var(--jasper-blue);\r\n  font-size: 9px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.19em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.jasper-quick-panel-heading strong {\r\n  display: block;\r\n  color: var(--jasper-navy);\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 27px;\r\n  line-height: 1.15;\r\n  font-weight: 500;\r\n}\r\n\r\n.jasper-quick-links {\r\n  padding-top: 8px;\r\n}\r\n\r\n.jasper-quick-links > a {\r\n  display: grid;\r\n  grid-template-columns: 42px minmax(0, 1fr) 18px;\r\n  align-items: center;\r\n  gap: 14px;\r\n  margin: 0 -12px;\r\n  padding: 16px 12px;\r\n  border-bottom: 1px solid rgba(16, 45, 67, 0.1);\r\n  color: var(--jasper-navy);\r\n  text-decoration: none;\r\n  transition:\r\n    background 0.2s ease,\r\n    transform 0.2s ease;\r\n}\r\n\r\n.jasper-quick-links > a:last-child {\r\n  border-bottom: 0;\r\n}\r\n\r\n.jasper-quick-links > a:hover {\r\n  background: #f3f7f9;\r\n  transform: translateX(3px);\r\n}\r\n\r\n.jasper-quick-icon {\r\n  width: 42px;\r\n  height: 42px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: #e2edf2;\r\n  border-radius: 50%;\r\n  color: var(--jasper-blue);\r\n  font-size: 15px;\r\n}\r\n\r\n.jasper-quick-copy strong {\r\n  display: block;\r\n  margin-bottom: 4px;\r\n  color: var(--jasper-navy);\r\n  font-size: 13px;\r\n  line-height: 1.2;\r\n}\r\n\r\n.jasper-quick-copy small {\r\n  display: block;\r\n  color: #697883;\r\n  font-size: 10px;\r\n  line-height: 1.4;\r\n}\r\n\r\n.jasper-quick-arrow {\r\n  color: var(--jasper-gold);\r\n  font-size: 11px;\r\n  transition: transform 0.2s ease;\r\n}\r\n\r\n.jasper-quick-links > a:hover .jasper-quick-arrow {\r\n  transform: translateX(3px);\r\n}\r\n\r\n\r\n\/* LOWER INFORMATION BAR *\/\r\n\r\n.jasper-hero-bottom {\r\n  position: absolute;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  z-index: 5;\r\n  min-height: 84px;\r\n  background: rgba(7, 30, 46, 0.88);\r\n  border-top: 1px solid rgba(255, 255, 255, 0.14);\r\n  backdrop-filter: blur(13px);\r\n}\r\n\r\n.jasper-hero-bottom-inner {\r\n  width: min(1460px, calc(100% - 70px));\r\n  min-height: 84px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 35px;\r\n}\r\n\r\n.jasper-hero-location,\r\n.jasper-hero-contact {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.jasper-hero-location {\r\n  gap: 13px;\r\n  color: rgba(255, 255, 255, 0.8);\r\n  font-size: 12px;\r\n}\r\n\r\n.jasper-hero-location > i {\r\n  color: var(--jasper-gold);\r\n  font-size: 18px;\r\n}\r\n\r\n.jasper-hero-location span {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 3px;\r\n}\r\n\r\n.jasper-hero-location small {\r\n  color: rgba(255, 255, 255, 0.48);\r\n  font-size: 8px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.jasper-hero-contact {\r\n  gap: 28px;\r\n}\r\n\r\n.jasper-hero-contact a {\r\n  color: var(--jasper-white);\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  text-decoration: none;\r\n}\r\n\r\n.jasper-hero-contact a:first-child i {\r\n  margin-right: 7px;\r\n  color: var(--jasper-gold);\r\n}\r\n\r\n.jasper-hero-contact a:last-child {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n  color: #f0d593;\r\n}\r\n\r\n.jasper-hero-contact a:last-child i {\r\n  font-size: 9px;\r\n}\r\n\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media (max-width: 1100px) {\r\n  .jasper-hero {\r\n    min-height: auto;\r\n  }\r\n\r\n  .jasper-hero-inner {\r\n    min-height: auto;\r\n    grid-template-columns: minmax(0, 1fr) 350px;\r\n    gap: 45px;\r\n    padding-top: 75px;\r\n  }\r\n\r\n  .jasper-hero h1 {\r\n    font-size: clamp(54px, 7vw, 75px);\r\n  }\r\n\r\n  .jasper-hero-quick-panel {\r\n    padding: 25px;\r\n  }\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .jasper-hero-overlay {\r\n    background:\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(4, 23, 36, 0.93),\r\n        rgba(6, 28, 43, 0.76)\r\n      ),\r\n      linear-gradient(\r\n        180deg,\r\n        rgba(7, 30, 46, 0.12),\r\n        rgba(7, 30, 46, 0.8)\r\n      );\r\n  }\r\n\r\n  .jasper-hero-inner {\r\n    width: min(100% - 44px, 720px);\r\n    grid-template-columns: 1fr;\r\n    gap: 48px;\r\n    padding: 75px 0 145px;\r\n  }\r\n\r\n  .jasper-hero-content {\r\n    max-width: 680px;\r\n  }\r\n\r\n  .jasper-hero-quick-panel {\r\n    max-width: 680px;\r\n  }\r\n\r\n  .jasper-hero-bottom-inner {\r\n    width: calc(100% - 44px);\r\n  }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .jasper-hero-inner {\r\n    width: calc(100% - 30px);\r\n    padding: 58px 0 155px;\r\n  }\r\n\r\n  .jasper-hero h1 {\r\n    font-size: 48px;\r\n    line-height: 1;\r\n  }\r\n\r\n  .jasper-hero-content > p {\r\n    margin-top: 23px;\r\n    font-size: 15px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .jasper-hero-actions {\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n  }\r\n\r\n  .jasper-hero-actions a {\r\n    width: 100%;\r\n  }\r\n\r\n  .jasper-hero-quick-panel {\r\n    padding: 22px 19px;\r\n  }\r\n\r\n  .jasper-quick-panel-heading strong {\r\n    font-size: 24px;\r\n  }\r\n\r\n  .jasper-quick-links > a {\r\n    grid-template-columns: 39px minmax(0, 1fr) 15px;\r\n    gap: 11px;\r\n  }\r\n\r\n  .jasper-quick-icon {\r\n    width: 39px;\r\n    height: 39px;\r\n  }\r\n\r\n  .jasper-hero-bottom {\r\n    min-height: 112px;\r\n  }\r\n\r\n  .jasper-hero-bottom-inner {\r\n    width: calc(100% - 30px);\r\n    min-height: 112px;\r\n    align-items: flex-start;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n    gap: 14px;\r\n    padding: 17px 0;\r\n  }\r\n\r\n  .jasper-hero-contact {\r\n    width: 100%;\r\n    justify-content: space-between;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-434cc5c e-con-full e-flex e-con e-parent\" data-id=\"434cc5c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7743c95 elementor-widget elementor-widget-html\" data-id=\"7743c95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<main class=\"jasper-home-main\">\r\n\r\n  <!-- SERVICE FINDER -->\r\n  <section class=\"jasper-home-services\">\r\n    <div class=\"jasper-home-container\">\r\n\r\n      <div class=\"jasper-section-heading jasper-section-heading-centered\">\r\n        <span class=\"jasper-section-kicker\">City Services<\/span>\r\n        <h2>Find What You Need<\/h2>\r\n        <p>\r\n          Quickly access the city services, departments and information used\r\n          most often by Jasper residents and businesses.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"jasper-service-finder\">\r\n\r\n        <a href=\"#\" class=\"jasper-service-item jasper-service-item-featured\">\r\n          <span class=\"jasper-service-number\">01<\/span>\r\n\r\n          <span class=\"jasper-service-item-icon\">\r\n            <i class=\"fa-regular fa-credit-card\"><\/i>\r\n          <\/span>\r\n\r\n          <span class=\"jasper-service-item-copy\">\r\n            <strong>Pay a Utility Bill<\/strong>\r\n            <small>Open the secure online payment portal<\/small>\r\n          <\/span>\r\n\r\n          <span class=\"jasper-service-item-arrow\">\r\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n          <\/span>\r\n        <\/a>\r\n\r\n        <a href=\"\/public-services\/\" class=\"jasper-service-item\">\r\n          <span class=\"jasper-service-number\">02<\/span>\r\n\r\n          <span class=\"jasper-service-item-icon\">\r\n            <i class=\"fa-solid fa-droplet\"><\/i>\r\n          <\/span>\r\n\r\n          <span class=\"jasper-service-item-copy\">\r\n            <strong>Utilities<\/strong>\r\n            <small>Water, sewer, natural gas and sanitation<\/small>\r\n          <\/span>\r\n\r\n          <span class=\"jasper-service-item-arrow\">\r\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n          <\/span>\r\n        <\/a>\r\n\r\n        <a href=\"\/planning-and-zoning\/\" class=\"jasper-service-item\">\r\n          <span class=\"jasper-service-number\">03<\/span>\r\n\r\n          <span class=\"jasper-service-item-icon\">\r\n            <i class=\"fa-solid fa-compass-drafting\"><\/i>\r\n          <\/span>\r\n\r\n          <span class=\"jasper-service-item-copy\">\r\n            <strong>Permits &amp; Planning<\/strong>\r\n            <small>Applications, zoning and development resources<\/small>\r\n          <\/span>\r\n\r\n          <span class=\"jasper-service-item-arrow\">\r\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n          <\/span>\r\n        <\/a>\r\n\r\n        <a href=\"\/contact-us\/\" class=\"jasper-service-item\">\r\n          <span class=\"jasper-service-number\">04<\/span>\r\n\r\n          <span class=\"jasper-service-item-icon\">\r\n            <i class=\"fa-solid fa-screwdriver-wrench\"><\/i>\r\n          <\/span>\r\n\r\n          <span class=\"jasper-service-item-copy\">\r\n            <strong>Report a Concern<\/strong>\r\n            <small>Contact the appropriate city department<\/small>\r\n          <\/span>\r\n\r\n          <span class=\"jasper-service-item-arrow\">\r\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n          <\/span>\r\n        <\/a>\r\n\r\n        <a href=\"\/rent-the-civic-center\/\" class=\"jasper-service-item\">\r\n          <span class=\"jasper-service-number\">05<\/span>\r\n\r\n          <span class=\"jasper-service-item-icon\">\r\n            <i class=\"fa-solid fa-people-roof\"><\/i>\r\n          <\/span>\r\n\r\n          <span class=\"jasper-service-item-copy\">\r\n            <strong>Civic Center<\/strong>\r\n            <small>Facility information and rental details<\/small>\r\n          <\/span>\r\n\r\n          <span class=\"jasper-service-item-arrow\">\r\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n          <\/span>\r\n        <\/a>\r\n\r\n        <a href=\"\/employment\/\" class=\"jasper-service-item\">\r\n          <span class=\"jasper-service-number\">06<\/span>\r\n\r\n          <span class=\"jasper-service-item-icon\">\r\n            <i class=\"fa-solid fa-briefcase\"><\/i>\r\n          <\/span>\r\n\r\n          <span class=\"jasper-service-item-copy\">\r\n            <strong>City Employment<\/strong>\r\n            <small>View current opportunities with Jasper<\/small>\r\n          <\/span>\r\n\r\n          <span class=\"jasper-service-item-arrow\">\r\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n          <\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"jasper-services-directory-link\">\r\n        <a href=\"\/contact-us\/\">\r\n          View All Departments &amp; Services\r\n          <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- NEWS, NOTICES AND MEETINGS -->\r\n  <section class=\"jasper-home-information\">\r\n    <div class=\"jasper-home-container\">\r\n\r\n      <div class=\"jasper-information-header\">\r\n        <div>\r\n          <span class=\"jasper-section-kicker\">Stay Informed<\/span>\r\n          <h2>City News &amp; Public Information<\/h2>\r\n        <\/div>\r\n\r\n        <a href=\"\/public-notices\/\" class=\"jasper-text-link\">\r\n          View All Notices\r\n          <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"jasper-information-layout\">\r\n\r\n        <div class=\"jasper-notices-column\">\r\n\r\n          <article class=\"jasper-featured-notice\">\r\n            <div class=\"jasper-featured-notice-top\">\r\n              <span class=\"jasper-notice-type\">\r\n                <i class=\"fa-solid fa-bullhorn\"><\/i>\r\n                Public Notice\r\n              <\/span>\r\n\r\n              <time datetime=\"\">Latest Update<\/time>\r\n            <\/div>\r\n\r\n            <div class=\"jasper-featured-notice-content\">\r\n              <h3>Current City Notices and Announcements<\/h3>\r\n\r\n              <p>\r\n                Find official notices, service updates, public hearings and\r\n                other important information from the City of Jasper.\r\n              <\/p>\r\n\r\n              <a href=\"\/public-notices\/\">\r\n                Read Current Notices\r\n                <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n              <\/a>\r\n            <\/div>\r\n\r\n            <div class=\"jasper-featured-notice-mark\" aria-hidden=\"true\">\r\n              J\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <div class=\"jasper-notice-list\">\r\n\r\n            <a href=\"\/employment\/\" class=\"jasper-notice-row\">\r\n              <span class=\"jasper-notice-date\">\r\n                <small>City<\/small>\r\n                Jobs\r\n              <\/span>\r\n\r\n              <span class=\"jasper-notice-row-copy\">\r\n                <strong>Employment Opportunities<\/strong>\r\n                <small>View available positions with the City of Jasper<\/small>\r\n              <\/span>\r\n\r\n              <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n            <\/a>\r\n\r\n            <a href=\"\/holiday-schedule\/\" class=\"jasper-notice-row\">\r\n              <span class=\"jasper-notice-date\">\r\n                <small>City<\/small>\r\n                Hours\r\n              <\/span>\r\n\r\n              <span class=\"jasper-notice-row-copy\">\r\n                <strong>Holiday Schedule<\/strong>\r\n                <small>City Hall closures and adjusted service schedules<\/small>\r\n              <\/span>\r\n\r\n              <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <aside class=\"jasper-meeting-panel\">\r\n\r\n          <div class=\"jasper-meeting-panel-header\">\r\n            <span>\r\n              <i class=\"fa-regular fa-calendar\"><\/i>\r\n              Public Meetings\r\n            <\/span>\r\n\r\n            <a href=\"\/meetings-agendas\/\" aria-label=\"View all public meetings\">\r\n              <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n            <\/a>\r\n          <\/div>\r\n\r\n          <div class=\"jasper-meeting-panel-content\">\r\n\r\n            <div class=\"jasper-next-meeting-label\">\r\n              Upcoming Meeting\r\n            <\/div>\r\n\r\n            <div class=\"jasper-meeting-date\">\r\n              <span class=\"jasper-meeting-month\">Date<\/span>\r\n              <strong>To Be Announced<\/strong>\r\n            <\/div>\r\n\r\n            <h3>Jasper City Council Meeting<\/h3>\r\n\r\n            <div class=\"jasper-meeting-details\">\r\n              <span>\r\n                <i class=\"fa-regular fa-clock\"><\/i>\r\n                Meeting time listed with agenda\r\n              <\/span>\r\n\r\n              <span>\r\n                <i class=\"fa-solid fa-location-dot\"><\/i>\r\n                Jasper City Hall\r\n              <\/span>\r\n            <\/div>\r\n\r\n            <div class=\"jasper-meeting-actions\">\r\n              <a href=\"\/meetings-agendas\/\" class=\"jasper-meeting-primary\">\r\n                View Meetings &amp; Agendas\r\n              <\/a>\r\n\r\n              <a href=\"\/contact-us\/\" class=\"jasper-meeting-secondary\">\r\n                Contact City Hall\r\n              <\/a>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"jasper-meeting-panel-footer\">\r\n            <i class=\"fa-solid fa-circle-info\"><\/i>\r\n            Meeting details should be confirmed on the official agenda.\r\n          <\/div>\r\n\r\n        <\/aside>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- ABOUT JASPER -->\r\n  <section class=\"jasper-home-about\">\r\n\r\n    <div class=\"jasper-about-photo\">\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/livewire.team\/figs\/wp-content\/uploads\/2026\/07\/uu-scaled.jpg\"\r\n        alt=\"Jasper, Florida\"\r\n      >\r\n\r\n      <div class=\"jasper-about-photo-overlay\"><\/div>\r\n\r\n      <div class=\"jasper-about-photo-label\">\r\n        <span>Hamilton County<\/span>\r\n        <strong>Jasper, Florida<\/strong>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"jasper-about-content\">\r\n\r\n      <div class=\"jasper-about-content-inner\">\r\n        <span class=\"jasper-section-kicker\">Our Community<\/span>\r\n\r\n        <h2>Florida\u2019s Front Porch<\/h2>\r\n\r\n        <p class=\"jasper-about-lead\">\r\n          Jasper is a close-knit North Florida community where small-town\r\n          character, local service and opportunities for responsible growth\r\n          come together.\r\n        <\/p>\r\n\r\n        <p>\r\n          As the county seat of Hamilton County, Jasper serves as a center for\r\n          local government, community life and commerce. The city remains\r\n          focused on providing dependable public services while preserving the\r\n          character that makes Jasper feel like home.\r\n        <\/p>\r\n\r\n        <div class=\"jasper-about-links\">\r\n\r\n          <a href=\"\/about-our-city\/\">\r\n            <span>\r\n              <strong>About Jasper<\/strong>\r\n              <small>Learn about the city and its history<\/small>\r\n            <\/span>\r\n\r\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n          <\/a>\r\n\r\n          <a href=\"\/planning-and-zoning\/\">\r\n            <span>\r\n              <strong>Growth &amp; Development<\/strong>\r\n              <small>Explore planning and development resources<\/small>\r\n            <\/span>\r\n\r\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n          <\/a>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- GOVERNMENT ACCESS -->\r\n  <section class=\"jasper-home-government\">\r\n    <div class=\"jasper-home-container\">\r\n\r\n      <div class=\"jasper-government-layout\">\r\n\r\n        <div class=\"jasper-government-intro\">\r\n          <span class=\"jasper-section-kicker\">Your City Government<\/span>\r\n\r\n          <h2>Transparent. Accessible. Working for Jasper.<\/h2>\r\n\r\n          <p>\r\n            Access city leadership, official records, financial information\r\n            and the public documents that help residents stay connected to\r\n            local government.\r\n          <\/p>\r\n\r\n          <a href=\"\/city-council\/\" class=\"jasper-outline-button\">\r\n            Explore City Government\r\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"jasper-government-links\">\r\n\r\n          <a href=\"\/city-council\/\" class=\"jasper-government-link\">\r\n            <span class=\"jasper-government-link-icon\">\r\n              <i class=\"fa-solid fa-landmark\"><\/i>\r\n            <\/span>\r\n\r\n            <span class=\"jasper-government-link-copy\">\r\n              <strong>Mayor &amp; City Council<\/strong>\r\n              <small>Meet Jasper\u2019s elected representatives<\/small>\r\n            <\/span>\r\n\r\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n          <\/a>\r\n\r\n          <a href=\"\/city-manager\/\" class=\"jasper-government-link\">\r\n            <span class=\"jasper-government-link-icon\">\r\n              <i class=\"fa-solid fa-user-tie\"><\/i>\r\n            <\/span>\r\n\r\n            <span class=\"jasper-government-link-copy\">\r\n              <strong>City Administration<\/strong>\r\n              <small>City manager and administrative leadership<\/small>\r\n            <\/span>\r\n\r\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n          <\/a>\r\n\r\n          <a href=\"\/meetings-agendas\/\" class=\"jasper-government-link\">\r\n            <span class=\"jasper-government-link-icon\">\r\n              <i class=\"fa-solid fa-file-lines\"><\/i>\r\n            <\/span>\r\n\r\n            <span class=\"jasper-government-link-copy\">\r\n              <strong>Agendas &amp; Minutes<\/strong>\r\n              <small>Review public meeting documents<\/small>\r\n            <\/span>\r\n\r\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n          <\/a>\r\n\r\n          <a href=\"\/finance\/\" class=\"jasper-government-link\">\r\n            <span class=\"jasper-government-link-icon\">\r\n              <i class=\"fa-solid fa-chart-column\"><\/i>\r\n            <\/span>\r\n\r\n            <span class=\"jasper-government-link-copy\">\r\n              <strong>Financial Transparency<\/strong>\r\n              <small>Budgets, audits and financial reports<\/small>\r\n            <\/span>\r\n\r\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- DEPARTMENT BAND -->\r\n  <section class=\"jasper-home-departments\">\r\n    <div class=\"jasper-home-container\">\r\n\r\n      <div class=\"jasper-department-heading\">\r\n        <div>\r\n          <span class=\"jasper-section-kicker\">City Departments<\/span>\r\n          <h2>Working Together for Jasper<\/h2>\r\n        <\/div>\r\n\r\n        <p>\r\n          Connect directly with the departments responsible for public safety,\r\n          utilities, infrastructure and city administration.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"jasper-department-row\">\r\n\r\n        <a href=\"\/police-department\/\">\r\n          <span class=\"jasper-department-icon\">\r\n            <i class=\"fa-solid fa-shield-halved\"><\/i>\r\n          <\/span>\r\n\r\n          <strong>Police<\/strong>\r\n          <small>Public safety and law enforcement<\/small>\r\n          <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n        <\/a>\r\n\r\n        <a href=\"\/fire-department\/\">\r\n          <span class=\"jasper-department-icon\">\r\n            <i class=\"fa-solid fa-fire-extinguisher\"><\/i>\r\n          <\/span>\r\n\r\n          <strong>Fire<\/strong>\r\n          <small>Fire protection and emergency response<\/small>\r\n          <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n        <\/a>\r\n\r\n        <a href=\"\/public-services\/\">\r\n          <span class=\"jasper-department-icon\">\r\n            <i class=\"fa-solid fa-road\"><\/i>\r\n          <\/span>\r\n\r\n          <strong>Public Works<\/strong>\r\n          <small>Infrastructure and city facilities<\/small>\r\n          <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n        <\/a>\r\n\r\n        <a href=\"\/public-services\/\">\r\n          <span class=\"jasper-department-icon\">\r\n            <i class=\"fa-solid fa-faucet-drip\"><\/i>\r\n          <\/span>\r\n\r\n          <strong>Utilities<\/strong>\r\n          <small>Water, sewer, gas and sanitation<\/small>\r\n          <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n        <\/a>\r\n\r\n        <a href=\"\/planning-and-zoning\/\">\r\n          <span class=\"jasper-department-icon\">\r\n            <i class=\"fa-solid fa-map\"><\/i>\r\n          <\/span>\r\n\r\n          <strong>Planning<\/strong>\r\n          <small>Zoning, land use and development<\/small>\r\n          <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- CONTACT \/ CLOSING CTA -->\r\n  <section class=\"jasper-home-contact\">\r\n\r\n    <div class=\"jasper-contact-pattern\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"jasper-home-container\">\r\n      <div class=\"jasper-contact-layout\">\r\n\r\n        <div class=\"jasper-contact-copy\">\r\n          <span class=\"jasper-section-kicker\">City Hall<\/span>\r\n\r\n          <h2>We\u2019re Here to Help.<\/h2>\r\n\r\n          <p>\r\n            Have a question about a city service or need help finding the\r\n            correct department? Contact Jasper City Hall and we will help\r\n            direct your request.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"jasper-contact-information\">\r\n\r\n          <a href=\"tel:13867921212\" class=\"jasper-contact-detail\">\r\n            <span>\r\n              <i class=\"fa-solid fa-phone\"><\/i>\r\n            <\/span>\r\n\r\n            <span>\r\n              <small>Call City Hall<\/small>\r\n              <strong>386-792-1212<\/strong>\r\n            <\/span>\r\n          <\/a>\r\n\r\n          <div class=\"jasper-contact-detail\">\r\n            <span>\r\n              <i class=\"fa-solid fa-location-dot\"><\/i>\r\n            <\/span>\r\n\r\n            <span>\r\n              <small>Visit City Hall<\/small>\r\n              <strong>208 Hatley Street West<\/strong>\r\n            <\/span>\r\n          <\/div>\r\n\r\n          <a href=\"\/contact-us\/\" class=\"jasper-contact-button\">\r\n            Contact the City\r\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n<\/main>\r\n\r\n\r\n<style>\r\n.jasper-home-main {\r\n  --jasper-navy: #102d43;\r\n  --jasper-navy-deep: #082235;\r\n  --jasper-blue: #24658a;\r\n  --jasper-blue-light: #dfeef4;\r\n  --jasper-green: #627c52;\r\n  --jasper-gold: #d1a84a;\r\n  --jasper-cream: #f4f1e8;\r\n  --jasper-paper: #faf9f5;\r\n  --jasper-white: #ffffff;\r\n  --jasper-ink: #172531;\r\n  --jasper-muted: #667681;\r\n  --jasper-line: rgba(16, 45, 67, 0.13);\r\n\r\n  overflow: hidden;\r\n  background: var(--jasper-white);\r\n  color: var(--jasper-ink);\r\n  font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.jasper-home-main *,\r\n.jasper-home-main *::before,\r\n.jasper-home-main *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.jasper-home-container {\r\n  width: min(1380px, calc(100% - 70px));\r\n  margin: 0 auto;\r\n}\r\n\r\n.jasper-section-kicker {\r\n  display: block;\r\n  margin-bottom: 14px;\r\n  color: var(--jasper-blue);\r\n  font-size: 10px;\r\n  line-height: 1;\r\n  font-weight: 800;\r\n  letter-spacing: 0.22em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.jasper-section-heading {\r\n  max-width: 720px;\r\n}\r\n\r\n.jasper-section-heading-centered {\r\n  margin: 0 auto 53px;\r\n  text-align: center;\r\n}\r\n\r\n.jasper-section-heading h2,\r\n.jasper-information-header h2,\r\n.jasper-about-content h2,\r\n.jasper-government-intro h2,\r\n.jasper-department-heading h2,\r\n.jasper-contact-copy h2 {\r\n  margin: 0;\r\n  color: var(--jasper-navy);\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: clamp(39px, 4vw, 58px);\r\n  line-height: 1.07;\r\n  font-weight: 500;\r\n  letter-spacing: -0.035em;\r\n}\r\n\r\n.jasper-section-heading p {\r\n  max-width: 660px;\r\n  margin: 19px auto 0;\r\n  color: var(--jasper-muted);\r\n  font-size: 15px;\r\n  line-height: 1.75;\r\n}\r\n\r\n\r\n\/* SERVICES *\/\r\n\r\n.jasper-home-services {\r\n  position: relative;\r\n  padding: 105px 0 100px;\r\n  background:\r\n    linear-gradient(rgba(16, 45, 67, 0.025) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(16, 45, 67, 0.025) 1px, transparent 1px),\r\n    var(--jasper-white);\r\n  background-size: 58px 58px;\r\n}\r\n\r\n.jasper-service-finder {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  border-top: 1px solid var(--jasper-line);\r\n  border-left: 1px solid var(--jasper-line);\r\n}\r\n\r\n.jasper-service-item {\r\n  min-height: 180px;\r\n  position: relative;\r\n  display: grid;\r\n  grid-template-columns: 52px minmax(0, 1fr) 23px;\r\n  align-items: center;\r\n  gap: 18px;\r\n  padding: 34px 30px;\r\n  overflow: hidden;\r\n  border-right: 1px solid var(--jasper-line);\r\n  border-bottom: 1px solid var(--jasper-line);\r\n  background: rgba(255, 255, 255, 0.92);\r\n  color: var(--jasper-ink);\r\n  text-decoration: none;\r\n  transition:\r\n    background 0.25s ease,\r\n    box-shadow 0.25s ease;\r\n}\r\n\r\n.jasper-service-item::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  height: 3px;\r\n  background: var(--jasper-gold);\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.jasper-service-item:hover {\r\n  z-index: 2;\r\n  background: var(--jasper-white);\r\n  box-shadow: 0 18px 45px rgba(10, 39, 57, 0.1);\r\n}\r\n\r\n.jasper-service-item:hover::after {\r\n  transform: scaleX(1);\r\n}\r\n\r\n.jasper-service-number {\r\n  position: absolute;\r\n  top: 17px;\r\n  right: 19px;\r\n  color: rgba(16, 45, 67, 0.18);\r\n  font-size: 9px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.12em;\r\n}\r\n\r\n.jasper-service-item-icon {\r\n  width: 52px;\r\n  height: 52px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: var(--jasper-blue-light);\r\n  border-radius: 50%;\r\n  color: var(--jasper-blue);\r\n  font-size: 18px;\r\n  transition:\r\n    background 0.25s ease,\r\n    color 0.25s ease;\r\n}\r\n\r\n.jasper-service-item-featured .jasper-service-item-icon {\r\n  background: rgba(209, 168, 74, 0.19);\r\n  color: #98701c;\r\n}\r\n\r\n.jasper-service-item:hover .jasper-service-item-icon {\r\n  background: var(--jasper-navy);\r\n  color: var(--jasper-white);\r\n}\r\n\r\n.jasper-service-item-copy strong {\r\n  display: block;\r\n  margin-bottom: 7px;\r\n  color: var(--jasper-navy);\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 20px;\r\n  line-height: 1.15;\r\n  font-weight: 600;\r\n}\r\n\r\n.jasper-service-item-copy small {\r\n  display: block;\r\n  color: var(--jasper-muted);\r\n  font-size: 11px;\r\n  line-height: 1.5;\r\n}\r\n\r\n.jasper-service-item-arrow {\r\n  color: var(--jasper-gold);\r\n  font-size: 12px;\r\n  transition: transform 0.25s ease;\r\n}\r\n\r\n.jasper-service-item:hover .jasper-service-item-arrow {\r\n  transform: translateX(4px);\r\n}\r\n\r\n.jasper-services-directory-link {\r\n  margin-top: 31px;\r\n  text-align: center;\r\n}\r\n\r\n.jasper-services-directory-link a,\r\n.jasper-text-link {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  color: var(--jasper-navy);\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.04em;\r\n  text-decoration: none;\r\n}\r\n\r\n.jasper-services-directory-link a {\r\n  padding-bottom: 7px;\r\n  border-bottom: 1px solid var(--jasper-gold);\r\n}\r\n\r\n.jasper-services-directory-link i,\r\n.jasper-text-link i {\r\n  color: var(--jasper-gold);\r\n  font-size: 10px;\r\n  transition: transform 0.2s ease;\r\n}\r\n\r\n.jasper-services-directory-link a:hover i,\r\n.jasper-text-link:hover i {\r\n  transform: translateX(4px);\r\n}\r\n\r\n\r\n\/* INFORMATION *\/\r\n\r\n.jasper-home-information {\r\n  padding: 105px 0 110px;\r\n  background: var(--jasper-paper);\r\n  border-top: 1px solid rgba(16, 45, 67, 0.07);\r\n}\r\n\r\n.jasper-information-header {\r\n  display: flex;\r\n  align-items: flex-end;\r\n  justify-content: space-between;\r\n  gap: 35px;\r\n  margin-bottom: 48px;\r\n}\r\n\r\n.jasper-information-header h2 {\r\n  font-size: clamp(38px, 3.6vw, 53px);\r\n}\r\n\r\n.jasper-information-layout {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.55fr) minmax(340px, 0.7fr);\r\n  gap: 34px;\r\n}\r\n\r\n.jasper-featured-notice {\r\n  min-height: 295px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: 35px 39px 38px;\r\n  background:\r\n    linear-gradient(135deg, rgba(8, 34, 53, 0.98), rgba(20, 71, 99, 0.95)),\r\n    var(--jasper-navy);\r\n  color: var(--jasper-white);\r\n}\r\n\r\n.jasper-featured-notice::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: 39px;\r\n  width: 54px;\r\n  height: 4px;\r\n  background: var(--jasper-gold);\r\n}\r\n\r\n.jasper-featured-notice-top {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n\r\n.jasper-notice-type {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  color: #efd38d;\r\n  font-size: 9px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.16em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.jasper-featured-notice-top time {\r\n  color: rgba(255, 255, 255, 0.47);\r\n  font-size: 9px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.08em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.jasper-featured-notice-content {\r\n  max-width: 610px;\r\n  position: relative;\r\n  z-index: 2;\r\n  margin-top: 46px;\r\n}\r\n\r\n.jasper-featured-notice-content h3 {\r\n  margin: 0 0 16px;\r\n  color: var(--jasper-white);\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: clamp(28px, 3vw, 40px);\r\n  line-height: 1.1;\r\n  font-weight: 500;\r\n}\r\n\r\n.jasper-featured-notice-content p {\r\n  max-width: 570px;\r\n  margin: 0;\r\n  color: rgba(255, 255, 255, 0.68);\r\n  font-size: 13px;\r\n  line-height: 1.7;\r\n}\r\n\r\n.jasper-featured-notice-content a {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin-top: 25px;\r\n  color: var(--jasper-white);\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  text-decoration: none;\r\n}\r\n\r\n.jasper-featured-notice-content a i {\r\n  color: var(--jasper-gold);\r\n  font-size: 9px;\r\n}\r\n\r\n.jasper-featured-notice-mark {\r\n  position: absolute;\r\n  right: -27px;\r\n  bottom: -87px;\r\n  color: rgba(255, 255, 255, 0.035);\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 300px;\r\n  line-height: 1;\r\n  font-weight: 700;\r\n}\r\n\r\n.jasper-notice-list {\r\n  border-right: 1px solid var(--jasper-line);\r\n  border-bottom: 1px solid var(--jasper-line);\r\n  border-left: 1px solid var(--jasper-line);\r\n  background: var(--jasper-white);\r\n}\r\n\r\n.jasper-notice-row {\r\n  min-height: 91px;\r\n  display: grid;\r\n  grid-template-columns: 73px minmax(0, 1fr) 18px;\r\n  align-items: center;\r\n  gap: 21px;\r\n  padding: 17px 26px;\r\n  border-bottom: 1px solid var(--jasper-line);\r\n  color: var(--jasper-ink);\r\n  text-decoration: none;\r\n  transition: background 0.2s ease;\r\n}\r\n\r\n.jasper-notice-row:last-child {\r\n  border-bottom: 0;\r\n}\r\n\r\n.jasper-notice-row:hover {\r\n  background: #f5f8f9;\r\n}\r\n\r\n.jasper-notice-date {\r\n  min-height: 52px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-direction: column;\r\n  background: var(--jasper-cream);\r\n  color: var(--jasper-navy);\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n}\r\n\r\n.jasper-notice-date small {\r\n  margin-bottom: 2px;\r\n  color: var(--jasper-blue);\r\n  font-family: Arial, Helvetica, sans-serif;\r\n  font-size: 7px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.17em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.jasper-notice-row-copy strong {\r\n  display: block;\r\n  margin-bottom: 5px;\r\n  color: var(--jasper-navy);\r\n  font-size: 13px;\r\n}\r\n\r\n.jasper-notice-row-copy small {\r\n  display: block;\r\n  color: var(--jasper-muted);\r\n  font-size: 10px;\r\n  line-height: 1.4;\r\n}\r\n\r\n.jasper-notice-row > i {\r\n  color: var(--jasper-gold);\r\n  font-size: 10px;\r\n  transition: transform 0.2s ease;\r\n}\r\n\r\n.jasper-notice-row:hover > i {\r\n  transform: translateX(4px);\r\n}\r\n\r\n\r\n\/* MEETING PANEL *\/\r\n\r\n.jasper-meeting-panel {\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: var(--jasper-white);\r\n  border: 1px solid var(--jasper-line);\r\n}\r\n\r\n.jasper-meeting-panel-header {\r\n  min-height: 69px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 0 27px;\r\n  background: var(--jasper-green);\r\n  color: var(--jasper-white);\r\n}\r\n\r\n.jasper-meeting-panel-header span {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.08em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.jasper-meeting-panel-header span i {\r\n  color: #f1d692;\r\n}\r\n\r\n.jasper-meeting-panel-header > a {\r\n  color: var(--jasper-white);\r\n  font-size: 11px;\r\n}\r\n\r\n.jasper-meeting-panel-content {\r\n  flex: 1;\r\n  padding: 31px 29px 27px;\r\n}\r\n\r\n.jasper-next-meeting-label {\r\n  margin-bottom: 17px;\r\n  color: var(--jasper-blue);\r\n  font-size: 8px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.jasper-meeting-date {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n.jasper-meeting-month {\r\n  padding: 7px 9px;\r\n  background: var(--jasper-cream);\r\n  color: var(--jasper-green);\r\n  font-size: 8px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.jasper-meeting-date strong {\r\n  color: var(--jasper-navy);\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 20px;\r\n  font-weight: 600;\r\n}\r\n\r\n.jasper-meeting-panel-content h3 {\r\n  margin: 0 0 19px;\r\n  color: var(--jasper-navy);\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 25px;\r\n  line-height: 1.2;\r\n  font-weight: 600;\r\n}\r\n\r\n.jasper-meeting-details {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n  color: var(--jasper-muted);\r\n  font-size: 11px;\r\n}\r\n\r\n.jasper-meeting-details span {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n}\r\n\r\n.jasper-meeting-details i {\r\n  width: 13px;\r\n  color: var(--jasper-gold);\r\n  text-align: center;\r\n}\r\n\r\n.jasper-meeting-actions {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 9px;\r\n  margin-top: 28px;\r\n}\r\n\r\n.jasper-meeting-actions a {\r\n  min-height: 43px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n  text-decoration: none;\r\n}\r\n\r\n.jasper-meeting-primary {\r\n  background: var(--jasper-navy);\r\n  color: var(--jasper-white);\r\n}\r\n\r\n.jasper-meeting-secondary {\r\n  border: 1px solid var(--jasper-line);\r\n  color: var(--jasper-navy);\r\n}\r\n\r\n.jasper-meeting-panel-footer {\r\n  padding: 15px 27px;\r\n  background: #f2f5f6;\r\n  color: var(--jasper-muted);\r\n  font-size: 9px;\r\n  line-height: 1.45;\r\n}\r\n\r\n.jasper-meeting-panel-footer i {\r\n  margin-right: 6px;\r\n  color: var(--jasper-blue);\r\n}\r\n\r\n\r\n\/* ABOUT *\/\r\n\r\n.jasper-home-about {\r\n  min-height: 690px;\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.08fr) minmax(500px, 0.92fr);\r\n  background: var(--jasper-white);\r\n}\r\n\r\n.jasper-about-photo {\r\n  min-height: 690px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.jasper-about-photo img {\r\n  width: 100%;\r\n  height: 100%;\r\n  position: absolute;\r\n  inset: 0;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  transition: transform 1.2s ease;\r\n}\r\n\r\n.jasper-home-about:hover .jasper-about-photo img {\r\n  transform: scale(1.025);\r\n}\r\n\r\n.jasper-about-photo-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    linear-gradient(90deg, transparent 55%, rgba(8, 34, 53, 0.13)),\r\n    linear-gradient(180deg, transparent 54%, rgba(8, 34, 53, 0.74));\r\n}\r\n\r\n.jasper-about-photo-label {\r\n  position: absolute;\r\n  bottom: 46px;\r\n  left: max(38px, calc((100vw - 1380px) \/ 2));\r\n  display: flex;\r\n  flex-direction: column;\r\n  color: var(--jasper-white);\r\n}\r\n\r\n.jasper-about-photo-label span {\r\n  margin-bottom: 5px;\r\n  color: #f0d58f;\r\n  font-size: 9px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.2em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.jasper-about-photo-label strong {\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 27px;\r\n  font-weight: 500;\r\n}\r\n\r\n.jasper-about-content {\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 85px max(50px, calc((100vw - 1380px) \/ 2)) 85px 78px;\r\n  background:\r\n    linear-gradient(rgba(16, 45, 67, 0.035) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(16, 45, 67, 0.035) 1px, transparent 1px),\r\n    var(--jasper-cream);\r\n  background-size: 56px 56px;\r\n}\r\n\r\n.jasper-about-content-inner {\r\n  max-width: 560px;\r\n}\r\n\r\n.jasper-about-content h2 {\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.jasper-about-lead {\r\n  margin: 0 0 19px;\r\n  color: var(--jasper-navy);\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 21px;\r\n  line-height: 1.55;\r\n}\r\n\r\n.jasper-about-content-inner > p:not(.jasper-about-lead) {\r\n  margin: 0;\r\n  color: var(--jasper-muted);\r\n  font-size: 14px;\r\n  line-height: 1.8;\r\n}\r\n\r\n.jasper-about-links {\r\n  margin-top: 37px;\r\n  border-top: 1px solid rgba(16, 45, 67, 0.16);\r\n}\r\n\r\n.jasper-about-links a {\r\n  min-height: 76px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 25px;\r\n  border-bottom: 1px solid rgba(16, 45, 67, 0.16);\r\n  color: var(--jasper-navy);\r\n  text-decoration: none;\r\n}\r\n\r\n.jasper-about-links strong {\r\n  display: block;\r\n  margin-bottom: 4px;\r\n  font-size: 12px;\r\n}\r\n\r\n.jasper-about-links small {\r\n  display: block;\r\n  color: var(--jasper-muted);\r\n  font-size: 10px;\r\n}\r\n\r\n.jasper-about-links i {\r\n  color: var(--jasper-gold);\r\n  font-size: 10px;\r\n  transition: transform 0.2s ease;\r\n}\r\n\r\n.jasper-about-links a:hover i {\r\n  transform: translateX(5px);\r\n}\r\n\r\n\r\n\/* GOVERNMENT *\/\r\n\r\n.jasper-home-government {\r\n  position: relative;\r\n  padding: 112px 0;\r\n  overflow: hidden;\r\n  background: var(--jasper-navy-deep);\r\n}\r\n\r\n.jasper-home-government::before {\r\n  content: \"J\";\r\n  position: absolute;\r\n  top: 50%;\r\n  left: -55px;\r\n  color: rgba(255, 255, 255, 0.025);\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 465px;\r\n  line-height: 1;\r\n  transform: translateY(-50%);\r\n}\r\n\r\n.jasper-government-layout {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: grid;\r\n  grid-template-columns: minmax(300px, 0.75fr) minmax(0, 1.25fr);\r\n  gap: 100px;\r\n  align-items: center;\r\n}\r\n\r\n.jasper-government-intro .jasper-section-kicker {\r\n  color: #e9c975;\r\n}\r\n\r\n.jasper-government-intro h2 {\r\n  max-width: 530px;\r\n  color: var(--jasper-white);\r\n  font-size: clamp(42px, 4vw, 59px);\r\n}\r\n\r\n.jasper-government-intro p {\r\n  max-width: 530px;\r\n  margin: 25px 0 0;\r\n  color: rgba(255, 255, 255, 0.67);\r\n  font-size: 14px;\r\n  line-height: 1.8;\r\n}\r\n\r\n.jasper-outline-button {\r\n  min-height: 51px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  margin-top: 34px;\r\n  padding: 0 21px;\r\n  border: 1px solid rgba(255, 255, 255, 0.34);\r\n  color: var(--jasper-white);\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n  text-decoration: none;\r\n  transition:\r\n    background 0.2s ease,\r\n    border-color 0.2s ease;\r\n}\r\n\r\n.jasper-outline-button i {\r\n  color: var(--jasper-gold);\r\n  font-size: 9px;\r\n}\r\n\r\n.jasper-outline-button:hover {\r\n  background: rgba(255, 255, 255, 0.09);\r\n  border-color: rgba(255, 255, 255, 0.65);\r\n}\r\n\r\n.jasper-government-links {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  border-top: 1px solid rgba(255, 255, 255, 0.14);\r\n  border-left: 1px solid rgba(255, 255, 255, 0.14);\r\n}\r\n\r\n.jasper-government-link {\r\n  min-height: 168px;\r\n  display: grid;\r\n  grid-template-columns: 45px minmax(0, 1fr) 16px;\r\n  align-items: center;\r\n  gap: 17px;\r\n  padding: 29px 25px;\r\n  border-right: 1px solid rgba(255, 255, 255, 0.14);\r\n  border-bottom: 1px solid rgba(255, 255, 255, 0.14);\r\n  color: var(--jasper-white);\r\n  text-decoration: none;\r\n  transition: background 0.2s ease;\r\n}\r\n\r\n.jasper-government-link:hover {\r\n  background: rgba(255, 255, 255, 0.055);\r\n}\r\n\r\n.jasper-government-link-icon {\r\n  width: 45px;\r\n  height: 45px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border: 1px solid rgba(239, 210, 139, 0.38);\r\n  border-radius: 50%;\r\n  color: #efd28b;\r\n}\r\n\r\n.jasper-government-link-copy strong {\r\n  display: block;\r\n  margin-bottom: 6px;\r\n  color: var(--jasper-white);\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 17px;\r\n  font-weight: 500;\r\n}\r\n\r\n.jasper-government-link-copy small {\r\n  display: block;\r\n  color: rgba(255, 255, 255, 0.55);\r\n  font-size: 10px;\r\n  line-height: 1.45;\r\n}\r\n\r\n.jasper-government-link > i {\r\n  color: var(--jasper-gold);\r\n  font-size: 9px;\r\n  transition: transform 0.2s ease;\r\n}\r\n\r\n.jasper-government-link:hover > i {\r\n  transform: translateX(4px);\r\n}\r\n\r\n\r\n\/* DEPARTMENTS *\/\r\n\r\n.jasper-home-departments {\r\n  padding: 103px 0 110px;\r\n  background: var(--jasper-white);\r\n}\r\n\r\n.jasper-department-heading {\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr) 460px;\r\n  align-items: end;\r\n  gap: 80px;\r\n  margin-bottom: 48px;\r\n}\r\n\r\n.jasper-department-heading h2 {\r\n  font-size: clamp(38px, 3.5vw, 52px);\r\n}\r\n\r\n.jasper-department-heading p {\r\n  margin: 0 0 5px;\r\n  color: var(--jasper-muted);\r\n  font-size: 13px;\r\n  line-height: 1.75;\r\n}\r\n\r\n.jasper-department-row {\r\n  display: grid;\r\n  grid-template-columns: repeat(5, minmax(0, 1fr));\r\n  border-top: 1px solid var(--jasper-line);\r\n  border-bottom: 1px solid var(--jasper-line);\r\n}\r\n\r\n.jasper-department-row > a {\r\n  min-height: 215px;\r\n  position: relative;\r\n  display: flex;\r\n  align-items: flex-start;\r\n  flex-direction: column;\r\n  padding: 34px 25px 27px;\r\n  border-right: 1px solid var(--jasper-line);\r\n  color: var(--jasper-navy);\r\n  text-decoration: none;\r\n  transition:\r\n    background 0.25s ease,\r\n    color 0.25s ease;\r\n}\r\n\r\n.jasper-department-row > a:first-child {\r\n  border-left: 1px solid var(--jasper-line);\r\n}\r\n\r\n.jasper-department-row > a:hover {\r\n  background: var(--jasper-cream);\r\n}\r\n\r\n.jasper-department-icon {\r\n  width: 47px;\r\n  height: 47px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 27px;\r\n  background: var(--jasper-blue-light);\r\n  border-radius: 50%;\r\n  color: var(--jasper-blue);\r\n}\r\n\r\n.jasper-department-row strong {\r\n  margin-bottom: 8px;\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 19px;\r\n  font-weight: 600;\r\n}\r\n\r\n.jasper-department-row small {\r\n  max-width: 170px;\r\n  color: var(--jasper-muted);\r\n  font-size: 10px;\r\n  line-height: 1.5;\r\n}\r\n\r\n.jasper-department-row > a > i {\r\n  position: absolute;\r\n  right: 24px;\r\n  bottom: 27px;\r\n  color: var(--jasper-gold);\r\n  font-size: 10px;\r\n  transition: transform 0.2s ease;\r\n}\r\n\r\n.jasper-department-row > a:hover > i {\r\n  transform: translateX(4px);\r\n}\r\n\r\n\r\n\/* CONTACT CTA *\/\r\n\r\n.jasper-home-contact {\r\n  position: relative;\r\n  padding: 80px 0;\r\n  overflow: hidden;\r\n  background: var(--jasper-green);\r\n}\r\n\r\n.jasper-contact-pattern {\r\n  position: absolute;\r\n  inset: 0;\r\n  opacity: 0.1;\r\n  background-image:\r\n    linear-gradient(30deg, transparent 49%, rgba(255,255,255,0.34) 50%, transparent 51%),\r\n    linear-gradient(-30deg, transparent 49%, rgba(255,255,255,0.34) 50%, transparent 51%);\r\n  background-size: 58px 58px;\r\n  pointer-events: none;\r\n}\r\n\r\n.jasper-contact-layout {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 0.9fr) minmax(540px, 1.1fr);\r\n  align-items: center;\r\n  gap: 90px;\r\n}\r\n\r\n.jasper-contact-copy .jasper-section-kicker {\r\n  color: #f0d48b;\r\n}\r\n\r\n.jasper-contact-copy h2 {\r\n  color: var(--jasper-white);\r\n  font-size: clamp(39px, 4vw, 55px);\r\n}\r\n\r\n.jasper-contact-copy p {\r\n  max-width: 590px;\r\n  margin: 19px 0 0;\r\n  color: rgba(255, 255, 255, 0.72);\r\n  font-size: 13px;\r\n  line-height: 1.75;\r\n}\r\n\r\n.jasper-contact-information {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr)) auto;\r\n  align-items: center;\r\n  gap: 16px;\r\n}\r\n\r\n.jasper-contact-detail {\r\n  min-height: 76px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  padding: 0 18px;\r\n  border-left: 1px solid rgba(255, 255, 255, 0.25);\r\n  color: var(--jasper-white);\r\n  text-decoration: none;\r\n}\r\n\r\n.jasper-contact-detail > span:first-child {\r\n  color: #f0d48b;\r\n  font-size: 17px;\r\n}\r\n\r\n.jasper-contact-detail small,\r\n.jasper-contact-detail strong {\r\n  display: block;\r\n}\r\n\r\n.jasper-contact-detail small {\r\n  margin-bottom: 5px;\r\n  color: rgba(255, 255, 255, 0.52);\r\n  font-size: 8px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.13em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.jasper-contact-detail strong {\r\n  font-size: 12px;\r\n  line-height: 1.35;\r\n}\r\n\r\n.jasper-contact-button {\r\n  min-height: 54px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 11px;\r\n  padding: 0 22px;\r\n  background: var(--jasper-gold);\r\n  color: var(--jasper-navy-deep);\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n  white-space: nowrap;\r\n  text-decoration: none;\r\n  transition:\r\n    background 0.2s ease,\r\n    transform 0.2s ease;\r\n}\r\n\r\n.jasper-contact-button:hover {\r\n  background: #dfba62;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media (max-width: 1120px) {\r\n  .jasper-service-finder {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n\r\n  .jasper-information-layout {\r\n    grid-template-columns: minmax(0, 1.3fr) 350px;\r\n  }\r\n\r\n  .jasper-home-about {\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n\r\n  .jasper-about-content {\r\n    padding-left: 50px;\r\n  }\r\n\r\n  .jasper-government-layout {\r\n    gap: 60px;\r\n  }\r\n\r\n  .jasper-department-row {\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    border-bottom: 0;\r\n  }\r\n\r\n  .jasper-department-row > a {\r\n    border-bottom: 1px solid var(--jasper-line);\r\n  }\r\n\r\n  .jasper-contact-layout {\r\n    grid-template-columns: 1fr;\r\n    gap: 45px;\r\n  }\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  .jasper-home-container {\r\n    width: min(100% - 44px, 720px);\r\n  }\r\n\r\n  .jasper-information-layout,\r\n  .jasper-government-layout {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .jasper-information-layout {\r\n    gap: 25px;\r\n  }\r\n\r\n  .jasper-meeting-panel {\r\n    max-width: none;\r\n  }\r\n\r\n  .jasper-home-about {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .jasper-about-photo {\r\n    min-height: 470px;\r\n  }\r\n\r\n  .jasper-about-content {\r\n    padding: 75px max(22px, calc((100vw - 720px) \/ 2));\r\n  }\r\n\r\n  .jasper-about-content-inner {\r\n    max-width: 720px;\r\n  }\r\n\r\n  .jasper-government-layout {\r\n    gap: 48px;\r\n  }\r\n\r\n  .jasper-department-heading {\r\n    grid-template-columns: 1fr;\r\n    gap: 22px;\r\n  }\r\n\r\n  .jasper-department-heading p {\r\n    max-width: 620px;\r\n  }\r\n\r\n  .jasper-contact-information {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n\r\n  .jasper-contact-button {\r\n    grid-column: 1 \/ -1;\r\n  }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n  .jasper-home-container {\r\n    width: calc(100% - 30px);\r\n  }\r\n\r\n  .jasper-home-services,\r\n  .jasper-home-information,\r\n  .jasper-home-government,\r\n  .jasper-home-departments {\r\n    padding-top: 76px;\r\n    padding-bottom: 78px;\r\n  }\r\n\r\n  .jasper-section-heading-centered {\r\n    margin-bottom: 38px;\r\n  }\r\n\r\n  .jasper-service-finder {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .jasper-service-item {\r\n    min-height: 145px;\r\n    grid-template-columns: 46px minmax(0, 1fr) 18px;\r\n    padding: 28px 22px;\r\n  }\r\n\r\n  .jasper-service-item-icon {\r\n    width: 46px;\r\n    height: 46px;\r\n  }\r\n\r\n  .jasper-information-header {\r\n    align-items: flex-start;\r\n    flex-direction: column;\r\n    margin-bottom: 34px;\r\n  }\r\n\r\n  .jasper-featured-notice {\r\n    min-height: 330px;\r\n    padding: 30px 25px;\r\n  }\r\n\r\n  .jasper-featured-notice::before {\r\n    left: 25px;\r\n  }\r\n\r\n  .jasper-featured-notice-content {\r\n    margin-top: 42px;\r\n  }\r\n\r\n  .jasper-notice-row {\r\n    grid-template-columns: 61px minmax(0, 1fr) 12px;\r\n    gap: 14px;\r\n    padding: 15px;\r\n  }\r\n\r\n  .jasper-about-photo {\r\n    min-height: 360px;\r\n  }\r\n\r\n  .jasper-about-photo-label {\r\n    bottom: 26px;\r\n    left: 22px;\r\n  }\r\n\r\n  .jasper-about-content {\r\n    padding-top: 68px;\r\n    padding-bottom: 68px;\r\n  }\r\n\r\n  .jasper-government-links {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .jasper-government-link {\r\n    min-height: 135px;\r\n  }\r\n\r\n  .jasper-department-row {\r\n    grid-template-columns: 1fr;\r\n    border-top: 1px solid var(--jasper-line);\r\n  }\r\n\r\n  .jasper-department-row > a {\r\n    min-height: 135px;\r\n    display: grid;\r\n    grid-template-columns: 47px minmax(0, 1fr) 15px;\r\n    align-items: center;\r\n    column-gap: 16px;\r\n    padding: 22px;\r\n    border-left: 1px solid var(--jasper-line);\r\n  }\r\n\r\n  .jasper-department-icon {\r\n    grid-row: 1 \/ 3;\r\n    margin: 0;\r\n  }\r\n\r\n  .jasper-department-row strong {\r\n    align-self: end;\r\n    margin: 0 0 4px;\r\n  }\r\n\r\n  .jasper-department-row small {\r\n    align-self: start;\r\n  }\r\n\r\n  .jasper-department-row > a > i {\r\n    position: static;\r\n    grid-column: 3;\r\n    grid-row: 1 \/ 3;\r\n  }\r\n\r\n  .jasper-contact-information {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .jasper-contact-button {\r\n    grid-column: auto;\r\n  }\r\n\r\n  .jasper-contact-detail {\r\n    min-height: 68px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ccb56ea e-con-full e-flex e-con e-parent\" data-id=\"ccb56ea\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4a531a elementor-widget elementor-widget-html\" data-id=\"a4a531a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer class=\"jasper-footer\">\r\n\r\n  <div class=\"jasper-footer-top\">\r\n\r\n    <div class=\"jasper-footer-container jasper-footer-main\">\r\n\r\n      <div class=\"jasper-footer-brand\">\r\n\r\n        <a href=\"\/\" class=\"jasper-footer-logo\" aria-label=\"City of Jasper home\">\r\n\r\n          <span class=\"jasper-footer-seal\" aria-hidden=\"true\">\r\n            <span class=\"jasper-footer-seal-inner\">\r\n              <small>CITY OF<\/small>\r\n              <strong>J<\/strong>\r\n              <small>FLORIDA<\/small>\r\n            <\/span>\r\n          <\/span>\r\n\r\n          <span class=\"jasper-footer-logo-copy\">\r\n            <small>The City of<\/small>\r\n            <strong>Jasper<\/strong>\r\n            <span>Hamilton County, Florida<\/span>\r\n          <\/span>\r\n\r\n        <\/a>\r\n\r\n        <p>\r\n          Providing dependable city services, accessible local government\r\n          and a strong foundation for Jasper\u2019s future.\r\n        <\/p>\r\n\r\n        <div class=\"jasper-footer-contact\">\r\n\r\n          <a href=\"tel:13867921212\">\r\n            <i class=\"fa-solid fa-phone\"><\/i>\r\n\r\n            <span>\r\n              <small>City Hall<\/small>\r\n              <strong>386-792-1212<\/strong>\r\n            <\/span>\r\n          <\/a>\r\n\r\n          <div>\r\n            <i class=\"fa-solid fa-location-dot\"><\/i>\r\n\r\n            <span>\r\n              <small>Visit Us<\/small>\r\n              <strong>208 Hatley Street West<br>Jasper, FL 32052<\/strong>\r\n            <\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"jasper-footer-column\">\r\n        <h2>Government<\/h2>\r\n\r\n        <nav aria-label=\"Government footer navigation\">\r\n          <a href=\"\/city-council\/\">Mayor &amp; City Council<\/a>\r\n          <a href=\"\/city-manager\/\">City Administration<\/a>\r\n          <a href=\"\/meetings-agendas\/\">Meetings &amp; Agendas<\/a>\r\n          <a href=\"\/public-notices\/\">Public Notices<\/a>\r\n          <a href=\"\/finance\/\">Financial Transparency<\/a>\r\n          <a href=\"\/city-charter\/\">City Charter<\/a>\r\n        <\/nav>\r\n      <\/div>\r\n\r\n\r\n      <div class=\"jasper-footer-column\">\r\n        <h2>City Services<\/h2>\r\n\r\n        <nav aria-label=\"City services footer navigation\">\r\n          <a href=\"\/public-services\/\">Utilities<\/a>\r\n          <a href=\"\/public-services\/\">Public Works<\/a>\r\n          <a href=\"\/police-department\/\">Police Department<\/a>\r\n          <a href=\"\/fire-department\/\">Fire Department<\/a>\r\n          <a href=\"\/planning-and-zoning\/\">Planning &amp; Zoning<\/a>\r\n          <a href=\"\/employment\/\">Employment<\/a>\r\n        <\/nav>\r\n      <\/div>\r\n\r\n\r\n      <div class=\"jasper-footer-column jasper-footer-resources\">\r\n        <h2>Resident Resources<\/h2>\r\n\r\n        <div class=\"jasper-footer-resource-links\">\r\n\r\n          <a href=\"#\" class=\"jasper-footer-resource-featured\">\r\n            <span>\r\n              <i class=\"fa-regular fa-credit-card\"><\/i>\r\n            <\/span>\r\n\r\n            <strong>Pay Utility Bill<\/strong>\r\n\r\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n          <\/a>\r\n\r\n          <a href=\"\/contact-us\/\">\r\n            <span>\r\n              <i class=\"fa-solid fa-circle-exclamation\"><\/i>\r\n            <\/span>\r\n\r\n            <strong>Report a Concern<\/strong>\r\n\r\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n          <\/a>\r\n\r\n          <a href=\"\/rent-the-civic-center\/\">\r\n            <span>\r\n              <i class=\"fa-solid fa-people-roof\"><\/i>\r\n            <\/span>\r\n\r\n            <strong>Rent the Civic Center<\/strong>\r\n\r\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n          <\/a>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <div class=\"jasper-footer-directory\">\r\n\r\n    <div class=\"jasper-footer-container jasper-footer-directory-inner\">\r\n\r\n      <div class=\"jasper-footer-directory-copy\">\r\n        <span class=\"jasper-footer-directory-icon\">\r\n          <i class=\"fa-solid fa-address-book\"><\/i>\r\n        <\/span>\r\n\r\n        <span>\r\n          <small>Need help finding the right department?<\/small>\r\n          <strong>View the City Directory<\/strong>\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <a href=\"\/contact-us\/\">\r\n        Contact City Hall\r\n        <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <div class=\"jasper-footer-bottom\">\r\n\r\n    <div class=\"jasper-footer-container jasper-footer-bottom-inner\">\r\n\r\n      <div class=\"jasper-footer-copyright\">\r\n        &copy; <span id=\"jasperFooterYear\"><\/span> City of Jasper, Florida.\r\n        All rights reserved.\r\n      <\/div>\r\n\r\n      <nav class=\"jasper-footer-legal\" aria-label=\"Legal navigation\">\r\n        <a href=\"\/accessibility-statement\/\">Accessibility<\/a>\r\n        <a href=\"\/public-records\/\">Public Records<\/a>\r\n        <a href=\"\/privacy-policy\/\">Privacy<\/a>\r\n        <a href=\"\/sitemap\/\">Sitemap<\/a>\r\n      <\/nav>\r\n\r\n      <a href=\"#jasperSiteHeader\" class=\"jasper-back-top\">\r\n        Back to Top\r\n        <i class=\"fa-solid fa-arrow-up\"><\/i>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/footer>\r\n\r\n\r\n<style>\r\n.jasper-footer {\r\n  --jasper-navy: #102d43;\r\n  --jasper-deep: #071d2c;\r\n  --jasper-blue: #24658a;\r\n  --jasper-green: #627c52;\r\n  --jasper-gold: #d1a84a;\r\n  --jasper-cream: #f4f1e8;\r\n  --jasper-white: #ffffff;\r\n  --jasper-muted: rgba(255, 255, 255, 0.62);\r\n  --jasper-line: rgba(255, 255, 255, 0.12);\r\n\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: var(--jasper-deep);\r\n  color: var(--jasper-white);\r\n  font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.jasper-footer *,\r\n.jasper-footer *::before,\r\n.jasper-footer *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.jasper-footer::before {\r\n  content: \"J\";\r\n  position: absolute;\r\n  right: -55px;\r\n  bottom: 20px;\r\n  color: rgba(255, 255, 255, 0.018);\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 520px;\r\n  line-height: 0.8;\r\n  pointer-events: none;\r\n}\r\n\r\n.jasper-footer-container {\r\n  width: min(1380px, calc(100% - 70px));\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* MAIN FOOTER *\/\r\n\r\n.jasper-footer-top {\r\n  position: relative;\r\n  z-index: 2;\r\n  padding: 86px 0 72px;\r\n}\r\n\r\n.jasper-footer-main {\r\n  display: grid;\r\n  grid-template-columns: minmax(300px, 1.25fr) 0.72fr 0.72fr minmax(250px, 0.9fr);\r\n  gap: 68px;\r\n}\r\n\r\n.jasper-footer-brand {\r\n  max-width: 390px;\r\n}\r\n\r\n.jasper-footer-logo {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  color: var(--jasper-white);\r\n  text-decoration: none;\r\n}\r\n\r\n.jasper-footer-seal {\r\n  width: 68px;\r\n  height: 68px;\r\n  flex: 0 0 68px;\r\n  padding: 4px;\r\n  border: 2px solid var(--jasper-gold);\r\n  border-radius: 50%;\r\n}\r\n\r\n.jasper-footer-seal-inner {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-direction: column;\r\n  border: 1px solid rgba(255, 255, 255, 0.28);\r\n  border-radius: 50%;\r\n  background: rgba(255, 255, 255, 0.035);\r\n}\r\n\r\n.jasper-footer-seal-inner small {\r\n  color: #edd28e;\r\n  font-size: 5px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.18em;\r\n}\r\n\r\n.jasper-footer-seal-inner strong {\r\n  margin: 1px 0;\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 28px;\r\n  line-height: 1;\r\n  font-weight: 600;\r\n}\r\n\r\n.jasper-footer-logo-copy {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.jasper-footer-logo-copy > small {\r\n  margin-bottom: -2px;\r\n  color: rgba(255, 255, 255, 0.55);\r\n  font-size: 9px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.jasper-footer-logo-copy > strong {\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 35px;\r\n  line-height: 1.05;\r\n  font-weight: 500;\r\n  letter-spacing: -0.025em;\r\n}\r\n\r\n.jasper-footer-logo-copy > span {\r\n  margin-top: 3px;\r\n  color: #e8ca82;\r\n  font-size: 8px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.15em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.jasper-footer-brand > p {\r\n  max-width: 365px;\r\n  margin: 27px 0 30px;\r\n  color: var(--jasper-muted);\r\n  font-size: 12px;\r\n  line-height: 1.75;\r\n}\r\n\r\n.jasper-footer-contact {\r\n  display: grid;\r\n  gap: 18px;\r\n}\r\n\r\n.jasper-footer-contact > a,\r\n.jasper-footer-contact > div {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 13px;\r\n  color: var(--jasper-white);\r\n  text-decoration: none;\r\n}\r\n\r\n.jasper-footer-contact > a > i,\r\n.jasper-footer-contact > div > i {\r\n  width: 33px;\r\n  height: 33px;\r\n  flex: 0 0 33px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border: 1px solid rgba(209, 168, 74, 0.37);\r\n  border-radius: 50%;\r\n  color: var(--jasper-gold);\r\n  font-size: 11px;\r\n}\r\n\r\n.jasper-footer-contact span {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n}\r\n\r\n.jasper-footer-contact small {\r\n  color: rgba(255, 255, 255, 0.42);\r\n  font-size: 7px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.16em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.jasper-footer-contact strong {\r\n  color: rgba(255, 255, 255, 0.84);\r\n  font-size: 11px;\r\n  line-height: 1.55;\r\n  font-weight: 600;\r\n}\r\n\r\n\r\n\/* FOOTER COLUMNS *\/\r\n\r\n.jasper-footer-column h2 {\r\n  position: relative;\r\n  margin: 5px 0 27px;\r\n  padding-bottom: 14px;\r\n  color: var(--jasper-white);\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 18px;\r\n  line-height: 1;\r\n  font-weight: 500;\r\n}\r\n\r\n.jasper-footer-column h2::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 31px;\r\n  height: 2px;\r\n  background: var(--jasper-gold);\r\n}\r\n\r\n.jasper-footer-column nav {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 14px;\r\n}\r\n\r\n.jasper-footer-column nav a {\r\n  position: relative;\r\n  padding-left: 13px;\r\n  color: var(--jasper-muted);\r\n  font-size: 11px;\r\n  line-height: 1.4;\r\n  text-decoration: none;\r\n  transition:\r\n    color 0.2s ease,\r\n    transform 0.2s ease;\r\n}\r\n\r\n.jasper-footer-column nav a::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 7px;\r\n  left: 0;\r\n  width: 4px;\r\n  height: 4px;\r\n  background: rgba(209, 168, 74, 0.72);\r\n  border-radius: 50%;\r\n}\r\n\r\n.jasper-footer-column nav a:hover {\r\n  color: var(--jasper-white);\r\n  transform: translateX(3px);\r\n}\r\n\r\n\r\n\/* RESOURCES *\/\r\n\r\n.jasper-footer-resource-links {\r\n  border-top: 1px solid var(--jasper-line);\r\n}\r\n\r\n.jasper-footer-resource-links > a {\r\n  min-height: 66px;\r\n  display: grid;\r\n  grid-template-columns: 34px minmax(0, 1fr) 15px;\r\n  align-items: center;\r\n  gap: 12px;\r\n  border-bottom: 1px solid var(--jasper-line);\r\n  color: var(--jasper-white);\r\n  text-decoration: none;\r\n  transition:\r\n    background 0.2s ease,\r\n    padding 0.2s ease;\r\n}\r\n\r\n.jasper-footer-resource-links > a:hover {\r\n  padding-left: 8px;\r\n  background: rgba(255, 255, 255, 0.035);\r\n}\r\n\r\n.jasper-footer-resource-links > a > span {\r\n  width: 34px;\r\n  height: 34px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: rgba(255, 255, 255, 0.065);\r\n  border-radius: 50%;\r\n  color: #ecd18a;\r\n  font-size: 11px;\r\n}\r\n\r\n.jasper-footer-resource-links strong {\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n}\r\n\r\n.jasper-footer-resource-links > a > i {\r\n  color: var(--jasper-gold);\r\n  font-size: 9px;\r\n  transition: transform 0.2s ease;\r\n}\r\n\r\n.jasper-footer-resource-links > a:hover > i {\r\n  transform: translateX(4px);\r\n}\r\n\r\n.jasper-footer-resource-featured > span {\r\n  background: rgba(209, 168, 74, 0.17) !important;\r\n}\r\n\r\n\r\n\/* DIRECTORY BAND *\/\r\n\r\n.jasper-footer-directory {\r\n  position: relative;\r\n  z-index: 2;\r\n  border-top: 1px solid var(--jasper-line);\r\n  border-bottom: 1px solid var(--jasper-line);\r\n  background: rgba(255, 255, 255, 0.025);\r\n}\r\n\r\n.jasper-footer-directory-inner {\r\n  min-height: 100px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 35px;\r\n}\r\n\r\n.jasper-footer-directory-copy {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n}\r\n\r\n.jasper-footer-directory-icon {\r\n  width: 45px;\r\n  height: 45px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: rgba(209, 168, 74, 0.14);\r\n  border-radius: 50%;\r\n  color: var(--jasper-gold);\r\n}\r\n\r\n.jasper-footer-directory-copy > span:last-child {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 5px;\r\n}\r\n\r\n.jasper-footer-directory-copy small {\r\n  color: rgba(255, 255, 255, 0.48);\r\n  font-size: 8px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.13em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.jasper-footer-directory-copy strong {\r\n  color: var(--jasper-white);\r\n  font-family: Georgia, \"Times New Roman\", serif;\r\n  font-size: 20px;\r\n  font-weight: 500;\r\n}\r\n\r\n.jasper-footer-directory-inner > a {\r\n  min-height: 45px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 11px;\r\n  padding: 0 20px;\r\n  border: 1px solid rgba(255, 255, 255, 0.24);\r\n  color: var(--jasper-white);\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n  text-decoration: none;\r\n  transition:\r\n    background 0.2s ease,\r\n    border-color 0.2s ease;\r\n}\r\n\r\n.jasper-footer-directory-inner > a i {\r\n  color: var(--jasper-gold);\r\n  font-size: 9px;\r\n}\r\n\r\n.jasper-footer-directory-inner > a:hover {\r\n  background: rgba(255, 255, 255, 0.07);\r\n  border-color: rgba(255, 255, 255, 0.5);\r\n}\r\n\r\n\r\n\/* BOTTOM BAR *\/\r\n\r\n.jasper-footer-bottom {\r\n  position: relative;\r\n  z-index: 2;\r\n  background: rgba(0, 0, 0, 0.14);\r\n}\r\n\r\n.jasper-footer-bottom-inner {\r\n  min-height: 70px;\r\n  display: grid;\r\n  grid-template-columns: 1fr auto auto;\r\n  align-items: center;\r\n  gap: 34px;\r\n}\r\n\r\n.jasper-footer-copyright {\r\n  color: rgba(255, 255, 255, 0.4);\r\n  font-size: 9px;\r\n  line-height: 1.5;\r\n}\r\n\r\n.jasper-footer-legal {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 20px;\r\n}\r\n\r\n.jasper-footer-legal a {\r\n  position: relative;\r\n  color: rgba(255, 255, 255, 0.48);\r\n  font-size: 9px;\r\n  text-decoration: none;\r\n  transition: color 0.2s ease;\r\n}\r\n\r\n.jasper-footer-legal a:hover {\r\n  color: var(--jasper-white);\r\n}\r\n\r\n.jasper-footer-legal a + a::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 50%;\r\n  left: -11px;\r\n  width: 2px;\r\n  height: 2px;\r\n  background: rgba(255, 255, 255, 0.28);\r\n  border-radius: 50%;\r\n  transform: translateY(-50%);\r\n}\r\n\r\n.jasper-back-top {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  color: #e8ca82;\r\n  font-size: 9px;\r\n  font-weight: 800;\r\n  letter-spacing: 0.05em;\r\n  text-decoration: none;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.jasper-back-top i {\r\n  transition: transform 0.2s ease;\r\n}\r\n\r\n.jasper-back-top:hover i {\r\n  transform: translateY(-3px);\r\n}\r\n\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media (max-width: 1100px) {\r\n  .jasper-footer-main {\r\n    grid-template-columns: minmax(300px, 1.2fr) repeat(2, minmax(170px, 0.7fr));\r\n    gap: 55px;\r\n  }\r\n\r\n  .jasper-footer-resources {\r\n    grid-column: 1 \/ -1;\r\n  }\r\n\r\n  .jasper-footer-resource-links {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    border-left: 1px solid var(--jasper-line);\r\n  }\r\n\r\n  .jasper-footer-resource-links > a {\r\n    padding: 0 18px;\r\n    border-right: 1px solid var(--jasper-line);\r\n  }\r\n\r\n  .jasper-footer-resource-links > a:hover {\r\n    padding-left: 24px;\r\n  }\r\n}\r\n\r\n@media (max-width: 800px) {\r\n  .jasper-footer-container {\r\n    width: min(100% - 44px, 720px);\r\n  }\r\n\r\n  .jasper-footer-main {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n\r\n  .jasper-footer-brand {\r\n    max-width: none;\r\n    grid-column: 1 \/ -1;\r\n  }\r\n\r\n  .jasper-footer-resources {\r\n    grid-column: 1 \/ -1;\r\n  }\r\n\r\n  .jasper-footer-resource-links {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .jasper-footer-directory-inner {\r\n    min-height: 125px;\r\n  }\r\n\r\n  .jasper-footer-bottom-inner {\r\n    min-height: 95px;\r\n    grid-template-columns: 1fr auto;\r\n  }\r\n\r\n  .jasper-footer-legal {\r\n    grid-column: 1 \/ -1;\r\n    grid-row: 2;\r\n    justify-content: flex-start;\r\n    padding-bottom: 19px;\r\n  }\r\n\r\n  .jasper-back-top {\r\n    grid-column: 2;\r\n    grid-row: 1;\r\n  }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n  .jasper-footer-container {\r\n    width: calc(100% - 30px);\r\n  }\r\n\r\n  .jasper-footer-top {\r\n    padding: 68px 0 55px;\r\n  }\r\n\r\n  .jasper-footer-main {\r\n    grid-template-columns: 1fr;\r\n    gap: 45px;\r\n  }\r\n\r\n  .jasper-footer-brand,\r\n  .jasper-footer-resources {\r\n    grid-column: auto;\r\n  }\r\n\r\n  .jasper-footer-logo-copy > strong {\r\n    font-size: 30px;\r\n  }\r\n\r\n  .jasper-footer-seal {\r\n    width: 61px;\r\n    height: 61px;\r\n    flex-basis: 61px;\r\n  }\r\n\r\n  .jasper-footer-resource-links > a {\r\n    padding: 0;\r\n  }\r\n\r\n  .jasper-footer-resource-links > a:hover {\r\n    padding-left: 7px;\r\n  }\r\n\r\n  .jasper-footer-directory-inner {\r\n    align-items: flex-start;\r\n    flex-direction: column;\r\n    padding: 28px 0;\r\n  }\r\n\r\n  .jasper-footer-directory-inner > a {\r\n    width: 100%;\r\n  }\r\n\r\n  .jasper-footer-bottom-inner {\r\n    min-height: auto;\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n    padding: 27px 0;\r\n  }\r\n\r\n  .jasper-footer-copyright,\r\n  .jasper-back-top,\r\n  .jasper-footer-legal {\r\n    grid-column: auto;\r\n    grid-row: auto;\r\n  }\r\n\r\n  .jasper-footer-legal {\r\n    flex-wrap: wrap;\r\n    gap: 14px 20px;\r\n    padding-bottom: 0;\r\n  }\r\n\r\n  .jasper-back-top {\r\n    justify-self: start;\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  const year = document.getElementById(\"jasperFooterYear\");\r\n\r\n  if (year) {\r\n    year.textContent = new Date().getFullYear();\r\n  }\r\n\r\n  const backTop = document.querySelector(\".jasper-back-top\");\r\n\r\n  if (backTop) {\r\n    backTop.addEventListener(\"click\", function (event) {\r\n      event.preventDefault();\r\n\r\n      window.scrollTo({\r\n        top: 0,\r\n        behavior: \"smooth\"\r\n      });\r\n    });\r\n  }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Official Website of the City of Jasper, Florida Public Notices Employment 386-792-1212 Government City Government Open, accessible local government. Find elected officials, city leadership, public meetings, official records and financial information. Explore City Government Leadership Mayor &amp; City Council Meet Jasper\u2019s elected officials City Manager City administration and leadership City Clerk Records, notices and city [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/livewire.team\/figs\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/livewire.team\/figs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/livewire.team\/figs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/livewire.team\/figs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/livewire.team\/figs\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":70,"href":"https:\/\/livewire.team\/figs\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":312,"href":"https:\/\/livewire.team\/figs\/wp-json\/wp\/v2\/pages\/10\/revisions\/312"}],"wp:attachment":[{"href":"https:\/\/livewire.team\/figs\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}