Template setup
Read me: make it yours
Thanks for choosing this template. It’s plain HTML + CSS — no build step, no dependencies. Ten minutes here saves an hour later.
№ 01
Replace the brand words. Search every .html file for Alder, Boise, Dr. Maya Alder, (208) 555-0163, and 2418 W State St, and swap in your practice’s name, city, dentist, phone, and address. Update hours in the header CTA band and footer while you’re there.
№ 02
Re-skin in one place. Every color, radius, and shadow lives in the token block at the top of assets/site.css (the :root section). Change --c-teal / --c-tealDeep for a new accent, --c-sky / --c-sand for the section tints — the whole site follows. Keep text/background pairs at WCAG AA (4.5:1).
№ 03
Fonts are self-hosted in assets/fonts/ (Outfit + Source Sans 3, SIL OFL — license included). No Google Fonts request, no cookie banners needed for fonts. To swap typefaces, replace the .woff2 files and the family names in fonts.css and the two --f- tokens.
№ 04
Wire real booking. On book.html, replace the marked “scheduler embed slot” with your NexHealth, LocalMed, or Calendly embed code. Then point the request form at your inbox or CRM (Formspree, Basin, or your practice software’s web-to-lead) — the form is intentionally static until you do.
№ 05
Keep the form HIPAA-safe. The intake form deliberately collects no medical or dental details. Keep it that way unless your form processor is HIPAA-compliant and you have a signed BAA. Never route health information through a generic form service.
№ 06
Swap the smile gallery. The before/after tiles on index.html are CSS-composed placeholders by design. Replace them with your own patient photos — written consent required for every photo, no exceptions — or delete the section until you have consented cases.
№ 07
Make the numbers yours. Every price on the site (the $89 offer, “from” anchors, implant and aligner ranges, membership plan) is template copy. Set your real fees, your real insurance list, and your real review count — then have your dentist review every clinical claim before launch.
№ 08
Analytics. No tracking ships with this template. Paste your analytics snippet (Plausible, Fathom, or GA4) before </body> on each page — and disclose it in privacy.html.
№ 09
Go live. Update the JSON-LD block in index.html (name, address, phone, URL, hours) — it powers your Google Business result. Then remove the <meta name="robots" content="noindex, nofollow"> line from every page (it’s there so this demo stays out of search), connect your domain, and submit your sitemap in Google Search Console.
Compliance
This template avoids outcome guarantees by design — don’t add “perfect smile in X days” claims. Before/after photos require written patient consent. Keep the “individual results vary” and written-quote disclaimers visible. Dental advertising rules vary by state; when in doubt, ask your state board or counsel.
How this template is built
Nine static pages, one stylesheet, zero external requests — it works from a plain folder, any host, even file://. All paths are relative. Fonts are bundled. The whole folder is under half a megabyte, so it’s fast on any connection.
Questions, or want it done for you? studio@upshiftsites.com · done-for-you setup and customization at upshiftsites.com/store.