This repository contains the source code for the official website of The Outhouse Kalatop, a boutique mountain homestay located in the Kalatop Forest Reserve near Dalhousie, Himachal Pradesh.
Live Website: https://www.outhousekalatop.in/
The Outhouse Kalatop website is a fully responsive, multi-page static site designed to showcase the property's accommodations, surrounding attractions, and provide essential information for potential guests. It is built with clean HTML, CSS, and vanilla JavaScript to ensure a fast and accessible user experience. The design focuses on high-quality imagery and clear calls-to-action to drive bookings and inquiries.
- Fully Responsive Design: Adapts seamlessly to all screen sizes, from mobile phones to desktop monitors.
- Interactive Mobile Menu: A clean, functional hamburger menu for easy navigation on smaller devices.
- Dynamic Content Animations: Subtle fade-in animations on scroll, implemented using the Intersection Observer API, to enhance user engagement.
- Multi-Page Layout: Dedicated pages for different aspects of the homestay experience.
- Optimized for User Experience: Smooth scrolling, clear navigation, and fast load times.
- HTML5: For the structure and content of the website.
- CSS3: For styling, layout, responsiveness, and animations.
- JavaScript (ES6): For DOM manipulation, the interactive mobile menu, and scroll-based animations.
To view the website locally, follow these simple steps:
- Clone the repository:
git clone https://github.com/rishh01/outhouse.git
- Navigate to the project directory:
cd outhouse - Open the website:
Open the
index.htmlfile in your preferred web browser.