^{Lorenzo Mirto Bertoldo @climadd}

Local Gym Business Website

A practical, fully responsive website developed for a local gym business.
The project provides essential business information, enhances customer engagement, and establishes a strong digital presence.

Built with HTML, CSS, and JavaScript, alongside a PHP-based backend, this project demonstrates front-end development skills, responsive design principles, and database integration for dynamic content management.

---

📌 Project Overview

This website was designed to present the gym’s services in a clear and structured way while maintaining a modern and user-friendly interface. The platform improves client engagement through interactive components and ensures full responsiveness across desktop, tablet, and mobile devices.

Key objectives of the project include:

• Delivering essential business information in an accessible format
• Enhancing user interaction through dynamic components
• Integrating backend functionality for content storage and management

A key feature of the system is its backend integration. When users submit content (such as inquiries through the contact form), the data is automatically stored in structured database tables, allowing efficient tracking and future scalability.

---

🌐 Website Structure

Homepage

The homepage introduces the gym’s identity and branding. It includes:

• A responsive and adaptive navigation bar
• Promotional highlights displayed through a carousel-like component
• A clean overview section presenting the gym
• A structured footer with essential links and contact information

Coaching Page

The Coaching page presents detailed information about trainers and services offered. It highlights coaching specialties and provides visitors with a clear understanding of the gym’s professional expertise.

Schedule & Location Page

This section provides practical information for clients, including:

• Weekly class schedule
• Opening hours
• An embedded map for location accessibility

The layout ensures information is easy to scan and accessible across all devices.

Contact Page

The Contact page features a functional inquiry form that includes:

• Client-side validation
• Backend processing using PHP
• Automatic database entry upon submission

Each submission generates a unique ID, timestamp, and stores user-provided information securely in the database.

---

💻 Technologies Used

Frontend

The front-end of the project was built using:

• HTML for semantic structure
• CSS (Flexbox & Grid) for layout and responsiveness
• JavaScript for interactivity and dynamic behavior

Backend

The backend is implemented using PHP, following a structured and modular approach inspired by RESTful architecture principles. It manages:

• Form processing
• Data validation
• Database communication

Database

The relational database includes structured tables for:

• User inquiries
• Website content submissions

This architecture ensures organized data storage and scalability for future expansion.

---

🗄 Database Integration

The project integrates a relational database that automatically records user interactions. Each form submission generates:

• A unique identifier
• A timestamp
• The submitted user data

This guarantees:

• Persistent storage
• Administrative tracking
• A foundation for future analytics or reporting tools

---

📱 Responsive Design

The website is fully responsive and optimized for:

• Desktop devices
• Tablets
• Mobile devices

Layouts are built using flexible structures to maintain consistent spacing, readable typography, and intuitive navigation across screen sizes. The navigation system dynamically adapts to smaller screens without compromising usability.

---

🔐 Validation & Security

Basic security practices were implemented to ensure safe data handling, including:

• Client-side form validation
• Secure database connections
• Structured backend data handling

These measures help protect user-submitted information and maintain data integrity.