francistemanu3-hub/Lebene-Healthcare-App
Domaine:
healthcareType de record:
software
Créateur:
fra
Hôte:
Professional home care platform connecting patients with certified nurses in Ghana
## 🛠️ Technologies Used
- **HTML5** - Semantic structure and accessibility
- **CSS3** - Modern styling with Flexbox/Grid, CSS variables
- **JavaScript (ES6+)** - Client-side interactivity and form validation
## 📄 File Overview
### `index.html`
**Purpose**: Main website structure and content
**Features**:
- Semantic HTML5 markup for accessibility
- Responsive navigation with smooth scrolling
- Modal-based registration system
- Healthcare service sections (Patients, Nurses, Services)
- Clean, professional layout for healthcare branding
**Key Sections**:
- Hero section with call-to-action
- About Lebene story and mission
- Services grid (Elderly Care, Chronic Conditions, Post-Surgical, etc.)
- How It Works process steps
- Separate sections for Patients and Nurses
- Contact information
### `style.css`
**Purpose**: Complete styling and responsive design
**Features**:
- CSS custom properties (variables) for consistent theming
- Mobile-first responsive design
- Smooth animations and transitions
- Professional healthcare color scheme (Lemon green theme)
- Modal styling with backdrop
- Form styling with validation states
**Key Components**:
- Navigation bar with fixed positioning
- Hero section with gradient background
- Card-based layouts for services
- Step-by-step process visualization
- Responsive grid systems
- Mobile breakpoints (max-width: 768px)
### `script.js`
**Purpose**: Interactive functionality and user experience
**Features**:
- Registration modal management
- User type selection (Patient/Nurse)
- Form validation with visual feedback
- Smooth scrolling navigation
- Scroll-based active navigation highlighting
- Animation on scroll for content elements
- Keyboard accessibility (Escape key to close modal)
**Key Functions**:
- `openRegistration()` - Modal control
- `toggleNurseFields()` - Dynamic form fields
- Form submission handling
- Scroll event listeners
- DOM content loaded initialization
## 🚀 Quick Start
1. **Clone the repository**
```bash
git clon …