Horizona — Tailwind CSS Design For Photography Template (HTML)

About This Item

Landscape photographers who run small-group tours and sell fine-art prints get a ready structure from this Tailwind CSS design for photography template. Horizona uses Tailwind CSS 4 and keeps a quiet look: wide white photo frames, light capital headings and one golden-hour accent colour.

Tailwind CSS Design For Photography Template With Tours And Prints

Horizona has 33 pages and 3 home page designs. The pages cover three jobs a landscape photographer has: filling departures, teaching workshops and selling prints. The light theme and the blue-hour dark theme both ship with this Tailwind CSS design for photography template, so a visitor can switch between them on any page. The choice is remembered between visits.

• Right-to-left support for every page, with a language picker.
• A currency switch for pounds, euros and dollars that repaints every price.
• WebGL layers: drifting snow at the band edges and a mountain ridge of stacked profile lines in the footer.

Photo Tour Pages And Departure Booking

Tours bring in the most bookings, so these pages matter most. The Photo Tours page lists six tours with a finder by region, level, month, length and price. Each location also shows the light today.

• Lofoten In Winter shows the light on location, the departures, the facts, the days and the estimator.
• Namib Dunes & Night Skies opens on a gallery, then adds a facts strip and the night skies.
• Departures lists every month with places left, a Guaranteed label from four bookings and a waitlist when full.
• Book A Tour runs six steps: tour, departure, travellers and rooms, extras, details and summary. It shows the deposit due today and the balance date, and only Confirm checks the details.

The tour estimator also handles single supplements and partners who do not photograph.

Photography Workshops And Gear List

The Workshops page has type tabs, month and level filters and a calendar by date. A workshop page shows its day, its dates and a meeting time worked out from the sunrise. The golden-hour clock gives sunrise, sunset, golden hour and blue hour for each location, including polar night and the midnight sun.

The Gear List groups packing items by category with weights and seasons. It then adds up the cabin bag against the allowance, so a traveller can check weight before booking.

Print Shop, Basket And Checkout

The Print Shop sorts work by series and shows a price for each size. A print page lets buyers choose size, finish and paper, then see a wall preview drawn to scale. The basket adds shipping by zone, a first-order code and VAT. Checkout gives an order number, and a Saved Prints page keeps favourites.

Three Home Pages And Every Other Page

The three home pages suit different priorities:

• Home 01 opens with a framed slider, then shows the light tonight at four locations, a panorama that assembles as you scroll, tours, workshops, a justified gallery, prints and field notes.
• Home 02 leads with workshops, a finder and shooting settings that lock beside each photograph.
• Home 03 puts a left menu beside a full-height slider and lists every departure, with star trails that lengthen as you scroll.

The remaining pages are Before You Travel, Workshop Details, Portfolio, two series pages, Print Details, Basket, Checkout, Saved Prints, About, Guides, Guide Profile, Field Notes, Field Note Details, FAQ with search, Contact, My Account, Login, Register, a password reset page, Coming Soon and 404. The Contact page has a working form handler with optional invisible reCAPTCHA v3.

Styling Tour Cards, Workshop Lists And Print Tiles In Tailwind CSS 4

Each tour card and print tile carries its hover and focus states in its own classes, so it is easy to adjust. A section’s styling travels with its HTML, so you can copy a departures block or a print grid to another page and the look stays intact. The compiled CSS holds just the classes these pages use, so nothing unused is shipped.

The download holds ready pages you can open straight away. The Tailwind source is also there if you want to edit and rebuild the styles. Neutral placeholders replace the preview images, so you add your own photographs. Documentation is included, and Font Awesome Free loads locally alongside line icons in two inks, with Source Sans 3 and Source Code Pro as the fonts.