← All HTML demosDownload this pack free

HTML Event & Booking Sections

30 event and booking sections in plain HTML and CSS. Responsive, accessible and free for personal and commercial use.

Events & booking sections 30

Events & booking section 01 · Event listing with filters

An events list with category filter chips and a month switcher: date tiles, venue, time, price, spaces-left badges and a sold-out state.

Open
Events & booking section 02 · Conference agenda with speakers

A two-day conference agenda: day tabs, timeline rows with room badges and illustrated speaker chips, and a speaker strip below.

Open
Events & booking section 03 · Ticket selector

Ticket tiers with quantity steppers, a promo code that applies a discount, fees, and a sticky order summary with a checkout button.

Open
Events & booking section 04 · Theatre seat map

An interactive seat picker: stage, three price zones, taken seats, a legend and a selection summary with seat chips and a running total.

Open
Events & booking section 05 · Stylist and time booking

Salon appointment booking: pick a stylist (or anyone), browse a week of days with a day strip, choose a time and see a summary with the service and price.

Open
Events & booking section 06 · Class timetable

A gym weekly timetable: type filters, a seven-day grid with colour-coded class cards, coach, spaces left and full classes, collapsing to a day list on phones.

Open
Events & booking section 07 · Hotel booking wizard

A four-step stay booking: dates and guests, room choice, guest details with validation, then a review screen. Stepper header, back/next and live nightly total.

Open
Events & booking section 08 · Countdown and RSVP

A wedding-style RSVP: elegant countdown to the date, venue line and a reply form with attending choice, guest names, dietary needs and a song request.

Open
Events & booking section 09 · Venue and getting there

Event venue section: an illustrated street map with the venue pin, travel tabs (train, car, plane) with directions, and nearby hotels with event rates.

Open
Events & booking section 10 · Booking confirmation ticket

A confirmation page section: success header, a perforated ticket with event details and scannable code, add-to-calendar options (Google, Outlook, Apple), and what happens next.

Open
Events & booking section 11 · Festival lineup poster

A neon festival lineup: day tabs, a poster-style list where headliners are huge and support acts get smaller, stage filter chips, and a ticket strip with day and weekend passes.

Open
Events & booking section 12 · Course cohort dates

A course dates table: each cohort with start date, format, schedule, location, tutor portrait and a seats bar; full cohorts swap to a "notify me" form, and a format filter narrows the list.

Open
Events & booking section 13 · Webinar with time zones

A webinar registration section: title, host portraits and agenda, a time-zone picker that converts the session time (with day shifts), add-to-calendar links and a short registration form.

Open
Events & booking section 14 · Event calendar month view

A restaurant events calendar: a month grid with colour-coded event dots by type, a filter legend, and a side panel that lists the selected day’s events with price and a reserve button.

Open
Events & booking section 15 · Race entry with course profile

A running race entry: choose the distance, see the price tier by entry date, the course elevation profile and stats, and a short entry form with estimated finish time for the start pen.

Open
Events & booking section 16 · Museum timed-entry tickets

A gallery ticketing section: exhibition banner, a week of date chips (closed Mondays), half-hour entry slots coloured by availability, visitor steppers and a total.

Open
Events & booking section 17 · Escape room picker

An escape room booking section: room cards with illustration, difficulty locks, duration and group size; choosing a room and the number of players updates the per-player price and total.

Open
Events & booking section 18 · Call for speakers form

A call-for-papers section: deadline countdown, tracks to choose from, talk format radios, title and abstract with live character counts, a speaker bio and an anonymous-review note.

Open
Events & booking section 19 · Live now and next board

A live event schedule board: a "Now" card with session progress bar and room, "Up next" cards with start countdowns, a simulated clock you can scrub, and a stream link.

Open
Events & booking section 20 · Gala tables and donation

A charity gala booking: individual seats or full tables of ten, sponsorship add-ons, a donation slider with preset amounts and impact text, and a total with gift-aid style note.

Open
Events & booking section 21 · Cinema showtimes

An independent cinema listings section: a date strip, screen-format filters, poster cards with certificate and runtime, and showtime pills that grey out once a showing has started.

Open
Events & booking section 22 · Court booking grid

A tennis and padel club booking grid: courts down the side, hours across, booked and peak slots marked, tap to select up to two consecutive hours, with a running price and member discount.

Open
Events & booking section 23 · Kids party builder

A soft-play and party venue section: pick a themed party (illustrated cards), set the number of children, tick add-ons and choose a Saturday or Sunday slot, with a running total and deposit.

Open
Events & booking section 24 · Cooking class workshop

A cookery school class page: dish illustration, chef host, what you'll cook and take home, a spaces-left ring, dietary needs, "book as a gift" option with a message, and a two-date picker.

Open
Events & booking section 25 · Open studios trail map

An art trail weekend section: an illustrated map with numbered studio pins synced to a list, day filters for Saturday or Sunday, and hover or focus on either side highlights the match.

Open
Events & booking section 26 · Boat trip departures

A harbour boat-trip section: today's sea conditions, a departures timeline with capacity bars and full trips, plus adult, child and dog steppers that block trips without enough space.

Open
Events & booking section 27 · Meetup RSVP and attendees

A community meetup page: event card with host and venue, going / maybe / can't go RSVP buttons that update the count, an attendee wall, a waitlist when full and comment-style questions for the host.

Open
Events & booking section 28 · Volunteer shift signup

A charity fun-run volunteer rota: roles down the side, shifts across, spots-left chips, tap to claim up to two shifts with clash prevention, and a name/email form with a printable summary.

Open
Events & booking section 29 · Personal agenda builder

A conference "my agenda" builder: time blocks with parallel sessions, star sessions to add them to your day, clash warnings when two overlap (including a two-hour workshop), track colours and a download link.

Open
Events & booking section 30 · Ticket queue waiting room

A fair-queue waiting room for a sell-out gig: your place in line, a progress track with estimated wait, tickets-remaining meter, tips while you wait and an "it's your turn" state with a 10-minute timer.

Open