The Grand Sunny Restaurant - Template HTML

The Grand Sunny is a complete HTML website template for a themed ship restaurant. It features a dark nautical design with warm gold accents, animated page transitions, a hero image carousel, and ready-made pages for dining rooms, menus, events, and table reservations.

Perfect for restaurant websites, hotel dining, themed cafés, or demo projects that need a polished multi-page layout out of the box.

What you get: - Fully responsive HTML5 / CSS3 / JavaScript template - 16+ ready pages including home, rooms, menu categories, events, and 404 - Interactive menu flipbook on the full menu page - Dropdown navigation for Menu and Events - Event listing pages plus individual event detail pages - Reservation form page (demo / front-end only) - Sticky header, scroll reveal animations, and hero carousel - Clean folder structure: css/, js/, images/, and HTML pages

Customize colors, copy, and images to match your brand and launch quickly.

Features

- Responsive layout for desktop, tablet, and mobile - Sticky navigation with Menu and Events dropdowns - Hero image carousel with captions and controls - Ship-wheel page transition animation - Scroll reveal animations - Full menu flipbook (interactive book-style pages) - Separate menu category pages: Starters, Main Courses, Desserts, Wine & Beverages - Rooms / dining spaces showcase page - Upcoming Events listing with event cards - Event detail pages (date, time, location, price) - Private Events and Catering pages - About page with story and values - Reservation booking form (front-end demo) - Custom 404 error page - Google Fonts (Pirata One, Cinzel, Josefin Sans) - Easy-to-edit HTML, CSS, and JavaScript - Well-organized assets and image folders

Requirements

- Modern web browser (Chrome, Firefox, Safari, Edge) - Any local or remote web server (Laragon, XAMPP, Apache, Nginx, or static hosting) - Code editor to customize HTML / CSS / JS (optional) - No backend, database, or framework required - No build tools or Node.js required — open and edit the files directly

Instructions

1. Unzip the downloaded package. 2. Open the folder in your preferred code editor or place it inside your web server directory (for example: Laragon www/ or htdocs/). 3. Open index.html in a browser, or visit the local URL if using a server. 4. Replace images in the images/ folder with your own photos (keep the same filenames, or update the HTML paths). 5. Edit text content directly in each HTML file (titles, menu items, event details, contact info). 6. Adjust colors and fonts in css/style.css using the CSS variables at the top of the file. 7. Update navigation links if you rename or add pages. 8. Connect the reservation form to your own backend or form service when ready (the form is demo-only by default). 9. Upload the entire folder to your hosting via FTP or your host's file manager. 10. Optional: point your server's 404 error document to 404.html.