PageSourceSearch

https://libertyclerk.com/about-the-clerk/

html libertyclerk.com collected 2026-10-02 16:50:55 UTC 95,792 bytes, 1,568 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-US">
3
4<head>
5  <meta charset="UTF-8" />
6  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7  <link rel="manifest" href="/app.webmanifest">
8
9  <link rel="stylesheet" href="https://use.typekit.net/idq2jgl.css">
10  
11
12  
13  
14  
14<script>
15    window.dataLayer = window.dataLayer || [];
16    function gtag(){ dataLayer.push(arguments); }
17  </script>
17
18
19  <title>About | Liberty County Clerk</title>
20<meta name='robots' content='max-image-preview:large' />
21<style id="wp-img-auto-sizes-contain-inline-css">
22img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
23/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
24</style>
25<style id="classic-theme-styles-inline-css">
26/*! This file is auto-generated */
27.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
28/*# sourceURL=/wp-includes/css/classic-themes.min.css */
29</style>
30
31<style id="global-styles-inline-css">
32:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
32--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
32.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
33/*# sourceURL=global-styles-inline-css */
34</style>
35
36<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://libertyclerk.com/wordpress/xmlrpc.php?rsd" />
37<link rel='shortlink' href='https://libertyclerk.com/?p=1477' />
38<!-- SEO meta tags powered by SmartCrawl https://wpmudev.com/project/smartcrawl-wordpress-seo/ -->
39<link rel="canonical" href="https://libertyclerk.com/about-the-clerk/" />
40<meta name="description" content="Learn about Jace Ford, the Clerk of the Courts for Liberty County, Florida, elected to serve as Clerk of the Circuit and County Courts, Board of County Commissioners, and County Recorder." />
41<script type="application/ld+json">{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/libertyclerk.com\/wordpress\/#schema-publishing-organization","url":"https:\/\/libertyclerk.com\/wordpress","name":"Liberty Clerk of the Circuit Court &amp; County Comptroller"},{"@type":"WebSite","@id":"https:\/\/libertyclerk.com\/wordpress\/#schema-website","url":"https:\/\/libertyclerk.com\/wordpress","name":"Taylor Clerk of the Circuit Court &amp; County Comptroller","encoding":"UTF-8","potentialAction":{"@type":"SearchAction","target":"https:\/\/libertyclerk.com\/search\/{search_term_string}\/","query-input":"required name=search_term_string"}},{"@type":"Person","@id":"https:\/\/libertyclerk.com\/author\/kma_web_gurus\/#schema-author","name":"Kerigan Marketing","url":"https:\/\/libertyclerk.com\/author\/kma_web_gurus\/"}]}</script>
41
42<meta property="og:type" content="article" />
43<meta property="og:url" content="https://libertyclerk.com/about-the-clerk/" />
44<meta property="og:title" content="About | Liberty County Clerk" />
45<meta property="og:description" content="Learn about Jace Ford, the Clerk of the Courts for Liberty County, Florida, elected to serve as Clerk of the Circuit and County Courts, Board of County Commissioners, and County Recorder." />
46<meta property="article:published_time" content="2025-04-15T10:03:00" />
47<meta property="article:author" content="KMA" />
48<meta name="twitter:card" content="summary" />
49<meta name="twitter:title" content="About | Liberty County Clerk" />
50<meta name="twitter:description" content="Learn about Jace Ford, the Clerk of the Courts for Liberty County, Florida, elected to serve as Clerk of the Circuit and County Courts, Board of County Commissioners, and County Recorder." />
51<!-- /SEO -->
52
53
54  <link href="/styles/app.css?id=116c73f28e795adfef47f3b84eda666f" rel="stylesheet">
55
56  
57      
57<script>
vendor: 343 bytes, lines 57-61
57(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
58    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
59    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
60    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
61    })(window,document,'script','dataLayer','
61GTM-TNJS3BM
vendor: 3 bytes, line 61
61');
61</script>
61
62  
63  
64</head>
65<style>
66  [v-cloak] {
67    display: none
68  }
69</style>
70
71<body class="wp-singular page-template-default page page-id-1477 wp-theme-kmatailwind">
vendor: 78 bytes, lines 71-74
71
72
73  
74      <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
74GTM-TNJS3BM
vendor: 98 bytes, lines 74-79
74"
75    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
76  
77  
78  
79  
79<div id="app" >
80    <main class="w-full font-sans text-base antialiased " >
81      <a href="#content" class="absolute -top-40 focus:top-2 left-2 h-auto w-auto px-4 py-2 bg-white border rounded text-gray-900 font-bold focus:border-4 z-[100]" >Skip to content</a>
82
83      <header class="transition-transform transform duration-700 w-full fixed z-50">
84
85  <div class="">
86
87    <div class="absolute z-0 w-full h-48 bg-gradient-to-b from-primary-darker"
88      v-bind:class="{
89          'flex': scrollPosition <= 0,
90          'hidden': scrollPosition > 0
91      }">
92    </div>
93
94    <div class="relative z-20 w-full">
95      <div class="relative transition-all duration-700 lg:flex justify-between items-center lg:px-8"
96        v-bind:class="{
97            'h-28 lg:h-40 bg-primary lg:bg-transparent': scrollPosition <= 0,
98            'bg-secondary/80 backdrop-blur': scrollPosition > 0,
99        }">
100
101        <a href="/" class="flex items-center justify-start relative z-20">
102
103  
104  <div class="lg:py-2 flex-none transition-all duration-500 h-full" >
105    <img class="border-r-4 lg:border-[3.5px] block h-full transition-all duration-500" src="/images/clerk-headshot.webp" alt="Jace Ford, Clerk of Court and Comptroller of Liberty County, Florida" width="97"
106      v-bind:class="{
107        'w-24': scrollPosition <= 0,
108        'w-16': scrollPosition > 0,
109      }"
110    >
111  </div>
112
113  
114  <div class="py-1 px-4">
115    <img class="block h-auto transition-all duration-500" src="/images/wordmark.svg" alt="Liberty Clerk of the Circuit Court &amp; County Comptroller"
116      v-bind:class="{
117        'w-full': scrollPosition <= 0,
118        'w-52': scrollPosition > 0,
119      }" />
120  </div>
121
122</a>
123        <div class="flex items-center gap-8">
124          <nav class="hidden w-auto h-full xl:flex gap-4 transition">
125
126    
127          <div class="group h-full" @keydown.enter="toggleDropdown(0)"  x-data="{ open: false }" tabindex="0">
128
129        <a class="nav-link items-center gap-1 mb-1 text-pretty" tabindex="0"
130         role="button" >
131  Departments & Services
132
133      <span class="w-3 h-3 flex-shrink-0 flex items-center justify-center">
134      <svg xmlns="http://www.w3.org/2000/svg" width="9.814" height="4.907" viewBox="0 0 9.814 4.907" class="mt-1 group-hover:rotate-180 transition-all duration-300">
135  <path id="nav-arrow-down" d="M1052.19,105.144l-3.7,3.7-3.7-3.7Z" transform="translate(-1043.583 -104.644)" stroke="#FFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" fill="#FFF"/>
136</svg>
137    </span>
138  
139  </a>
140
141        
142                  <div class="mega-menu-container"
143            :class="{
144                'before:h-24': scrollPosition > 0,
145                'before:h-36': scrollPosition <= 0,
146            }">
147
148            <div class="w-full max-w-screen-2xl ml-auto grid grid-cols-8 p-8 2xl:px-16 transition gap-8">
149
150              <div class="px-4 col-span-2 py-8">
151                <p class="mega-menu-title" tabindex="0">
152                  Departments & Services
153                </p>
154
155                
156              </div>
157
158              <div class="col-span-6 p-8 border-l border-primary/10 grid grid-cols-3 gap-8">
159
160                                  <div class="relative">
161
162                    <a class="font-heading text-secondary hover:decoration-accent text-xl flex items-center gap-3 font-bold "
163                       href="https://libertyclerk.com/courts/"                        target=""                       >
164                    <span class="transition-all duration-500 hover:underline decoration-2 decoration-accent underline-offset-2 hover:cursor-pointer">
165                      Court Services
166                    </span>
167                                          </a>
168
169                                          <div class="w-full top-0 flex-col py-2 pl-7 lg:pl-2">
170                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
171   href="https://libertyclerk.com/courts/jury-duty/"    target=""     >
172  Jury Duty
173
174  
175  </a>
176                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
177   href="https://libertyclerk.com/courts/traffic-department/"    target=""     >
178  Traffic Department
179
180  
181  </a>
182                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
183   href="https://libertyclerk.com/courts/property-sales/"    target=""     >
184  Property Sales
185
186  
187  </a>
188                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
189   href="https://libertyclerk.com/courts/foreclosure-sales/"    target=""     >
190  Foreclosure Sales
191
192  
193  </a>
194                                              </div>
195                                      </div>
196                                  <div class="relative">
197
198                    <a class="font-heading text-secondary hover:decoration-accent text-xl flex items-center gap-3 font-bold "
199                       href="https://libertyclerk.com/clerk-services/"                        target=""                       >
200                    <span class="transition-all duration-500 hover:underline decoration-2 decoration-accent underline-offset-2 hover:cursor-pointer">
201                      Clerk Services
202                    </span>
203                                          </a>
204
205                                          <div class="w-full top-0 flex-col py-2 pl-7 lg:pl-2">
206                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
207   href="https://libertyclerk.com/clerk-services/marriage-licenses/"    target=""     >
208  Marriage Licenses
209
210  
211  </a>
212                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
213   href="https://libertyclerk.com/clerk-services/passports/"    target=""     >
214  Passports
215
216  
217  </a>
218                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
219   href="https://libertyclerk.com/clerk-services/property-fraud-alert/"    target=""     >
220  Property Fraud Alert
221
222  
223  </a>
224                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
225   href="https://libertyclerk.com/clerk-services/value-adjustment-board/"    target=""     >
226  Value Adjustment Board
227
228  
229  </a>
230                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
231   href="https://libertyclerk.com/courts/tax-deeds/"    target=""     >
232  Tax Deeds
233
234  
235  </a>
236                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
237   href="https://libertyclerk.com/clerk-services/official-records/"    target=""     >
238  Official Records
239
240  
241  </a>
242                                              </div>
243                                      </div>
244                                  <div class="relative">
245
246                    <a class="font-heading text-secondary hover:decoration-accent text-xl flex items-center gap-3 font-bold "
247                       href="#"                        target=""                       >
248                    <span class="transition-all duration-500 cursor-default">
249                      Online Services
250                    </span>
251                                          </a>
252
253                                          <div class="w-full top-0 flex-col py-2 pl-7 lg:pl-2">
254                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
255   href="https://libertyclerk.com/pay-online/"    target=""     >
256  Pay Online
257
258  
259  </a>
260                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
261   href="https://url2.mailanyone.net/scanner?m=1s7J6Y-007EPW-5W&amp;d=4%7Cmail%2F90%2F1715796600%2F1s7J6Y-007EPW-5W%7Cin2b%7C57e1b682%7C28062332%7C13412192%7C6644FAEAC9AE967BF758A4B3F321CE94&amp;o=%2Fphta%3A%2Fpts.oycicechilevitsoutkmsiopco%2Fn.ehaycic%2FcoAtou6%2F5Dny69E81AE41BE5C96D10A9C5C47CD7&amp;s=xHxQ3POxCWmxK8Ms2bPimMLoRfM"    target="_blank"     >
262  Pay Traffic Citations
263
264  
265      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
266  </a>
267                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
268   href="https://www.paykidz.com/fl/dashboard"    target="_blank"     >
269  Pay Child Support
270
271  
272      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
273  </a>
274                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
275   href="https://www.civitekflorida.com/ocrs/county/39/"    target="_blank"     >
276  Search Court Records Online
277
278  
279      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
280  </a>
281                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
282   href="https://www3.myfloridacounty.com/official_records/index.html"    target="_blank"     >
283  Search & Order Official Records
284
285  
286      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
287  </a>
288                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
289   href="https://libertyclerk.com/turbo-court-diy-forms/"    target=""     >
290  Turbo Court – DIY Forms
291
292  
293  </a>
294                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
295   href="https://libertyclerk.com/e-notify/"    target=""     >
296  E-Notify
297
298  
299  </a>
300                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
301   href="https://liberty-county-clerk.s3.amazonaws.com/uploads/2026/04/02080248/REGISTRATION-AGREEMENT-TO-VIEW-RECORDS-ONLINE.docx"    target="_blank"     >
302  Attorney User Agreement
303
304  
305      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
306  </a>
307                                              </div>
308                                      </div>
309                
310              </div>
311
312            </div>
313          </div>
314        
315      </div>
316          <div class="group h-full" @keydown.enter="toggleDropdown(1)"  x-data="{ open: false }" tabindex="0">
317
318        <a class="nav-link items-center gap-1 mb-1 text-pretty" tabindex="0"
319         role="button" >
320  Resources
321
322      <span class="w-3 h-3 flex-shrink-0 flex items-center justify-center">
323      <svg xmlns="http://www.w3.org/2000/svg" width="9.814" height="4.907" viewBox="0 0 9.814 4.907" class="mt-1 group-hover:rotate-180 transition-all duration-300">
324  <path id="nav-arrow-down" d="M1052.19,105.144l-3.7,3.7-3.7-3.7Z" transform="translate(-1043.583 -104.644)" stroke="#FFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" fill="#FFF"/>
325</svg>
326    </span>
327  
328  </a>
329
330        
331                  <div class="mega-menu-container"
332            :class="{
333                'before:h-24': scrollPosition > 0,
334                'before:h-36': scrollPosition <= 0,
335            }">
336
337            <div class="w-full max-w-screen-2xl ml-auto grid grid-cols-8 p-8 2xl:px-16 transition gap-8">
338
339              <div class="px-4 col-span-2 py-8">
340                <p class="mega-menu-title" tabindex="0">
341                  Resources
342                </p>
343
344                
345              </div>
346
347              <div class="col-span-6 p-8 border-l border-primary/10 grid grid-cols-3 gap-8">
348
349                                  <div class="relative">
350
351                    <a class="font-heading text-secondary hover:decoration-accent text-xl flex items-center gap-3 font-bold "
352                                                                  >
353                    <span class="transition-all duration-500 cursor-default">
354                      Local Info
355                    </span>
356                                          </a>
357
358                                          <div class="w-full top-0 flex-col py-2 pl-7 lg:pl-2">
359                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
360   href="https://libertycountyfl.org/"    target="_blank"     >
361  Board of County Commissioners
362
363  
364      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 dark:invert h-2.5 w-2.5 o
364pacity-90">
365  </a>
366                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
367   href="https://www.libertycountychamber.org/"    target="_blank"     >
368  Chamber of Commerce
369
370  
371      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
372  </a>
373                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
374   href="https://libertypa.org/"    target="_blank"     >
375  Property Appraiser
376
377  
378      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
379  </a>
380                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
381   href="https://www.libertyelections.com/"    target="_blank"     >
382  Supervisor of Elections
383
384  
385      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
386  </a>
387                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
388   href="https://www.libertycountytaxcollector.com/Property/SearchSelect?Accept=true&amp;ClearData=True"    target="_blank"     >
389  Tax Collector
390
391  
392      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
393  </a>
394                                              </div>
395                                      </div>
396                                  <div class="relative">
397
398                    <a class="font-heading text-secondary hover:decoration-accent text-xl flex items-center gap-3 font-bold "
399                       href="#"                        target=""                       >
400                    <span class="transition-all duration-500 cursor-default">
401                      State Information
402                    </span>
403                                          </a>
404
405                                          <div class="w-full top-0 flex-col py-2 pl-7 lg:pl-2">
406                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
407   href="https://floridarevenue.com/Pages/default.aspx"    target="_blank"     >
408  Florida Department of Revenue
409
410  
411      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
412  </a>
413                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
414   href="https://dos.fl.gov/"    target="_blank"     >
415  Florida Department of State
416
417  
418      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 dark:invert h-2.5 w-2.5 o
418pacity-90">
419  </a>
420                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
421   href="http://www.leg.state.fl.us/Welcome/index.cfm?CFID=115459569&amp;CFTOKEN=86832762"    target="_blank"     >
422  Florida Legislature
423
424  
425      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
426  </a>
427                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
428   href="http://www.leg.state.fl.us/statutes/"    target="_blank"     >
429  Florida Legislature Statuses
430
431  
432      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
433  </a>
434                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
435   href="https://www.flcourts.gov/"    target="_blank"     >
436  Florida State Courts
437
438  
439      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
440  </a>
441                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
442   href="https://www.myfloridalegal.com/"    target="_blank"     >
443  Florida Attorney General
444
445  
446      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
447  </a>
448                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
449   href="http://www.fdle.state.fl.us/"    target="_blank"     >
450  Florida Department of Law Enforcement (FDLE)
451
452  
453      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
454  </a>
455                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
456   href="https://www.floridadisaster.org/"    target="_blank"     >
457  Florida Division of Emergency Management
458
459  
460      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
461  </a>
462                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
463   href="https://www.flhsmv.gov/"    target="_blank"     >
464  Florida Department of Highway Safety
465
466  
467      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 dark:invert h-2.5 w-2.5 o
467pacity-90">
468  </a>
469                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
470   href="https://www.floridavets.org/"    target="_blank"     >
471  Florida Department of Veteran Affairs
472
473  
474      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
475  </a>
476                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
477   href="/uploads/2025/04/2023governmentinthesunshinemanual.pdf"    target="_blank"     >
478  Government in the Sunshine
479
480  
481      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
482  </a>
483                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
484   href="https://www.myflfamilies.com/services/public-assistance"    target="_blank"     >
485  MyFlorida.com – Department of Children & Families
486
487  
488      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
489  </a>
490                                              </div>
491                                      </div>
492                                  <div class="relative">
493
494                    <a class="font-heading text-secondary hover:decoration-accent text-xl flex items-center gap-3 font-bold "
495                       href="#"                        target=""                       >
496                    <span class="transition-all duration-500 cursor-default">
497                      Federal Information
498                    </span>
499                                          </a>
500
501                                          <div class="w-full top-0 flex-col py-2 pl-7 lg:pl-2">
502                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
503   href="https://www.irs.gov/"    target="_blank"     >
504  Internal Revenue Service
505
506  
507      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
508  </a>
509                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
510   href="https://travel.state.gov/content/travel/en/passports.html/passport_1738.html"    target="_blank"     >
511  Passport Information
512
513  
514      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 dark:invert h-2.5 w-2.5 opacity-90">
515  </a>
516                                                  <a class="inline-block w-full py-1 text-left pl-4 lg:pl-0 text-secondary hover:text-secondary-light leading-tight font-medium hover:offset-underline-2 transition-all duration-500 gap-2 items-center hover:scale-105 decoration-primary/40 items-center gap-1 mb-1 text-pretty" tabindex="0"
517   href="https://www.usa.gov/"    target="_blank"     >
518  The U.S. Government’s Official Web Portal
519
520  
521      <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 dark:invert h-2.5 w-2.5 o
521pacity-90">
522  </a>
523                                              </div>
524                                      </div>
525                
526              </div>
527
528            </div>
529          </div>
530        
531      </div>
532          <div class="group h-full" @keydown.enter="toggleDropdown(2)"  x-data="{ open: false }" tabindex="0">
533
534        <a class="nav-link items-center gap-1 mb-1 text-pretty" tabindex="0"
535         role="button" >
536  About
537
538      <span class="w-3 h-3 flex-shrink-0 flex items-center justify-center">
539      <svg xmlns="http://www.w3.org/2000/svg" width="9.814" height="4.907" viewBox="0 0 9.814 4.907" class="mt-1 group-hover:rotate-180 transition-all duration-300">
540  <path id="nav-arrow-down" d="M1052.19,105.144l-3.7,3.7-3.7-3.7Z" transform="translate(-1043.583 -104.644)" stroke="#FFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" fill="#FFF"/>
541</svg>
542    </span>
543  
544  </a>
545
546        
547                  <div class="mega-menu-container"
548            :class="{
549                'before:h-24': scrollPosition > 0,
550                'before:h-36': scrollPosition <= 0,
551            }">
552
553            <div class="w-full max-w-screen-2xl ml-auto grid grid-cols-8 p-8 2xl:px-16 transition gap-8">
554
555              <div class="px-4 col-span-2 py-8">
556                <p class="mega-menu-title" tabindex="0">
557                  About
558                </p>
559
560                
561              </div>
562
563              <div class="col-span-6 p-8 border-l border-primary/10 grid grid-cols-3 gap-8">
564
565                                  <div class="relative">
566
567                    <a class="font-heading text-secondary hover:decoration-accent text-xl flex items-center gap-3 font-bold "
568                       href="https://libertyclerk.com/about-the-clerk/"                        target=""                       >
569                    <span class="transition-all duration-500 hover:underline decoration-2 decoration-accent underline-offset-2 hover:cursor-pointer">
570                      About the Clerk
571                    </span>
572                                          </a>
573
574                                      </div>
575                                  <div class="relative">
576
577                    <a class="font-heading text-secondary hover:decoration-accent text-xl flex items-center gap-3 font-bold "
578                       href="https://libertyclerk.com/holiday-schedule/"                        target=""                       >
579                    <span class="transition-all duration-500 hover:underline decoration-2 decoration-accent underline-offset-2 hover:cursor-pointer">
580                      Holiday Schedule
581                    </span>
582                                          </a>
583
584                                      </div>
585                                  <div class="relative">
586
587                    <a class="font-heading text-secondary hover:decoration-accent text-xl flex items-center gap-3 font-bold "
588                       href="https://libertyclerk.com/career-opportunities/"                        target=""                       >
589                    <span class="transition-all duration-500 hover:underline decoration-2 decoration-accent underline-offset-2 hover:cursor-pointer">
590                      Career Opportunities
591                    </span>
592                                          </a>
593
594                                      </div>
595                                  <div class="relative">
596
597                    <a class="font-heading text-secondary hover:decoration-accent text-xl flex items-center gap-3 font-bold "
598                       href="https://libertyclerk.com/frequently-asked-questions/"                        target=""                       >
599                    <span class="transition-all duration-500 hover:underline decoration-2 decoration-accent underline-offset-2 hover:cursor-pointer">
600                      FAQs
601                    </span>
602                                          </a>
603
604                                      </div>
605                                  <div class="relative">
606
607                    <a class="font-heading text-secondary hover:decoration-accent text-xl flex items-center gap-3 font-bold "
608                       href="https://libertyclerk.com/announcements/"                        target=""                       >
609                    <span class="transition-all duration-500 hover:underline decoration-2 decoration-accent underline-offset-2 hover:cursor-pointer">
610                      Notices & Announcements
611                    </span>
612                                          </a>
613
614                                      </div>
615                
616              </div>
617
618            </div>
619          </div>
620        
621      </div>
622          <div class="group h-full" @keydown.enter="toggleDropdown(3)"  x-data="{ open: false }" tabindex="0">
623
624        <a class="nav-link items-center gap-1 mb-1 text-pretty" tabindex="0"
625   href="https://libertyclerk.com/contact/"    target=""     >
626  Contact
627
628  
629  </a>
630
631        
632        
633      </div>
634    
635  </nav>
636
637          <div class="lg:flex hidden lg:mr-2 relative z-20 items-center gap-4">
638            <form role="search" action="/" method="get"
639  class="flex shadow-xl h-12 overflow-visible w-full lg:w-72 text-primary-dark focus-within:lg:w-96 transition ring-[5px] ring-white/80 rounded-full bg-white gap-2">
640  <input id="searchfield" ref="searchfield" type="text" name="s" placeholder="I'm looking for..."
641    aria-label="Enter words to search for" value=""
642    class="font-bold placeholder:font-medium text-sm h-12 px-4 flex-grow focus:text-secondary placeholder:focus-within:text-primary outline-none rounded-full placeholder:text-[#585858] placeholder:italic focus-within:outline-primary/50 "
643  >
644  <button type="submit" class=" bg-accent flex h-12 w-12 items-center justify-center rounded-full">
645    <span class="sr-only">Search Website</span>
646    <svg id="search" xmlns="http://www.w3.org/2000/svg" width="18.255" height="18.426" viewBox="0 0 18.255 18.426" role="presentation" class="fill-current w-5 h-5 self-center text-white">
647  <g id="search" data-name="Icon feather-search" transform="translate(-3.5 -3.5)">
648    <path id="Path_62" data-name="Path 62" d="M17.963,11.231A6.731,6.731,0,1,1,11.231,4.5a6.731,6.731,0,0,1,6.731,6.731Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
649    <path id="Path_63" data-name="Path 63" d="M28.81,28.808l-3.835-3.833" transform="translate(-8.47 -8.296)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
650  </g>
651</svg>
652  </button>
653</form>
654            <div class="bg-white lg:bg-transparent divide-x-2 divide-gray-200 lg:border-none flex xl:hidden relative z-30">
655
656  
657  <div role="button" tabindex="0"
658    class="h-12 sm:px-3 flex lg:hidden items-center group justify-center cursor-pointer w-1/2 lg:border-none hover:bg-gray-100"
659    @click="toggleMenu('searchMenu')" @keyup.enter="toggleMenu('searchMenu')" @keyup.esc="toggleMenu"
660    ref="searchBox_button">
661    <span class="mobile-menu-button text-primary-dark group-hover:text-accent-dark">Search</span>
662  </div>
663
664  
665  <div role="button" tabindex="0"
666    class="h-12 lg:h-14 sm:px-4 flex xl:hidden items-center justify-center cursor-pointer w-1/2 lg:w-auto md:border-none group lg:hover:bg-gray-200 py-6 lg:px-6 transition hover:bg-gray-100 md:rounded-full"
667    @click="toggleMenu('mobileMenu')" @keyup.enter="toggleMenu('mobileMenu')" @keyup.esc="toggleMenu"
668    ref="mobileMenu_button">
669    <span class="mobile-menu-button text-primary-dark lg:text-white pl-0 group-hover:text-primary-dark">Menu</span>
670    <svg xmlns="http://www.w3.org/2000/svg" width="23.732" height="20.093" viewBox="0 0 23.732 20.093" class="hidden lg:inline-flex xl:hidden group-hover:text-primary fill-current w-4 lg:h-5 lg:w-5 text-white" role="presentation">
671    <path id="Path_112386" data-name="Path 112386" d="M4726,157.915h-20.732a1.5,1.5,0,0,1,0-3H4726a1.5,1.5,0,0,1,0,3Z" transform="translate(-4703.766 -154.915)" fill="currentColor"/>
672    <path id="Path_112387" data-name="Path 112387" d="M4720.672,157.915h-15.405a1.5,1.5,0,0,1,0-3h15.405a1.5,1.5,0,0,1,0,3Z" transform="translate(-4698.44 -146.368)" fill="currentColor"/>
673    <path id="Path_112388" data-name="Path 112388" d="M4726,157.915h-20.732a1.5,1.5,0,0,1,0-3H4726a1.5,1.5,0,0,1,0,3Z" transform="translate(-4703.766 -137.822)" fill="currentColor"/>
674  </svg>
675    </div>
676
677  
678  
679
680</div>
681          </div>
682        </div>
683
684      </div>
685    </div>
686  </div>
687
688  <div class="lg:hidden">
689    <div class="bg-white lg:bg-transparent divide-x-2 divide-gray-200 lg:border-none flex xl:hidden relative z-30">
690
691  
692  <div role="button" tabindex="0"
693    class="h-12 sm:px-3 flex lg:hidden items-center group justify-center cursor-pointer w-1/2 lg:border-none hover:bg-gray-100"
694    @click="toggleMenu('searchMenu')" @keyup.enter="toggleMenu('searchMenu')" @keyup.esc="toggleMenu"
695    ref="searchBox_button">
696    <span class="mobile-menu-button text-primary-dark group-hover:text-accent-dark">Search</span>
697  </div>
698
699  
700  <div role="button" tabindex="0"
701    class="h-12 lg:h-14 sm:px-4 flex xl:hidden items-center justify-center cursor-pointer w-1/2 lg:w-auto md:border-none group lg:hover:bg-gray-200 py-6 lg:px-6 transition hover:bg-gray-100 md:rounded-full"
702    @click="toggleMenu('mobileMenu')" @keyup.enter="toggleMenu('mobileMenu')" @keyup.esc="toggleMenu"
703    ref="mobileMenu_button">
704    <span class="mobile-menu-button text-primary-dark lg:text-white pl-0 group-hover:text-primary-dark">Menu</span>
705    <svg xmlns="http://www.w3.org/2000/svg" width="23.732" height="20.093" viewBox="0 0 23.732 20.093" class="hidden lg:inline-flex xl:hidden group-hover:text-primary fill-current w-4 lg:h-5 lg:w-5 text-white" role="presentation">
706    <path id="Path_112386" data-name="Path 112386" d="M4726,157.915h-20.732a1.5,1.5,0,0,1,0-3H4726a1.5,1.5,0,0,1,0,3Z" transform="translate(-4703.766 -154.915)" fill="currentColor"/>
707    <path id="Path_112387" data-name="Path 112387" d="M4720.672,157.915h-15.405a1.5,1.5,0,0,1,0-3h15.405a1.5,1.5,0,0,1,0,3Z" transform="translate(-4698.44 -146.368)" fill="currentColor"/>
708    <path id="Path_112388" data-name="Path 112388" d="M4726,157.915h-20.732a1.5,1.5,0,0,1,0-3H4726a1.5,1.5,0,0,1,0,3Z" transform="translate(-4703.766 -137.822)" fill="currentColor"/>
709  </svg>
710    </div>
711
712  
713  
714
715</div>
716  </div>
717
718
719</header>
720
721<div v-cloak
722  class="fixed xl:hidden w-full h-screen bg-cover bg-primary-dark z-40 shadow-2xl items-center transition-all duration-500 lg:max-w-sm lg:border-l-2 mt-auto lg:right-0 border-primary top-0"
723  tabindex="0"
724  :class="{
725    '-translate-y-full lg:translate-y-0 lg:translate-x-full': openMenu != 'mobileMenu',
726    'translate-y-none lg:translate-x-none': openMenu == 'mobileMenu',
727    'pt-48 lg:pt-36': scrollPosition <= 0,
728    'pt-32 lg:pt-32': scrollPosition > 0
729  }">
730  <nav v-if="openMenu == 'mobileMenu'" class="h-full overflow-y-auto relative z-20 pt-6 pb-20">
731
732          
733      <div class="w-full px-6 ">
734        <div class="flex items-center pt-3 pb-2 gap-8 border-b border-white/10 w-full">
735
736          
737                      <span class="mobile-nav-item" @click="setMobileNavGroup(0)">
738              Departments & Services
739            </span>
740          
741                      <span class="grow flex" @click="setMobileNavGroup(0)">
742              <span class="transition p-1 w-6 h-6 flex justify-center items-center text-primary ml-auto"
743                :class="{
744                    'rotate-180': activeMobileNavGroup != 0
745                }">
746                <svg xmlns="http://www.w3.org/2000/svg" width="9.814" height="4.907" viewBox="0 0 9.814 4.907" class="mt-1 group-hover:rotate-180 transition-all duration-300">
747  <path id="nav-arrow-down" d="M1052.19,105.144l-3.7,3.7-3.7-3.7Z" transform="translate(-1043.583 -104.644)" stroke="#FFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" fill="#FFF"/>
748</svg>
749              </span>
750            </span>
751          
752        </div>
753
754                  <div v-if="activeMobileNavGroup == 0" class="flex flex-col pt-4 pb-6 pl-4 pr-6 transition">
755                          <a class="mobile-nav-child inline-block text-pretty" href="https://libertyclerk.com/courts/"
756                title="Departments &amp; Services" >
757                Court Services
758                              </a>
759              
760                              <div class="w-full flex-col pb-3 mb-4 px-4">
761                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="https://libertyclerk.com/courts/jury-duty/"
762                      >
763                      Jury Duty
764                                          </a>
765                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="https://libertyclerk.com/courts/traffic-department/"
766                      >
767                      Traffic Department
768                                          </a>
769                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="https://libertyclerk.com/courts/property-sales/"
770                      >
771                      Property Sales
772                                          </a>
773                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="https://libertyclerk.com/courts/foreclosure-sales/"
774                      >
775                      Foreclosure Sales
776                                          </a>
777                                  </div>
778                                        <a class="mobile-nav-child inline-block text-pretty" href="https://libertyclerk.com/clerk-services/"
779                title="Departments &amp; Services" >
780                Clerk Services
781                              </a>
782              
783                              <div class="w-full flex-col pb-3 mb-4 px-4">
784                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="https://libertyclerk.com/clerk-services/marriage-licenses/"
785                      >
786                      Marriage Licenses
787                                          </a>
788                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="https://libertyclerk.com/clerk-services/passports/"
789                      >
790                      Passports
791                                          </a>
792                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="https://libertyclerk.com/clerk-services/property-fraud-alert/"
793                      >
794                      Property Fraud Alert
795                                          </a>
796                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="https://libertyclerk.com/clerk-services/value-adjustment-board/"
797                      >
798                      Value Adjustment Board
799                                          </a>
800                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="https://libertyclerk.com/courts/tax-deeds/"
801                      >
802                      Tax Deeds
803                                          </a>
804                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="https://libertyclerk.c
804om/clerk-services/official-records/"
805                      >
806                      Official Records
807                                          </a>
808                                  </div>
809                                        <a class="mobile-nav-child inline-block text-pretty" href="#"
810                title="Departments &amp; Services" >
811                Online Services
812                              </a>
813              
814                              <div class="w-full flex-col pb-3 mb-4 px-4">
815                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="https://libertyclerk.com/pay-online/"
816                      >
817                      Pay Online
818                                          </a>
819                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="https://url2.mailanyone.net/scanner?m=1s7J6Y-007EPW-5W&amp;d=4%7Cmail%2F90%2F1715796600%2F1s7J6Y-007EPW-5W%7Cin2b%7C57e1b682%7C28062332%7C13412192%7C6644FAEAC9AE967BF758A4B3F321CE94&amp;o=%2Fphta%3A%2Fpts.oycicechilevitsoutkmsiopco%2Fn.ehaycic%2FcoAtou6%2F5Dny69E81AE41BE5C96D10A9C5C47CD7&amp;s=xHxQ3POxCWmxK8Ms2bPimMLoRfM"
820                       target="_blank" >
821                      Pay Traffic Citations
822                                              <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 invert h-2.5 w-2.5 opacity-90">
823                                          </a>
824                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="https://www.paykidz.com/fl/dashboard"
825                       target="_blank" >
826                      Pay Child Support
827                                              <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 invert h-2.5 w-2.5 opacity-90">
828                                          </a>
829                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="https://www.civitekflorida.com/ocrs/county/39/"
830                       target="_blank" >
831                      Search Court Records Online
832                                              <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 invert h-2.5 w-2.5 opacity-90">
833                                          </a>
834                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="https://www3.myflorid
834acounty.com/official_records/index.html"
835                       target="_blank" >
836                      Search & Order Official Records
837                                              <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 invert h-2.5 w-2.5 opacity-90">
838                                          </a>
839                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="https://libertyclerk.com/turbo-court-diy-forms/"
840                      >
841                      Turbo Court – DIY Forms
842                                          </a>
843                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="https://libertyclerk.com/e-notify/"
844                      >
845                      E-Notify
846                                          </a>
847                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="https://liberty-county-clerk.s3.amazonaws.com/uploads/2026/04/02080248/REGISTRATION-AGREEMENT-TO-VIEW-RECORDS-ONLINE.docx"
848                       target="_blank" >
849                      Attorney User Agreement
850                                              <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 invert h-2.5 w-2.5 opacity-90">
851                                          </a>
852                                  </div>
853                                    </div>
854              </div>
855          
856      <div class="w-full px-6 ">
857        <div class="flex items-center pt-3 pb-2 gap-8 border-b border-white/10 w-full">
858
859          
860                      <span class="mobile-nav-item" @click="setMobileNavGroup(1)">
861              Resources
862            </span>
863          
864                      <span class="grow flex" @click="setMobileNavGroup(1)">
865              <span class="transition p-1 w-6 h-6 flex justify-center items-center text-primary ml-auto"
866                :class="{
867                    'rotate-180': activeMobileNavGroup != 1
868                }">
869                <svg xmlns="http://www.w3.org/2000/svg" width="9.814" height="4.907" viewBox="0 0 9.814 4.907" class="mt-1 group-hover:rotate-180 transition-all duration-300">
870  <path id="nav-arrow-down" d="M1052.19,105.144l-3.7,3.7-3.7-3.7Z" transform="translate(-1043.583 -104.644)" stroke="#FFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" fill="#FFF"/>
871</svg>
872              </span>
873            </span>
874          
875        </div>
876
877                  <div v-if="activeMobileNavGroup == 1" class="flex flex-col pt-4 pb-6 pl-4 pr-6 transition">
878                          <a class="mobile-nav-child inline-block text-pretty" href=""
879                title="Resources" >
880                Local Info
881                              </a>
882              
883                              <div class="w-full flex-col pb-3 mb-4 px-4">
884                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="https://libertycountyfl.org/"
885                       target="_blank" >
886                      Board of County Commissioners
887                                              <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 invert h-2.5 w-2.5 opacity-90">
888                                          </a>
889                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="https://www.libertycountychamber.org/"
890                       target="_blank" >
891                      Chamber of Commerce
892                                              <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 invert h-2.5 w-2.5 opacity-90">
893                                          </a>
894                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="https://libertypa.org/"
895                       target="_blank" >
896                      Property Appraiser
897                                              <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 invert h-2.5 w-2.5 o
897pacity-90">
898                                          </a>
899                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="https://www.libertyelections.com/"
900                       target="_blank" >
901                      Supervisor of Elections
902                                              <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 invert h-2.5 w-2.5 opacity-90">
903                                          </a>
904                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="https://www.libertycountytaxcollector.com/Property/SearchSelect?Accept=true&amp;ClearData=True"
905                       target="_blank" >
906                      Tax Collector
907                                              <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 invert h-2.5 w-2.5 opacity-90">
908                                          </a>
909                                  </div>
910                                        <a class="mobile-nav-child inline-block text-pretty" href="#"
911                title="Resources" >
912                State Information
913                              </a>
914              
915                              <div class="w-full flex-col pb-3 mb-4 px-4">
916                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="https://floridarevenue.com/Pages/default.aspx"
917                       target="_blank" >
918                      Florida Department of Revenue
919                                              <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 invert h-2.5 w-2.5 opacity-90">
920                                          </a>
921                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="https://dos.fl.gov/"
922                       target="_blank" >
923                      Florida Department of State
924                                              <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 invert h-2.5 w-2.5 opacity-90">
925                                          </a>
926                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="http://www.leg.state.fl.us/Welcome/index.cfm?CFID=115459569&amp;CFTOKEN=86832762"
927                       target="_blank" >
928                      Florida Legislature
929                                              <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 invert h-2.5 w-2.5 opacity-90">
930                                          </a>
931                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="http://www.leg.state.fl.us/statutes/"
932                       target="_blank" >
933                      Florida Legislature Statuses
934                                              <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 invert h-2.5 w-2.5 opacity-90">
935                                          </a>
936                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="https://www.flcourts.gov/"
937                       target="_blank" >
938                      Florida State Courts
939                                              <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 invert h-2.5 w-2.5 opacity-90">
940                                          </a>
941                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="https://www.myfloridalegal.com/"
942                       target="_blank" >
943                      Florida Attorney General
944                                              <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 invert h-2.5 w-2.5 o
944pacity-90">
945                                          </a>
946                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="http://www.fdle.state.fl.us/"
947                       target="_blank" >
948                      Florida Department of Law Enforcement (FDLE)
949                                              <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 invert h-2.5 w-2.5 opacity-90">
950                                          </a>
951                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="https://www.floridadisaster.org/"
952                       target="_blank" >
953                      Florida Division of Emergency Management
954                                              <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 invert h-2.5 w-2.5 opacity-90">
955                                          </a>
956                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="https://www.flhsmv.gov/"
957                       target="_blank" >
958                      Florida Department of Highway Safety
959                                              <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 invert h-2.5 w-2.5 opacity-90">
960                                          </a>
961                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="https://www.floridavets.org/"
962                       target="_blank" >
963                      Florida Department of Veteran Affairs
964                                              <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 invert h-2.5 w-2.5 opacity-90">
965                                          </a>
966                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="/uploads/2025/04/2023governmentinthesunshinemanual.pdf"
967                       target="_blank" >
968                      Government in the Sunshine
969                                              <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 invert h-2.5 w-2.5 opacity-90">
970                                          </a>
971                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="https://www.myflfamilies.com/services/public-assistance"
972                       target="_blank" >
973                      MyFlorida.com – Department of Children & Families
974                                              <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 invert h-2.5 w-2.5 opacity-90">
975                                          </a>
976                                  </div>
977                                        <a class="mobile-nav-child inline-block text-pretty" href="#"
978                title="Resources" >
979                Federal Information
980                              </a>
981              
982                              <div class="w-full flex-col pb-3 mb-4 px-4">
983                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="https://www.irs.gov/"
984                       target="_blank" >
985                      Internal Revenue Service
986                                              <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 invert h-2.5 w-2.5 opacity-90">
987                                          </a>
988                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="https://travel.state.gov/content/travel/en/passports.html/passport_1738.html"
989                       target="_blank" >
990                      Passport Information
991                                              <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 invert h-2.5 w-2.5 o
991pacity-90">
992                                          </a>
993                                      <a class="mobile-nav-grandchild inline-block text-pretty" href="https://www.usa.gov/"
994                       target="_blank" >
995                      The U.S. Government’s Official Web Portal
996                                              <img src="/icons/fa/arrow-up-right-from-square.svg" alt="" role="presentation" class="inline-block ml-2 saturate-200 invert h-2.5 w-2.5 opacity-90">
997                                          </a>
998                                  </div>
999                                    </div>
1000              </div>
1001          
1002      <div class="w-full px-6 ">
1003        <div class="flex items-center pt-3 pb-2 gap-8 border-b border-white/10 w-full">
1004
1005          
1006                      <span class="mobile-nav-item" @click="setMobileNavGroup(2)">
1007              About
1008            </span>
1009          
1010                      <span class="grow flex" @click="setMobileNavGroup(2)">
1011              <span class="transition p-1 w-6 h-6 flex justify-center items-center text-primary ml-auto"
1012                :class="{
1013                    'rotate-180': activeMobileNavGroup != 2
1014                }">
1015                <svg xmlns="http://www.w3.org/2000/svg" width="9.814" height="4.907" viewBox="0 0 9.814 4.907" class="mt-1 group-hover:rotate-180 transition-all duration-300">
1016  <path id="nav-arrow-down" d="M1052.19,105.144l-3.7,3.7-3.7-3.7Z" transform="translate(-1043.583 -104.644)" stroke="#FFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" fill="#FFF"/>
1017</svg>
1018              </span>
1019            </span>
1020          
1021        </div>
1022
1023                  <div v-if="activeMobileNavGroup == 2" class="flex flex-col pt-4 pb-6 pl-4 pr-6 transition">
1024                          <a class="mobile-nav-child inline-block text-pretty" href="https://libertyclerk.com/about-the-clerk/"
1025                title="About" >
1026                About the Clerk
1027                              </a>
1028              
1029                                        <a class="mobile-nav-child inline-block text-pretty" href="https://libertyclerk.com/holiday-schedule/"
1030                title="About" >
1031                Holiday Schedule
1032                              </a>
1033              
1034                                        <a class="mobile-nav-child inline-block text-pretty" href="https://libertyclerk.com/career-opportunities/"
1035                title="About" >
1036                Career Opportunities
1037                              </a>
1038              
1039                                        <a class="mobile-nav-child inline-block text-pretty" href="https://libertyclerk.com/frequently-asked-questions/"
1040                title="About" >
1041                FAQs
1042                              </a>
1043              
1044                                        <a class="mobile-nav-child inline-block text-pretty" href="https://libertyclerk.com/announcements/"
1045                title="About" >
1046                Notices & Announcements
1047                              </a>
1048              
1049                                    </div>
1050              </div>
1051          
1052      <div class="w-full px-6 ">
1053        <div class="flex items-center pt-3 pb-2 gap-8 border-b border-white/10 w-full">
1054
1055          
1056                      <a href="https://libertyclerk.com/contact/" title="Contact"
1057               class="mobile-nav-link dark">
1058              Contact
1059            </a>
1060          
1061          
1062        </div>
1063
1064              </div>
1065      </nav>
1066
1067</div>
1068<div
1069  v-cloak
1070  v-if="openMenu == 'searchMenu'"
1071  class="block lg:hidden w-full right-0 fixed z-50 bg-primary/60 backdrop-blur-lg h-auto"
1072  :class="{
1073    'top-44 -mt-4': scrollPosition <= 0,
1074    'hidden': scrollPosition > 0
1075  }">
1076  <div class="p-2 relative z-20">
1077    <form role="search" action="/" method="get"
1078  class="flex shadow-xl h-12 overflow-visible w-full lg:w-72 text-primary-dark focus-within:lg:w-96 transition ring-[5px] ring-white/80 rounded-full bg-white gap-2">
1079  <input id="searchfield" ref="searchfield" type="text" name="s" placeholder="I'm looking for..."
1080    aria-label="Enter words to search for" value=""
1081    class="font-bold placeholder:font-medium text-sm h-12 px-4 flex-grow focus:text-secondary placeholder:focus-within:text-primary outline-none rounded-full placeholder:text-[#585858] placeholder:italic focus-within:outline-primary/50 "
1082  >
1083  <button type="submit" class=" bg-accent flex h-12 w-12 items-center justify-center rounded-full">
1084    <span class="sr-only">Search Website</span>
1085    <svg id="search" xmlns="http://www.w3.org/2000/svg" width="18.255" height="18.426" viewBox="0 0 18.255 18.426" role="presentation" class="fill-current w-5 h-5 self-center text-white">
1086  <g id="search" data-name="Icon feather-search" transform="translate(-3.5 -3.5)">
1087    <path id="Path_62" data-name="Path 62" d="M17.963,11.231A6.731,6.731,0,1,1,11.231,4.5a6.731,6.731,0,0,1,6.731,6.731Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
1088    <path id="Path_63" data-name="Path 63" d="M28.81,28.808l-3.835-3.833" transform="translate(-8.47 -8.296
1088)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
1089  </g>
1090</svg>
1091  </button>
1092</form>
1093  </div>
1094</div>
1095
1096      <div id="content" class="relative z-20 bg-white" >
1097        
1098<section class="w-full xl:aspect-interior-header min-h-80 relative z-20 transition-all duration-1000 h-full lg:pb-0 grow dark">
1099
1100    
1101    <div class="relative z-20 h-full w-full flex flex-col justify-end pb-8">
1102      <div class="w-full max-w-screen-2xl mx-auto px-6 md:px-12">
1103
1104        
1105        <div class="h-60 md:h-72"></div>
1106
1107        
1108        <div class="relative z-20 w-full overflow-x-scroll scrollbar scrollbar-hidden">
1109  <div class="flex items-left pt-4 text-sm lg:text-base text-primary dark:text-accent-light ">
1110    <div class="flex items-center">
1111      <a href="/" class="group relative z-10 breadcrumb-link hidden md:flex transition">
1112        Home
1113      </a>
1114      <span class="hidden md:flex breadcrumb-divider">•</span>
1115    </div>
1116
1117    
1118          
1119      
1120      
1121      <a class="breadcrumb-link" href="https://libertyclerk.com/about-the-clerk/">About the Clerk</a>
1122
1123    
1124    
1125  </div>
1126</div>
1127        <h1 class=" max-w-screen-5xl text-4xl md:text-5xl font-bold font-heading text-balance relative z-20 text-primary dark:text-white">
1128  About the Clerk
1129  </h1>
1130      </div>
1131    </div>
1132
1133    
1134    <div class="absolute overflow-hidden w-full h-full top-0 z-0">
1135              <div
1136          class="relative top-0 w-full h-full lg:hidden bg-cover bg-center z-0"
1137          style="background-image: url('/images/marsh.webp')"
1138          role="img"
1139          aria-label=""
1140          alt="Liberty County Courthouse"
1141        ></div>
1142
1143        
1144        <div
1145          class="relative top-0 w-full h-full hidden lg:block bg-cover bg-center z-0"
1146          style="background-image: url('/images/marsh.webp')"
1147          role="img"
1148          aria-label="Marsh header image"
1149          alt="Marsh header image"
1150        ></div>
1151            <div
1152        class="absolute inset-0 bg-primary-dark z-10">
1153          <img src="/images/bg-pattern-old.svg" class="absolute mix-blend-multiply inset-0 w-full h-full object-cover" alt="" role="presentation" />
1154
1155      </div>
1156    </div>
1157
1158  </section>
1159<div class="bg-[#F4F3F0]">
1160    
1161    
1162      
1163              <div class="relative z-20 max-w-screen-2xl mx-auto w-full py-8 px-6 md:px-12">
1164          <div class="flex flex-wrap w-full mb-16">
1165
1166            <div class="w-full xl:w-3/4 grow md:pr-8 lg:pr-16 xl:pr-20 xl:mb-12">
1167              <article class="max-w-5xl grow">
1168    <div
1169      class="relative z-20 scroll-target mb-6"
1170
1171          >
1172    <lazy-section>      <div class="flex-wrap"
1173
1174      
1175      
1176      
1177      
1178      >
1179        <div class="">
1180        <div class="w-full relative z-20 max-w-screen-2xl mx-auto grid xl:grid-cols-3 gap-4 md:gap-6 lg:gap-8 xl:gap-16" >
1181          
1182                      <div               class="w-full relative xl:col-span-2"
1183
1184              
1185              
1186              
1187                          >
1188
1189              
1190              
1191                              <div
1192    tabindex="0"
1193    class="prose md:prose-lg dark:prose-invert text-pretty lg:max-w-5xl text-left mr-auto"
1194  >
1195    <p><strong>Jace Ford</strong>, Clerk of the Courts for Liberty County, Florida, is a duly elected Constitutional Officer as mandated by Article V, Section 16 of the Constitution of the State of Florida. The electorate of Liberty County elects the Clerk to a four-year term.</p>
1196<p>Pursuant to provisions of the Florida Constitution, which have governed the people for over 150 years, the role of the Clerk of Courts has been established in three main areas:</p>
1197<ul>
1198<li>Clerk of the Circuit and County Courts</li>
1199<li>Clerk to the Board of County Commissioners, including serving as accountant, auditor, and custodian of county funds.</li>
1200<li>County Recorder</li>
1201</ul>
1202<p>Within these areas, the Clerk of Court, as an elected public trustee, establishes, at the county level, a system of “checks and balances” that has been proven to serve the public well.</p>
1203
1204  </div>
1205              
1206            </div>
1207                      <div               class="w-full relative xl:col-span-1"
1208
1209              
1210              
1211              
1212                          >
1213
1214              
1215              
1216                              <div class="h-full w-full flex flex-col py-4 md:py-6"
1217>
1218  <img v-lazy="{ src: 'https://libertyclerk.com/uploads/2025/04/clerk-headshot-old-copy.webp' }"
1219    alt="Headshot of Jayce Ford"
1220    tabindex="0"
1221
1222    class="object-cover border-accent border-4 mx-auto mb-auto"
1223
1224          width="250"
1225              height="272"
1226      >
1227</div>
1228              
1229            </div>
1230          
1231        </div>
1232
1233        
1234        
1235
1236        </div>
1237
1238      </div>
1239      </lazy-section>
1240    </div>
1241      
1242
1243</article>
1244            </div>
1245
1246            <div class="w-full xl:w-1/4 mb-16">
1247              <aside class="w-full max-w-xl relative z-30 lg:sticky xl:top-32 xl:-mt-32">
1248      <div class="xl:pb-8 flex flex-col gap-4">
1249
1250    <div class="w-full" >
1251          </div>
1252
1253    <div class="w-full border-[10px] border-accent relative bg-white overflow-hidden pb-32 lg:pb-20">
1254    
1255      <div class="absolute bottom-0 left-0 w-full z-10 pointer-events-none flex">
1256        <img v-lazy="'/images/aside-pattern.svg'" class="h-full w-full xl:w-auto scale-x-105 overflow-hidden object-cover" alt="" role="presentation" />
1257      </div>
1258
1259      
1260                  <a href="https://libertyclerk.com/about-the-clerk/" class="flex group h-20 border-b-[6px] border-accent-light/40" >
1261            <h2 class="bg-white h2 text-xl md:text-xl font-heading font-medium text-secondary-dark grow pt-3 pb-2 pl-8 italic">
1262              <span class="flex gap-4 h-full items-center leading-none whitespace-nowrap" >
1263              Explore This Section
1264              </span>
1265            </h2>
1266          </a>
1267
1268            <div class="pt-6">
1269                              <div class="flex flex-col">
1270                  <a class="group sidebar-link flex items-center text-secondary-dark font-medium"
1271  href="https://libertyclerk.com/clerk-services/"
1272
1273    target="_self"
1274  
1275  >
1276  
1277  <span class="inline-block w-5 text-center" aria-hidden="true">
1278      </span>
1279
1280  
1281  <span class="flex-1 underline decoration-2 leading-tight decoration-accent/50 hover:decoration-accent transition-all duration-300">
1282    Clerk Services
1283  </span>
1284
1285  
1286  </a>
1287
1288                  
1289                </div>
1290                              <div class="flex flex-col">
1291                  <a class="group sidebar-link flex items-center text-primary-dark font-bold"
1292  href="https://libertyclerk.com/about-the-clerk/"
1293
1294    target="_self"
1295  
1296  >
1297  
1298  <span class="inline-block w-5 text-center" aria-hidden="true">
1299          <svg xmlns="http://www.w3.org/2000/svg" width="14.142" height="14.142" viewBox="0 0 14.142 14.142" role="presentation">
1300  <g id="Rectangle_1484" data-name="Rectangle 1484" transform="translate(2.121 7.071) rotate(-45)" fill="#ac9245">
1301    <rect width="7" height="7" stroke="none"/>
1302    <rect x="-0.75" y="-0.75" width="8.5" height="8.5" fill="none"/>
1303  </g>
1304</svg>
1305      </span>
1306
1307  
1308  <span class="flex-1 underline decoration-2 leading-tight no-underline">
1309    About the Clerk
1310  </span>
1311
1312  
1313  </a>
1314
1315                  
1316                </div>
1317                              <div class="flex flex-col">
1318                  <a class="group sidebar-link flex items-center text-secondary-dark font-medium"
1319  href="https://libertyclerk.com/holiday-schedule/"
1320
1321    target="_self"
1322  
1323  >
1324  
1325  <span class="inline-block w-5 text-center" aria-hidden="true">
1326      </span>
1327
1328  
1329  <span class="flex-1 underline decoration-2 leading-tight decoration-accent/50 hover:decoration-accent transition-all duration-300">
1330    Holiday Schedule
1331  </span>
1332
1333  
1334  </a>
1335
1336                  
1337                </div>
1338                              <div class="flex flex-col">
1339                  <a class="group sidebar-link flex items-center text-secondary-dark font-medium"
1340  href="https://libertyclerk.com/career-opportunities/"
1341
1342    target="_self"
1343  
1344  >
1345  
1346  <span class="inline-block w-5 text-center" aria-hidden="true">
1347      </span>
1348
1349  
1350  <span class="flex-1 underline decoration-2 leading-tight decoration-accent/50 hover:decoration-accent transition-all duration-300">
1351    Career Opportunities
1352  </span>
1353
1354  
1355  </a>
1356
1357                  
1358                </div>
1359                              <div class="flex flex-col">
1360                  <a class="group sidebar-link flex items-center text-secondary-dark font-medium"
1361  href="https://libertyclerk.com/courts/"
1362
1363    target="_self"
1364  
1365  >
1366  
1367  <span class="inline-block w-5 text-center" aria-hidden="true">
1368      </span>
1369
1370  
1371  <span class="flex-1 underline decoration-2 leading-tight decoration-accent/50 hover:decoration-accent transition-all duration-300">
1372    Court Services
1373  </span>
1374
1375  
1376  </a>
1377
1378                  
1379                </div>
1380                              <div class="flex flex-col">
1381                  <a class="group sidebar-link flex items-center text-secondary-dark font-medium"
1382  href="https://libertyclerk.com/frequently-asked-questions/"
1383
1384    target="_self"
1385  
1386  >
1387  
1388  <span class="inline-block w-5 text-center" aria-hidden="true">
1389      </span>
1390
1391  
1392  <span class="flex-1 underline decoration-2 leading-tight decoration-accent/50 hover:decoration-accent transition-all duration-300">
1393    FAQs
1394  </span>
1395
1396  
1397  </a>
1398
1399                  
1400                </div>
1401                              <div class="flex flex-col">
1402                  <a class="group sidebar-link flex items-center text-secondary-dark font-medium"
1403  href="https://libertyclerk.com/announcements/"
1404
1405    target="_self"
1406  
1407  >
1408  
1409  <span class="inline-block w-5 text-center" aria-hidden="true">
1410      </span>
1411
1412  
1413  <span class="flex-1 underline decoration-2 leading-tight decoration-accent/50 hover:decoration-accent transition-all duration-300">
1414    Announcements
1415  </span>
1416
1417  
1418  </a>
1419
1420                  
1421                </div>
1422              
1423            </div>
1424
1425        
1426      
1427      
1428            </div>
1429
1430    </div>
1431
1432  </aside>
1433            </div>
1434          </div>
1435        </div>
1436
1437        
1438      
1439    </div>
1440      </div>
1441
1442      <div class="relative z-20 bg-primary-dark overflow-hidden">
1443
1444      <div class="absolute w-full h-full mix-blend-screen bg-no-repeat bg-cover bg-top z-0 opacity-70"
1445    v-lazy:background-image="'/images/bg-pattern.svg'"></div>
1446
1447
1448  <div class="w-full max-w-screen-2xl mx-auto relative z-30 py-8">
1449
1450    <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-4 lg:gap-8 xl:gap-4" >
1451
1452      
1453      <div class="flex justify-center items-center lg:order-1 xl:row-span-2">
1454          <img src="/images/logo-seal.svg" 
1455              class="block mx-auto w-48 md:h-48 lg:w-96 lg:h-80 xl:w-2/3" 
1456              width="180" height="180" 
1457              alt="" aria-hidden="true"/>
1458      </div>
1459
1460      
1461
1462      
1463      <div class="grid grid-col justify-center items-center lg:justify-start lg:order-2 py-2 xl:pt-4 2xl:pt-8 gap-6 text-center md:text-left">
1464        <div class="grid grid-col">
1465          <p class="tracking-wider font-bold text-accent-light uppercase">Jace Ford</p>
1466          <p class="tracking-wide font-bold font-heading text-white text-2xl lg:text-xl xl:text-2xl italic" role="heading">Liberty Clerk of the Circuit<br> Court & Comptroller</p>
1467        </div>
1468        <div class="footer-contact">
1469          <p class="footer-headline">Phone</p>
1470          <a href="tel:8506432215" tabindex="0" class="footer-link">(850) 643-2215</a>
1471        </div>
1472        <div class="footer-contact">
1473          <p class="footer-headline">Email</p>
1474          <a tabindex="0" href="/cdn-cgi/l/email-protection#f69f989099b69a9f949384828f959a93849dd895999b" class="footer-link"><span class="__cf_email__" data-cfemail="0e676068614e62676c6b7c7a776d626b7c65206d6163">[email&#160;protected]</span></a>
1475        </div>
1476      </div>
1477
1478      
1479      <div class="grid grid-col justify-center items-center lg:justify-between lg:order-3 py-2 xl:pt-4 2xl:pt-8 gap-6 text-center md:text-left">
1480        <div class="footer-contact">
1481          <p class="footer-headline">Address</p>
1482          <a href="https://maps.app.goo.gl/cykLuvYcqfbjT2zKA" tabindex="0" target="_blank"
1483    aria-label="Get directions to Liberty County Clerk of Court
148410818 NW SR 20
1485Bristol, FL 32321" class="footer-link leading-tight">
1486    Liberty County Clerk of Court<br />
148710818 NW SR 20<br />
1488Bristol, FL 32321 <span
1489      class="sr-only">(opens in a new tab)</span></a>
1490        </div>
1491        <div class="footer-contact">
1492          <p class="footer-headline">Hours of Operation</p>
1493          <div class="footer-link hover:text-white no-underline cursor-default leading-tight" tabindex="0">Monday – Friday<br />
14948:00 AM to 5:00 PM EST</div>
1495        </div>
1496      </div>
1497
1498      
1499      <div class="grid grid-col justify-center items-center lg:justify-start lg:order-4 pt-4 pb-8 md:pb-4 xl:pt-4 2xl:pt-8 gap-6">
1500        <a href="/pay-online/" class="btn-simple bg-primary after:from-primary border-4 border-accent rounded-full hover:border-accent-light text-white hover:text-white  text-lg">
1501            Make A Payment
1502        </a>
1503        <div class="flex gap-4 justify-center xl:justify-start items-center"
1504    :class="{
1505        '': scrollPosition > 0,
1506        '': scrollPosition <= 0
1507    }">
1508          <a href="https://www.facebook.com/profile.php?id=61573553666469" target="_blank" rel="noopener" class="group hover:scale-110 h-14 w-14 flex items-center justify-center rounded-full border-4 border-accent backdrop-blur transition"
1509        aria-label="follow us on facebook (link opens in a new tab)"><span class="sr-only" tabindex="0" aria-hidden="false" aria-live="polite">follow us on facebook link opens in a new tab</span>
1510        <svg xmlns="http://www.w3.org/2000/svg" width="14.007" height="26.153" viewBox="0 0 14.007 26.153" role="presentation">
1511  <path id="Icon_awesome-facebook-f" data-name="Icon awesome-facebook-f" d="M14.7,14.711l.726-4.733H10.883V6.906a2.367,2.367,0,0,1,2.668-2.557h2.065V.32A25.178,25.178,0,0,0,11.951,0C8.211,0,5.767,2.267,5.767,6.371V9.978H1.609v4.733H5.767V26.153h5.117V14.711Z" transform="translate(-1.609)" fill="#fff"/>
1512</svg>
1513</a>
1514      </div>
1515 
1516      </div>
1517
1518    </div>
1519
1520
1521
1522  </div>
1523
1524  
1525  <div class="w-full p-4 lg:px-8 bg-secondary dark relative z-30 border-t-4 border-accent">
1526
1527    <div class="w-full max-w-screen-2xl mx-auto flex flex-wrap items-center justify-center xl:justify-start gap-8">
1528      <p tabindex="0" class="text-center dark:text-white text-sm ">
1529        &copy;2026 Liberty Clerk of the Circuit Court &amp; County Comptroller.
1530        All&nbsp;rights&nbsp;reserved.
1531      </p>
1532
1533              <div class="w-full lg:w-auto flex flex-col sm:flex-row grow justify-center lg:justify-end gap-x-6 gap-y-2">
1534                      <a class="legal-link" href="/privacy-policy/">Privacy Policy</a>
1535                      <a class="legal-link" href="/accessibility-policy/">Accessibility Policy</a>
1536                      <a class="legal-link" href="/sitemap.xml">Sitemap</a>
1537                  </div>
1538            <p class="hidden xl:block text-white">|</p>
1539      <a href="https://keriganmarketing.com" target="_blank" rel="noopener" aria-label="Site by KMA (link opens in a new tab)"
1540  class="flex items-center gap-2 antialiased font-semibold uppercase tracking-wide duration-300 transition-2s hover:text-accent-light hover:underline text-sm text-white">
1541  Site&nbsp;by&nbsp;KMA
1542</a>
1543    </div>
1544
1545  </div>
1546
1547
1548</div>
1549
1550      <div v-cloak id="popup-target" class="static z-[999]"></div>
1551
1552
1553    </main>
1554  </div>
vendor: 112 bytes, lines 1554-1556
1554
1555
1556  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1556<script src="/scripts/app.js?id=0e2e9fa931a7a01ad73f955820d4294a"></script>
1556
1557
1558  
1559   
1559<script> (function(){ var s = document.createElement('script'); var h = document.querySelector('head') || document.body; s.src = 'https://acsbapp.com/apps/app/dist/js/app.js'; s.async = true; s.onload = function(){ acsbJS.init(); }; h.appendChild(s); })(); </script>
1559 
1560   
1561  
1562  
1562<script type="speculationrules">
1563{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wordpress/wp-*.php","/wordpress/wp-admin/*","/uploads/*","/*","/plugins/*","/themes/kmatailwind/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
1564</script>
1564
1565
1566
1567</body>
1568</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.