---

St. Mary's High School Website

Welcome to the St. Mary's High School Website! This project is a comprehensive web platform designed to showcase the school's activities, staff, and achievements. It includes features like a staff directory, teacher account creation, and a credits page highlighting the developer, Darrell Mucheri.

---

Features

1. Home Page:

   • Overview of the school.
   • Links to other sections.

2. About Page:

   • Information about the school's history, mission, and values.

3. Gallery Page:

   • Showcases photos and videos of school events.

4. Contact Page:

   • A form for visitors to contact the school.

5. Staff Page:

   • Displays a list of teachers with their subjects.
   • Interactive modal for detailed teacher information.

6. Create Teacher Account Page:

   • Allows users to contact the developer on WhatsApp to create a teacher account.

7. Credits Page:

   • Highlights Darrell Mucheri, the developer, with animations and contact buttons.

8. Light/Dark Mode:

   • Users can toggle between light and dark themes.

9. Responsive Design:

   • The website is fully responsive and works on all devices.

---

Repository Structure

Here’s the structure of the repository:

st-marys-high-website/
├── index.html                  # Home page
├── about.html                  # About page
├── gallery.html                # Gallery page
├── contact.html                # Contact page
├── staff.html                  # Staff page
├── create-teacher-account.html # Create Teacher Account page
├── credits.html                # Credits page
├── assets/                     # Static assets
│   ├── css/                    # CSS files
│   │   └── styles.css          # Main stylesheet
│   ├── js/                     # JavaScript files
│   │   └── main.js             # Main JavaScript file
│   ├── images/                 # Images used in the website
│   │   ├── logo.png            # School logo
│   │   ├── teacher1.jpg        # Teacher profile images
│   │   └── ...                 # Other images
│   └── fonts/                  # Custom fonts (if any)
├── README.md                   # Project documentation
└── LICENSE                     # License file (if applicable)

---

Technologies Used

• HTML5: For structuring the website.
• CSS3: For styling and animations.
• JavaScript: For interactivity and dynamic content.
• Font Awesome: For icons.
• Google Fonts: For typography.
• WhatsApp API: For the "Create Teacher Account" feature.

---

How to Run the Project

1. Clone the Repository:

   git clone https://github.com/your-username/st-marys-high-website.git

2. Navigate to the Project Directory:

   cd st-marys-high-website

3. Open the Website:

   • Open the index.html file in your browser to view the home page.
   • Alternatively, use a local server (e.g., VS Code Live Server) for better functionality.

---

Contributing

We welcome contributions! If you'd like to contribute to this project, please follow these steps:

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes and commit them with clear messages.
4. Push your changes to your forked repository.
5. Submit a pull request to the main repository.

---

Credits

This project was developed by Darrell Mucheri, a Form 5 Science student at St. Mary's High School, Zimbabwe. Darrell is passionate about innovation and creating a better future through technology.

• Email: darrelmucheri@gmail.com
• Phone: +263 719 647 303
• Portfolio: mrfrankinc.vercel.app

---

License

This project is licensed under the MIT License. See the LICENSE file for details.

---

Acknowledgments

• St. Mary's High School: For providing the opportunity to work on this project.
• Teachers and Staff: For their support and guidance.
• Open Source Community: For the tools and resources that made this project possible.

---

Thank you for visiting the St. Mary's High School Website repository! If you have any questions or feedback, feel free to reach out to Darrell Mucheri.

---