Construction company website kit

About this kit

A builder’s website is usually read months before any work starts, by people trying to decide whether a project is affordable and who they can trust with their house. They look at finished work first, then want to know what you build, roughly how long it takes and what it tends to cost, how the process works from first call to handover, and whether you are licensed, insured and willing to put a warranty in writing. Only then do they fill in a form, and they want to know what happens after they press send.

The six pages in this kit follow that order of questions. The header keeps a Request a quote button on every page. The home page opens with the service area and the quote button over a wide project photo, then shows three recent projects, the four services, the four-step design-build process, the licensing, insurance and warranty assurances, a client quote and a closing prompt. The services page gives kitchens, additions, whole-home renovations and custom homes their own block with scope, typical timeline, an illustrative budget range and what drives the cost. The projects page pairs a portfolio grid with one full project write-up, and the quote page combines the request form with the next steps, the service area and an FAQ about permits, living at home and payments.

Import the header and footer first, then home, services, projects and quote. The header and footer belong in Elementor Theme Builder so they appear on every page, which needs Elementor Pro; without Pro, paste them at the top and bottom of each page or keep your theme’s header. The quote form also becomes an Elementor Pro Form. Before you publish, replace the company name, towns, phone number and every budget range with figures from your own recent jobs, and state your license and insurance details the way your state requires.

Colors and fonts

Every page in the kit uses the same palette and font pair, so pages imported one by one still look like one site. After import, the colors and fonts are ordinary Elementor settings on each widget.

• Headings: Archivo
• Body text: IBM Plex Sans

How to install the kit

1. Download the kit. The ZIP holds one Elementor JSON template per page and per header/footer, the HTML source of each, and a README.
2. In WordPress, open Templates → Saved Templates → Import Templates and import the JSON files you need.
3. Create each page, choose “Elementor Canvas” or “Elementor Full Width” as the page template, and insert the matching saved template.
4. With Elementor Pro, assign the header and footer in Theme Builder. Without Pro, keep your theme’s header and footer and skip those two files.
5. Replace the sample text, images, prices and contact details before publishing. Forms in the kit need Elementor Pro and an action set after import.