Skip to content

Page Templates

Complete single-page layouts.

76 component(s)

Nonprofit Charity Homepage Template – Bootstrap 6 home pages preview

Nonprofit Charity Homepage Template

Warm Bootstrap 6 charity homepage with arch photo hero, impact stats, filterable causes with progress bars, an impact slider, a donation form, story carousel, FAQ and footer.

Barbershop Homepage Template – Bootstrap 6 home pages preview

Barbershop Homepage Template

Dark Bootstrap 6 barbershop homepage with a drawer navbar, price-list tabs, barber cards, a booking form with Combobox and Datepicker, reviews, live opening hours and a footer.

Beauty Salon Homepage Template – Bootstrap 6 home pages preview

Beauty Salon Homepage Template

Dark plum Bootstrap 6 beauty salon homepage with arched photo hero, tabbed price list with a service basket, artists, review carousel, online booking calendar and gift cards.

Pet Care and Vet Homepage Template – Bootstrap 6 home pages preview

Pet Care and Vet Homepage Template

Warm Bootstrap 6 veterinary clinic homepage with live open status, filterable services and prices, first-visit stepper, vet team, pet reviews and an appointment form.

Plumber and Home Services Homepage Template – Bootstrap 6 home pages preview

Plumber and Home Services Homepage Template

Bold navy and orange Bootstrap 6 plumber homepage with a 24/7 emergency bar, call-back form, service area map with ZIP checker, flat-rate price table, review carousel and FAQ.

Event Invitation Email with RSVP – Pure CSS email templates preview

Event Invitation Email with RSVP

Dark email-safe event invitation with stage photo, date/time/location table, agenda highlights, Yes/No RSVP buttons and add-to-calendar links.

Cleaning Service Homepage Template – Bootstrap 6 home pages preview

Cleaning Service Homepage Template

Fresh mint Bootstrap 6 cleaning service homepage with a quick price check hero, package prices by frequency, room checklist tabs, live booking estimate, reviews and FAQ.

Auto Repair Shop Homepage Template – Bootstrap 6 home pages preview

Auto Repair Shop Homepage Template

Bootstrap 6 auto repair shop homepage with service price tabs, a step-by-step booking form with live estimate and calendar, repair tracker, reviews carousel and FAQ.

Car Dealership Homepage Template – Bootstrap 6 home pages preview

Car Dealership Homepage Template

Bootstrap 6 car dealership homepage with inventory search, filterable vehicle cards, a loan payment calculator, pre-approval dialog, reviews and test drive booking.

Interior Design Homepage Template – Bootstrap 6 home pages preview

Interior Design Homepage Template

Warm Bootstrap 6 interior design homepage with arched photo hero, services, tabbed portfolio, before/after range slider, process accordion, reviews and a consultation form with datepicker.

Architecture Studio Homepage Template – Bootstrap 6 home pages preview

Architecture Studio Homepage Template

Bootstrap 6 architecture studio homepage with a drawer navbar, filterable project grid with detail dialog, philosophy, process stepper, client quotes, awards and an enquiry form.

Payment Failed Email – Pure CSS email templates preview

Payment Failed Email

Email-safe card declined template with an alert banner, subscription and amount summary, decline reasons, update payment button and relative retry wording.

Construction Company Homepage Template – Bootstrap 6 home pages preview

Construction Company Homepage Template

Dark Bootstrap 6 construction company homepage with a photo hero, live project tracker, services grid, filterable projects with detail dialog, process stepper, safety stats, testimonials and bid form.

Insurance Company Homepage Template – Bootstrap 6 home pages preview

Insurance Company Homepage Template

Bootstrap 6 insurance company homepage with an instant quote form, coverage cards, bundle plans with yearly pricing, claims stepper and dialog, reviews, FAQ and agent CTA.

Fintech Banking Homepage Template – Bootstrap 6 home pages preview

Fintech Banking Homepage Template

Light Bootstrap 6 digital bank homepage with an app-card hero, account tabs, card controls demo, savings calculator with range sliders, reviews, sign-up form with password strength and FAQ.

Crypto Wallet Homepage Template – Bootstrap 6 home pages preview

Crypto Wallet Homepage Template

Dark Bootstrap 6 crypto wallet homepage with a live price ticker, phone mockup hero, feature bento, combobox swap preview, security stepper, market tabs, reviews and FAQ.

AI Tool Homepage Template – Bootstrap 6 home pages preview

AI Tool Homepage Template

Dark Bootstrap 6 homepage for an AI writing tool with a live tone-rewrite editor demo, feature grid, use-case tabs, pricing switch, reviews, FAQ and signup with password strength.

Re-engagement We Miss You Email – Pure CSS email templates preview

Re-engagement We Miss You Email

Email-safe win-back template with a friendly headline, what's new list with thumbnails, comeback offer card, return button and one-click unsubscribe.

Mobile App Landing Homepage Template – Bootstrap 6 home pages preview

Mobile App Landing Homepage Template

Bootstrap 6 mobile app landing page with a phone mockup hero, store buttons, feature bento, screenshot carousel, stepper, reviews, FAQ and a download-link form.

Freelancer Homepage Template – Bootstrap 6 home pages preview

Freelancer Homepage Template

Bootstrap 6 freelancer homepage for a copywriter or consultant with services, a process stepper, packages, a price estimator, review carousel, FAQ and discovery call booking form.

Personal Portfolio Homepage Template – Bootstrap 6 home pages preview

Personal Portfolio Homepage Template

Bootstrap 6 personal portfolio homepage for a designer or developer with an arch portrait hero, filterable projects, case study dialog, experience stepper, testimonials and contact form.

Photographer Portfolio Homepage Template – Bootstrap 6 home pages preview

Photographer Portfolio Homepage Template

Dark Bootstrap 6 photographer portfolio homepage with a photo mosaic hero, tabbed gallery and viewer dialog, package price estimator, reviews and booking form.

Wedding Planner Homepage Template – Bootstrap 6 home pages preview

Wedding Planner Homepage Template

Elegant Bootstrap 6 wedding planner homepage with arched photo hero, service packages, planning stepper, filterable gallery lightbox, review carousel, FAQ and inquiry form.

Invoice Receipt Email – Pure CSS email templates preview

Invoice Receipt Email

Email-safe payment receipt template with amount paid, invoice details, line items, tax and total, and a bulletproof Download PDF invoice button.

What are page templates?

Page templates are complete single-page layouts that combine navigation, content sections and a footer into one ready-to-use HTML page. Instead of assembling a page section by section, you start from a finished layout such as a landing page, homepage, pricing page, about page, blog page, login screen, dashboard, 404 page or coming soon page, and replace the content with your own.

When to use a page template

Templates are ideal for prototypes, MVPs, internal tools and small marketing sites where speed matters more than a fully custom design. They are also a good learning resource: reading a complete page shows how containers, grids, spacing and components work together in a real layout.

Tips for adapting a template

  • Replace the placeholder text, images and links first, then adjust colours and fonts.
  • Keep a single <h1> and a logical heading order; update the <title> and meta description for each page.
  • Remove sections you do not need rather than hiding them with CSS.
  • Check landmarks: one <header>, <nav>, <main> and <footer>, and add a skip link if the template does not have one.
  • Test the layout at phone, tablet and desktop widths and with keyboard-only navigation.
  • Optimise images, add width and height attributes, and lazy-load anything below the fold.
  • Replace demo forms with real endpoints and server-side validation before going live.

Bootstrap 6, Bootstrap 5, Tailwind and pure CSS templates

Page templates are available for Bootstrap 6, Bootstrap 5, Tailwind CSS and pure CSS. The Bootstrap 6 templates use the new alpha with ES module JavaScript, <dialog>-based components and theme-* colour roles, so re-theming a whole page is straightforward. Bootstrap 5 templates use the stable framework you probably already know, and Tailwind and pure CSS templates work without a component library. Filter by framework, explore the live preview at different widths, then copy the full HTML from the code tabs or download the template and start editing.