This Web Design Assignment 2 focuses on designing a landing page for a Digital Public Good(DPG) solution that addresses real world challanges in Sierra Leone.
# LeoneFriCare 🌍
> **Digital Health for Sierra Leone** — A free, mobile-first platform connecting patients with doctors, clinics, and health resources across Sierra Leone.
## Overview
LeoneFriCare is a **Digital Public Good** landing page built for Sierra Leone's healthcare sector. It showcases a mobile-first health platform designed to bridge the urban-rural healthcare divide — connecting over 8.1 million Sierra Leoneans with clinics, telemedicine, medication tracking, and digital health records.
This repository contains the **front-end landing page** — a fully responsive, static HTML/CSS website with zero build tools or dependencies required.
---
## Features
- **Nearest Clinic Finder** — Locates accredited clinics and health workers by GPS or chiefdom
- **Telemedicine Consultations** — Text and voice consultations in Krio, Mende, Temne, and English
- **Medication Tracker** — Daily adherence tracking with progress indicators
- **Digital Health Records** — Secure storage and sharing of medical history and prescriptions
- **Appointment Reminders** — SMS and push notification reminders
- **Offline Capable** — Core features work without an internet connection
---
## Project Structure
```
saloneCare/
├── index.html # Main landing page
├── CSS/style.css # All styles and responsive breakpoints
└── README.md # Project documentation
```
---
## Getting Started
### Option 1 — Open directly in a browser
No installation needed. Just open `index.html` in any modern browser:
```bash
# Clone or download the repo
git remote add origin
github.com
# Open in browser
open index.html # macOS
start index.html # Windows
xdg-open index.html # Linux
```
### Option 2 — VS Code with Live Server (recommended)
1. Install the Live Server extension in VS Code
2. Open the project folder in VS Code
3. Right-click `index.html` → **Open with Live Serv …