Turbin — Tailwind CSS Sikh Gurudwara Template (HTML)

About This Item

A gurudwara can publish weekly kirtan, Gurpurab events and seva donations with Turbin, a Tailwind CSS sikh gurudwara template using Tailwind CSS 4. It ships 20 pages and 2 home layouts. Gurudwaras, sangat committees, seva organisations and Sikh missions can all use it.

Kirtan and Event Pages in a Tailwind CSS Sikh Gurudwara Template

Because this Tailwind CSS sikh gurudwara template keeps the kirtan archive and the event archive as separate pages, a visitor can find a recording or a date without searching. Each archive links to its own detail page, so one kirtan or one event gets a full page of its own.

A committee that adds its own content to this Tailwind CSS sikh gurudwara template can start with Sermon, Events and Donation, because those pages carry most of the sangat’s visits. The rest of the site can follow later.

Sermon, Events and Donation Pages

These pages matter most to a gurudwara, so here is what each one does.

• Sermon lists weekly kirtan and Gurbani, while Sermon Detail gives each recording its own page.
• Events lists Gurpurab, Kirtan darbaar and Langar gatherings, and Event Detail covers one gathering in full.
• Donation is a dedicated page for seva and daswandh, so contributors reach it in one click.

Countdown timers sit alongside the event pages, so a coming Gurpurab can show the days left. Owl Carousel handles featured kirtan and testimonial slides.

Gurudwara Shop, Cart and Checkout

Gurudwaras that sell religious items get Shop in three layouts: full-width, left sidebar and right sidebar. Shop Details shows one product, then Cart and Checkout finish the purchase. An ionRangeSlider filters products by price, which helps when the catalogue is long.

Blog, Login and Contact Pages

• Blog comes as a full-width archive and a list archive, plus Blog Detail for one article.
• Log In and Sign Up give sangat members accounts.
• About Us tells the gurudwara’s story and mission, and Contact Us holds a form and the location.
• Isotope, Masonry and ImagesLoaded run the filtered image galleries, and Magnific Popup opens photos full screen.
• MeanMenu turns the main menu into a mobile navigation.

Editing Turbin Sections With Utility Styling

Each element’s look is set by Tailwind classes written in its own tag, so the Donation page or an event card can be restyled on the spot. A section carries its styling with it, so a block copied from Events to the home page keeps its look. The compiled CSS keeps only the classes these pages call for, which leaves out anything unused.

Every finished page opens directly in a browser. A copy of the Tailwind source comes in the package, in case you want to change the styles and run the build again. Photos from the live preview are left out, so neutral placeholders appear where they were. Icons come from Flaticon and FontAwesome, fonts load from Google Fonts, and step-by-step documentation covers setup. The template works in Chrome, Firefox, Safari, Edge and Opera.

Preview images come from Freepik and Unsplash, which matters if you reuse them.