A peaceful haven by the hills for rest and renewal
Devi Tranquil Villa is a luxurious hill country retreat designed to provide guests with an unparalleled experience of tranquility and rejuvenation. Our website showcases the villa's exquisite amenities, stunning accommodations, and serene environment nestled in the beautiful hills of Sri Lanka.
- 🏔️ Hill Country Location - Breathtaking views and fresh mountain air
- 🛏️ Luxury Accommodations - Elegantly designed rooms and suites
- 🍽️ Fine Dining - Exceptional culinary experiences with scenic views
- 🧘 Wellness & Spa - Rejuvenating treatments and peaceful ambiance
- 🌿 Nature Activities - Hiking, bird watching, and outdoor adventures
- 📞 24/7 Service - Dedicated hospitality and concierge services
- Responsive Design - Optimized for all devices (desktop, tablet, mobile)
- Interactive Gallery - Stunning photography showcasing villa amenities
- Room Booking System - Easy reservation and inquiry process
- Contact Integration - Multiple ways to reach us including WhatsApp
- Service Showcase - Detailed information about all available amenities
- Video Integration - Virtual tours and promotional content
- 🛏️ Multiple room types (Deluxe, Standard, Superior)
- 🍽️ Restaurant and dining facilities
- 💆 Spa and wellness services
- 🏊 Swimming pool
- 💼 Business facilities
- 🚗 Transportation services
- 🧺 Laundry services
- 📶 Free Wi-Fi throughout
devi-tranquila/
├── 📄 index.html # Main landing page
├── 📁 src/ # Source files
│ ├── 📁 pages/ # Website pages
│ │ ├── 🏠 index.html # Home page
│ │ ├── ℹ️ about.html # About us
│ │ ├── 🛏️ rooms.html # Room details
│ │ ├── 🛎️ services.html # Services offered
│ │ ├── 🖼️ gallery.html # Photo gallery
│ │ ├── 📞 contact.html # Contact information
│ │ ├── 📝 blog.html # Blog/News
│ │ ├── ❓ faq.html # FAQ page
│ │ └── ❌ 404.html # Error page
│ └── 📁 assets/ # Static assets
│ ├── 🎨 css/ # Stylesheets
│ ├── ⚡ js/ # JavaScript files
│ ├── 🔤 fonts/ # Web fonts
│ └── 🖼️ images/ # Organized images
│ ├── 🏷️ logos/ # Brand assets
│ ├── 🎨 icons/ # UI icons
│ ├── 🖼️ backgrounds/ # Hero images
│ ├── 👥 avatars/ # Team photos
│ ├── 🏨 gallery/ # Villa photos
│ └── 📁 common/ # General images
├── 📁 public/ # Public utilities
└── 📋 docs/ # Documentation
- Modern web browser (Chrome, Firefox, Safari, Edge)
- Web server (optional, for local development)
-
Clone the repository
git clone https://github.com/dinethsadee01/devi-tranquila.git cd devi-tranquila -
Open in browser
# Simply open index.html in your browser open index.html # or double-click index.html
-
Local development (optional)
# Using Python python -m http.server 8000 # Using Node.js npx serve . # Using PHP php -S localhost:8000
-
View the website
http://localhost:8000
| Technology | Purpose | Version |
|---|---|---|
| HTML5 | Structure & Markup | Latest |
| CSS3 | Styling & Layout | Latest |
| JavaScript | Interactivity | ES6+ |
| Bootstrap | Responsive Framework | 5.x |
| jQuery | DOM Manipulation | 3.6.0 |
| Swiper.js | Image Sliders | Latest |
| FontAwesome | Icons | Latest |
| Lightbox | Image Gallery | Latest |
| Browser | Support |
|---|---|
| Chrome | ✅ Latest 2 versions |
| Firefox | ✅ Latest 2 versions |
| Safari | ✅ Latest 2 versions |
| Edge | ✅ Latest 2 versions |
| Mobile browsers | ✅ iOS Safari, Chrome Mobile |
- 📞 Phone: +61 412 108 801
- ✉️ Email: villadeviukuwela@gmail.com
- 🌐 Website: Visit Our Site
- 📍 Location: Ukuwela, Sri Lanka
- 🕐 Availability: 24/7 Service
- WhatsApp: Direct messaging available on site
- Reservations: Online booking system
- Support: 24/7 customer service
| Page | Description | URL |
|---|---|---|
| 🏠 Home | Main landing page | index.html |
| ℹ️ About | Villa information | src/pages/about.html |
| 🛏️ Rooms | Accommodation details | src/pages/rooms.html |
| 🛎️ Services | Amenities & facilities | src/pages/services.html |
| 🖼️ Gallery | Photo showcase | src/pages/gallery.html |
| 📞 Contact | Get in touch | src/pages/contact.html |
| 📝 Blog | News & updates | src/pages/blog.html |
| ❓ FAQ | Common questions | src/pages/faq.html |
# Clone the repository
git clone https://github.com/dinethsadee01/devi-tranquila.git
# Navigate to project
cd devi-tranquila
# Start local server
python -m http.server 8000- Clean Structure - Organized by file type and purpose
- Semantic HTML - Accessible and SEO-friendly markup
- Responsive CSS - Mobile-first design approach
- Modern JavaScript - ES6+ features and best practices
- ✅ Semantic HTML structure
- ✅ CSS-in-JS for dynamic styling
- ✅ Responsive design patterns
- ✅ Optimized images and assets
- ✅ Cross-browser compatibility
- ✅ Performance optimization
This is a private project for Devi Tranquil Villa. For any updates or modifications, please contact the villa management directly.
- Design Inspiration - Luxury hospitality industry standards
- Photography - Professional villa photography
- Development - Modern web development best practices
- User Experience - Hospitality-focused design principles
Copyright © 2025 Devi Tranquil Villa. All rights reserved.
This project is proprietary software. Unauthorized copying, distribution, or modification is prohibited.
Made by with ❤️ for Devi Tranquil Villa
Experience tranquility in the heart of Sri Lanka's hill country