SmileCare Dental — Dental Clinic Website Template
A modern, responsive dental clinic website template — handcrafted and design-reviewed by Themedown. Free for personal and commercial use.
Quick Start
bash
git clone https://github.com/tookit/dental-website-template.git
cd dental-website-template
# Open index.html in your browser, or use a local server:
npx serve .
No build step. No npm install. Just open and go.
Pages
| Page | Description |
|---|---|
| Home | Asymmetric hero + zig-zag services + stats bar + team preview + testimonial + CTA |
| About | Mission & values + office photo + company timeline |
| Services | 4 service categories with alternating image-text layout + FAQ accordion |
| Team | 3 groups (dentists, hygienists, patient care) — 8 team members total |
| Contact | Split layout: contact form + clinic info card + map placeholder |
Tech Stack
- HTML5 — Semantic, accessible markup
- Tailwind CSS — Utility-first styling via CDN
- Alpine.js — Lightweight interactivity (mobile menu, FAQ accordion, testimonial carousel, form state)
- Lucide — Consistent, modern icon set
Features
- Fully responsive — mobile-first, single-column collapse below 768px
- Asymmetric Hero with inline icon typography
- Zig-zag service sections (alternating image-text rhythm)
- Animated stat counters with Mono font numbers
- Auto-advancing testimonial carousel (6s interval)
- FAQ accordion with smooth expand/collapse
- Contact form with submission confirmation
- Sticky navigation with scroll-aware transparency
- Scroll-triggered section reveal animations
- No build tools, no dependencies — works from a static folder
Design System
See DESIGN.md for the complete design specification — color palette, typography scale, component behaviors, layout principles, motion philosophy, and anti-patterns.
License
MIT — free for personal and commercial use.
