Skip to content

ascrer666/partnershipfinal

Repository files navigation

πŸ₯ Quartz Clinique Partnership Website

πŸ“‹ Project Overview

A professional medical tourism partnership website for Quartz Clinique, designed to connect international healthcare partners with premium Turkish medical services. The site features secure partnership applications, virtual clinic tours, and responsive design optimized for global audiences.

Live Demo: quartzclinique.com/partnership

✨ Key Features

πŸ–ΌοΈ Interactive Gallery System

  • Modal Image Viewer with responsive design
  • Timing-optimized loading (no flickering between images)
  • Multiple Close Methods: ESC key, background click, white close button
  • Mobile & Desktop responsive layouts
  • Smooth animations and professional styling

πŸ₯ 360Β° Virtual Tour Integration

  • Real Quartz Clinique virtual tour integration
  • Full-screen modal experience
  • Mobile-responsive iframe sizing
  • Professional presentation with branded header

πŸ“§ Secure Contact System

  • SMTP Email Integration with PHPMailer
  • Spam Protection with mathematical captcha
  • Form Validation (client & server-side)
  • Professional Email Templates with clinic branding
  • Error Handling and success feedback

πŸ“± Responsive Design

  • Mobile-first approach
  • Desktop optimization (1200px+ screens)
  • Cross-browser compatibility
  • Retina display support
  • Touch-friendly interface

πŸš€ Performance Optimizations

  • Smooth scroll navigation between sections
  • Back-to-top button with scroll detection
  • Optimized image loading
  • CSS/JS minification ready
  • MIME type configuration for all servers

πŸ› οΈ Technical Specifications

Frontend Technologies

  • HTML5 semantic markup
  • CSS3 with Flexbox & Grid
  • Vanilla JavaScript (ES6+)
  • Responsive design principles
  • Accessibility features (ARIA labels, keyboard navigation)

Backend Technologies

  • PHP 7.4+ server-side processing
  • PHPMailer for secure email delivery
  • SMTP Configuration for reliable email sending
  • Form sanitization and validation

Server Compatibility

  • Apache/Nginx web servers
  • PHP 7.4+ support
  • SMTP email services
  • SSL/TLS encryption ready
  • Cross-platform file permissions

πŸ“ File Structure

β”œβ”€β”€ index.html              # Main website file
β”œβ”€β”€ styles.css              # Complete stylesheet
β”œβ”€β”€ script-fixed.js         # JavaScript functionality
β”œβ”€β”€ contact.php             # Form processing
β”œβ”€β”€ config.php              # Email configuration
β”œβ”€β”€ .htaccess              # Server configuration
β”œβ”€β”€ fix-permissions.php     # File permissions utility
β”œβ”€β”€ PHPMailer/             # Email library
β”‚   β”œβ”€β”€ PHPMailer.php
β”‚   β”œβ”€β”€ SMTP.php
β”‚   └── Exception.php
β”œβ”€β”€ logo/                  # Branding assets
β”‚   └── Quartz_Logo (1).png
β”œβ”€β”€ img/                   # Website images
β”‚   β”œβ”€β”€ certifications-badge-HQrDjiNV.png
β”‚   β”œβ”€β”€ international-health-tourism-auth-cert.jpeg
β”‚   β”œβ”€β”€ international.png
β”‚   └── sldier-partnership.mp4
β”œβ”€β”€ klinik/               # Clinic gallery
β”‚   β”œβ”€β”€ klinik2.png
β”‚   β”œβ”€β”€ klinik3.png
β”‚   └── klinik4.png
└── README.md             # This documentation

πŸš€ Installation & Setup

1. Server Requirements

  • PHP 7.4 or higher
  • Apache/Nginx web server
  • SMTP email service access
  • SSL certificate (recommended)

2. Quick Deployment

# Upload files to your web directory
unzip QUARTZ-COMPLETE-FINAL.zip

# Set file permissions (Linux/Unix)
chmod 644 *.html *.css *.js *.php
chmod 755 PHPMailer/ img/ logo/ klinik/

# Or use the automated script
php fix-permissions.php

3. Email Configuration

Edit config.php with your SMTP settings:

$smtp_host = 'your-smtp-server.com';
$smtp_username = 'your-email@domain.com';
$smtp_password = 'your-app-password';
$smtp_port = 587; // or 465 for SSL

4. Domain Configuration

Update the virtual tour URL in script-fixed.js if needed:

iframe.src = 'https://www.quartzclinique.com/sanaltur/';

πŸ”§ Development History & Fixes

Major Improvements Implemented

1. Modal System Overhaul

  • βœ… Fixed timing issues between image switches
  • βœ… Added white close button for better UX
  • βœ… Improved click area detection (full modal background)
  • βœ… Enhanced mobile responsiveness
  • βœ… Optimized image loading with onload events

2. Virtual Tour Integration

  • βœ… Integrated real Quartz Clinique 360Β° tour
  • βœ… Professional modal design with branded header
  • βœ… Mobile-responsive iframe sizing
  • βœ… Smooth open/close animations

3. Navigation & UX

  • βœ… Fixed smooth scroll conflicts with form validation
  • βœ… Added back-to-top button functionality
  • βœ… Improved keyboard navigation (ESC key support)
  • βœ… Enhanced mobile menu behavior

4. Form & Email System

  • βœ… Implemented secure SMTP email delivery
  • βœ… Added spam protection with mathematical captcha
  • βœ… Professional email templates with clinic branding
  • βœ… Enhanced form validation and error handling

5. Server Compatibility

  • βœ… Created comprehensive .htaccess for MIME types
  • βœ… File permissions automation script
  • βœ… Cross-server compatibility testing
  • βœ… SSL/HTTPS optimization

Performance Optimizations

  • Reduced JavaScript conflicts between components
  • Optimized CSS loading and rendering
  • Improved image loading strategies
  • Enhanced mobile performance
  • Cross-browser compatibility fixes

πŸ”’ Security Features

  • Form input sanitization and validation
  • CSRF protection mechanisms
  • Secure email configuration with encryption
  • File upload restrictions (if implemented)
  • XSS prevention in form processing

πŸ“± Browser Support

  • Chrome 80+ βœ…
  • Firefox 75+ βœ…
  • Safari 13+ βœ…
  • Edge 80+ βœ…
  • Mobile browsers (iOS Safari, Chrome Mobile) βœ…

🀝 GitHub Integration

You can absolutely push this project to your GitHub repository! Here's how:

Using Replit Git Pane:

  1. Open Tools β†’ Git in your Replit
  2. Stage all files for commit
  3. Commit with a descriptive message
  4. Push to your GitHub repository

Using Shell Commands:

git init
git add .
git commit -m "πŸ₯ Complete Quartz Clinique Partnership Website"
git remote add origin https://github.com/yourusername/your-repo.git
git branch -M main
git push -u origin main

πŸ“§ Support & Contact

For technical support or customization requests:

  • Project: Quartz Clinique Partnership Portal
  • Status: Production Ready βœ…
  • Last Updated: September 2025

πŸ“„ License

This project is proprietary to Quartz Clinique. All rights reserved.


Built with ❀️ for Quartz Clinique Medical Tourism

Releases

No releases published

Packages

 
 
 

Contributors