# IoT Educational Website

A static website project for the **SEHH1016 Introduction to Internet Technology** course, exploring the fundamentals, advantages, disadvantages, and real-world applications of the Internet of Things (IoT).

## Features

- **Homepage**: Central navigation to all sections.
- **IoT Overview**: Explanation of IoT, its components, and applications.
- **Advantages & Disadvantages**: Detailed lists of IoT pros and cons (note: disadvantages page is a placeholder).
- **Real-World Examples**: Smart home, transportation, and medical use cases with images.
- **Feedback Form**: Submit comments via email (requires mailto client setup).
- **Consistent Styling**: Background images, yellow text on grooved tables, and navigation links.

## Project Structure

1016_html/ ├── index.html # Homepage with navigation ├── IoT meaning.html # Explains IoT basics ├── IoT +ve.html # IoT Advantages ├── IoT -ve.html # IoT Disadvantages (incomplete) ├── IoT use of example.html # IoT use cases ├── feedback.html # User feedback form ├── Reference.html # Placeholder (not included in provided files) ├── photo/ # Directory for images │ ├── win7.jpg # Feedback page background │ ├── happy.png # Feedback page image │ ├ IoT.jpg # IoT concept image │ └── ... # Other images (Advantages1-5, fan.png, etc.) └── README.md # This file

## Usage

1. Clone/download the project.
2. Ensure all files (HTML and `photo/` directory) are retained in their original structure.
3. Open `index.html` in a web browser to navigate the website.

## Contributors

- **Lam Kin Wang** (Student ID: 201C XXXXXXXXX)  
- **Lam Po Sum Sam** (Student ID: 201C 22103073A)  
- **LEUNG Laam Kwan** (Student ID: 201C 22093500A)  
- **CHUNG Wing Ho** (Student ID: 201C XXXXXXXXX)  
- **CHEUNG Ho Tung** (Student ID: 201C XXXXXXXXX)  

## Notes

- The feedback form uses `mailto:` – functionality depends on the user's local email client configuration.
- The "Disadvantages" page (`IoT -ve.html`) contains placeholder text (Xs) and needs completion.
- Some image filenames include spaces (e.g., `Transportation system.jpg`). Ensure paths are correctly referenced.

## Potential Improvements

- Add CSS for modern styling (current design uses inline HTML attributes).
- Replace placeholder content in `IoT -ve.html`.
- Implement server-side processing for the feedback form (e.g., PHP/Node.js).
- Fix broken links (e.g., `Reference.html` not provided).

## License

Educational project – free for academic use. All images are assumed to be for demonstration purposes only.