PageSourceSearch

https://saintcoleman.org/index.html

html saintcoleman.org collected 2026-10-02 14:07:42 UTC 88,031 bytes, 1,891 lines download raw bytes

1<!doctype html>
2<html lang="en">
3<head>
4  <meta charset="UTF-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6  <link href="output.css" rel="stylesheet">
7  
7<script src="https://cdn.tailwindcss.com"></script>
7
8  <title>Saint Coleman Catholic Church in Pompano Beach, Florida</title>
9    <link
10      rel="stylesheet"
11      href="https://cdn.jsdelivr.net/npm/glightbox/dist/css/glightbox.min.css"
12    >
13</head>
14<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 14-15
14
15<script async src="https://www.googletagmanager.com/gtag/js?id=
15G-S4MNJFZZ8K
vendor: 12 bytes, line 15
15"></script>
16<script>
17  
vendor: 134 bytes, lines 17-21
17window.dataLayer = window.dataLayer || [];
18  function gtag(){dataLayer.push(arguments);}
19  gtag('js', new Date());
20
21  gtag('config', '
21G-S4MNJFZZ8K
vendor: 4 bytes, line 21
21');
22</script>
22
23<!-- google tag end-->
24
25
26
27<body class="dark-mode">
28    <div class="dark:bg-slate-700"><!--containercolor-->
29
30     <!--top banner
31     <div class="relative isolate flex items-center gap-x-6 overflow-hidden bg-gray-50 px-6 py-2.5 sm:px-3.5 sm:before:flex-1">
32      <div class="absolute left-[max(-7rem,calc(50%-52rem))] top-1/2 -z-10 -translate-y-1/2 transform-gpu blur-2xl" aria-hidden="true">
33        <div class="aspect-[577/310] w-[36.0625rem] bg-gradient-to-r from-[#ff80b5] to-[#9089fc] opacity-30" style="clip-path: polygon(74.8% 41.9%, 97.2% 73.2%, 100% 34.9%, 92.5% 0.4%, 87.5% 0%, 75% 28.6%, 58.5% 54.6%, 50.1% 56.8%, 46.9% 44%, 48.3% 17.4%, 24.7% 53.9%, 0% 27.9%, 11.9% 74.2%, 24.9% 54.1%, 68.6% 100%, 74.8% 41.9%)"></div>
34      </div>
35      <div class="absolute left-[max(45rem,calc(50%+8rem))] top-1/2 -z-10 -translate-y-1/2 transform-gpu blur-2xl" aria-hidden="true">
36        <div class="aspect-[577/310] w-[36.0625rem] bg-gradient-to-r from-[#ff80b5] to-[#9089fc] opacity-30" style="clip-path: polygon(74.8% 41.9%, 97.2% 73.2%, 100% 34.9%, 92.5% 0.4%, 87.5% 0%, 75% 28.6%, 58.5% 54.6%, 50.1% 56.8%, 46.9% 44%, 48.3% 17.4%, 24.7% 53.9%, 0% 27.9%, 11.9% 74.2%, 24.9% 54.1%, 68.6% 100%, 74.8% 41.9%)"></div>
37      </div>
38      <div class="flex flex-wrap items-center gap-x-4 gap-y-2">
39        <p class="text-sm leading-6 text-gray-900">
40          <strong class="font-semibold">Fall Festival/Oktoberfest</strong><svg viewBox="0 0 2 2" class="mx-2 inline h-0.5 w-0.5 fill-current" aria-hidden="true"><circle cx="1" cy="1" r="1" /></svg>Friday October 13th from 6-9 PM
41        </p>
42        <a href="events-oktoberfest.html" class="flex-none rounded-full bg-sky-600 px-3.5 py-1 text-sm font-semibold text-white shadow-sm hover:bg-sky-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-900">Learn more<span aria-hidden="true">&rarr;</span></a>
43      </div>
44      <div class="flex flex-1 justify-end">
45       
46      </div>
47    </div>-->
48    
49     <!--nav-->
50
51<nav class="bg-white dark:bg-slate-900 top-0 z-50 w-full">
52  <div class="mx-auto max-w-7xl px-2 sm:px-4 lg:px-8">
53    <div class="relative flex h-32 items-center justify-between">
54      <div class="flex items-center px-2 lg:px-0">
55        <div class="flex-shrink-0">
56           <a href="index.html">
57          <img class="sm:h-16 md:24 lg:32 block dark:hidden" src="images/stcole.svg" alt="Church">
58          <img class="h-24 w-auto hidden dark:block" src="images/logo-darkbg.png" alt="Church">
59          
60        </a>
61
62        </div>
63        <div class="hidden lg:ml-6 lg:block">
64          <div class="flex space-x-4">
65
66            
67          
68          </div>
69        </div>
70      </div>
71
72      <!--https://podcasts.apple.com/us/podcast/saint-coleman-church-podcast/id1660086438-->
73      <!--https://open.spotify.com/show/6tZAPKVRfgo40SY2Jfmgg3-->
74     
75      <!--<div class="hidden lg:ml-4 lg:block">
76        <div class="flex items-center">
77          <p class="font-semibold text-sm mr-4 dark:text-white">Listen to Our Podcast!</p>
78          <a href="https://podcasts.apple.com/us/podcast/saint-coleman-church-podcast/id1660086438"><img src="images/podcast-apple.svg" alt="apple podcasts" class="w-32 mr-2"></a>
79          <a href="https://open.spotify.com/show/6tZAPKVRfgo40SY2Jfmgg3"><img src="images/podcast-spotify.svg" class="w-32" alt="spotify"></a>
80
81          </div></div>-->
82     
83      <div class="hidden lg:ml-4 lg:block">
84        <div class="flex items-center">
85         
86       
87
88         
89          
90
91          <!--donate-->
92          
93          <a href="donate.html" class="ml-6 inline-flex items-center rounded-md border border-transparent bg-gray-600 px-4 py-2 text-sm font-medium text-white shadow-sm hover:bg-gray-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Donate Online</a>
94     
95
96        
97        </div>
98
99     
100      </div>
101
102      
103
104      <div class="flex lg:hidden mr-10">
105        <!-- Mobile menu button -->
106        <button class="outline-none mobile-menu-button">
107          <svg class=" w-6 h-6 text-gray-500 hover:text-green-500 "
108            x-show="!showMenu"
109            fill="none"
110            stroke-linecap="round"
111            stroke-linejoin="round"
112            stroke-width="2"
113            viewBox="0 0 24 24"
114            stroke="currentColor"
115          >
116            <path d="M4 6h16M4 12h16M4 18h16"></path>
117          </svg>
118        </button>
119      </div>
120    </div>
121  </div>
122 <!--2d line changes-->
123 <div class="bg-gray-800 hidden lg:block">
124  <div class="mx-auto max-w-7xl px-2 sm:px-4 lg:px-8">
125    <div class="relative flex h-12 items-center justify-between">
126      <div class="flex items-center px-2 lg:px-0 mx-auto">
127      
128        <div class="hidden lg:ml-6 lg:block">
129          <div class="flex space-x-4">
130            <!-- Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" -->
131            <a href="index.html" class="rounded-md px-3 py-2 text-sm font-medium text-white hover:bg-gray-600 dark:text-gray-300 dark:hover:bg-gray-600">Home</a>
132            <a href="parish-about.html" class="rounded-md px-3 py-2 text-sm font-medium text-white hover:bg-gray-600 dark:text-gray-300 dark:hover:bg-gray-600">About Our Parish</a>
133            <a href="re-becoming.html" class="rounded-md px-3 py-2 text-sm font-medium text-white hover:bg-gray-600 dark:text-gray-300 dark:hover:bg-gray-600">Becoming Catholic</a>
134 
135            <a href="parish-events.html" class="rounded-md px-3 py-2 text-sm font-medium text-white hover:bg-gray-600 dark:text-gray-300 dark:hover:bg-gray-600">Events</a>
136            <a href="parish-ministries.html" class="rounded-md px-3 py-2 text-sm font-medium text-white hover:bg-gray-600 dark:text-gray-300 dark:hover:bg-gray-600">Ministries</a>
137            <a href="re.html" class="rounded-md px-3 py-2 text-sm font-medium text-white hover:bg-gray-600 dark:text-gray-300 dark:hover:bg-gray-600">Religious Education</a>
138
139            <a href="sacraments.html" class="rounded-md px-3 py-2 text-sm font-medium text-white hover:bg-gray-600 dark:text-gray-300 dark:hover:bg-gray-600">Sacraments</a>
140            <a href="mass.html" class="rounded-md px-3 py-2 text-sm font-medium text-white hover:bg-gray-600 ddark:text-gray-300 dark:hover:bg-gray-600">The Mass</a>
141
142
143          </div>
144        </div>
145      </div>
146     
147     <!--put button here if it doesn't work-->
148     
149    </div>
150  </div>
151</div>
152
153  <!-- Mobile menu, show/hide based on menu state. -->
154  <div class="hidden mobile-menu">
155  <div class="lg:hidden">
156    <div class="space-y-1 px-2 pt-2 pb-3">
157      <!-- Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" -->
158   
159      <a href="index.html" class="block rounded-md bg-gray-900 px-3 py-2 text-base font-medium text-white">Home</a>
160      <a href="parish-about.html" class="block rounded-md px-3 py-2 text-base font-medium text-gray-700 dark:text-gray-300 hover:bg-gray-700 hover:text-white">About Our Parish</a>
161      <a href="re-becoming.html" class="block rounded-md px-3 py-2 text-base font-medium text-gray-700 dark:text-gray-300 hover:bg-gray-700 hover:text-white">Becoming Catholic</a>
162
163      <a href="parish-events.html" class="block rounded-md px-3 py-2 text-base font-medium text-gray-700 dark:text-gray-300 hover:bg-gray-700 hover:text-white">Events</a>
164      <a href="parish-ministries.html" class="block rounded-md px-3 py-2 text-base font-medium text-gray-700 dark:text-gray-300 hover:bg-gray-700 hover:text-white">Ministries</a>
165      <a href="re.html" class="block rounded-md px-3 py-2 text-base font-medium text-gray-700 dark:text-gray-300 hover:bg-gray-700 hover:text-white">Religious Education</a>
166
167      <a href="sacraments.html" class="block rounded-md px-3 py-2 text-base font-medium text-gray-700 dark:text-gray-300 hover:bg-gray-700 hover:text-white">Sacraments</a>
168      <a href="mass.html" class="block rounded-md px-3 py-2 text-base font-medium text-gray-700 dark:text-gray-300 hover:bg-gray-700 hover:text-white">The Mass</a>
169
170    </div>
171  
172  </div>
173</div>
174  
174<script>
175    const btn = document.querySelector("button.mobile-menu-button");
176    const menu = document.querySelector(".mobile-menu");
177
178    btn.addEventListener("click", () => {
179      menu.classList.toggle("hidden");
180    });
181  </script>
181
182</nav>
183
184
185  <!-- include test end-->
186
187       
188
189  
190
191<!-- hero image -->
192<div id="hero" class="relative bg-indigo-800">
193  <div class="absolute inset-0">
194    <img class="w-full h-full object-cover" src="https://res.cloudinary.com/diyyvqvpa/image/upload/f_auto,q_auto:low/v1/saint-coleman-website/stainedglass" alt="stained glass background">
195    <div class="absolute inset-0 bg-slate-600 mix-blend-multiply" aria-hidden="true"></div>
196  </div>
197  <div class="relative max-w-7xl mx-auto py-24 px-4 sm:py-32 sm:px-6 lg:px-8">
198    <h2 class="text-base text-slate-50 dark:text-gray-300 font-semibold tracking-wide uppercase">Pompano Beach, Florida</h2>
199    <h1 class="text-4xl font-extrabold tracking-tight text-white dark:text-gray-200 sm:text-5xl lg:text-6xl">St. Coleman Catholic Parish</h1>
200    <p class="mt-6 text-2xl text-slate-100 dark:text-gray-300 max-w-3xl"><!--Our parish community strives to be faithful witnesses to Jesus Christ through our love and service of others and frequent reception of the Sacraments.-->Our mission is to live and proclaim the Good News of Jesus Christ</p>
201   <!-- <a href="#" class="inline-flex mt-10 items-center rounded-md border border-transparent bg-sky-600 px-4 py-2 text-sm font-medium text-white dark:text-gray-200 shadow-sm hover:bg-sky-900 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Mass Times</a>-->
202  
203  </div>
204</div>
205
206<!--mass times new2-->
207<div>
208<div>
209<div class="bg-gray-800 text-white ml-20">
210  <p id="massfeature" class="origin-top sm:rotate-0 md:-rotate-6 sm:mt-10 md:-mt-20 text-4xl text-sky-200 underline -ml-10">Mass Times</p>
211</div>
212<div id="masstimes" class="grid xs:grid-cols-1 md:grid-cols-4 bg-gray-800 text-white py-5 px-20 -mt-10">
213  <div class="xs:col-span-1 md:col-span-4 flex flex-col justify-center p-10 text-4xl text-sky-200"></div>
214  <div class="col-span-1 flex flex-col justify-center p-4 text-md">
215    <p class="text-2xl text-gray-400">Monday - Friday</p>
216    <p class="text-md text-gray-300">7am &amp; 8am</p>
217  </div>
218  <div class="col-span-1 flex flex-col justify-center p-4">
219    <p class="text-2xl text-gray-400">Saturday</p>
220    <p class="text-gray-300">8:30am & 4:30pm (Vigil)</p>
221    <p class="text-gray-300">Confessions: 3pm</p>
222
223  </div>
224  <div class="col-span-1 flex flex-col justify-center p-4">
225    <p class="text-2xl text-gray-400">Sunday</p>
226    <p class="text-gray-300">English: 7:30am, 9am, 11am</p>
227    <p class="text-gray-300">Spanish: 1pm</p>
228
229  </div>
230
231  
232  <div class="col-span-1 flex flex-col justify-center p-4">
233    <p class="text-2xl text-gray-400">Adoration</p>
234    <p class="text-gray-300">1st Fridays 8:30am &amp; 7pm (Spanish)</p>
235    <p class="text-gray-300">Wednesdays 4pm - 7pm</p>
236  </div>
237
238
239</div>
240</div>
241</div>
242
243
244
245<!--text promotional space under Mass Times-->
246<!--text promotional space under Mass Times-->
247<div id="welcome-announcement" class="mx-auto text-center bg-gray-700 text-white pt-2">
248<script>
249    (async function main() {
250const churchId = '62d5b43538702e3886bd9203'; //Change this variable to your Church ID
251const requestURL = `https://sacramatic.com/public-website/welcome-announcement/${churchId}`;
252const welcomeAnnouncement = await fetchWelcomeAnnouncement();
253const welcomeAnnouncementContainer = document.getElementById(
254'welcome-announcement'
255       );
256welcomeAnnouncementContainer.innerText =
257welcomeAnnouncement?.welcomeAnnouncement ?? '';
258async function fetchWelcomeAnnouncement() {
259const response = await fetch(requestURL);
260return await response.json();
261       }
262    })();
263</script>
263
264</div>
265
266<!--Welcome Father Andrew-->
267<!--text promotional space under Mass Times-->
268<div id="welcome-announcement" class="mx-auto text-center bg-gray-700 text-white pt-2">
269<script>
270    (async function main() {
271const churchId = '62d5b43538702e3886bd9203'; //Change this variable to your Church ID
272const requestURL = `https://sacramatic.com/public-website/welcome-announcement/${churchId}`;
273const welcomeAnnouncement = await fetchWelcomeAnnouncement();
274const welcomeAnnouncementContainer = document.getElementById(
275'welcome-announcement'
276       );
277welcomeAnnouncementContainer.innerText =
278welcomeAnnouncement?.welcomeAnnouncement ?? '';
279async function fetchWelcomeAnnouncement() {
280const response = await fetch(requestURL);
281return await response.json();
282       }
283    })();
284</script>
284
285</div>
286
287
288   <!--About Our Parish-->
289
290<div class="relative overflow-hidden bg-whit pb-10">
291 
292
293   
294
295    <div class="mx-auto mt-5 max-w-7xl px-4 px-6 sm:mt-254 lg:mt-20">
296      <div class="lg:grid lg:grid-cols-12 lg:gap-8">
297        <div class="sm:text-center md:mx-auto md:max-w-2xl lg:col-span-6 lg:text-left dark:mt-10">
298          <h1>
299          
300            <span class="mt-1 block text-2xl font-bold tracking-tight sm:text-5xl xl:text-3xl">
301              <span class="block text-gray-900 dark:text-sky-400">About Our Parish</span>
302              <span class="block text-indigo-600"></span>
303            </span>
304          </h1>
305          <p class="mt-3 text-base text-gray-500 dark:text-gray-300 sm:mt-5 sm:text-xl lg:text-lg xl:text-xl">At St. Coleman, we worship God in spirit and truth through "prayer without ceasing," and particularly through the celebration of the Eucharist and the other sacraments. We welcome new members to <a href="parish-join.html" class="text-sky-900 dark:text-sky-400 font-bold underline"> Register as a Member of our Parish</a> and join us in striving to be missionary disciples for Christ.</p>
306         
307          <span class="isolate flex rounded-md shadow-sm mt-10">
308
309           
310
311            <a href="https://discovermass.com/church/st-coleman-pompano-beach-fl/#bulletins" class="text-sky-900 dark:text-sky-400 underline">
312
313
314            <button type="button" class="relative inline-flex items-center gap-x-1.5 rounded-l-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10">
315              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5">
316                <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z" />
317              </svg>
318              
319              Bulletins
320            </button>
321
322          </a>
323
324            <a href="parish-join.html" class="text-sky-900 dark:text-sky-400 underline">
325
326            <button type="button" class="relative -ml-px inline-flex items-center rounded-r-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10">
327              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 mr-1">
328                <path stroke-linecap="round" stroke-linejoin="round" d="M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z" />
329              </svg>
330              
331              Join Our Parish</button>
332
333             </a>
334
335            <a href="parish-events.html" class="text-sky-900 dark:text-sky-400 underline">
336
337              <button type="button" class="relative -ml-px inline-flex items-center rounded-r-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus:z-10"> 
338                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 mr-1">
339                  <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12v-.008ZM12 15h.008v.008H12V15Zm0 2.25h.008v.008H12v-.008ZM9.75 15h.008v.008H9.75V15Zm0 2.25h.008v.008H9.75v-.008ZM7.5 15h.008v.008H7.5V15Zm0 2.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V15Zm0 2.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0 2.25h.008v.008H16.5V15Z" />
340                </svg>
341                
342                
343                Upcoming Events</button>
344
345            </a>
346
347            
348          </span>
349          
350      
351       
352        </div>
353        <div class="relative mt-12 sm:mx-auto sm:max-w-lg lg:col-span-6 lg:mx-0 lg:mt-0 lg:flex lg:max-w-none lg:items-center">
354          <svg class="absolute left-1/2 top-0 origin-top -translate-x-1/2 -translate-y-8 scale-75 transform sm:scale-100 lg:hidden" width="640" height="784" fill="none" viewBox="0 0 640 784" aria-hidden="true">
355            <defs>
356              <pattern id="4f4f415c-a0e9-44c2-9601-6ded5a34a13e" x="118" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
357                <rect x="0" y="0" width="4" height="4" class="text-gray-200" fill="currentColor" />
358              </pattern>
359            </defs>
360            <rect y="72" width="640" height="640" class="text-gray-50" fill="currentColor" />
361            <rect x="118" width="404" height="784" fill="url(#4f4f415c-a0e9-44c2-9601-6ded5a34a13e)" />
362          </svg>
363          <div class="relative mx-auto w-full rounded-lg shadow-lg lg:max-w-md">
364            
365            <button type="button" class="relative block w-full overflow-hidden rounded-lg bg-white focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">
366              <img class="w-full" src="https://res.cloudinary.com/diyyvqvpa/image/upload/f_auto,q_auto/v1/saint-coleman-website/cross" alt="">
367              <span class="absolute inset-0 flex h-full w-full items-center justify-center" aria-hidden="true">
368               
369              </span>
370            </button>
371          </div>
372      </div>
373    </div>
374    </div>
375</div>
376
377
378
379<!-- Upcoming Parish Events -->
380<section class="bg-white dark:bg-slate-700 py-16 px-4 sm:px-6 lg:px-8">
381  <div class="mx-auto max-w-6xl">
382
383    <div class="text-center">
384      <h2 class="text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-200 sm:text-4xl">
385        Upcoming Parish Events
386      </h2>
387    </div>
388
389    <!-- Mass of Remembrance -->
390    <div class="mt-10">
391
392      <div class="flex justify-center">
393        <img
394          src="images/all-souls-day-mass-flyer.png"
395          alt="All Souls Day Mass of Remembrance flyer"
396          class="max-h-[750px] w-auto max-w-full object-contain rounded-xl shadow-lg ring-1 ring-gray-200 dark:ring-slate-600"
397        >
398      </div>
399
400     <div class="mt-10 mx-auto max-w-6xl text-lg leading-8 text-gray-600 dark:text-gray-300">
401          <p>
402            On Monday November 2nd at 7:00pm we will gather to remember our loved ones
403            who have gone before us. You, your family and friends are invited to join us
404            for our Commemoration of All the Faithful Departed Mass.
405          </p>
406
407          <p class="mt-3">
408            We invite everyone who attends to bring a framed photo of your loved one to
409            the Church office before October 31st.
410          </p>
411
412          <p class="mt-3">
413            The frames will be displayed in a beautiful arrangement on the steps of the
414            altar. If you cannot be in attendance you may still leave a picture and we
415            will make sure your loved one is included in the Mass. If you have any
416            questions please email
417            <a
418              href="mailto:[email protected]"
419              class="text-sky-700 dark:text-sky-400 underline"
420            >
421              [email protected]
422            </a>
423            for more information.
424          </p>
425
426          <p class="mt-3">
427            Thank you to the Altar Society members who are volunteering to help with
428            this special Mass.
429          </p>
430        </div>
431
432    </div>
433
434<!-- Other Parish Events -->
435<div class="mt-16 grid grid-cols-1 md:grid-cols-3 gap-8 items-start">
436
437  <!-- Pumpkin Patch -->
438  <div class="flex justify-center">
439    <a
440      href="images/let_your_light_shine.jpg"
441      class="parish-events-lightbox"
442      data-gallery="parish-events"
443      aria-label="Open Let Your Light Shine Pumpkin Patch flyer"
444    >
445      <img
446        src="images/let_your_light_shine.jpg"
447        alt="Let Your Light Shine Pumpkin Patch flyer"
448        class="max-h-[750px] w-auto max-w-full object-contain rounded-xl shadow-lg ring-1 ring-gray-200 dark:ring-slate-600 cursor-pointer"
449      >
450    </a>
451  </div>
452
453  <!-- Blessing of the Animals -->
454  <div class="flex justify-center">
455    <a
456      href="images/blessing-of-the-animals.jpg"
457      class="parish-events-lightbox"
458      data-gallery="parish-events"
459      aria-label="Open Blessing of the Animals flyer"
460    >
461      <img
462        src="images/blessing-of-the-animals.jpg"
463        alt="Blessing of the animals"
464        class="max-h-[750px] w-auto max-w-full object-contain rounded-xl shadow-lg ring-1 ring-gray-200 dark:ring-slate-600 cursor-pointer"
465      >
466    </a>
467  </div>
468
469  <!-- Bingo -->
470  <div class="flex justify-center">
471    <a
472      href="images/bingo--is-back.png"
473      class="parish-events-lightbox"
474      data-gallery="parish-events"
475      aria-label="Open Bingo Is Back flyer"
476    >
477      <img
478        src="images/bingo--is-back.png"
479        alt="Bingo Is Back flyer"
480        class="max-h-[750px] w-auto max-w-full object-contain rounded-xl shadow-lg ring-1 ring-gray-200 dark:ring-slate-600 cursor-pointer"
481      >
482    </a>
483  </div>
484
485</div>
486
487    </div>
488
489  </div>
490</section>
491<!-- /Upcoming Parish Events -->
492
493
494<!-- Religious Education Registration -->
495<section class="bg-white dark:bg-slate-800 py-16 px-6 sm:px-8 lg:px-12">
496  <div class="mx-auto max-w-5xl">
497    <div class="rounded-3xl bg-gradient-to-br from-emerald-50 via-sky-50 to-indigo-50 dark:from-emerald-950 dark:via-slate-900 dark:to-indigo-950 shadow-xl ring-1 ring-emerald-100 dark:ring-emerald-900/50 overflow-hidden">
498      <div class="px-6 py-12 sm:px-12 sm:py-16">
499        <div class="flex flex-col md:flex-row items-center gap-10">
500          <div class="flex-shrink-0">
501            <div class="w-32 h-32 md:w-40 md:h-40 rounded-2xl bg-gradient-to-br from-emerald-500 to-sky-600 flex items-center justify-center shadow-inner ring-8 ring-white dark:ring-slate-800">
502              <span class="text-7xl">📖</span>
503            </div>
504          </div>
505          <div class="flex-1 text-center md:text-left">
506            <div class="inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-emerald-100 dark:bg-emerald-900 text-emerald-700 dark:text-emerald-300 text-sm font-semibold tracking-widest mb-4">
507              REGISTRATION OPEN
508            </div>
509            <h2 class="text-4xl sm:text-5xl font-extrabold tracking-tight text-gray-900 dark:text-white leading-none">
510              Religious Education<br>Now Open!
511            </h2>
512            <p class="mt-6 text-xl text-gray-600 dark:text-gray-300 max-w-lg mx-auto md:mx-0">
513              Give your child the gift of faith formation. Our Religious Education program is now accepting registrations for the upcoming year.
514            </p>
515
516            <!-- Buttons -->
517<div class="mt-8 flex flex-nowrap items-center justify-center md:justify-start gap-4 overflow-x-auto pb-2">            
518
519              <!-- Calendar PDF -->
520              <a href="pdfs/recal-2027.docx"
521                 download
522                 class="inline-flex items-center gap-3 bg-sky-600 hover:bg-sky-700 text-white font-semibold text-lg px-8 py-4 rounded-2xl transition-all shadow-lg hover:shadow-xl">
523                📅 Religious Education Calendar
524              </a>
525
526              <!-- Handbook PDF -->
527              <a href="pdfs/rehandbook-2027.docx"
528                 download
529                 class="inline-flex items-center gap-3 bg-indigo-600 hover:bg-indigo-700 text-white font-semibold text-lg px-8 py-4 rounded-2xl transition-all shadow-lg hover:shadow-xl">
530                📘 Religious Education Handbook
531              </a>
532
533                <!-- Register button -->
534              
535              
536            </div>
537
538            <div class="mt-4 text-lg text-gray-500 dark:text-gray-400">
539              Email: <strong class="text-emerald-700 dark:text-emerald-400">[email protected]</strong>
540            </div>
541          </div>
542        </div>
543      </div>
544      <div class="h-2 bg-gradient-to-r from-emerald-500 via-sky-500 to-indigo-500"></div>
545    </div>
546  </div>
547</section>
548
549<!--brick-->
550<!-- Commemorative Brick Fundraiser -->
551<!-- Commemorative Brick Fundraiser -->
552<div class="bg-white dark:bg-gray-900 border-t border-b border-gray-200 dark:border-gray-700">
553  <div class="max-w-7xl mx-auto px-6 py-16">
554
555    <div class="grid lg:grid-cols-3 gap-10 items-start">
556
557      <!-- Left Content -->
558      <div class="lg:col-span-2">
559
560        <span class="inline-flex items-center rounded-full bg-amber-100 text-amber-800 px-4 py-1 text-sm font-semibold">
561          🧱 New Parish Fundraiser
562        </span>
563
564        <h2 class="mt-5 text-4xl font-extrabold tracking-tight text-gray-900 dark:text-white">
565          Become a Permanent Part of Saint Coleman
566        </h2>
567
568        <div class="mt-6 space-y-5 text-lg leading-relaxed text-gray-700 dark:text-gray-300">
569
570          <p>
571            We have completed the refurbishment of the area surrounding
572            <strong>Fr. Foudy's Three Points</strong>. New pavers have been
573            installed along with beautiful landscaping, and now we are excited
574            to begin our commemorative brick fundraiser.
575          </p>
576
577          <p>
578            When you purchase an engraved brick, it will become a permanent part
579            of our memorial walkway. Your brick can honor a loved one, celebrate
580            a special person, recognize your family, or create a lasting tribute
581            that will be seen and appreciated for years to come.
582          </p>
583
584          <p>
585            Every engraved brick tells a story while helping support our parish
586            and creating a beautiful pathway filled with faith, gratitude,
587            memories, and community spirit.
588          </p>
589
590          <p>
591            You may order your brick online using the website, scan the QR code
592            found on the parish brochure, or pick up a brochure in the back of
593            the church.
594          </p>
595
596        </div>
597
598        <div class="mt-8 rounded-xl bg-sky-50 dark:bg-gray-800 border border-sky-200 dark:border-gray-700 p-6">
599          <p class="text-2xl font-bold text-sky-700 dark:text-sky-300">
600            Your brick. Your message. Your legacy.
601          </p>
602
603          <p class="mt-3 text-gray-700 dark:text-gray-300">
604            Purchase a commemorative brick today and help us build a walkway of
605            memories that will inspire future generations.
606          </p>
607        </div>
608
609      </div>
610
611      <!-- Right Column -->
612      <div>
613
614        <div class="sticky top-8 space-y-4">
615
616          <a href="https://bricksengraving.com/saint-coleman-catholic-parish"
617             target="_blank"
618             class="flex items-center justify-center rounded-2xl bg-sky-600 hover:bg-sky-700 text-white text-lg font-semibold px-6 py-5 shadow-lg transition-all">
619            🧱 Order Your Brick
620          </a>
621
622          <a href="https://bricksengraving.com/saint-coleman-catholic-parish"
623             target="_blank"
624             class="flex items-center justify-center rounded-2xl bg-indigo-600 hover:bg-indigo-700 text-white text-lg font-semibold px-6 py-5 shadow-lg transition-all">
625            📄 More Info
626          </a>
627
628        
629          <div class="rounded-2xl bg-gray-100 dark:bg-gray-800 p-5 text-center">
630            <p class="font-semibold text-gray-900 dark:text-white">
631              Need a brochure?
632            </p>
633            <p class="mt-2 text-sm text-gray-600 dark:text-gray-400">
634              Printed brochures with a QR code are available in the back of the church.
635            </p>
636          </div>
637
638        </div>
639
640      </div>
641
642    </div>
643
644  </div>
645</div>
646
647<!-- Featured Podcast / Video -->
648<!-- <section class="bg-white dark:bg-slate-800 py-16 px-6 sm:px-8 lg:px-12">
649<div class="mx-auto max-w-5xl">
650<div class="text-center mb-10">
651<h2 class="text-base font-semibold tracking-wide uppercase text-sky-700 dark:text-sky-300">Our Latest Podcast Episode</h2>
652<h3 class="mt-2 text-4xl sm:text-5xl font-extrabold tracking-tight text-gray-900 dark:text-white">
653        The Assumption of Mary
654</h3>
655<p class="mt-4 max-w-2xl mx-auto text-lg text-gray-600 dark:text-gray-300">
656        Episode 80 of the St. Coleman Podcast — In our 80th episode, we look to the Solemnity of the Assumption of the Blessed Virgin Mary on August fifteenth—the Church’s confession that at the end of her earthly life, the Mother of God was taken up, body and soul, into heavenly glory. Unlike the Ascension of Jesus, who returns to the Father by His own power, Mary is assumed by the grace of her Son, the woman full of grace who gave Him His human flesh and stood near the Cross. The feast is not only about the Blessed Mother: it is about us too, a sign of the resurrection hope promised to the Church and a call to stop, look up, and remember where the story ends.
657</p>
658</div>
659<div class="aspect-video w-full bg-black rounded-2xl overflow-hidden shadow-2xl">
660<iframe
661class="w-full h-full"
662src="https://www.youtube.com/embed/exPkPR-OXBE"
663title="Bishops Consecrate United States of America to the Sacred Heart of Jesus"
664frameborder="0"
665allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
666referrerpolicy="strict-origin-when-cross-origin"
667allowfullscreen>
668</iframe>
669</div>
670<div class="mt-8 text-center">
671<a href="https://www.youtube.com/channel/UCfIEvuvzpayPyjrbp1peQyQ"
672class="inline-flex items-center text-sky-600 dark:text-sky-400 hover:underline font-medium">
673        Subscribe to our YouTube Channel →
674</a>
675</div>
676</div>
677</section> -->
678
679
680
681
682
683   <!--podcast-->
684
685
686      <!--ads-->
687      <div class="lg:grid lg:grid-cols-1 lg:gap-x-6 xl:gap-x-8 mb-20">
688        
689     
690        <!--event-->
691       <!-- <div class="relative mt-6 flex items-center px-6 py-12 sm:px-10 sm:py-16 lg:mt-0">
692          <div class="absolute inset-0 overflow-hidden rounded-lg">
693            <img src="images/Sound Wave.jpg" alt="" class="h-full w-full object-cover object-center filter">
694            <div class="absolute inset-0 bg-blue-600 bg-opacity-90 dark:bg-blue-900 dark:bg-opacity-90"></div>
695          </div>
696          <div class="relative mx-auto max-w-2xl text-center">
697            <h3 class="text-2xl font-bold tracking-tight text-white">
698             Christmas &amp; New Year's Mass Schedule</h3>
699            <p class="mt-2 text-gray-200">
700             Check out Mass Times for the Solemnity of the Immaculate Conception (Dec 8), which is a Holy Day of Obligation, as well as our Christmas Eve, Christmas Day, New Year's Eve and New Year's Day Mass Schedule</p>
701              <p class="mt-2 text-gray-200"> <a href="parish-events.html" class="whitespace-nowrap font-bold text-white hover:text-gray-200">View<span aria-hidden="true"> &rarr;</span></a>
702              
703              </p>
704             
705            
706          </div>
707        </div>
708       
709  
710      </div>-->
711      <!--ads end-->
712
713
714
715
716
717
718
719 </div>
720 
721<!--call to action normal with father michael welcome--></div>
722
723
724<!--generic promo no image-->
725<!--<section>
726  <div class="bg-gray-200 dark:bg-gray-600 mb-10">
727 
728  <div class="text-center max-w-5xl mx-auto px-5 p-20">
729    <h2 class="text-xl font-bold tracking-tight text-gray-900 dark:text-sky-300 sm:text-6xl mx-auto">Pray for the Elect! </h2>
730    <p class="mt-3 text-xl text-gray-500 dark:text-gray-300 sm:mt-4">Please Pray for the 16 men and women being Baptized this Saturday at the Solemn Easter Vigil. </p>  
731   
732   
733  </div></div>
734</section>-->
735
736
737
738
739
740
741
742
743  <!--end-->
744
745
746 <!--reopen containter end -->
747 <div class="max-w-7xl mx-auto sm:px-6 lg:px-8 dark:bg-slate-700 dark:mt-0">
748
749
750
751  
752
753
754 
755
756
757</div>
758
759
760<!--meet the saints-->
761
762<section>
763<div class="bg-white dark:bg-slate-700 mt-20">
764  <div class="mx-auto max-w-7xl mb-12 px-4 sm:px-6 lg:px-8 mb-20">
765    <div class="grid grid-cols-1 gap-12 lg:grid-cols-3 lg:gap-8">
766      <!--text column--><div class="space-y-5 sm:space-y-4">
767        <h2 class="text-3xl font-bold tracking-tight sm:text-4xl dark:text-gray-200">Meet the Saints</h2>
768        <p class="text-xl text-gray-500 dark:text-gray-400">The saints can serve as examples of holiness for Catholics. By looking to the lives of these holy individuals, we can gain inspiration and guidance on how to live our own lives in a more devout and faithful manner. I encourage you to read about the lives of the saints and strive to follow in their footsteps of holiness. </p>
769
770        <!--button to view all saints-->
771        <div class="mt-5 inline-flex rounded-md shadow">
772          <a href="saints-list.html" class="inline-flex items-center justify-center rounded-md border border-transparent bg-white px-5 py-3 text-base font-medium text-gray-900 hover:bg-gray-50">
773            Discover the Saints
774            <!-- Heroicon name: mini/arrow-top-right-on-square -->
775            <svg class="-mr-1 ml-3 h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
776              <path fill-rule="evenodd" d="M4.25 5.5a.75.75 0 00-.75.75v8.5c0 .414.336.75.75.75h8.5a.75.75 0 00.75-.75v-4a.75.75 0 011.5 0v4A2.25 2.25 0 0112.75 17h-8.5A2.25 2.25 0 012 14.75v-8.5A2.25 2.25 0 014.25 4h5a.75.75 0 010 1.5h-5z" clip-rule="evenodd" />
777              <path fill-rule="evenodd" d="M6.194 12.753a.75.75 0 001.06.053L16.5 4.44v2.81a.75.75 0 001.5 0v-4.5a.75.75 0 00-.75-.75h-4.5a.75.75 0 000 1.5h2.553l-9.056 8.194a.75.75 0 00-.053 1.06z" clip-rule="evenodd" />
778            </svg>
779          </a>
780        </div>
781        <!--end button-->
782      </div><!--text column end-->
783      <div class="lg:col-span-2">
784        <ul role="list" class="space-y-12 sm:grid sm:grid-cols-2 sm:gap-12 sm:space-y-0 lg:gap-x-8">
785          <li>
786            <div class="flex items-center space-x-4 lg:space-x-6">
787              <img class="h-16 w-16 rounded-full lg:h-20 lg:w-20" src="https://res.cloudinary.com/diyyvqvpa/image/upload/c_scale,w_100/v1/saint-coleman-website/blessedvirgin" alt="">
788              <div class="space-y-1 text-lg font-medium leading-6">
789                <h3><a href="saint-blessed-virgin.html" class="dark:text-white">Blessed Virgin Mary</a></h3>
790                <p class="text-gray-400 dark:text-gray-400 text-sm">Mother of our Lord</p>
791              </div>
792            </div>
793          </li>
794
795          <li>
796            <div class="flex items-center space-x-4 lg:space-x-6">
797              <img class="h-16 w-16 rounded-full lg:h-20 lg:w-20" src="https://res.cloudinary.com/diyyvqvpa/image/upload/f_auto,q_auto/v1/saint-coleman-website/stjoe" alt="saint joseph">
798              <div class="space-y-1 text-lg font-medium leading-6">
799                <h3><a href="saint-joseph.html" class="dark:text-white">Saint Joseph</a></h3>
800                <p class="text-gray-400 text-sm dark:text-gray-400">Guardian of the Holy Family</p>
801              </div>
802            </div>
803          </li>
804
805          <li>
806            <div class="flex items-center space-x-4 lg:space-x-6">
807              <img class="h-16 w-16 rounded-full lg:h-20 lg:w-20" src="https://res.cloudinary.com/diyyvqvpa/image/upload/c_scale,w_100/saint-coleman-website/Francis_of_assisi.png" alt="saint francis of assissi">
808              <div class="space-y-1 text-lg font-medium leading-6">
809                <h3><a href="saint-francis.html" class="dark:text-white">Saint Francis of Assisi</a></h3>
810                <p class="text-gray-400 text-sm dark:text-gray-400">Founder of the Franciscan Order</p>
811              </div>
812            </div>
813          </li>
814
815          <li>
816            <div class="flex items-center space-x-4 lg:space-x-6">
817              <img class="h-16 w-16 rounded-full lg:h-20 lg:w-20" src="https://res.cloudinary.com/diyyvqvpa/image/upload/c_scale,w_100/v1/saint-coleman-website/peter" alt="saint peter">
818              <div class="space-y-1 text-lg font-medium leading-6">
819                <h3><a href="saint-peter.html" class="dark:text-white">Saint Peter</a></h3>
820                <p class="text-gray-400 text-sm dark:text-gray-400">The Rock</p>
821              </div>
822            </div>
823          </li>
824
825          <li>
826            <div class="flex items-center space-x-4 lg:space-x-6">
827              <img class="h-16 w-16 rounded-full lg:h-20 lg:w-20" src="https://res.cloudinary.com/diyyvqvpa/image/upload/c_scale,w_100/v1/saint-coleman-website/augustine" alt="saint augstine">
828              <div class="space-y-1 text-lg font-medium leading-6">
829                <h3><a href="saint-augustine.html" class="dark:text-white">Saint Augustine</a></h3>
830                <p class="text-gray-400 text-sm dark:text-gray-400">Doctor of the Church</p>
831              </div>
832            </div>
833          </li>
834
835          <li>
836            <div class="flex items-center space-x-4 lg:space-x-6">
837              <img class="h-16 w-16 rounded-full lg:h-20 lg:w-20" src="images/aquinas-preview.png" alt="">
838              <div class="space-y-1 text-lg font-medium leading-6">
839                <h3><a href="saint-thomas-aquinas.html" class="dark:text-white">Saint Thomas Aquinas</a></h3>
840                <p class="text-gray-400 text-sm dark:text-gray-400">Confessor, Doctor of the Church</p>
841              </div>
842            </div>
843          </li>
844
845          <li>
846            <div class="flex items-center space-x-4 lg:space-x-6">
847              <img class="h-16 w-16 rounded-full lg:h-20 lg:w-20" src="images/sienna_sm.png" alt="">
848              <div class="space-y-1 text-lg font-medium leading-6">
849                <h3><a href="saint-catherine-siena.html" class="dark:text-white">Saint Catherine of Siena</a></h3>
850                <p class="text-gray-400 text-sm dark:text-gray-400">Virgin, Doctor of the Church</p>
851              </div>
852            </div>
853          </li>
854
855          <li>
856            <div class="flex items-center space-x-4 lg:space-x-6">
857              <img class="h-16 w-16 rounded-full lg:h-20 lg:w-20" src="images/saint-michael-sm.png" alt="">
858              <div class="space-y-1 text-lg font-medium leading-6">
859                <h3><a href="saint-michael.html" class="dark:text-white">Saint Michael the Archangel</a></h3>
860                <p class="text-gray-400 text-sm dark:text-gray-400">Prince of the Heavenly Host</p>
861              </div>
862            </div>
863          </li>
864
865        
866
867          <!-- add more here... -->
868        </ul>
869      </div>
870
871     
872    </div>
873  </div>
874</div>
875</section>
876
877
878<div class="max-w-7xl mx-auto sm:px-6 lg:px-8 dark:bg-slate-700 dark:mt-0">
879
880       <!--ads-->
881       <div class="lg:grid lg:grid-cols-2 lg:gap-x-6 xl:gap-x-8 px-10 mb-40">
882        
883
884    
885      
886    
887        <div class="relative mt-6 flex items-center px-6 py-12 sm:px-10 sm:py-16 lg:mt-0">
888          <div class="absolute inset-0 overflow-hidden rounded-lg">
889            <img src="images/flowers-sm.jpg" alt="" class="h-full w-full object-cover object-center saturate-0 filter">
890            <div class="absolute inset-0 bg-blue-600 bg-opacity-90 dark:bg-blue-900 dark:bg-opacity-90"></div>
891          </div>
892          <div class="relative mx-auto max-w-sm text-center">
893            <h3 class="text-2xl font-bold tracking-tight text-white">
894              Becoming Catholic</h3>
895            <p class="mt-2 text-gray-200">
896              Learn how to explore the Catholic faith <a href="re-becoming.html" class="whitespace-nowrap font-bold text-white hover:text-gray-200">Learn More<span aria-hidden="true"> &rarr;</span></a>
897            </p> 
898          </div>
899        </div>
900        <!--2nd-->
901        <div class="relative mt-6 flex items-center px-6 py-12 sm:px-10 sm:py-16 lg:mt-0">
902          <div class="absolute inset-0 overflow-hidden rounded-lg">
903            <img src="images/pumpkins-2021-08-26-15-36-39-utc.jpg" alt="" class="h-full w-full object-cover object-center saturate-0 filter">
904            <div class="absolute inset-0 bg-blue-600 bg-opacity-90 dark:bg-blue-900 dark:bg-opacity-90"></div>
905          </div>
906          <div class="relative mx-auto max-w-sm text-center">
907            <h3 class="text-2xl font-bold tracking-tight text-white">Parish Events</h3>
908            <p class="mt-2 text-gray-200">
909              Check out our upcoming parish events calendar <a href="parish-events.html" class="whitespace-nowrap font-bold text-white hover:text-gray-200">Learn More<span aria-hidden="true"> &rarr;</span></a>
910            </p>
911          </div>
912        </div>
913
914      
915
916
917
918
919      </div>
920      <!--ads end-->
921    
922      <!--end another-->
923
924
925  <!--podcast-->
926  <!--podcast container--> <!--
927
928            <div class="text-center max-w-5xl mx-auto pt-10 pb-10 px-5 mt-20">
929              <h2 class="text-3xl font-bold tracking-tight text-gray-900 dark:text-sky-300 sm:text-6xl mx-auto">Listen to Our Podcast!</h2>
930              <p class="mt-3 text-xl text-gray-500 dark:text-gray-300 sm:mt-4">Saint Coleman Catholic Church has launched a <a href="https://podcast.saintcoleman.org" class="text-sky-700 underline decoration-sky-400 decoration-2 dark:text-gray-50">Parish Podcast</a>. In each episode, we bring you engaging Catholic content including interviews with parishioners, Catholic teaching, Archdiocese of Miami News and much more!</p>   
931            </div>
932
933
934
935
936<div class="bg-white dark:bg-slate-700">
937  <div class="mx-auto max-w-7xl py-12 px-4 sm:px-6 lg:px-8 mb-20">
938    <div class="grid grid-cols-1 gap-12 lg:grid-cols-3 lg:gap-8">
939     <div class="space-y-5 sm:space-y-4">
940        <h2 class="text-lg font-bold tracking-tight sm:text-2xl dark:text-gray-200">Our Most Popular Episodes</h2>
941        <p class="text-xl text-gray-500 dark:text-gray-300">Check out our most popular podcast episodes which help you learn more about the faith and hear interviews from parishioners and Catholic organziations in the Archdiocese of Miami </p>
942
943       
944        <div class="inline-flex rounded-md shadow">
945          <a href="https://podcast.saintcoleman.org" class="inline-flex items-center justify-center rounded-md border border-transparent bg-white px-5 py-3 text-base font-medium text-gray-900 hover:bg-gray-50">
946            Podcast Website
947            <svg class="-mr-1 ml-3 h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
948              <path fill-rule="evenodd" d="M4.25 5.5a.75.75 0 00-.75.75v8.5c0 .414.336.75.75.75h8.5a.75.75 0 00.75-.75v-4a.75.75 0 011.5 0v4A2.25 2.25 0 0112.75 17h-8.5A2.25 2.25 0 012 14.75v-8.5A2.25 2.25 0 014.25 4h5a.75.75 0 010 1.5h-5z" clip-rule="evenodd" />
949              <path fill-rule="evenodd" d="M6.194 12.753a.75.75 0 001.06.053L16.5 4.44v2.81a.75.75 0 001.5 0v-4.5a.75.75 0 00-.75-.75h-4.5a.75.75 0 000 1.5h2.553l-9.056 8.194a.75.75 0 00-.053 1.06z" clip-rule="evenodd" />
950            </svg>
951          </a>
952        </div>
953      </div>
954      <div class="lg:col-span-2">
955        <ul role="list" class="space-y-12  sm:grid sm:grid-cols-2 sm:gap-12 sm:space-y-0 lg:gap-x-8">
956     
957          <li>
958            <div class="flex items-center space-x-4 lg:space-x-6">
959              <img class="h-16 w-16 rounded-full lg:h-20 lg:w-20" src="images/lent.png" alt="">
960              <div class="space-y-1 text-lg font-medium leading-6">
961                <h3><a href="https://podcast.saintcoleman.org/65d3ab5a66d1ee2934e4c74b" class="dark:text-white">Reflection on the Season of Lent</a></h3>
962                <p class="text-gray-400 text-sm dark:text-gray-400">Episode 54</p>
963              </div>
964            </div>
965          </li>
966
967          <li>
968            <div class="flex items-center space-x-4 lg:space-x-6">
969              <img class="h-16 w-16 rounded-full lg:h-20 lg:w-20" src="images/nativity.png" alt="">
970              <div class="space-y-1 text-lg font-medium leading-6">
971                <h3><a href="https://podcast.saintcoleman.org/65bc36e9a0d6740fd3577e51" class="dark:text-white">February is the Month of the Holy Family</a></h3>
972                <p class="text-gray-400 text-sm dark:text-gray-400">Episode 53</p>
973              </div>
974            </div>
975          </li>
976
977
978
979          <li>
980            <div class="flex items-center space-x-4 lg:space-x-6">
981              <img class="h-16 w-16 rounded-full lg:h-20 lg:w-20" src="images/ferris-wheel.png" alt="">
982              <div class="space-y-1 text-lg font-medium leading-6">
983                <h3><a href=" https://podcast.saintcoleman.org/659dd44c92ce01cafd5716c1" class="dark:text-white">40th Annual Italian Festival</a></h3>
984                <p class="text-gray-400 text-sm dark:text-gray-400">Episode 51</p>
985              </div>
986            </div>
987          </li>
988          
989 
990
991
992         
993
994
995          <li>
996            <div class="flex items-center space-x-4 lg:space-x-6">
997              <img class="h-16 w-16 rounded-full lg:h-20 lg:w-20" src="https://res.cloudinary.com/diyyvqvpa/image/upload/f_auto,q_auto/v1/saint-coleman-website/garcia" alt="father michael garcia photo">
998              <div class="space-y-1 text-lg font-medium leading-6">
999                <h3><a href="https://podcast.saintcoleman.org/645bbb6055db2b7f7571ce31" class="dark:text-white">Father Michael Garcia's Gospel of Matthew Bible Study</a></h3>
1000                <p class="text-gray-400 text-sm dark:text-gray-400">Episodes 13-40</p>
1001              </div>
1002            </div>
1003          </li>
1004
1005       
1006
1007
1008         
1009
1010
1011
1012        
1013
1014          
1015        </ul>
1016      </div>
1017
1018     
1019    </div>
1020  </div>
1021</div>-->
1022
1023<!--end podcast episodes -->
1024
1025
1026<!--eucharistic revivial-->
1027
1028
1029<!--<div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
1030                  <div class="mx-auto max-w-2xl">
1031                    
1032                                <div class="bg-white border-slate-100 dar
1032k:bg-slate-800 dark:border-slate-500 border-b shadow-lg rounded-t-xl p-4 pb-6 sm:p-10 sm:pb-8 lg:p-6 xl:p-10 xl:pb-8 space-y-6 sm:space-y-8 lg:space-y-6 xl:space-y-8 mt-20">
1033                                  <div class="flex items-center space-x-4">
1034                                    <img
1035                                      src="images/mic.png"
1036                                      alt=""
1037                                      width="88"
1038                                      height="88"
1039                                      class="flex-none rounded-lg bg-slate-100"
1040                                      loading="lazy"
1041                                    />
1042                                    <div class="min-w-0 flex-auto space-y-1 font-semibold">
1043                                      <p class="text-cyan-500 dark:text-cyan-400 text-sm leading-6">
1044                                        <abbr title="Episode">Ep.</abbr> 1
1045                                      </p>
1046                                      <h2
1047                                        class="text-slate-500 dark:text-slate-400 text-sm leading-6 truncate"
1048                                      >
1049                                        Our Journey Through Advent, The Holy Family, &amp;amp; The Creche
1050                                      </h2>
1051                                      <p class="text-slate-900 dark:text-slate-50 text-lg">
1052                                        St. Coleman Podcast
1053                                      </p>
1054                                    </div>
1055                                  </div>
1056                                  <div class="space-y-2">
1057                                    <div class="relative">
1058                                      <input
1059                                        type="range"
1060                                        min="1"
1061                                        max="100"
1062                                        value="0"
1063                                        class="seek_slider"
1064                                        onchange="seekTo()"
1065                                        style="width: 100%"
1066                                      />
1067                                    </div>
1068                                    <div
1069                                      class="flex justify-between text-sm leading-6 font-medium tabular-nums"
1070                                    >
1071                                      <div class="text-cyan-500 dark:text-slate-100 current-time">24:16</div>
1072                                      <div class="text-slate-500 dark:text-slate-400 total-duration">
1073                                        75:50
1074                                      </div>
1075                                    </div>
1076                                  </div>
1077                                </div>
1078                <div
1079  class="bg-slate-50 text-slate-500 dark:bg-slate-600 dark:text-slate-200 rounded-b-xl flex items-center">
1080  <div class="flex-auto flex items-center justify-evenly">
1081    <button
1082      type="button"
1083      aria-label="Add to favorites"
1084      id="favorite"
1085      onclick="addToFavorite()"
1086    >
1087      <svg width="24" height="24" id="myFavoriteIcon">
1088        <path
1089          d="M7 6.931C7 5.865 7.853 5 8.905 5h6.19C16.147 5 17 5.865 17 6.931V19l-5-4-5 4V6.931Z"
1090          fill="currentColor"
1091          stroke="currentColor"
1092          stroke-width="2"
1093          stroke-linecap="round"
1094          stroke-linejoin="round"
1095        />
1096      </svg>
1097    </button>
1098    <button
1099      type="button"
1100      class="hidden sm:block lg:hidden xl:block"
1101      aria-label="Previous"
1102      id="prev"
1103      onclick="previousSong()"
1104      class="playpause-track"
1105    >
1106      <svg width="24" height="24" fill="none">
1107        <path
1108          d="m10 12 8-6v12l-8-6Z"
1109          fill="currentColor"
1110          stroke="currentColor"
1111          stroke-width="2"
1112          stroke-linecap="round"
1113          stroke-linejoin="round"
1114        />
1115        <path
1116          d="M6 6v12"
1117          stroke="currentColor"
1118          stroke-width="2"
1119          stroke-linecap="round"
1120          stroke-linejoin="round"
1121        />
1122      </svg>
1123    </button>
1124    <button
1125      type="button"
1126      aria-label="Rewind 10 seconds"
1127      id="rewind"
1128      onclick="rewindSong()"
1129    >
1130      <svg width="24" height="24" fill="none">
1131        <path
1132          d="M6.492 16.95c2.861 2.733 7.5 2.733 10.362 0 2.861-2.734 2.861-7.166 0-9.9-2.862-2.733-7.501-2.733-10.362 0A7.096 7.096 0 0 0 5.5 8.226"
1133          stroke="currentColor"
1134          stroke-width="2"
1135          stroke-linecap="round"
1136          stroke-linejoin="round"
1137        />
1138        <path
1139          d="M5 5v3.111c0 .491.398.889.889.889H9"
1140          stroke="currentColor"
1141          stroke-width="2"
1142          stroke-linecap="round"
1143          stroke-linejoin="round"
1144        />
1145      </svg>
1146    </button>
1147  </div>
1148  <button
1149    type="button"
1150    class="bg-white text-slate-900 dark:bg-slate-100 dark:text-slate-700 flex-none -my-2 mx-auto w-20 h-20 rounded-full ring-1 ring-slate-900/5 shadow-md flex items-center justify-center"
1151    aria-label="Pause"
1152    onclick="playPause()"
1153  >
1154    <i
1155      class="fa-solid fa-play fa-xl"
1156      id="play"
1157      style="position: relative; left: 3px;"
1158    ></i>
1159    <i
1160      class="fa-solid fa-pause fa-xl"
1161      id="pause"
1162      style="position: relative; left: 3px; display:none;"
1163    ></i>
1164  </button>
1165  <div class="flex-auto flex items-center justify-evenly">
1166    <button
1167      type="button"
1168      aria-label="Skip 10 seconds"
1169      id="forward"
1170      onclick="forwardSong()"
1171    >
1172      <svg width="24" height="24" fill="none">
1173        <path
1174          d="M17.509 16.95c-2.862 2.733-7.501 2.733-10.363 0-2.861-2.734-2.861-7.166 0-9.9 2.862-2.733 7.501-2.733 10.363 0 .38.365.711.759.991 1.176"
1175          stroke="currentColor"
1176          stroke-width="2"
1177          stroke-linecap="round"
1178          stroke-linejoin="round"
1179        />
1180        <path
1181          d="M19 5v3.111c0 .491-.398.889-.889.889H15"
1182          stroke="currentColor"
1183          stroke-width="2"
1184          stroke-linecap="round"
1185          stroke-linejoin="round"
1186        />
1187      </svg>
1188    </button>
1189    <button
1190      type="button"
1191      class="hidden sm:block lg:hidden xl:block"
1192      aria-label="Next"
1193      id="next"
1194      onclick="nextSong()"
1195    >
1196      <svg width="24" height="24" fill="none">
1197        <path
1198          d="M14 12 6 6v12l8-6Z"
1199          fill="currentColor"
1200          stroke="currentColor"
1201          stroke-width="2"
1202          stroke-linecap="round"
1203          stroke-linejoin="round"
1204        />
1205        <path
1206          d="M18 6v12"
1207          stroke="currentColor"
1208          stroke-width="2"
1209          stroke-linecap="round"
1210          stroke-linejoin="round"
1211        />
1212      </svg>
1213    </button>
1214    <button
1215      type="button"
1216      id="speedUp"
1217      class="rounded-lg text-xs leading-6 font-semibold px-2 ring-2 ring-inset ring-slate-500 text-slate-500 dark:text-slate-100 dark:ring-0 dark:bg-slate-500"
1218    >
1219    <span id="speed1" onclick="SpeedUpSong(1)">1x</span> 
1220    <span id="speed2" onclick="SpeedUpSong(2)" style="display:none;">2x</span> 
1221    <span id="speed3" onclick="SpeedUpSong(3)" style="display:none;">3x</span> 
1222    <span id="speed4" onclick="SpeedUpSong(4)" style="display:none;">4x</span> 
1223    </button>
1224  </div>
1225
1226  
1227</div>
1228
1229<div class="text-center mt-10 flex justify-center">
1230  <div class="flex items-center">
1231    <a href="https://podcasts.apple.com/us/podcast/saint-coleman-church-podcast/id1660086438"><img src="images/podcast-apple.svg" class="w-32 mr-2"></a>
1232    <a href="https://open.spotify.com/show/6tZAPKVRfgo40SY2Jfmgg3"><img src="images/podcast-spotify.svg" class="w-32"></a>
1233  </div>
1234</div>
1235
1236
1237</div>
1238
1239</div>
1240
1241
1242
1243
1244   </div>
1245  </div>
1246
1247podcast end-->
1248
1249<!--podcast end-->
1250
1251<!--Events-->
1252
1253
1254
1255</div>
1256
1257
1258</div><!--containter end-->
1259
1260</div></div>
1261
1262
1263
1264
1265<!--Saint Quote--></div>
1266
1267<!--<div class="dark:bg-slate-700 pt-16 mt-0 lg:-mt-20 lg:py-24">
1268  <div class="pb-16 bg-gray-600 lg:pb-0 lg:z-10 lg:relative">
1269    <div class="lg:mx-auto lg:max-w-7xl lg:px-8 lg:grid lg:grid-cols-3 lg:gap-8">
1270      <div class="relative lg:-my-8">
1271        <div class="mx-auto max-w-md px-4 sm:max-w-3xl sm:px-6 lg:p-0 lg:h-full">
1272          <div class="rounded-xl shadow-xl overflow-hidden sm:aspect-w-16 sm:aspect-h-7 lg:aspect-none lg:h-full">
1273            <img class="h-full w-full object-cover sm:h-auto lg:h-full lg:w-full" src="images/saint.jpg" alt="">
1274          </div>
1275        </div>
1276      </div>
1277      <div class="mt-12 lg:m-0 lg:col-span-2 lg:pl-8">
1278        <div class="mx-auto max-w-md px-4 sm:max-w-2xl sm:px-6 lg:px-0 lg:py-20 lg:max-w-none">
1279          <blockquote>
1280            <div>
1281              <p class="mt-6 text-base text-3xl font-medium text-white">The proof of love is in the works. Where love exists, it works great things. But when it ceases to act, it ceases to exist.</p>
1282            </div>
1283            <footer class="mt-6">
1284              <p class="text-sm font-medium text-gray-300">Saint Gregory the Great</p>
1285            </footer>
1286          </blockquote>
1287        </div>
1288      </div>
1289    </div>
1290  </div>
1291</div>-->
1292
1293</div>
1294
1295
1296
1297
1298
1299
1300
1301<!--saint quote-->
1302
1303<div class="dark:bg-slate-700 pt-16 mt-0 lg:-mt-20 lg:py-24">
1304  <div class="pb-16 bg-gray-600 lg:pb-0 lg:z-10 lg:relative">
1305    <div class="lg:mx-auto lg:max-w-7xl lg:px-8 lg:grid lg:grid-cols-3 lg:gap-8">
1306      <div class="relative lg:-my-8">
1307        <div class="mx-auto max-w-md px-4 sm:max-w-3xl sm:px-6 lg:p-0 lg:h-full">
1308          <div class="rounded-xl shadow-xl overflow-hidden sm:aspect-w-16 sm:aspect-h-7 lg:aspect-none lg:h-full">
1309            <img class="h-full w-full object-cover sm:h-auto lg:h-full lg:w-full" src="images/saint.jpg" alt="">
1310          </div>
1311        </div>
1312      </div>
1313      <div class="mt-12 lg:m-0 lg:col-span-2 lg:pl-8">
1314        <div class="mx-auto max-w-md px-4 sm:max-w-2xl sm:px-6 lg:px-0 lg:py-20 lg:max-w-none">
1315          <blockquote>
1316            <div>
1317              <p class="mt-6 text-base text-2xl font-medium text-white">Our sharing in the Body and Blood of Christ has no other purpose than to transform us into that which we receive. </p>
1318            </div>
1319            <footer class="mt-6">
1320              <p class="text-sm font-medium text-gray-300">- Saint Leo the Great </p>
1321            </footer>
1322          </blockquote>
1323        </div>
1324      </div>
1325    </div>
1326  </div>
1327</div>
1328
1329
1330
1331
1332
1333 <!--reopen containter end -->
1334 <div class="max-w-7xl mx-auto sm:px-6 lg:px-8 dark:bg-slate-700 dark:mt-0">
1335
1336     
1337   <!--know your faith-->
1338 
1339
1340   <div class="bg-white dark:bg-slate-700">
1341    <div class="mx-auto max-w-7xl py-12 px-4 sm:px-6 lg:px-8">
1342      <div class="grid grid-cols-1 gap-12 lg:grid-cols-3 lg:gap-8">
1343        <!--text column--><div class="space-y-5 sm:space-y-4">
1344          <h2 class="text-3xl font-bold tracking-tight sm:text-4xl dark:text-gray-200">Know Your Faith</h2>
1345          <p class="text-xl text-gray-500 dark:text-gray-400">The Catholic faith is rich in history and tradition, from Jesus giving authority to Saint Peter the Apostle (the first Pope) right up through the modern age. Go deeper into your faith to learn about the saints, the clergy, Catholic social teaching, works of mercy, the Mass, the Sacraments and popular Catholic devotions.</p>
1346  
1347          <!--button to view all saints-->
1348          <div class="mt-5 inline-flex rounded-md shadow">
1349            
1350          </div>
1351          <!--end button-->
1352        </div><!--text column end-->
1353        <div class="lg:col-span-2">
1354          <ul role="list" class="space-y-12 sm:grid sm:grid-cols-2 sm:gap-12 sm:space-y-0 lg:gap-x-8">
1355            <li>
1356              <div class="flex items-center space-x-4 lg:space-x-6">
1357                <img class="h-16 w-16 rounded-full lg:h-20 lg:w-20" src="https://res.cloudinary.com/diyyvqvpa/image/upload/f_auto,q_auto:eco/v1/saint-coleman-website/Francis_of_assisi" alt="">
1358                <div class="space-y-1 text-lg font-medium leading-6">
1359                  <h3><a href="saints-list.html" class="dark:text-white">Meet the Saints</a></h3>
1360                  <p class="text-gray-400 dark:text-gray-400 text-sm">The saints led exemplary lives and their example can help us be faithful disciples of Jesus Christ.</p>
1361                </div>
1362              </div>
1363            </li>
1364  
1365            <li>
1366              <div class="flex items-center space-x-4 lg:space-x-6">
1367                <img class="h-16 w-16 rounded-full lg:h-20 lg:w-20" src="images/clergy-sm.png" alt="">
1368                <div class="space-y-1 text-lg font-medium leading-6">
1369                  <h3><a href="what-is-the-clergy.html" class="dark:text-white">The Clergy</a></h3>
1370                  <p class="text-gray-400 text-sm dark:text-gray-400">Understanding the role of the ordained clergy which is  our bishops, priests and deacons.</p>
1371                </div>
1372              </div>
1373            </li>
1374  
1375            <li>
1376              <div class="flex items-center space-x-4 lg:space-x-6">
1377                <img class="h-16 w-16 rounded-full lg:h-20 lg:w-20" src="images/cst-heart-sm.png" alt="">
1378                <div class="space-y-1 text-lg font-medium leading-6">
1379                  <h3><a href="cst.html" class="dark:text-white">Catholic Social Teaching</a></h3>
1380                  <p class="text-gray-400 text-sm dark:text-gray-400">Learn more about the dignity of the human person and our duty to others</p>
1381                </div>
1382              </div>
1383            </li>
1384  
1385            <li>
1386              <div class="flex items-center space-x-4 lg:space-x-6">
1387                <img class="h-16 w-16 rounded-full lg:h-20 lg:w-20" src="images/loving-the-poor-small.png" alt="">
1388                <div class="space-y-1 text-lg font-medium leading-6">
1389                  <h3><a href="cst-works-of-mercy.html" class="dark:text-white">Works of Mercy</a></h3>
1390                  <p class="text-gray-400 text-sm dark:text-gray-400">Learn about the Corporal and Spiritual Works of Mercy, which all Catholics are compelled to provide for the poor. Feed the hungry, give drink to the thirsty, shelter the homeless, etc. </p>
1391                </div>
1392              </div>
1393            </li>
1394  
1395            <li>
1396              <div class="flex items-center space-x-4 lg:space-x-6">
1397                <img class="h-16 w-16 rounded-full lg:h-20 lg:w-20" src="images/augustin_sm.png" alt="the mass">
1398                <div class="space-y-1 text-lg font-medium leading-6">
1399                  <h3><a href="mass.html" class="dark:text-white">Understanding the Mass</a></h3>
1400                  <p class="text-gray-400 text-sm dark:text-gray-400">Discover the elements of Mass including Liturgy of the Word and Liturgy of the Eucharist</p>
1401                </div>
1402              </div>
1403            </li>
1404  
1405            <li>
1406              <div class="flex items-center space-x-4 lg:space-x-6">
1407                <img class="h-16 w-16 rounded-full lg:h-20 lg:w-20" src="images/ciborium-small.png" alt="Eucharist in Ciborium">
1408                <div class="space-y-1 text-lg font-medium leading-6">
1409                  <h3><a href="sacraments.html" class="dark:text-white">The Sacraments</a></h3>
1410                  <p class="text-gray-400 text-sm dark:text-gray-400">Learn about the seven sacraments of the Catholic Church and the grace they impart</p>
1411                </div>
1412              </div>
1413            </li>
1414  
1415            <li>
1416              <div class="flex items-center space-x-4 lg:space-x-6">
1417                <img class="h-16 w-16 rounded-full lg:h-20 lg:w-20" src="https://res.cloudinary.com/diyyvqvpa/image/upload/f_auto,q_auto/v1/saint-coleman-website/rosary" alt="rosary beads">
1418                <div class="space-y-1 text-lg font-medium leading-6">
1419                  <h3><a href="rosary.html" class="dark:text-white">The Rosary</a></h3>
1420                  <p class="text-gray-400 text-sm dark:text-gray-400">The Rosary helps us reflect on the life of Christ and the Blessed Virgin Mary, Mother of God</p>
1421                </div>
1422              </div>
1423            </li>
1424  
1425            <li>
1426              <div class="flex items-center space-x-4 lg:space-x-6">
1427                <img class="h-16 w-16 rounded-full lg:h-20 lg:w-20" src="images/divine-mercy-round.jpeg" alt="divine mercy">
1428                <div class="space-y-1 text-lg font-medium leading-6">
1429                  <h3><a href="devotions.html" class="dark:text-white">Catholic Devotions</a></h3>
1430                  <p class="text-gray-400 text-sm dark:text-gray-400">From the Divine Mercy to the Sacred Heart of Jesus, our faith is filled with powerful devotions</p>
1431                </div>
1432              </div>
1433            </li>
1434  
1435          
1436  
1437            <!-- add more here... -->
1438          </ul>
1439        </div>
1440  
1441       
1442      </div>
1443    </div>
1444  </div>
1445
1446
1447<!--<section class="mb-20">
1448    <h3 class="mx-auto text-center font-bold text-5xl">ABCD Drive</h3>
1449  <a href="https://adomdevelopment.org/st-coleman/"><img src="images/ABCD-Banner.jpg"></a>
1450
1451  <p class="py-5">
1451May we be agents of hope to unite, heal and transform our world by answering the call to support the ABCD, joyfully and generously, so that we, ourselves, can develop a deeper connection with our faith, anchored in hope and lived out in charity.</p>
1452  <p class="py-5"> <a href="https://adomdevelopment.org/st-coleman/" class="mx-auto text-center underline font-semibold text-2xl">Donate to the Saint Coleman ABCD Goal</a></p>
1453
1454</section>-->
1455
1456
1457
1458
1459
1460
1461
1462
1463
1464 <!--reopen containter end -->
1465
1466  
1467       
1468
1469          
1470
1471
1472
1473<!--ecommerce
1474
1475<div class="bg-gray">
1476  <div class="py-16 sm:py-24 xl:max-w-7xl xl:mx-auto xl:px-8">
1477    <div class="px-4 sm:px-6 sm:flex sm:items-center sm:justify-between lg:px-8 xl:px-0">
1478      <h2 class="text-2xl font-extrabold tracking-tight text-gray-900">Support Our Parish - Shop for Catholic Gifts</h2>
1479      <a href="#" class="hidden text-sm font-semibold text-indigo-600 hover:text-indigo-500 sm:block">Browse all categories<span aria-hidden="true"> &amp;rarr;</span></a>
1480    </div>
1481
1482    <div class="mt-4 flow-root">
1483      <div class="-my-2">
1484        <div class="box-content py-2 relative h-80 overflow-x-auto xl:overflow-visible">
1485          <div class="absolute min-w-screen-xl px-4 flex space-x-8 sm:px-6 lg:px-8 xl:relative xl:px-0 xl:space-x-0 xl:grid xl:grid-cols-4 xl:gap-x-8">
1486            <a href="#" class="relative w-56 h-80 rounded-lg p-6 flex flex-col overflow-hidden hover:opacity-75 xl:w-auto">
1487              <span aria-hidden="true" class="absolute inset-0">
1488                <img src="images/confirmed.jpg" alt="" class="w-full h-full object-center object-cover">
1489              </span>
1490              <span aria-hidden="true" class="absolute inset-x-0 bottom-0 h-2/3 bg-gradient-to-t from-gray-800 opacity-50"></span>
1491              <span class="relative mt-auto text-center text-xl font-bold text-white">Confirmation Gifts</span>
1492            </a>
1493
1494            <a href="#" class="relative w-56 h-80 rounded-lg p-6 flex flex-col overflow-hidden hover:opacity-75 xl:w-auto">
1495              <span aria-hidden="true" class="absolute inset-0">
1496                <img src="images/1st.jpg" alt="" class="w-full h-full object-center object-cover">
1497              </span>
1498              <span aria-hidden="true" class="absolute inset-x-0 bottom-0 h-2/3 bg-gradient-to-t from-gray-800 opacity-50"></span>
1499              <span class="relative mt-auto text-center text-xl font-bold text-white">First Holy Communion Gifts</span>
1500            </a>
1501
1502            <a href="#" class="relative w-56 h-80 rounded-lg p-6 flex flex-col overflow-hidden hover:opacity-75 xl:w-auto">
1503              <span aria-hidden="true" class="absolute inset-0">
1504                <img src="images/decor.jpg" alt="" class="w-full h-full object-center object-cover">
1505              </span>
1506              <span aria-hidden="true" class="absolute inset-x-0 bottom-0 h-2/3 bg-gradient-to-t from-gray-800 opacity-50"></span>
1507              <span class="relative mt-auto text-center text-xl font-bold text-white">Home Decor</span>
1508            </a>
1509
1510            <a href="#" class="relative w-56 h-80 rounded-lg p-6 flex flex-col overflow-hidden hover:opacity-75 xl:w-auto">
1511              <span aria-hidden="true" class="absolute inset-0">
1512                <img src="images/bible.jpg" alt="" class="w-full h-full object-center object-cover">
1513              </span>
1514              <span aria-hidden="true" class="absolute inset-x-0 bottom-0 h-2/3 bg-gradient-to-t from-gray-800 opacity-50"></span>
1515              <span class="relative mt-auto text-center text-xl font-bold text-white">Bibles</span>
1516            </a>
1517
1518          
1519          </div>
1520        </div>
1521      </div>
1522    </div>
1523
1524    <div class="mt-6 px-4 sm:hidden">
1525      <a href="#" class="block text-sm font-semibold text-indigo-600 hover:text-indigo-500">Browse all categories<span aria-hidden="true"> &amp;rarr;</span></a>
1526    </div>
1527  </div>
1528</div>-->
1529
1530
1531<!-- frequently asked questions -->
1532</div>
1533
1534
1535<!--faq-->
1536
1537<div class="bg-white dark:bg-slate-700" id="faq">
1538  <div class="mx-auto max-w-7xl py-16 px-4 sm:px-6 lg:py-20 lg:px-8">
1539    <div class="lg:grid lg:grid-cols-3 lg:gap-8">
1540      <div>
1541        <h2 class="text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-200">Frequently asked questions</h2>
1542        <p class="mt-4 text-lg text-gray-500 dark:text-gray-400">We hope you find our website insightful and information about the Catholic faith and about activities in our parish. Here are the answers to our most frequently asked questions. </p>
1543      </div>
1544      <div class="mt-12 lg:col-span-2 lg:mt-0 lg:py-12">
1545        <dl class="space-y-12 mt-10">
1546          <div>
1547            <dt class="text-lg font-medium leading-6 text-gray-900 dark:text-white">How do I become Catholic?</dt>
1548            <dd class="mt-2 text-base text-gray-500 dark:text-gray-400">Becoming process is a journey of learning and discipleship. Read our <a href="re-becoming.html" class="underline text-sky-900 dark:text-sky-400">Becoming Catholic</a> article to learn more about the process and the journey through the Rite of Christian Initiation.</dd>
1549          </div>
1550
1551         
1552        </dl>
1553
1554        <dl class="space-y-12 mt-10">
1555          <div>
1556            <dt class="text-lg font-medium leading-6 text-gray-900 dark:text-white">
1556How do I join Saint Coleman?</dt>
1557            <dd class="mt-2 text-base text-gray-500 dark:text-gray-400">We welcome Catholics to <a href="parish-join.html" class="underline text-sky-900 dark:text-sky-400">register as a member</a> of our parish community. </dd>
1558          </div>
1559
1560         
1561        </dl>
1562
1563        <dl class="space-y-12 mt-10">
1564          <div>
1565            <dt class="text-lg font-medium leading-6 text-gray-900 dark:text-white">How do I get married at Saint Coleman?</dt>
1566            <dd class="mt-2 text-base text-gray-500 dark:text-gray-400">If you are considering <a href="schedule-getting-married.html" class="underline text-sky-900 dark:text-sky-400">getting married at Saint Coleman Catholic Church</a>, we would be honored to be a part of your special day. Preparing for the Sacrament of Matrimony is a thoughtful and deliberative process, and we recommend that couples begin this process at least six months before their desired wedding date. To get started, please contact our parish officeto speak with one of our staff members. They will be able to provide you with information on available dates and times, as well as assist with any questions or concerns you may have. We also offer pre-marriage counseling to help couples prepare for the lifelong commitment of marriage. Please don't hesitate to reach out to us with any questions or concerns. We look forward to supporting you as you begin this exciting new chapter in your lives..</dd>
1567          </div>
1568
1569         
1570        </dl>
1571
1572
1573        <dl class="space-y-12 mt-10">
1574          <div>
1575            <dt class="text-lg font-medium leading-6 text-gray-900 dark:text-white">How do I schedule a funeral at Saint Coleman?</dt>
1576            <dd class="mt-2 text-base text-gray-500 dark:text-gray-400">The first step in  <a href="schedule-funerals.html" class="underline text-sky-900 dark:text-sky-400">planning a funeral at Saint Coleman</a> is to make arrangements with a funeral director. The funeral director will assist in obtaining the necessary documents and will coordinate with the church on the details of the funeral service. Next, the family will consult with the funeral coordinator from Saint Coleman to plan the funeral liturgy. This includes selecting readings from the Bible, selecting hymns and music, and planning any other aspects of the liturgy. The church’s funeral coordinator will also provide guidance and support to the family during this difficult time.
1577              
1578            </dd>
1579          </div>
1580
1581         
1582        </dl>
1583
1584
1585        <dl class="space-y-12 mt-10">
1586          <div>
1587            <dt class="text-lg font-medium leading-6 text-gray-900 dark:text-white">What is your Mass Schedule and when can I come for confession?</dt>
1588            <dd class="mt-2 text-base text-gray-500 dark:text-gray-400">There is nothing more joyful than to know people are seeking the Lord, through the celebration of The Mass or through the <a href="sacrament-reconciliation.html" class="underline text-sky-900 dark:text-sky-400">Sacrament of Reconciliation</a>.  <a href="#hero" class="underline text-sky-900 dark:text-sky-400">View our Mass Schedule</a>
1589          </div>
1590
1591         
1592        </dl>
1593
1594
1595        
1596      </div>
1597    </div>
1598  </div>
1599</div>
1600
1601<!--new sponsors-->
1602
1603<!-- Centered heading -->
1604<div class="bg-white dark:bg-slate-700 flex justify-center py-10">
1605  <h3 class="text-2xl font-bold tracking-tight text-gray-900 dark:text-gray-200">Thank You to Our Sponsors</h3>
1606</div>
1607
1608   <!--ads-->   
1609
1610   <div id="sponsors" class="pb-20 lg:grid lg:grid-cols-3 lg:gap-x-6 xl:gap-x-8 px-20 dark:bg-slate-700">
1611        
1612
1613    
1614    <div class="relative mt-6 flex items-center px-6 py-12 sm:px-10 sm:py-16 lg:mt-0">
1615      <div class="absolute inset-0 overflow-hidden rounded-lg">
1616        <img src="images/sponsor1.png" alt="" class="h-full w-full object-cover object-center saturate-0 filter">
1617        <div class="absolute inset-0 bg-blue-700 bg-opacity-90 dark:bg-blue-900 dark:bg-opacity-90"></div>
1618      </div>
1619      <div class="relative mx-auto max-w-sm text-center"><a href="https://www.dignitymemorial.com/funeral-homes/florida/fort-lauderdale/kraeer-fairchild-funeral-home-and-cremation-center/7092">
1620        <h3 class="text-2xl font-bold tracking-tight text-white hover:text-sky-300">Kraeer-Fairchild Funeral Home</h3></a>
1621        <p class="mt-2 text-gray-200">
1622          John Lilli, Director
1623         
1624        </p>
1625        <p class="mt-2 text-gray-200">
1626          Serving the Community for 100 Years 
1627        </p>
1628        <p class="mt-2 text-gray-200">
1629      <a href="https://www.dignitymemorial.com/funeral-homes/florida/fort-lauderdale/kraeer-fairchild-funeral-home-and-cremation-center/7092" class="whitespace-nowrap font-bold text-white hover:text-gray-200">
1629Visit Website<span aria-hidden="true"> &rarr;</span></a>
1630        </p>
1631      </div>
1632    </div>
1633
1634    <div class="relative mt-6 flex items-center px-6 py-12 sm:px-10 sm:py-16 lg:mt-0">
1635      <div class="absolute inset-0 overflow-hidden rounded-lg">
1636        <img src="images/bfmg.jpg" alt="" class="h-full w-full object-cover object-center saturate-0 filter">
1637        <div class="absolute inset-0 bg-blue-700 bg-opacity-90 dark:bg-blue-900 dark:bg-opacity-90"></div>
1638      </div>
1639      <div class="relative mx-auto max-w-sm text-center">
1640        <a href="https://www.browardfamilymedical.com">        <h3 class="text-2xl font-bold tracking-tight text-white hover:text-sky-300">Broward Family Medical Group</h3>
1641        </a>
1642        <p class="mt-2 text-gray-200">
1643         
1644         
1645        </p>
1646        <p class="mt-2 text-gray-200">
1647          Family-owned and operated primary care practice in Pompano Beach
1648        </p>
1649        <p class="mt-2 text-gray-200">
1650          <a href="https://www.browardfamilymedical.com" class="whitespace-nowrap font-bold text-white hover:text-gray-200">Visit Website<span aria-hidden="true"> &rarr;</span></a>
1651            </p>
1652      </div>
1653    </div>
1654
1655    <div class="relative mt-6 flex items-center px-6 py-12 sm:px-10 sm:py-16 lg:mt-0">
1656      <div class="absolute inset-0 overflow-hidden rounded-lg">
1657        <img src="" alt="" class="h-full w-full object-cover object-center saturate-0 filter">
1658        <div class="absolute inset-0 bg-blue-700 bg-opacity-90 dark:bg-blue-900 dark:bg-opacity-90"></div>
1659      </div>
1660      <div class="relative mx-auto max-w-sm text-center">
1661        <h3 class="text-2xl font-bold tracking-tight text-white">Guild Mortgage</h3>
1662        <p class="mt-2 text-gray-200">
1663          Home loan options to fit every situation including first time home buyers.
1664         
1665        </p>
1666        <p class="mt-2 text-gray-200">
1667         
1668        </p>
1669        <p class="mt-2 text-gray-200">
1670          <a href="https://branches.guildmortgage.com/fl/bocaraton/joseph-cerquozzi-902-bojc.html" class="whitespace-nowrap font-bold text-white hover:text-gray-200">Visit Website<span aria-hidden="true"> &rarr;</span></a>
1671            </p>
1672      </div>
1673    </div>
1674  </div>
1675  <!--ads end-->
1676
1677  
1678
1679
1680
1681
1682 
1683
1684</div><!--page container end-->
1685
1686
1687<footer class="bg-gray-100 dark:bg-slate-900" aria-labelledby="footer-heading">
1688  <h2 id="footer-heading" class="sr-only">Footer</h2>
1689  <div class="mx-auto max-w-7xl px-6 pb-8 pt-16 sm:pt-24 lg:px-8 lg:pt-32">
1690    <div class="xl:grid xl:grid-cols-3 xl:gap-8">
1691      <div class="space-y-8">
1692       <a href="https://www.saintcoleman.org">
1693        <img class="h-20 w-auto block dark:hidden" src="images/stcole.svg" alt="Church">
1694        <img class="h-20 w-auto hidden dark:block" src="images/logo-darkbg.png" alt="Church">
1695        
1696       </a>
1697        <p class="text-sm leading-6 text-gray-600 dark:text-gray-300">Saint Coleman Catholic Church<br/>1200 S. Federay Highway<br/>Pompano Beach, FL 33062</p>
1698        <p class="text-sm leading-6 text-gray-600">954-942-3533</p>
1699        <div class="flex space-x-6">
1700          <a href="https://www.facebook.com/stcolemanchurch" class="text-gray-400 hover:text-gray-500">
1701            <span class="sr-only">Facebook</span>
1702            <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
1703              <path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987
1703h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd" />
1704            </svg>
1705          </a>
1706
1707          <a href="https://www.youtube.com/channel/UCfIEvuvzpayPyjrbp1peQyQ" class="text-gray-400 hover:text-gray-500">
1708            <span class="sr-only">YouTube</span>
1709            <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
1710              <path fill-rule="evenodd" d="M19.812 5.418c.861.23 1.538.907 1.768 1.768C21.998 8.746 22 12 22 12s0 3.255-.418 4.814a2.504 2.504 0 0 1-1.768 1.768c-1.56.419-7.814.419-7.814.419s-6.255 0-7.814-.419a2.505 2.505 0 0 1-1.768-1.768C2 15.255 2 12 2 12s0-3.255.417-4.814a2.507 2.507 0 0 1 1.768-1.768C5.744 5 11.998 5 11.998 5s6.255 0 7.814.418ZM15.194 12 10 15V9l5.194 3Z" clip-rule="evenodd" />
1711            </svg>
1712          </a>
1713
1714          <a href="https://www.instagram.com/saintcolemanpompano/" class="text-gray-400 hover:text-gray-500">
1715            <span class="sr-only">Instagram</span>
1716            <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
1717              <path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd" />
1718            </svg>
1719          </a>
1720
1721          
1722
1723        </div>
1724      </div>
1725      <div class="mt-16 grid grid-cols-2 gap-8 xl:col-span-2 xl:mt-0">
1726        <div class="md:grid md:grid-cols-2 md:gap-8">
1727          <div>
1728            <h3 class="text-sm font-semibold leading-6 text-gray-900 dark:text-sky-400">Catholic Resources</h3>
1729            <ul role="list" class="mt-6 space-y-4">
1730              <li>
1731                <a href="https://miamiarch.org" class="text-sm leading-6 text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-gray-600">Archdiocese Miami</a>
1732              </li>
1733
1734              <li>
1735                <a href="https://www.thefloridacatholic.org/dioceses/miami/" class="text-sm leading-6 text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-gray-600">Florida Catholic</a>
1736              </li>
1737
1738              <li>
1739                <a href="https://www.vatican.va/archive/ENG0015/_INDEX.HTM" class="text-sm leading-6 text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-gray-600">Catechism</a>
1740              </li>
1741
1742
1743             
1744            </ul>
1745          </div>
1746          <div class="mt-10 md:mt-0">
1747            <h3 class="text-sm font-semibold leading-6 text-gray-900 dark:text-sky-400">Audio &amp; Video</h3>
1748            <ul role="list" class="mt-6 space-y-4">
1749           
1750            
1751
1752              <li>
1753                <a href="https://www.facebook.com/stcolemanchurch" class="text-sm leading-6 text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-gray-600">Parish Facebook</a>
1754              </li>
1755
1756              <li>
1757                <a href="https://www.facebook.com/fathermichaelgarcia/" class="text-sm leading-6 text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-gray-600">Fr. Michael's Facebook</a>
1758              </li>
1759
1760             
1761
1762              <li>
1763                <a href="https://twitter.com/stcolemanfl" class="text-sm leading-6 text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-gray-600">Twitter</a>
1764              </li>
1765
1766              <li>
1767                <a href="https://www.instagram.com/saintcolemanpompano/" class="text-sm leading-6 text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-gray-600">Instagram</a>
1768              </li>
1769
1770              <li>
1771                <a href="https://podcast.saintcoleman.org" class="text-sm leading-6 text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-gray-600">Podcast</a>
1772              </li>
1773
1774                <li>
1775                <a href="https://www.youtube.com/channel/UCfIEvuvzpayPyjrbp1peQyQ" class="text-sm leading-6 text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-gray-600">Youtube Channel</a>
1776              </li>
1777            </ul>
1778          </div>
1779        </div>
1780        <div class="md:grid md:grid-cols-2 md:gap-8">
1781          <div>
1782            <h3 class="text-sm font-semibold leading-6 text-gray-900 dark:text-sky-400">Our Parish</h3>
1783            <ul role="list" class="mt-6 space-y-4">
1784              <li>
1785                <a href="parish-about.html" class="text-sm leading-6 text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-gray-600">About Us</a>
1786              
1787              </li>
1788
1789              <li>
1790                <a href="parish-join.html" class="text-sm leading-6 text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-gray-600">Join the Parish</a>
1791              </li>
1792
1793              <li>
1794                <a href="onlinegiving.html" class="text-sm leading-6 text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-gray-600">Online Giving</a>
1795              </li>
1796
1797              <li>
1798                <a href="parish-planned-giving.html" class="text-sm leading-6 text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-gray-600">Planned Giving</a>
1799              </li>
1800
1801              <li>
1802                <a href=" https://adomdevelopment.org/st-coleman/" class="text-sm leading-6 text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-gray-600">ABCD Drive</a>
1803              </li>
1804
1805           
1806
1807             
1808
1809             
1810
1811            
1812
1813            
1814            </ul>
1815             <h3 class="text-sm font-semibold leading-6 text-gray-900 dark:text-sky-400 mt-5">Groups</h3>
1816
1817            <ul role="list" class="mt-6 space-y-4">
1818               <li>
1819                <a href="https://www.stcmc.org/" class="text-sm leading-6 text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-gray-600">Men's Club Website</a>
1820              </li>
1821
1822               <li>
1823                <a href="https://scwcwebsite.wixsite.com/website" class="text-sm leading-6 text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-gray-600">Women's Club Website</a>
1824              </li>
1825             </ul>
1826          </div>
1827          <div class="mt-10 md:mt-0">
1828            <h3 class="text-sm font-semibold leading-6 text-gray-900 dark:text-sky-400">Schedule Events</h3>
1829            <ul role="list" class="mt-6 space-y-4">
1830              <li>
1831                <a href="schedule-baptism.html" class="text-sm leading-6 text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-gray-600">Baptisms</a>
1832              </li>
1833
1834              <li>
1835                <a href="schedule-funerals.html" class="text-sm leading-6 text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-gray-600">Funerals</a>
1836              </li>
1837
1838              <li>
1839                 <a href="schedule-getting-married.html" class="text-sm leading-6 text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-gray-600">Weddings</a>
1840              </li>
1841            </ul>
1842
1843            <h3 class="text-sm font-semibold leading-6 text-gray-900 dark:text-sky-400 mt-6">Other</h3>
1844            <ul role="list" class="mt-6 space-y-4">
1845            
1846
1847              <li>
1848                <a href="terms-of-service.html" class="text-sm leading-6 text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-gray-600">Terms of Service</a>
1849              </li>
1850
1851              <li>
1852                <a href="privacy-policy.html" class="text-sm leading-6 text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-gray-600">Privacy Policy</a>
1853              </li>
1854         
1855            </ul>
1856
1857           
1858          </div>
1859
1860
1861        </div>
1862      </div>
1863    </div>
1864    <div class="border-t border-gray-900/10 pt-8 sm:mt-20 lg:mt-24 flex flex-col sm:flex-row sm:justify-center">
1865      <div class="text-md text-gray-500 md:w-1/2 sm:text-center md:text-left sm:block">&copy; 2025 <span class="font-bold">Saint Coleman Catholic Church</span>. All rights reserved.</div>
1866      <div class="text-xs text-gray-400 md:w-1/2 md:text-right sm:text-center sm:block">Website Powered By <span class="font-semibold"><a href="https://www.sacramatic.com">Sacramatic</a></span></div>
1867    </div>
1868    
1869    
1870    
1871
1872    
1873  </div>
1874</footer>
1875
1876
1877
1878
1879<script src="myJavascript.js"></script>
1879<!--this one is for podcast-->
1880<script src="https://cdn.jsdelivr.net/npm/glightbox/dist/js/glightbox.min.js"></script>
vendor: 1 bytes, line 1880
1880
1881<script>
1882  const parishEventsLightbox = GLightbox({
1883    selector: '.parish-events-lightbox',
1884    touchNavigation: true,
1885    loop: true,
1886    zoomable: true,
1887  });
1888</script>
1888
1889
1890</body>
1891</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.