A modern, responsive multi-page website for a church that provides information about the church, its departments, and access to sermons and live streams.

• Multi-Page Structure: Separate pages for each section of the website
• Modern Design: Clean, responsive layout with modern typography and design elements
• Church Information: Dedicated About page with vision and mission statements
• Department Showcase: Detailed information about church departments (Choir, Media Tech, Ushering, Evangelism, Home Cell)
• Sermon Archive: Access to recorded sermons with playback functionality
• Live Streaming: Built-in live stream player for church services
• Mobile-Friendly: Fully responsive design that works on all devices
• Contact Form: Easy way for visitors to get in touch
• Prayer Request Form: Dedicated form for submitting prayer requests

1. Home Page: Introduction to the church with service times and upcoming events
2. About Page: Information about the church's history, vision, mission, and leadership
3. Departments Page: Details about the various ministries and departments
4. Sermons Page: Archive of past sermons with search and filtering capabilities
5. Live Stream Page: Live streaming of church services and access to past recordings
6. Contact Page: Contact information, map, and contact form

• Built with HTML, CSS, and JavaScript
• Uses Tailwind CSS for styling (via CDN)
• Modern font pairing (Inter and Playfair Display)
• Font Awesome icons for visual elements
• YouTube embed for live streaming functionality
• Mobile menu with toggle functionality
• Interactive sermon player with modal functionality

To customize this website for your church:

1. Update the church name, vision, and mission statements
2. Replace placeholder images with actual church photos
3. Update department information to match your church structure
4. Connect the live stream to your church's YouTube channel by replacing the EXAMPLE_CHANNEL_ID
5. Update contact information and service times
6. Add your own sermons to the sermon archive

The website is configured to embed a YouTube live stream. To set up your church's live stream:

1. Create a YouTube channel for your church
2. Set up live streaming on your YouTube channel
3. Replace "EXAMPLE_CHANNEL_ID" in the iframe src with your actual YouTube channel ID
4. Test the live stream functionality before going live

The contact form is set up for demonstration purposes. To make it functional:

1. Add form submission handling code
2. Connect it to your preferred email service or backend system
3. Add validation and security measures

This website is compatible with all modern browsers including:

• Chrome
• Firefox
• Safari
• Edge