This is a modern, responsive website for Mimosa Cottage Hospital, built using HTML, CSS, and JavaScript. This project is designed with performance, accessibility, and future scalability in mind. It will later be transitioned into a React-based progressive web app (PWA).
It is responsive for al screens.
- Responsive navigation bar with:
- Hospital logo
- Location indicator
- Hamburger menu for small screens
- Carousel image slider with:
- Auto-scroll every 3 seconds
- Smooth infinite looping
- Manual navigation controls
- Slide indicator dots
- Text overlays with background blur
- Mobile-friendly and cross-browser compatible
- Optimized for fast image loading
- Clean and modern hospital color palette
- HTML5
- CSS3 (Media Queries, Transitions, Flexbox)
- Vanilla JavaScript (DOM manipulation, event handling)
mimosa-hospital/ │ ├── index.html # Main HTML file ├── css/ │ └── style.css # All CSS styles ├── js/ │ └── main.js # All JavaScript logic ├── assets/ │ ├── images/ # Image files (carousel, logo, etc.) │ └── icons/ # Icons (hamburger, social media, etc.) └── README.md # Project documentation