Project Overview
Oluro is a hotel/restaurant business HTML5 responsive template featuring 20+ complete pages including homepage, rooms, restaurant, blog, contact, and more. Ideal for hotel websites, resort brands, or restaurant showcases. Built on Bootstrap 5 with support for multilingual dropdown menus, booking forms, and other interactive features.
Tech Stack
- Bootstrap 5 (responsive layout framework)
- jQuery (DOM interaction)
- Font Awesome (icon library)
- Flaticon (custom icon font)
- Owl Carousel / Slick / Swiper (carousel components)
- Google Fonts (Open Sans, Cinzel, Epilogue, etc.)
Project Structure
olurohtml-10/oluro-package/
├── oluro/ # Main template directory
│ ├── index.html # Homepage (3 homepage variants)
│ ├── about.html # About Us
│ ├── contact.html # Contact
│ ├── room-1.html # Rooms page
│ ├── restaurant.html # Restaurant & Bar
│ ├── reservation.html # Online Booking
│ ├── gallery.html # Gallery
│ ├── blog.html # Blog List
│ ├── team.html # Team Members
│ ├── faq.html # FAQ
│ ├── sendemail.php # Email sending script
│ ├── css/ # Stylesheets (style.css + 15+ files)
│ ├── js/ # Script files
│ ├── fonts/ # Icon fonts
│ └── images/ # Image assets
└── oluro-doc/ # Template documentation
Core File Descriptions
oluro/css/style.css— Main stylesheet with global configuration, Header, Footer, Slider stylesoluro/css/global.css— CSS variable definitions (colors, fonts, spacing)oluro/index.html— Homepage entry point, integrates Bootstrap 5 with multi-level navigation menuoluro/sendemail.php— Backend email sending script (requires PHP environment)oluro/js/bootstrap.min.js— Bootstrap JS dependencyoluro-doc/index.html— Official documentation with HTML structure, CSS notes, contact form configuration guide
Quick Start
- Open
oluro/index.htmldirectly in a browser to preview - For local server:
python -m http.server 8080, then visithttp://localhost:8080 - The booking form requires deployment to a PHP environment to receive emails
Usage Tips
The template uses modular HTML structure. Modify CSS variables in css/global.css for quick theming. The multilingual dropdown menu is a static demo; integrate with an i18n framework for production use.
