Hibomar - Water Park and Resort HTML Template

Hibomar is a responsive HTML template for water parks, beach resorts and holiday parks. Its thirty pages include three homepage designs, attractions, day passes, cabanas, rooms, booking forms, offers, restaurant, journal and contact layouts.

Client-side sample data powers date-based ticket and room prices, ride-height filters and wave schedules. Booking and account interfaces require integration with your own production services; no reservation database or payment backend is included. An optional PHP handler supports configured contact forms.

Preview photographs are replaced with neutral placeholders in the download. Logos, beach decorations, flags and review platform assets are included. English setup and customization documentation is supplied.

Features

• Thirty HTML pages with three homepage designs.
• Configurable day-pass prices, room rates and currency switching.
• Ride-height filters, attraction pages and wave countdowns.
• Cabana and room booking form layouts.
• Bootstrap, jQuery, Swiper and GSAP components.
• Responsive layouts, reduced-motion support and CSS design tokens.
• Optional PHP contact form handler and English documentation.

Requirements

To edit and publish the template you need:

• A code editor such as VS Code, Sublime Text or Notepad++
• Basic working knowledge of HTML and CSS
• A modern browser - Chrome, Firefox, Safari or Edge
• Any web host, or local hosting, to publish the files - no database required
• PHP 7.4 or newer on the server, only if you want the included form handler to send mail
• An image editor is optional, for swapping the placeholder images for your own

Instructions

1. Unzip the download. You get two folders: hibomar - the template itself - and Documentation.
2. Open Documentation/index.html in a browser first. It covers the folder structure, colours and fonts, day passes and cabanas, rides and the wave schedule, rooms and booking, offers and reviews, RTL, the JavaScript guide, images and icons and the contact form.
3. Open the hibomar folder in your code editor and start from index.html. Every page is plain HTML - edit the text and images directly in the markup.
4. Colours live as CSS variables at the top of assets/css/style.css, in the :root block. Change those values and the whole template re-themes.
5. Ticket and cabana prices sit in the Park Data block of assets/js/main.js, and the room seasons and rates in its Rate Engine block. Every price on the site reads from them, so a value changed once changes everywhere.
6. Ride height rules and offer dates are data attributes on each ride card and offer row, so adding a ride or an offer is a copy and paste.
7. Swap the placeholder images in assets/img/ for your own, keeping the same file names and aspect ratios, or point the img tags at your new files.
8. To enable the forms, upload the template to a PHP host and set your own email address inside sendmail.php. If you want the spam filter, add your reCAPTCHA v3 secret key in the same file; leave it as it is to run without one.
9. To run a page right to left, follow the RTL section of the documentation: set dir="rtl" on the page and swap three stylesheets for their RTL versions.
10. Upload the hibomar folder to your web server's public directory. There is no build step, no database and no installer.