# Oldage Home Website

A professional, responsive website for an old age home service providing comprehensive care and facilities for elderly men and women.

## Features

- **Responsive Design**: Optimized for desktop, tablet, and mobile devices
- **Professional UI**: Modern design with Bootstrap framework
- **Authentic Person Images**: Real photos of elderly residents, caregivers, and staff throughout the site
- **Comprehensive Pages**:
  - Home: Overview of services and facilities
  - About Us: Mission, values, and achievements
  - Services: Detailed care offerings
  - Facilities: Accommodation and amenity details
  - Gallery: Photo gallery with categories
  - Contact: Contact form and information
  - Testimonials: Resident and family feedback with authentic photos
  - Staff: Meet the care team with professional staff images
  - Admission: Application process and requirements

- **Interactive Elements**:
  - Contact form with database storage
  - Admission inquiry form
  - Gallery with lightbox functionality
  - Smooth scrolling navigation
  - Animated elements on scroll

## Technology Stack

- **Frontend**: HTML5, CSS3, JavaScript
- **Framework**: Bootstrap 5 for responsive design
- **Icons**: Font Awesome
- **Fonts**: Google Fonts (Poppins)
- **Backend**: PHP for form processing
- **Database**: MySQL for data storage
- **Images**: High-quality stock photos from Unsplash

## Image Content

The website features authentic, professional photography including:

- **Facility Images**: Rooms, gardens, dining areas, medical centers, recreational spaces
- **Person Images**: Elderly residents, caregivers, nurses, doctors, therapists, support staff
- **Activity Images**: Group activities, arts & crafts, music sessions, outdoor gatherings
- **Staff Photos**: Professional images of healthcare providers and support personnel

All images are sourced from Unsplash and are appropriate for healthcare and elderly care contexts.

## Installation

1. **Prerequisites**:
   - XAMPP (or similar web server with PHP and MySQL)
   - Web browser

2. **Setup**:
   - Copy the project files to your XAMPP htdocs directory
   - Start XAMPP and ensure Apache and MySQL are running
   - Open your browser and navigate to `http://localhost/OldageHome/setup_database.php`
   - This will create the necessary database and tables

3. **Access the Website**:
   - Main site: `http://localhost/OldageHome/`
   - Admin access: Contact forms will store data in the database

## Database Structure

- **contacts**: Stores contact form submissions
- **admissions**: Stores admission inquiries
- **testimonials**: Stores resident testimonials

## File Structure

```
OldageHome/
├── index.php              # Home page
├── about.php              # About us page
├── services.php           # Services page
├── facilities.php         # Facilities page
├── gallery.php            # Gallery page
├── contact.php            # Contact page
├── testimonials.php       # Testimonials page
├── staff.php              # Staff page
├── admission.php          # Admission page
├── setup_database.php     # Database setup script
├── download_images.php    # Facility images download script
├── download_person_images.php # Person images download script
├── includes/
│   ├── header.php         # Navigation header
│   └── footer.php         # Site footer
├── css/
│   └── style.css          # Custom styles
├── js/
│   └── main.js            # JavaScript functionality
└── images/                # Image directory with authentic photos
```

## Customization

- **Styling**: Modify `css/style.css` for custom colors and layouts
- **Content**: Edit PHP files to update text, images, and information
- **Database**: Update `setup_database.php` to modify table structures
- **Images**: Replace placeholder images in the `images/` directory with actual photos

## Features Overview

### Responsive Design
- Mobile-first approach with Bootstrap grid system
- Optimized layouts for all screen sizes
- Touch-friendly navigation and forms

### Professional Appearance
- Clean, modern design with consistent branding
- High-quality typography and spacing
- Professional color scheme and imagery

### User Experience
- Intuitive navigation with fixed header
- Fast loading with optimized assets
- Accessible design following web standards

### Functionality
- Working contact and admission forms
- Database integration for data persistence
- Interactive gallery with lightbox
- Smooth animations and transitions

## Support

For questions or customization requests, please contact the development team.

## License

This project is created for educational and demonstration purposes.
