Jesus the Savior MBC Website

Welcome to the digital home of Jesus the Savior MBC – a responsive, modern website created as a surprise tribute to our church’s mission. Our online space brings together information about our services, events, community resources, and more, all designed to foster a welcoming atmosphere for new visitors and long-time members alike.

Table of Contents

• Overview
• Features
• Technologies Used

Overview

This project is a fully responsive website for Jesus the Savior MBC. It was created to celebrate the church’s mission and to serve as an engaging, informational resource for the community. The website includes the following pages:

• Home Page: Offers a welcoming hero section, Bible verses, service times, and an FAQ.
• About Us: Shares the church’s story, mission, vision, and a call to join our community.
• Calendar: Provides an interactive calendar to keep up-to-date with events and services.
• Contact Us: Features a contact form and detailed contact information to help visitors get in touch.
• Donate: A dedicated donation page (currently under construction) to support the church’s work.

Features

• Responsive Design: The website adapts to various screen sizes – from large desktop monitors to mobile devices.
• Engaging Visuals: Utilizes high-quality images, dynamic animations, and gradient effects to create a welcoming atmosphere.
• Service Information: Clear details on service times, Bible verses, and FAQs for newcomers.
• Interactive Calendar: Navigate through months to view upcoming events and services.
• Contact Functionality: A fully functional contact form powered by Web3Forms, plus detailed contact information and social media links.
• Donation Page: A dedicated page (in progress) to streamline contributions.
• Navigation: A consistent header and footer across pages to ensure easy navigation.

Sources/Languages Used

• HTML5: Markup language used to structure each page.
• CSS3: Styling for a responsive layout, animations, and custom designs.
• JavaScript: Enhances interactivity (e.g., calendar navigation and form handling via external APIs).
• External Libraries:
  • Google Fonts – for custom typography.
  • Font Awesome – for icons.
  • Web3Forms – to handle form submissions on the Contact Us page.