TradeLine - Local Service Business Template

TradeLine is a clean, modern 4-page website template built specifically for local service businesses — the kind of company that lives or dies by phone calls and booked jobs, not blog traffic.

This package includes three complete, ready-to-use variants:

- Mobile Detailing (gold accent) - Pest Control (green accent) - HVAC Services (blue accent)

Each variant is a fully separate set of pages with its own color palette and copy already written in, so you can pick the one closest to your business and start editing immediately — or use any of the three as a starting point for a different local trade entirely.

Every page is built with plain HTML, CSS, and JavaScript. No build tools, no frameworks, no dependencies to install. Open the files directly in a browser or upload them to any host.

Highlights include an interactive before/after comparison slider, a mobile-friendly navigation menu, a three-tier pricing table, a working quote-request form layout, and an FAQ accordion — all styled consistently across four connected pages (Home, About, Gallery, Contact)

Features

- 3 complete theme variants included (Detailing, Pest Control, HVAC)

- 4 connected pages per variant: Home, About, Gallery, Contact - Fully responsive layout with a mobile hamburger menu - Interactive drag-to-compare before/after slider - 3-tier pricing table layout - Quote request form with date picker and service dropdown - FAQ accordion section - Testimonials / reviews section - Clean typography using Space Grotesk and Inter (Google Fonts) - Built with plain HTML, CSS and vanilla JavaScript — no build step - Easy to re-color using CSS variables - Well-commented code with included documentation file

Requirements

- No special software required — works in any modern browser

- Basic HTML/CSS knowledge recommended for customization - A text editor (e.g. VS Code, Sublime Text) for editing content - Any standard web hosting to publish the pages - Internet connection required for Google Fonts to load (or self-host fonts as a substitute)

Instructions

1. Unzip the package.

2. Choose the folder matching your trade (TradeLine-Detailing, TradeLine-PestControl, or TradeLine-HVAC). 3. Open index.html in a browser to preview, or upload the folder's contents to your web host. 4. To customize colors, edit the CSS variables at the top of the <style> section in each HTML file. 5. To update business name, phone number, and copy, use find-and-replace across the four HTML files in your chosen folder. 6. See documentation.txt (included in the package) for full customization notes, including how to connect the quote form to a booking service.