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 10 11</head> 12<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 12-13
12 13<script async src="https://www.googletagmanager.com/gtag/js?id=
13G-S4MNJFZZ8K
vendor: 12 bytes, line 13
13"></script>
14<script> 15
vendor: 134 bytes, lines 15-19
15window.dataLayer = window.dataLayer || []; 16 function gtag(){dataLayer.push(arguments);} 17 gtag('js', new Date()); 18 19 gtag('config', '
19G-S4MNJFZZ8K
vendor: 4 bytes, line 19
19');
20</script>
20 21<!-- google tag end--> 22 23 24 25<body class="dark-mode"> 26 <div class="dark:bg-slate-700"><!--containercolor--> 27 28 <!--top banner 29 <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"> 30 <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"> 31 <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> 32 </div> 33 <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"> 34 <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> 35 </div> 36 <div class="flex flex-wrap items-center gap-x-4 gap-y-2"> 37 <p class="text-sm leading-6 text-gray-900"> 38 <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 39 </p> 40 <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> 41 </div> 42 <div class="flex flex-1 justify-end"> 43 44 </div> 45 </div>--> 46 47 <!--nav--> 48 49<nav class="bg-white dark:bg-slate-900 top-0 z-50 w-full"> 50 <div class="mx-auto max-w-7xl px-2 sm:px-4 lg:px-8"> 51 <div class="relative flex h-32 items-center justify-between"> 52 <div class="flex items-center px-2 lg:px-0"> 53 <div class="flex-shrink-0"> 54 <a href="index.html"> 55 <img class="sm:h-16 md:24 lg:32 block dark:hidden" src="images/stcole.svg" alt="Church"> 56 <img class="h-24 w-auto hidden dark:block" src="images/logo-darkbg.png" alt="Church"> 57 58 </a> 59 60 </div> 61 <div class="hidden lg:ml-6 lg:block"> 62 <div class="flex space-x-4"> 63 64 65 66 </div> 67 </div> 68 </div> 69 70 <!--https://podcasts.apple.com/us/podcast/saint-coleman-church-podcast/id1660086438--> 71 <!--https://open.spotify.com/show/6tZAPKVRfgo40SY2Jfmgg3--> 72 73 <!--<div class="hidden lg:ml-4 lg:block"> 74 <div class="flex items-center"> 75 <p class="font-semibold text-sm mr-4 dark:text-white">Listen to Our Podcast!</p> 76 <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> 77 <a href="https://open.spotify.com/show/6tZAPKVRfgo40SY2Jfmgg3"><img src="images/podcast-spotify.svg" class="w-32" alt="spotify"></a> 78 79 </div></div>--> 80 81 <div class="hidden lg:ml-4 lg:block"> 82 <div class="flex items-center"> 83 84 85 86 87 88 89 <!--donate--> 90 91 <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> 92 93 94 95 </div> 96 97 98 </div> 99 100 101 102 <div class="flex lg:hidden mr-10"> 103 <!-- Mobile menu button --> 104 <button class="outline-none mobile-menu-button"> 105 <svg class=" w-6 h-6 text-gray-500 hover:text-green-500 " 106 x-show="!showMenu" 107 fill="none" 108 stroke-linecap="round" 109 stroke-linejoin="round" 110 stroke-width="2"
111 viewBox="0 0 24 24" 112 stroke="currentColor" 113 > 114 <path d="M4 6h16M4 12h16M4 18h16"></path> 115 </svg> 116 </button> 117 </div> 118 </div> 119 </div> 120 <!--2d line changes--> 121 <div class="bg-gray-800 hidden lg:block"> 122 <div class="mx-auto max-w-7xl px-2 sm:px-4 lg:px-8"> 123 <div class="relative flex h-12 items-center justify-between"> 124 <div class="flex items-center px-2 lg:px-0 mx-auto"> 125 126 <div class="hidden lg:ml-6 lg:block"> 127 <div class="flex space-x-4"> 128 <!-- Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" --> 129 <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> 130 <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> 131 <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> 132 133 <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> 134 <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> 135 <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> 136 137 <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> 138 <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> 139 140 141 </div> 142 </div> 143 </div> 144 145 <!--put button here if it doesn't work--> 146 147 </div> 148 </div> 149</div> 150 151 <!-- Mobile menu, show/hide based on menu state. --> 152 <div class="hidden mobile-menu"> 153 <div class="lg:hidden"> 154 <div class="space-y-1 px-2 pt-2 pb-3"> 155 <!-- Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" --> 156 157 <a href="index.html" class="block rounded-md bg-gray-900 px-3 py-2 text-base font-medium text-white">Home</a> 158 <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> 159 <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> 160 161 <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> 162 <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> 163 <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> 164 165 <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> 166 <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> 167 168 </div> 169 170 </div> 171</div> 172
172<script> 173 const btn = document.querySelector("button.mobile-menu-button"); 174 const menu = document.querySelector(".mobile-menu"); 175 176 btn.addEventListener("click", () => { 177 menu.classList.toggle("hidden"); 178 }); 179 </script>
179 180</nav> 181 182 183 <!-- include test end--> 184 185 186 187 188 189<!-- hero image --> 190<div id="hero" class="relative bg-indigo-800"> 191 <div class="absolute inset-0"> 192 <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"> 193 <div class="absolute inset-0 bg-slate-600 mix-blend-multiply" aria-hidden="true"></div> 194 </div> 195 <div class="relative max-w-7xl mx-auto py-24 px-4 sm:py-32 sm:px-6 lg:px-8"> 196 <h2 class="text-base text-slate-50 dark:text-gray-300 font-semibold tracking-wide uppercase">Pompano Beach, Florida</h2> 197 <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> 198 <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> 199 <!-- <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>--> 200 201 </div> 202</div> 203 204<!--mass times new2--> 205<div> 206<div> 207<div class="bg-gray-800 text-white ml-20"> 208 <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> 209</div> 210<div id="masstimes" class="grid xs:grid-cols-1 md:grid-cols-4 bg-gray-800 text-white py-5 px-20 -mt-10"> 211 <div class="xs:col-span-1 md:col-span-4 flex flex-col justify-center p-10 text-4xl text-sky-200"></div> 212 <div class="col-span-1 flex flex-col justify-center p-4 text-md"> 213 <p class="text-2xl text-gray-400">Monday - Friday</p> 214 <p class="text-md text-gray-300">7am & 8am</p> 215 </div> 216 <div class="col-span-1 flex flex-col justify-center p-4"> 217 <p class="text-2xl text-gray-400">Saturday</p> 218 <p class="text-gray-300">8:30am & 4:30pm (Vigil)</p> 219 <p class="text-gray-300">Confessions: 3pm</p> 220 221 </div> 222 <div class="col-span-1 flex flex-col justify-center p-4"> 223 <p class="text-2xl text-gray-400">Sunday</p> 224 <p class="text-gray-300">English: 7:30am, 9am, 11am</p> 225 <p class="text-gray-300">Spanish: 1pm</p> 226 227 </div> 228 229 230 <div class="col-span-1 flex flex-col justify-center p-4"> 231 <p class="text-2xl text-gray-400">Adoration</p> 232 <p class="text-gray-300">1st Fridays 8:30am & 7pm (Spanish)</p> 233 <p class="text-gray-300">Wednesdays 4pm - 7pm</p> 234 </div> 235 236 237</div> 238</div> 239</div> 240 241 242 243<!--text promotional space under Mass Times--> 244<!--text promotional space under Mass Times--> 245<div id="welcome-announcement" class="mx-auto text-center bg-gray-700 text-white pt-2">
246<script> 247 (async function main() { 248const churchId = '62d5b43538702e3886bd9203'; //Change this variable to your Church ID 249const requestURL = `https://sacramatic.com/public-website/welcome-announcement/${churchId}`; 250const welcomeAnnouncement = await fetchWelcomeAnnouncement(); 251const welcomeAnnouncementContainer = document.getElementById( 252'welcome-announcement' 253 ); 254welcomeAnnouncementContainer.innerText = 255welcomeAnnouncement?.welcomeAnnouncement ?? ''; 256async function fetchWelcomeAnnouncement() { 257const response = await fetch(requestURL); 258return await response.json(); 259 } 260 })(); 261</script>
261 262</div> 263 264<!--Welcome Father Andrew--> 265<!--text promotional space under Mass Times--> 266<div id="welcome-announcement" class="mx-auto text-center bg-gray-700 text-white pt-2">
267<script> 268 (async function main() { 269const churchId = '62d5b43538702e3886bd9203'; //Change this variable to your Church ID 270const requestURL = `https://sacramatic.com/public-website/welcome-announcement/${churchId}`; 271const welcomeAnnouncement = await fetchWelcomeAnnouncement(); 272const welcomeAnnouncementContainer = document.getElementById( 273'welcome-announcement' 274 ); 275welcomeAnnouncementContainer.innerText = 276welcomeAnnouncement?.welcomeAnnouncement ?? ''; 277async function fetchWelcomeAnnouncement() { 278const response = await fetch(requestURL); 279return await response.json(); 280 } 281 })(); 282</script>
282 283</div> 284 285 286 <!--About Our Parish--> 287 288<div class="relative overflow-hidden bg-whit pb-10"> 289 290 291 292 293 <div class="mx-auto mt-5 max-w-7xl px-4 px-6 sm:mt-254 lg:mt-20"> 294 <div class="lg:grid lg:grid-cols-12 lg:gap-8"> 295 <div class="sm:text-center md:mx-auto md:max-w-2xl lg:col-span-6 lg:text-left dark:mt-10"> 296 <h1> 297 298 <span class="mt-1 block text-2xl font-bold tracking-tight sm:text-5xl xl:text-3xl"> 299 <span class="block text-gray-900 dark:text-sky-400">About Our Parish</span> 300 <span class="block text-indigo-600"></span> 301 </span> 302 </h1> 303 <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> 304 305 <span class="isolate flex rounded-md shadow-sm mt-10"> 306 307 308 309 <a href="https://discovermass.com/church/st-coleman-pompano-beach-fl/#bulletins" class="text-sky-900 dark:text-sky-400 underline"> 310 311 312 <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"> 313 <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"> 314 <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" /> 315 </svg> 316 317 Bulletins 318 </button> 319 320 </a> 321 322 <a href="parish-join.html" class="text-sky-900 dark:text-sky-400 underline"> 323 324 <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"> 325 <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"> 326 <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" /> 327 </svg> 328 329 Join Our Parish</button> 330 331 </a> 332 333 <a href="parish-events.html" class="text-sky-900 dark:text-sky-400 underline"> 334 335 <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"> 336 <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"> 337 <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" /> 338 </svg> 339 340 341 Upcoming Events</button> 342 343 </a> 344 345 346 </span> 347 348 349 350 </div> 351 <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"> 352 <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"> 353 <defs> 354 <pattern id="4f4f415c-a0e9-44c2-9601-6ded5a34a13e" x="118" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> 355 <rect x="0" y="0" width="4" height="4" class="text-gray-200" fill="currentColor" /> 356 </pattern> 357 </defs> 358 <rect y="72" width="640" height="640" class="text-gray-50" fill="currentColor" /> 359 <rect x="118" width="404" height="784" fill="url(#4f4f415c-a0e9-44c2-9601-6ded5a34a13e)" /> 360 </svg> 361 <div class="relative mx-auto w-full rounded-lg shadow-lg lg:max-w-md"> 362 363 <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"> 364 <img class="w-full" src="https://res.cloudinary.com/diyyvqvpa/image/upload/f_auto,q_auto/v1/saint-coleman-website/cross" alt="">
365 <span class="absolute inset-0 flex h-full w-full items-center justify-center" aria-hidden="true"> 366 367 </span> 368 </button> 369 </div> 370 </div> 371 </div> 372 </div> 373</div> 374 375 376 377<!--Parish Event Flyers: Bingo Night + Wine--> 378<div class="bg-white dark:bg-slate-700 py-16 px-4 sm:px-6 lg:px-8"> 379 <div class="mx-auto max-w-6xl"> 380 <div class="text-center"> 381 <h2 class="text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-200 sm:text-4xl">Upcoming Parish Events</h2> 382 </div> 383 <div class="mt-10 grid grid-cols-1 gap-8 sm:grid-cols-1 sm:gap-10"> 384 <div class="flex justify-center"> 385 <img src="images/let_your_light_shine.jpg" alt="Bingo Night flyer" class="aspect-[3/4] max-h-[1100px] w-auto max-w-full object-contain mx-auto rounded-xl shadow-lg ring-1 ring-gray-200 dark:ring-slate-600"> 386 </div> 387 <!--<div class="flex justify-center"> 388 <img src="images/bingo-night.png" alt="Bingo Night flyer" class="w-full max-w-md h-auto rounded-xl shadow-lg ring-1 ring-gray-200 dark:ring-slate-600"> 389 </div> 390 <div class="flex justify-center"> 391 <img src="images/wine.png" alt="Wine event flyer" class="w-full max-w-md h-auto rounded-xl shadow-lg ring-1 ring-gray-200 dark:ring-slate-600"> 392 </div>--> 393 </div> 394 </div> 395</div> 396<!--/Parish Event Flyers--> 397 398 399 400<!-- Religious Education Registration --> 401<section class="bg-white dark:bg-slate-800 py-16 px-6 sm:px-8 lg:px-12"> 402 <div class="mx-auto max-w-5xl"> 403 <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"> 404 <div class="px-6 py-12 sm:px-12 sm:py-16"> 405 <div class="flex flex-col md:flex-row items-center gap-10"> 406 <div class="flex-shrink-0"> 407 <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"> 408 <span class="text-7xl">ð</span> 409 </div> 410 </div> 411 <div class="flex-1 text-center md:text-left"> 412 <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"> 413 REGISTRATION OPEN 414 </div> 415 <h2 class="text-4xl sm:text-5xl font-extrabold tracking-tight text-gray-900 dark:text-white leading-none"> 416 Religious Education<br>Now Open! 417 </h2> 418 <p class="mt-6 text-xl text-gray-600 dark:text-gray-300 max-w-lg mx-auto md:mx-0"> 419 Give your child the gift of faith formation. Our Religious Education program is now accepting registrations for the upcoming year. 420 </p> 421 422 <!-- Buttons --> 423<div class="mt-8 flex flex-nowrap items-center justify-center md:justify-start gap-4 overflow-x-auto pb-2"> 424 425 <!-- Calendar PDF --> 426 <a href="pdfs/recal-2027.docx" 427 download 428 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"> 429 ð Religious Education Calendar 430 </a> 431 432 <!-- Handbook PDF --> 433 <a href="pdfs/rehandbook-2027.docx" 434 download 435 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"> 436 ð Religious Education Handbook 437 </a> 438 439 <!-- Register button --> 440 441 442 </div> 443 444 <div class="mt-4 text-lg text-gray-500 dark:text-gray-400"> 445 Email: <strong class="text-emerald-700 dark:text-emerald-400">[email protected]</strong> 446 </div> 447 </div> 448 </div> 449 </div> 450 <div class="h-2 bg-gradient-to-r from-emerald-500 via-sky-500 to-indigo-500"></div> 451 </div> 452 </div> 453</section> 454 455<!--brick--> 456<!-- Commemorative Brick Fundraiser --> 457<!-- Commemorative Brick Fundraiser --> 458<div class="bg-white dark:bg-gray-900 border-t border-b border-gray-200 dark:border-gray-700"> 459 <div class="max-w-7xl mx-auto px-6 py-16"> 460 461 <div class="grid lg:grid-cols-3 gap-10 items-start"> 462 463 <!-- Left Content --> 464 <div class="lg:col-span-2"> 465
466 <span class="inline-flex items-center rounded-full bg-amber-100 text-amber-800 px-4 py-1 text-sm font-semibold"> 467 𧱠New Parish Fundraiser 468 </span> 469 470 <h2 class="mt-5 text-4xl font-extrabold tracking-tight text-gray-900 dark:text-white"> 471 Become a Permanent Part of Saint Coleman 472 </h2> 473 474 <div class="mt-6 space-y-5 text-lg leading-relaxed text-gray-700 dark:text-gray-300"> 475 476 <p> 477 We have completed the refurbishment of the area surrounding 478 <strong>Fr. Foudy's Three Points</strong>. New pavers have been 479 installed along with beautiful landscaping, and now we are excited 480 to begin our commemorative brick fundraiser. 481 </p> 482 483 <p> 484 When you purchase an engraved brick, it will become a permanent part 485 of our memorial walkway. Your brick can honor a loved one, celebrate 486 a special person, recognize your family, or create a lasting tribute 487 that will be seen and appreciated for years to come. 488 </p> 489 490 <p> 491 Every engraved brick tells a story while helping support our parish 492 and creating a beautiful pathway filled with faith, gratitude, 493 memories, and community spirit. 494 </p> 495 496 <p> 497 You may order your brick online using the website, scan the QR code 498 found on the parish brochure, or pick up a brochure in the back of 499 the church. 500 </p> 501 502 </div> 503 504 <div class="mt-8 rounded-xl bg-sky-50 dark:bg-gray-800 border border-sky-200 dark:border-gray-700 p-6"> 505 <p class="text-2xl font-bold text-sky-700 dark:text-sky-300"> 506 Your brick. Your message. Your legacy. 507 </p> 508 509 <p class="mt-3 text-gray-700 dark:text-gray-300"> 510 Purchase a commemorative brick today and help us build a walkway of 511 memories that will inspire future generations. 512 </p> 513 </div> 514 515 </div> 516 517 <!-- Right Column --> 518 <div> 519 520 <div class="sticky top-8 space-y-4"> 521 522 <a href="https://bricksengraving.com/saint-coleman-catholic-parish" 523 target="_blank" 524 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"> 525 𧱠Order Your Brick 526 </a> 527 528 <a href="https://bricksengraving.com/saint-coleman-catholic-parish" 529 target="_blank" 530 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"> 531 ð More Info 532 </a> 533 534 535 <div class="rounded-2xl bg-gray-100 dark:bg-gray-800 p-5 text-center"> 536 <p class="font-semibold text-gray-900 dark:text-white"> 537 Need a brochure? 538 </p> 539 <p class="mt-2 text-sm text-gray-600 dark:text-gray-400"> 540 Printed brochures with a QR code are available in the back of the church. 541 </p> 542 </div> 543 544 </div> 545 546 </div> 547 548 </div> 549 550 </div> 551</div> 552 553<!-- Featured Podcast / Video --> 554<!-- <section class="bg-white dark:bg-slate-800 py-16 px-6 sm:px-8 lg:px-12"> 555<div class="mx-auto max-w-5xl"> 556<div class="text-center mb-10"> 557<h2 class="text-base font-semibold tracking-wide uppercase text-sky-700 dark:text-sky-300">Our Latest Podcast Episode</h2> 558<h3 class="mt-2 text-4xl sm:text-5xl font-extrabold tracking-tight text-gray-900 dark:text-white"> 559 The Assumption of Mary 560</h3> 561<p class="mt-4 max-w-2xl mx-auto text-lg text-gray-600 dark:text-gray-300"> 562 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. 563</p> 564</div> 565<div class="aspect-video w-full bg-black rounded-2xl overflow-hidden shadow-2xl"> 566<iframe 567class="w-full h-full" 568src="https://www.youtube.com/embed/exPkPR-OXBE" 569title="Bishops Consecrate United States of America to the Sacred Heart of Jesus" 570frameborder="0" 571allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
572referrerpolicy="strict-origin-when-cross-origin" 573allowfullscreen> 574</iframe> 575</div> 576<div class="mt-8 text-center"> 577<a href="https://www.youtube.com/channel/UCfIEvuvzpayPyjrbp1peQyQ" 578class="inline-flex items-center text-sky-600 dark:text-sky-400 hover:underline font-medium"> 579 Subscribe to our YouTube Channel â 580</a> 581</div> 582</div> 583</section> --> 584 585 586 587 588 589 <!--podcast--> 590 591 592 <!--ads--> 593 <div class="lg:grid lg:grid-cols-1 lg:gap-x-6 xl:gap-x-8 mb-20"> 594 595 596 <!--event--> 597 <!-- <div class="relative mt-6 flex items-center px-6 py-12 sm:px-10 sm:py-16 lg:mt-0"> 598 <div class="absolute inset-0 overflow-hidden rounded-lg"> 599 <img src="images/Sound Wave.jpg" alt="" class="h-full w-full object-cover object-center filter"> 600 <div class="absolute inset-0 bg-blue-600 bg-opacity-90 dark:bg-blue-900 dark:bg-opacity-90"></div> 601 </div> 602 <div class="relative mx-auto max-w-2xl text-center"> 603 <h3 class="text-2xl font-bold tracking-tight text-white"> 604 Christmas & New Year's Mass Schedule</h3> 605 <p class="mt-2 text-gray-200"> 606 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> 607 <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> 608 609 </p> 610 611 612 </div> 613 </div> 614 615 616 </div>--> 617 <!--ads end--> 618 619 620 621 622 623 624 625 </div> 626 627<!--call to action normal with father michael welcome--></div> 628 629 630<!--generic promo no image--> 631<!--<section> 632 <div class="bg-gray-200 dark:bg-gray-600 mb-10"> 633 634 <div class="text-center max-w-5xl mx-auto px-5 p-20"> 635 <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> 636 <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> 637 638 639 </div></div> 640</section>--> 641 642 643 644 645 646 647 648 649 <!--end--> 650 651 652 <!--reopen containter end --> 653 <div class="max-w-7xl mx-auto sm:px-6 lg:px-8 dark:bg-slate-700 dark:mt-0"> 654 655 656 657 658 659 660 661 662 663</div> 664 665 666<!--meet the saints--> 667 668<section> 669<div class="bg-white dark:bg-slate-700 mt-20"> 670 <div class="mx-auto max-w-7xl mb-12 px-4 sm:px-6 lg:px-8 mb-20"> 671 <div class="grid grid-cols-1 gap-12 lg:grid-cols-3 lg:gap-8"> 672 <!--text column--><div class="space-y-5 sm:space-y-4"> 673 <h2 class="text-3xl font-bold tracking-tight sm:text-4xl dark:text-gray-200">Meet the Saints</h2> 674 <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> 675 676 <!--button to view all saints--> 677 <div class="mt-5 inline-flex rounded-md shadow"> 678 <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"> 679 Discover the Saints 680 <!-- Heroicon name: mini/arrow-top-right-on-square --> 681 <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"> 682 <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" /> 683 <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" /> 684 </svg> 685 </a> 686 </div> 687 <!--end button--> 688 </div><!--text column end--> 689 <div class="lg:col-span-2"> 690 <ul role="list" class="space-y-12 sm:grid sm:grid-cols-2 sm:gap-12 sm:space-y-0 lg:gap-x-8"> 691 <li> 692 <div class="flex items-center space-x-4 lg:space-x-6"> 693 <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=""> 694 <div class="space-y-1 text-lg font-medium leading-6"> 695 <h3><a href="saint-blessed-virgin.html" class="dark:text-white">Blessed Virgin Mary</a></h3> 696 <p class="text-gray-400 dark:text-gray-400 text-sm">Mother of our Lord</p> 697 </div> 698 </div> 699 </li> 700 701 <li> 702 <div class="flex items-center space-x-4 lg:space-x-6"> 703 <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"> 704 <div class="space-y-1 text-lg font-medium leading-6"> 705 <h3><a href="saint-joseph.html" class="dark:text-white">Saint Joseph</a></h3> 706 <p class="text-gray-400 text-sm dark:text-gray-400">Guardian of the Holy Family</p> 707 </div> 708 </div> 709 </li> 710 711 <li> 712 <div class="flex items-center space-x-4 lg:space-x-6"> 713 <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"> 714 <div class="space-y-1 text-lg font-medium leading-6"> 715 <h3><a href="saint-francis.html" class="dark:text-white">Saint Francis of Assisi</a></h3> 716 <p class="text-gray-400 text-sm dark:text-gray-400">Founder of the Franciscan Order</p> 717 </div> 718 </div> 719 </li> 720 721 <li> 722 <div class="flex items-center space-x-4 lg:space-x-6"> 723 <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"> 724 <div class="space-y-1 text-lg font-medium leading-6"> 725 <h3><a href="saint-peter.html" class="dark:text-white">Saint Peter</a></h3> 726 <p class="text-gray-400 text-sm dark:text-gray-400">The Rock</p> 727 </div> 728 </div> 729 </li> 730 731 <li> 732 <div class="flex items-center space-x-4 lg:space-x-6"> 733 <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"> 734 <div class="space-y-1 text-lg font-medium leading-6"> 735 <h3><a href="saint-augustine.html" class="dark:text-white">Saint Augustine</a></h3> 736 <p class="text-gray-400 text-sm dark:text-gray-400">Doctor of the Church</p> 737 </div> 738 </div> 739 </li> 740 741 <li> 742 <div class="flex items-center space-x-4 lg:space-x-6"> 743 <img class="h-16 w-16 rounded-full lg:h-20 lg:w-20" src="images/aquinas-preview.png" alt=""> 744 <div class="space-y-1 text-lg font-medium leading-6"> 745 <h3><a href="saint-thomas-aquinas.html" class="dark:text-white">Saint Thomas Aquinas</a></h3> 746 <p class="text-gray-400 text-sm dark:text-gray-400">Confessor, Doctor of the Church</p> 747 </div> 748 </div> 749 </li> 750 751 <li> 752 <div class="flex items-center space-x-4 lg:space-x-6"> 753 <img class="h-16 w-16 rounded-full lg:h-20 lg:w-20" src="images/sienna_sm.png" alt=""> 754 <div class="space-y-1 text-lg font-medium leading-6"> 755 <h3><a href="saint-catherine-siena.html" class="dark:text-white">Saint Catherine of Siena</a></h3> 756 <p class="text-gray-400 text-sm dark:text-gray-400">Virgin, Doctor of the Church</p> 757 </div> 758 </div> 759 </li> 760 761 <li> 762 <div class="flex items-center space-x-4 lg:space-x-6"> 763 <img class="h-16 w-16 rounded-full lg:h-20 lg:w-20" src="images/saint-michael-sm.png" alt=""> 764 <div class="space-y-1 text-lg font-medium leading-6"> 765 <h3><a href="saint-michael.html" class="dark:text-white">Saint Michael the Archangel</a></h3> 766 <p class="text-gray-400 text-sm dark:text-gray-400">Prince of the Heavenly Host</p> 767 </div> 768 </div> 769 </li> 770 771 772 773 <!-- add more here... --> 774 </ul> 775 </div> 776 777 778 </div> 779 </div> 780</div> 781</section> 782 783
784<div class="max-w-7xl mx-auto sm:px-6 lg:px-8 dark:bg-slate-700 dark:mt-0"> 785 786 <!--ads--> 787 <div class="lg:grid lg:grid-cols-2 lg:gap-x-6 xl:gap-x-8 px-10 mb-40"> 788 789 790 791 792 793 <div class="relative mt-6 flex items-center px-6 py-12 sm:px-10 sm:py-16 lg:mt-0"> 794 <div class="absolute inset-0 overflow-hidden rounded-lg"> 795 <img src="images/flowers-sm.jpg" alt="" class="h-full w-full object-cover object-center saturate-0 filter"> 796 <div class="absolute inset-0 bg-blue-600 bg-opacity-90 dark:bg-blue-900 dark:bg-opacity-90"></div> 797 </div> 798 <div class="relative mx-auto max-w-sm text-center"> 799 <h3 class="text-2xl font-bold tracking-tight text-white"> 800 Becoming Catholic</h3> 801 <p class="mt-2 text-gray-200"> 802 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> 803 </p> 804 </div> 805 </div> 806 <!--2nd--> 807 <div class="relative mt-6 flex items-center px-6 py-12 sm:px-10 sm:py-16 lg:mt-0"> 808 <div class="absolute inset-0 overflow-hidden rounded-lg">
809 <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"> 810 <div class="absolute inset-0 bg-blue-600 bg-opacity-90 dark:bg-blue-900 dark:bg-opacity-90"></div> 811 </div> 812 <div class="relative mx-auto max-w-sm text-center"> 813 <h3 class="text-2xl font-bold tracking-tight text-white">Parish Events</h3> 814 <p class="mt-2 text-gray-200"> 815 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> 816 </p> 817 </div> 818 </div> 819 820 821 822 823 824 825 </div> 826 <!--ads end--> 827 828 <!--end another--> 829 830 831 <!--podcast--> 832 <!--podcast container--> <!-- 833 834 <div class="text-center max-w-5xl mx-auto pt-10 pb-10 px-5 mt-20"> 835 <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> 836 <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> 837 </div> 838 839 840 841 842<div class="bg-white dark:bg-slate-700"> 843 <div class="mx-auto max-w-7xl py-12 px-4 sm:px-6 lg:px-8 mb-20"> 844 <div class="grid grid-cols-1 gap-12 lg:grid-cols-3 lg:gap-8"> 845 <div class="space-y-5 sm:space-y-4"> 846 <h2 class="text-lg font-bold tracking-tight sm:text-2xl dark:text-gray-200">Our Most Popular Episodes</h2> 847 <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> 848 849 850 <div class="inline-flex rounded-md shadow"> 851 <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"> 852 Podcast Website 853 <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"> 854 <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" /> 855 <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" /> 856 </svg> 857 </a> 858 </div> 859 </div> 860 <div class="lg:col-span-2"> 861 <ul role="list" class="space-y-12 sm:grid sm:grid-cols-2 sm:gap-12 sm:space-y-0 lg:gap-x-8"> 862 863 <li> 864 <div class="flex items-center space-x-4 lg:space-x-6"> 865 <img class="h-16 w-16 rounded-full lg:h-20 lg:w-20" src="images/lent.png" alt=""> 866 <div class="space-y-1 text-lg font-medium leading-6"> 867 <h3><a href="https://podcast.saintcoleman.org/65d3ab5a66d1ee2934e4c74b" class="dark:text-white">Reflection on the Season of Lent</a></h3> 868 <p class="text-gray-400 text-sm dark:text-gray-400">Episode 54</p> 869 </div> 870 </div> 871 </li> 872 873 <li> 874 <div class="flex items-center space-x-4 lg:space-x-6"> 875 <img class="h-16 w-16 rounded-full lg:h-20 lg:w-20" src="images/nativity.png" alt=""> 876 <div class="space-y-1 text-lg font-medium leading-6"> 877 <h3><a href="https://podcast.saintcoleman.org/65bc36e9a0d6740fd3577e51" class="dark:text-white">February is the Month of the Holy Family</a></h3> 878 <p class="text-gray-400 text-sm dark:text-gray-400">Episode 53</p> 879 </div> 880 </div> 881 </li> 882 883 884 885 <li> 886 <div class="flex items-center space-x-4 lg:space-x-6"> 887 <img class="h-16 w-16 rounded-full lg:h-20 lg:w-20" src="images/ferris-wheel.png" alt=""> 888 <div class="space-y-1 text-lg font-medium leading-6"> 889 <h3><a href=" https://podcast.saintcoleman.org/659dd44c92ce01cafd5716c1" class="dark:text-white">40th Annual Italian Festival</a></h3> 890 <p class="text-gray-400 text-sm dark:text-gray-400">Episode 51</p> 891 </div> 892 </div> 893 </li> 894 895 896 897 898 899 900 901 <li> 902 <div class="flex items-center space-x-4 lg:space-x-6"> 903 <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"> 904 <div class="space-y-1 text-lg font-medium leading-6"> 905 <h3><a href="https://podcast.saintcoleman.org/645bbb6055db2b7f7571ce31" class="dark:text-white">Father Michael Garcia's Gospel of Matthew Bible Study</a></h3> 906 <p class="text-gray-400 text-sm dark:text-gray-400">Episodes 13-40</p> 907 </div> 908 </div> 909 </li> 910 911 912 913 914 915 916 917 918 919 920 921 </ul> 922 </div> 923 924 925 </div> 926 </div> 927</div>--> 928 929<!--end podcast episodes --> 930 931 932<!--eucharistic revivial--> 933 934 935<!--<div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> 936 <div class="mx-auto max-w-2xl"> 937 938 <div class="bg-white border-slate-100 dar
938k: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"> 939 <div class="flex items-center space-x-4"> 940 <img 941 src="images/mic.png" 942 alt="" 943 width="88" 944 height="88" 945 class="flex-none rounded-lg bg-slate-100" 946 loading="lazy" 947 /> 948 <div class="min-w-0 flex-auto space-y-1 font-semibold"> 949 <p class="text-cyan-500 dark:text-cyan-400 text-sm leading-6"> 950 <abbr title="Episode">Ep.</abbr> 1 951 </p> 952 <h2 953 class="text-slate-500 dark:text-slate-400 text-sm leading-6 truncate" 954 > 955 Our Journey Through Advent, The Holy Family, &amp; The Creche 956 </h2> 957 <p class="text-slate-900 dark:text-slate-50 text-lg"> 958 St. Coleman Podcast 959 </p> 960 </div> 961 </div> 962 <div class="space-y-2"> 963 <div class="relative"> 964 <input 965 type="range" 966 min="1" 967 max="100" 968 value="0" 969 class="seek_slider" 970 onchange="seekTo()" 971 style="width: 100%" 972 /> 973 </div> 974 <div 975 class="flex justify-between text-sm leading-6 font-medium tabular-nums" 976 > 977 <div class="text-cyan-500 dark:text-slate-100 current-time">24:16</div> 978 <div class="text-slate-500 dark:text-slate-400 total-duration"> 979 75:50 980 </div> 981 </div> 982 </div> 983 </div> 984 <div 985 class="bg-slate-50 text-slate-500 dark:bg-slate-600 dark:text-slate-200 rounded-b-xl flex items-center"> 986 <div class="flex-auto flex items-center justify-evenly"> 987 <button 988 type="button" 989 aria-label="Add to favorites" 990 id="favorite" 991 onclick="addToFavorite()" 992 > 993 <svg width="24" height="24" id="myFavoriteIcon"> 994 <path 995 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" 996 fill="currentColor" 997 stroke="currentColor" 998 stroke-width="2" 999 stroke-linecap="round" 1000 stroke-linejoin="round" 1001 /> 1002 </svg> 1003 </button> 1004 <button 1005 type="button" 1006 class="hidden sm:block lg:hidden xl:block" 1007 aria-label="Previous" 1008 id="prev" 1009 onclick="previousSong()" 1010 class="playpause-track" 1011 > 1012 <svg width="24" height="24" fill="none"> 1013 <path 1014 d="m10 12 8-6v12l-8-6Z" 1015 fill="currentColor" 1016 stroke="currentColor" 1017 stroke-width="2" 1018 stroke-linecap="round" 1019 stroke-linejoin="round" 1020 /> 1021 <path 1022 d="M6 6v12" 1023 stroke="currentColor" 1024 stroke-width="2" 1025 stroke-linecap="round" 1026 stroke-linejoin="round" 1027 /> 1028 </svg> 1029 </button> 1030 <button 1031 type="button" 1032 aria-label="Rewind 10 seconds" 1033 id="rewind" 1034 onclick="rewindSong()" 1035 > 1036 <svg width="24" height="24" fill="none"> 1037 <path 1038 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" 1039 stroke="currentColor" 1040 stroke-width="2" 1041 stroke-linecap="round" 1042 stroke-linejoin="round" 1043 /> 1044 <path 1045 d="M5 5v3.111c0 .491.398.889.889.889H9" 1046 stroke="currentColor" 1047 stroke-width="2" 1048 stroke-linecap="round" 1049 stroke-linejoin="round" 1050 /> 1051 </svg> 1052 </button> 1053 </div> 1054 <button 1055 type="button"
1056 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" 1057 aria-label="Pause" 1058 onclick="playPause()" 1059 > 1060 <i 1061 class="fa-solid fa-play fa-xl" 1062 id="play" 1063 style="position: relative; left: 3px;" 1064 ></i> 1065 <i 1066 class="fa-solid fa-pause fa-xl" 1067 id="pause" 1068 style="position: relative; left: 3px; display:none;" 1069 ></i> 1070 </button> 1071 <div class="flex-auto flex items-center justify-evenly"> 1072 <button 1073 type="button" 1074 aria-label="Skip 10 seconds" 1075 id="forward" 1076 onclick="forwardSong()" 1077 > 1078 <svg width="24" height="24" fill="none"> 1079 <path 1080 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" 1081 stroke="currentColor" 1082 stroke-width="2" 1083 stroke-linecap="round" 1084 stroke-linejoin="round" 1085 /> 1086 <path 1087 d="M19 5v3.111c0 .491-.398.889-.889.889H15" 1088 stroke="currentColor" 1089 stroke-width="2" 1090 stroke-linecap="round" 1091 stroke-linejoin="round" 1092 /> 1093 </svg> 1094 </button> 1095 <button 1096 type="button" 1097 class="hidden sm:block lg:hidden xl:block" 1098 aria-label="Next" 1099 id="next" 1100 onclick="nextSong()" 1101 > 1102 <svg width="24" height="24" fill="none"> 1103 <path 1104 d="M14 12 6 6v12l8-6Z" 1105 fill="currentColor" 1106 stroke="currentColor" 1107 stroke-width="2" 1108 stroke-linecap="round" 1109 stroke-linejoin="round" 1110 /> 1111 <path 1112 d="M18 6v12" 1113 stroke="currentColor" 1114 stroke-width="2" 1115 stroke-linecap="round" 1116 stroke-linejoin="round" 1117 /> 1118 </svg> 1119 </button> 1120 <button 1121 type="button" 1122 id="speedUp" 1123 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" 1124 > 1125 <span id="speed1" onclick="SpeedUpSong(1)">1x</span> 1126 <span id="speed2" onclick="SpeedUpSong(2)" style="display:none;">2x</span> 1127 <span id="speed3" onclick="SpeedUpSong(3)" style="display:none;">3x</span> 1128 <span id="speed4" onclick="SpeedUpSong(4)" style="display:none;">4x</span> 1129 </button> 1130 </div> 1131 1132 1133</div> 1134 1135<div class="text-center mt-10 flex justify-center"> 1136 <div class="flex items-center"> 1137 <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> 1138 <a href="https://open.spotify.com/show/6tZAPKVRfgo40SY2Jfmgg3"><img src="images/podcast-spotify.svg" class="w-32"></a> 1139 </div> 1140</div> 1141 1142 1143</div> 1144 1145</div> 1146 1147 1148 1149 1150 </div> 1151 </div> 1152 1153podcast end--> 1154 1155<!--podcast end--> 1156 1157<!--Events--> 1158 1159 1160 1161</div> 1162 1163 1164</div><!--containter end--> 1165 1166</div></div> 1167 1168 1169 1170 1171<!--Saint Quote--></div> 1172 1173<!--<div class="dark:bg-slate-700 pt-16 mt-0 lg:-mt-20 lg:py-24"> 1174 <div class="pb-16 bg-gray-600 lg:pb-0 lg:z-10 lg:relative"> 1175 <div class="lg:mx-auto lg:max-w-7xl lg:px-8 lg:grid lg:grid-cols-3 lg:gap-8"> 1176 <div class="relative lg:-my-8"> 1177 <div class="mx-auto max-w-md px-4 sm:max-w-3xl sm:px-6 lg:p-0 lg:h-full"> 1178 <div class="rounded-xl shadow-xl overflow-hidden sm:aspect-w-16 sm:aspect-h-7 lg:aspect-none lg:h-full"> 1179 <img class="h-full w-full object-cover sm:h-auto lg:h-full lg:w-full" src="images/saint.jpg" alt=""> 1180 </div> 1181 </div> 1182 </div> 1183 <div class="mt-12 lg:m-0 lg:col-span-2 lg:pl-8"> 1184 <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"> 1185 <blockquote> 1186 <div> 1187 <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> 1188 </div> 1189 <footer class="mt-6"> 1190 <p class="text-sm font-medium text-gray-300">Saint Gregory the Great</p> 1191 </footer> 1192 </blockquote> 1193 </div> 1194 </div> 1195 </div> 1196 </div> 1197</div>--> 1198 1199</div> 1200 1201 1202 1203 1204 1205 1206 1207<!--saint quote--> 1208 1209<div class="dark:bg-slate-700 pt-16 mt-0 lg:-mt-20 lg:py-24"> 1210 <div class="pb-16 bg-gray-600 lg:pb-0 lg:z-10 lg:relative"> 1211 <div class="lg:mx-auto lg:max-w-7xl lg:px-8 lg:grid lg:grid-cols-3 lg:gap-8"> 1212 <div class="relative lg:-my-8"> 1213 <div class="mx-auto max-w-md px-4 sm:max-w-3xl sm:px-6 lg:p-0 lg:h-full"> 1214 <div class="rounded-xl shadow-xl overflow-hidden sm:aspect-w-16 sm:aspect-h-7 lg:aspect-none lg:h-full"> 1215 <img class="h-full w-full object-cover sm:h-auto lg:h-full lg:w-full" src="images/saint.jpg" alt=""> 1216 </div> 1217 </div> 1218 </div> 1219 <div class="mt-12 lg:m-0 lg:col-span-2 lg:pl-8"> 1220 <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"> 1221 <blockquote> 1222 <div> 1223 <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> 1224 </div> 1225 <footer class="mt-6"> 1226 <p class="text-sm font-medium text-gray-300">- Saint Leo the Great </p> 1227 </footer> 1228 </blockquote> 1229 </div> 1230 </div> 1231 </div> 1232 </div> 1233</div> 1234 1235 1236 1237 1238 1239 <!--reopen containter end -->
1240 <div class="max-w-7xl mx-auto sm:px-6 lg:px-8 dark:bg-slate-700 dark:mt-0"> 1241 1242 1243 <!--know your faith--> 1244 1245 1246 <div class="bg-white dark:bg-slate-700"> 1247 <div class="mx-auto max-w-7xl py-12 px-4 sm:px-6 lg:px-8"> 1248 <div class="grid grid-cols-1 gap-12 lg:grid-cols-3 lg:gap-8"> 1249 <!--text column--><div class="space-y-5 sm:space-y-4"> 1250 <h2 class="text-3xl font-bold tracking-tight sm:text-4xl dark:text-gray-200">Know Your Faith</h2> 1251 <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> 1252 1253 <!--button to view all saints--> 1254 <div class="mt-5 inline-flex rounded-md shadow"> 1255 1256 </div> 1257 <!--end button--> 1258 </div><!--text column end--> 1259 <div class="lg:col-span-2"> 1260 <ul role="list" class="space-y-12 sm:grid sm:grid-cols-2 sm:gap-12 sm:space-y-0 lg:gap-x-8"> 1261 <li> 1262 <div class="flex items-center space-x-4 lg:space-x-6"> 1263 <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=""> 1264 <div class="space-y-1 text-lg font-medium leading-6"> 1265 <h3><a href="saints-list.html" class="dark:text-white">Meet the Saints</a></h3> 1266 <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> 1267 </div> 1268 </div> 1269 </li> 1270 1271 <li> 1272 <div class="flex items-center space-x-4 lg:space-x-6"> 1273 <img class="h-16 w-16 rounded-full lg:h-20 lg:w-20" src="images/clergy-sm.png" alt=""> 1274 <div class="space-y-1 text-lg font-medium leading-6"> 1275 <h3><a href="what-is-the-clergy.html" class="dark:text-white">The Clergy</a></h3> 1276 <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> 1277 </div> 1278 </div> 1279 </li> 1280 1281 <li> 1282 <div class="flex items-center space-x-4 lg:space-x-6"> 1283 <img class="h-16 w-16 rounded-full lg:h-20 lg:w-20" src="images/cst-heart-sm.png" alt=""> 1284 <div class="space-y-1 text-lg font-medium leading-6"> 1285 <h3><a href="cst.html" class="dark:text-white">Catholic Social Teaching</a></h3> 1286 <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> 1287 </div> 1288 </div> 1289 </li> 1290 1291 <li> 1292 <div class="flex items-center space-x-4 lg:space-x-6"> 1293 <img class="h-16 w-16 rounded-full lg:h-20 lg:w-20" src="images/loving-the-poor-small.png" alt=""> 1294 <div class="space-y-1 text-lg font-medium leading-6"> 1295 <h3><a href="cst-works-of-mercy.html" class="dark:text-white">Works of Mercy</a></h3> 1296 <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> 1297 </div> 1298 </div> 1299 </li> 1300 1301 <li> 1302 <div class="flex items-center space-x-4 lg:space-x-6"> 1303 <img class="h-16 w-16 rounded-full lg:h-20 lg:w-20" src="images/augustin_sm.png" alt="the mass"> 1304 <div class="space-y-1 text-lg font-medium leading-6"> 1305 <h3><a href="mass.html" class="dark:text-white">Understanding the Mass</a></h3> 1306 <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> 1307 </div> 1308 </div> 1309 </li> 1310 1311 <li> 1312 <div class="flex items-center space-x-4 lg:space-x-6"> 1313 <img class="h-16 w-16 rounded-full lg:h-20 lg:w-20" src="images/ciborium-small.png" alt="Eucharist in Ciborium"> 1314 <div class="space-y-1 text-lg font-medium leading-6"> 1315 <h3><a href="sacraments.html" class="dark:text-white">The Sacraments</a></h3> 1316 <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> 1317 </div> 1318 </div> 1319 </li> 1320 1321 <li> 1322 <div class="flex items-center space-x-4 lg:space-x-6"> 1323 <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"> 1324 <div class="space-y-1 text-lg font-medium leading-6"> 1325 <h3><a href="rosary.html" class="dark:text-white">The Rosary</a></h3> 1326 <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> 1327 </div> 1328 </div> 1329 </li> 1330 1331 <li> 1332 <div class="flex items-center space-x-4 lg:space-x-6"> 1333 <img class="h-16 w-16 rounded-full lg:h-20 lg:w-20" src="images/divine-mercy-round.jpeg" alt="divine mercy"> 1334 <div class="space-y-1 text-lg font-medium leading-6"> 1335 <h3><a href="devotions.html" class="dark:text-white">Catholic Devotions</a></h3> 1336 <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> 1337 </div> 1338 </div> 1339 </li> 1340 1341 1342 1343 <!-- add more here... --> 1344 </ul> 1345 </div> 1346 1347 1348 </div> 1349 </div> 1350 </div> 1351 1352 1353<!--<section class="mb-20"> 1354 <h3 class="mx-auto text-center font-bold text-5xl">ABCD Drive</h3> 1355 <a href="https://adomdevelopment.org/st-coleman/"><img src="images/ABCD-Banner.jpg"></a> 1356 1357 <p class="py-5">
1357May 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> 1358 <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> 1359 1360</section>--> 1361 1362 1363 1364 1365 1366 1367 1368 1369 1370 <!--reopen containter end --> 1371 1372 1373 1374 1375 1376 1377 1378 1379<!--ecommerce 1380 1381<div class="bg-gray"> 1382 <div class="py-16 sm:py-24 xl:max-w-7xl xl:mx-auto xl:px-8"> 1383 <div class="px-4 sm:px-6 sm:flex sm:items-center sm:justify-between lg:px-8 xl:px-0"> 1384 <h2 class="text-2xl font-extrabold tracking-tight text-gray-900">Support Our Parish - Shop for Catholic Gifts</h2> 1385 <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> 1386 </div> 1387 1388 <div class="mt-4 flow-root"> 1389 <div class="-my-2"> 1390 <div class="box-content py-2 relative h-80 overflow-x-auto xl:overflow-visible"> 1391 <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"> 1392 <a href="#" class="relative w-56 h-80 rounded-lg p-6 flex flex-col overflow-hidden hover:opacity-75 xl:w-auto"> 1393 <span aria-hidden="true" class="absolute inset-0"> 1394 <img src="images/confirmed.jpg" alt="" class="w-full h-full object-center object-cover"> 1395 </span> 1396 <span aria-hidden="true" class="absolute inset-x-0 bottom-0 h-2/3 bg-gradient-to-t from-gray-800 opacity-50"></span> 1397 <span class="relative mt-auto text-center text-xl font-bold text-white">Confirmation Gifts</span> 1398 </a> 1399 1400 <a href="#" class="relative w-56 h-80 rounded-lg p-6 flex flex-col overflow-hidden hover:opacity-75 xl:w-auto"> 1401 <span aria-hidden="true" class="absolute inset-0"> 1402 <img src="images/1st.jpg" alt="" class="w-full h-full object-center object-cover"> 1403 </span> 1404 <span aria-hidden="true" class="absolute inset-x-0 bottom-0 h-2/3 bg-gradient-to-t from-gray-800 opacity-50"></span> 1405 <span class="relative mt-auto text-center text-xl font-bold text-white">First Holy Communion Gifts</span> 1406 </a> 1407 1408 <a href="#" class="relative w-56 h-80 rounded-lg p-6 flex flex-col overflow-hidden hover:opacity-75 xl:w-auto"> 1409 <span aria-hidden="true" class="absolute inset-0"> 1410 <img src="images/decor.jpg" alt="" class="w-full h-full object-center object-cover"> 1411 </span> 1412 <span aria-hidden="true" class="absolute inset-x-0 bottom-0 h-2/3 bg-gradient-to-t from-gray-800 opacity-50"></span> 1413 <span class="relative mt-auto text-center text-xl font-bold text-white">Home Decor</span> 1414 </a> 1415 1416 <a href="#" class="relative w-56 h-80 rounded-lg p-6 flex flex-col overflow-hidden hover:opacity-75 xl:w-auto"> 1417 <span aria-hidden="true" class="absolute inset-0"> 1418 <img src="images/bible.jpg" alt="" class="w-full h-full object-center object-cover"> 1419 </span> 1420 <span aria-hidden="true" class="absolute inset-x-0 bottom-0 h-2/3 bg-gradient-to-t from-gray-800 opacity-50"></span> 1421 <span class="relative mt-auto text-center text-xl font-bold text-white">Bibles</span> 1422 </a> 1423 1424 1425 </div> 1426 </div> 1427 </div> 1428 </div> 1429 1430 <div class="mt-6 px-4 sm:hidden"> 1431 <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> 1432 </div> 1433 </div> 1434</div>--> 1435 1436 1437<!-- frequently asked questions --> 1438</div> 1439 1440 1441<!--faq--> 1442 1443<div class="bg-white dark:bg-slate-700" id="faq"> 1444 <div class="mx-auto max-w-7xl py-16 px-4 sm:px-6 lg:py-20 lg:px-8"> 1445 <div class="lg:grid lg:grid-cols-3 lg:gap-8"> 1446 <div> 1447 <h2 class="text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-200">Frequently asked questions</h2> 1448 <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> 1449 </div> 1450 <div class="mt-12 lg:col-span-2 lg:mt-0 lg:py-12"> 1451 <dl class="space-y-12 mt-10"> 1452 <div> 1453 <dt class="text-lg font-medium leading-6 text-gray-900 dark:text-white">How do I become Catholic?</dt> 1454 <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> 1455 </div> 1456 1457 1458 </dl> 1459 1460 <dl class="space-y-12 mt-10"> 1461 <div> 1462 <dt class="text-lg font-medium leading-6 text-gray-900 dark:text-white">
1462How do I join Saint Coleman?</dt> 1463 <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> 1464 </div> 1465 1466 1467 </dl> 1468 1469 <dl class="space-y-12 mt-10"> 1470 <div> 1471 <dt class="text-lg font-medium leading-6 text-gray-900 dark:text-white">How do I get married at Saint Coleman?</dt> 1472 <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> 1473 </div> 1474 1475 1476 </dl> 1477 1478 1479 <dl class="space-y-12 mt-10"> 1480 <div> 1481 <dt class="text-lg font-medium leading-6 text-gray-900 dark:text-white">How do I schedule a funeral at Saint Coleman?</dt> 1482 <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. 1483 1484 </dd> 1485 </div> 1486 1487 1488 </dl> 1489 1490 1491 <dl class="space-y-12 mt-10"> 1492 <div> 1493 <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> 1494 <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> 1495 </div> 1496 1497 1498 </dl> 1499 1500 1501 1502 </div> 1503 </div> 1504 </div> 1505</div> 1506 1507<!--new sponsors--> 1508 1509<!-- Centered heading --> 1510<div class="bg-white dark:bg-slate-700 flex justify-center py-10"> 1511 <h3 class="text-2xl font-bold tracking-tight text-gray-900 dark:text-gray-200">Thank You to Our Sponsors</h3> 1512</div> 1513 1514 <!--ads--> 1515 1516 <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"> 1517 1518 1519 1520 <div class="relative mt-6 flex items-center px-6 py-12 sm:px-10 sm:py-16 lg:mt-0"> 1521 <div class="absolute inset-0 overflow-hidden rounded-lg"> 1522 <img src="images/sponsor1.png" alt="" class="h-full w-full object-cover object-center saturate-0 filter"> 1523 <div class="absolute inset-0 bg-blue-700 bg-opacity-90 dark:bg-blue-900 dark:bg-opacity-90"></div> 1524 </div> 1525 <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"> 1526 <h3 class="text-2xl font-bold tracking-tight text-white hover:text-sky-300">Kraeer-Fairchild Funeral Home</h3></a> 1527 <p class="mt-2 text-gray-200"> 1528 John Lilli, Director 1529 1530 </p> 1531 <p class="mt-2 text-gray-200"> 1532 Serving the Community for 100 Years 1533 </p> 1534 <p class="mt-2 text-gray-200"> 1535 <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">
1535Visit Website<span aria-hidden="true"> →</span></a> 1536 </p> 1537 </div> 1538 </div> 1539 1540 <div class="relative mt-6 flex items-center px-6 py-12 sm:px-10 sm:py-16 lg:mt-0"> 1541 <div class="absolute inset-0 overflow-hidden rounded-lg"> 1542 <img src="images/bfmg.jpg" alt="" class="h-full w-full object-cover object-center saturate-0 filter"> 1543 <div class="absolute inset-0 bg-blue-700 bg-opacity-90 dark:bg-blue-900 dark:bg-opacity-90"></div> 1544 </div> 1545 <div class="relative mx-auto max-w-sm text-center"> 1546 <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> 1547 </a> 1548 <p class="mt-2 text-gray-200"> 1549 1550 1551 </p> 1552 <p class="mt-2 text-gray-200"> 1553 Family-owned and operated primary care practice in Pompano Beach 1554 </p> 1555 <p class="mt-2 text-gray-200"> 1556 <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> 1557 </p> 1558 </div> 1559 </div> 1560 1561 <div class="relative mt-6 flex items-center px-6 py-12 sm:px-10 sm:py-16 lg:mt-0"> 1562 <div class="absolute inset-0 overflow-hidden rounded-lg"> 1563 <img src="" alt="" class="h-full w-full object-cover object-center saturate-0 filter"> 1564 <div class="absolute inset-0 bg-blue-700 bg-opacity-90 dark:bg-blue-900 dark:bg-opacity-90"></div> 1565 </div> 1566 <div class="relative mx-auto max-w-sm text-center"> 1567 <h3 class="text-2xl font-bold tracking-tight text-white">Guild Mortgage</h3> 1568 <p class="mt-2 text-gray-200"> 1569 Home loan options to fit every situation including first time home buyers. 1570 1571 </p> 1572 <p class="mt-2 text-gray-200"> 1573 1574 </p> 1575 <p class="mt-2 text-gray-200"> 1576 <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> 1577 </p> 1578 </div> 1579 </div> 1580 </div> 1581 <!--ads end--> 1582 1583 1584 1585 1586 1587 1588 1589 1590</div><!--page container end--> 1591 1592 1593<footer class="bg-gray-100 dark:bg-slate-900" aria-labelledby="footer-heading"> 1594 <h2 id="footer-heading" class="sr-only">Footer</h2> 1595 <div class="mx-auto max-w-7xl px-6 pb-8 pt-16 sm:pt-24 lg:px-8 lg:pt-32"> 1596 <div class="xl:grid xl:grid-cols-3 xl:gap-8"> 1597 <div class="space-y-8"> 1598 <a href="https://www.saintcoleman.org"> 1599 <img class="h-20 w-auto block dark:hidden" src="images/stcole.svg" alt="Church"> 1600 <img class="h-20 w-auto hidden dark:block" src="images/logo-darkbg.png" alt="Church"> 1601 1602 </a> 1603 <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> 1604 <p class="text-sm leading-6 text-gray-600">954-942-3533</p> 1605 <div class="flex space-x-6"> 1606 <a href="https://www.facebook.com/stcolemanchurch" class="text-gray-400 hover:text-gray-500"> 1607 <span class="sr-only">Facebook</span> 1608 <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 1609 <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
1609h-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" /> 1610 </svg> 1611 </a> 1612 1613 <a href="https://www.youtube.com/channel/UCfIEvuvzpayPyjrbp1peQyQ" class="text-gray-400 hover:text-gray-500"> 1614 <span class="sr-only">YouTube</span> 1615 <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 1616 <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" /> 1617 </svg> 1618 </a> 1619 1620 <a href="https://www.instagram.com/saintcolemanpompano/" class="text-gray-400 hover:text-gray-500"> 1621 <span class="sr-only">Instagram</span> 1622 <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 1623 <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" /> 1624 </svg> 1625 </a> 1626 1627 1628 1629 </div> 1630 </div> 1631 <div class="mt-16 grid grid-cols-2 gap-8 xl:col-span-2 xl:mt-0"> 1632 <div class="md:grid md:grid-cols-2 md:gap-8"> 1633 <div> 1634 <h3 class="text-sm font-semibold leading-6 text-gray-900 dark:text-sky-400">Catholic Resources</h3> 1635 <ul role="list" class="mt-6 space-y-4"> 1636 <li> 1637 <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> 1638 </li> 1639 1640 <li> 1641 <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> 1642 </li> 1643 1644 <li> 1645 <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> 1646 </li> 1647 1648 1649 1650 </ul> 1651 </div> 1652 <div class="mt-10 md:mt-0"> 1653 <h3 class="text-sm font-semibold leading-6 text-gray-900 dark:text-sky-400">Audio & Video</h3> 1654 <ul role="list" class="mt-6 space-y-4"> 1655 1656 1657 1658 <li> 1659 <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> 1660 </li> 1661 1662 <li> 1663 <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> 1664 </li> 1665 1666 1667 1668 <li> 1669 <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> 1670 </li> 1671 1672 <li> 1673 <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> 1674 </li> 1675 1676 <li> 1677 <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> 1678 </li> 1679 1680 <li> 1681 <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> 1682 </li> 1683 </ul> 1684 </div> 1685 </div> 1686 <div class="md:grid md:grid-cols-2 md:gap-8"> 1687 <div> 1688 <h3 class="text-sm font-semibold leading-6 text-gray-900 dark:text-sky-400">Our Parish</h3> 1689 <ul role="list" class="mt-6 space-y-4"> 1690 <li> 1691 <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> 1692 1693 </li> 1694 1695 <li> 1696 <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> 1697 </li> 1698 1699 <li> 1700 <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> 1701 </li> 1702 1703 <li> 1704 <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> 1705 </li> 1706 1707 <li> 1708 <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> 1709 </li> 1710 1711 1712 1713 1714 1715 1716 1717 1718 1719 1720 </ul> 1721 <h3 class="text-sm font-semibold leading-6 text-gray-900 dark:text-sky-400 mt-5">Groups</h3> 1722 1723 <ul role="list" class="mt-6 space-y-4"> 1724 <li> 1725 <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> 1726 </li> 1727 1728 <li> 1729 <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> 1730 </li> 1731 </ul> 1732 </div> 1733 <div class="mt-10 md:mt-0"> 1734 <h3 class="text-sm font-semibold leading-6 text-gray-900 dark:text-sky-400">Schedule Events</h3> 1735 <ul role="list" class="mt-6 space-y-4"> 1736 <li> 1737 <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> 1738 </li> 1739 1740 <li> 1741 <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> 1742 </li> 1743 1744 <li> 1745 <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> 1746 </li> 1747 </ul> 1748 1749 <h3 class="text-sm font-semibold leading-6 text-gray-900 dark:text-sky-400 mt-6">Other</h3> 1750 <ul role="list" class="mt-6 space-y-4"> 1751 1752 1753 <li> 1754 <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> 1755 </li> 1756 1757 <li> 1758 <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> 1759 </li> 1760 1761 </ul> 1762 1763 1764 </div> 1765 1766 1767 </div> 1768 </div> 1769 </div> 1770 <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"> 1771 <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> 1772 <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> 1773 </div> 1774 1775 1776 1777 1778 1779 </div> 1780</footer> 1781 1782 1783 1784
1785<script src="myJavascript.js"></script>
1785<!--this one is for podcast--> 1786 1787 1788 1789</body> 1790</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.