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">→</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 & 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 & 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 & 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"> →</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"> →</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"> →</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; 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"> &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"> &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"> →</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"> →</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"> →</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 & 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">© 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.