Project Overviewlink

Optilux is a static HTML website template designed for eye clinics, optometrists, and optical stores. It offers 5 homepage styles along with complete pages for services, doctors, appointments, blogs, etc., making it suitable for quickly building medical business websites.

Tech Stacklink

• Bootstrap 5 (CSS Framework)
• Swiper.js (Carousel Component)
• Google Fonts (Urbanist / Manrope Fonts)
• Font Awesome 6 + Elegant Icons + ET-Line Icons
• PHP (Only contact.php / booking.php provide form backend)

Project Structurelink

eyeclinichtml-10/Optilux/
└── Optilux HTML/
    ├── index.html          # Homepage (Style 1)
    ├── index-2~5.html      # Other homepage variants
    ├── about.html
    ├── services.html
    ├── our-doctors.html
    ├── booking.php         # Appointment form backend
    ├── contact.php         # Contact form backend
    ├── blog.html
    ├── shop.html
    ├── testimonials.html
    ├── faq.html
    ├── pricing.html
    ├── css/
    │   ├── bootstrap.min.css
    │   ├── style.css       # Main stylesheet (includes CSS variable definitions)
    │   ├── plugins.css
    │   └── coloring.css
    └── js/
        ├── designesia.js
        ├── custom-swiper.js
        └── validation-*.js

Core File Descriptionlink

• index.html — Template entry homepage, displays clinic overview and navigation
• css/style.css — Main stylesheet, defines CSS variables for colors, fonts, typography, etc.
• contact.php / booking.php — Form submission backend (requires server PHP environment)
• js/custom-swiper.js — Swiper carousel instance configuration
• about.html — Clinic introduction page

Quick Startlink

1. Open Optilux HTML/index.html directly in a browser to preview (pure HTML pages, no build required).
2. To use contact/appointment forms, deploy the Optilux HTML/ directory to a PHP-supporting web server.
3. To change color schemes, modify the reference path to css/colors/scheme-01.css.

Usage Suggestionslink

• All demo images in the template (images/demo/) need to be replaced with actual assets; these image files are not included in the current archive.
• The navigation menu is defined in index.html via <ul id="mainmenu"> and should be kept consistent when copied to other pages.