Project Overview
Dentia is a dental clinic website template featuring complete pages including homepage, service introduction, doctor team, and appointment booking. The template uses a deep blue color scheme and supports 5 homepage style variations, making it suitable for dental medical institutions to quickly build a brand website.
Tech Stack
- Bootstrap 5 — Responsive layout framework
- Swiper — Carousel/slider component
- Custom CSS — Theme styles (Urbanist + Inter fonts)
- PHP — Backend processing for contact and booking forms
- JavaScript — Form validation and interactions
Project Structure
dentiahtml-10/Dentia/Dentia HTML/
├── index.html # Homepage entry
├── homepage-2~5.html # Other homepage styles
├── services.html # Services overview
├── service-*.html # 6 detailed service pages
├── dentists.html # Dentist team
├── booking.html/booking.php # Booking form
├── contact.html/contact.php # Contact form
├── blog.html/blog-single.html # Blog
├── about.html # About us
├── faq.html/gallery.html/testimonials.html
├── css/
│ ├── bootstrap.min.css
│ ├── style.css # Main stylesheet
│ ├── swiper.css/plugins.css
├── js/
│ ├── designesia.js # Core interactions
│ ├── swiper.js/custom-swiper-1.js
│ ├── validation-*.js # Form validation
└── images/
Key File Descriptions
index.html— Main homepage template with dropdown navigation menucss/style.css— Complete theme styles defining deep blue color scheme and typography systemjs/designesia.js— Core interaction logic for navigation, scrolling, menus, etc.booking.php/contact.php— Form submission backend usingmail()function to send emailsjs/validation-*.js— Frontend validation scripts for booking/contact forms
Quick Start
Static display: Open index.html directly in your browser
Dynamic forms (requires local/server environment):
# Run with PHP environment
php -S localhost:8000
# Access at http://localhost:8000
Usage Recommendations
- Modify the recipient email addresses in
contact.phpandbooking.phpbefore deployment - Font and icon resources are loaded via CDN — ensure network connectivity
- Booking and contact forms rely on PHP's
mail()function; consider replacing with email services like SendGrid for production environments
