Overview
Hall Mark & Associates is a licensed CSLB contractor based in the San Fernando Valley specializing in premium window and exterior door installation. Founded in 1992, the company works on high-end residential new construction, multi-unit developments, and select remodeling projects across Southern California.
The site is a clean, single-page PHP site built from scratch — no CMS, no framework — designed to present the company professionally and convert visitors into inquiry leads.
Design & Layout
The design uses a restrained gold-and-slate palette drawn from the company's existing logo, with a sticky header, smooth anchor-link navigation, and a fully responsive layout down to mobile. Key sections:
- Hero — full-width background image with a phone number, CTA button, and an auto-cycling slideshow that preloads each image before swapping
- Services — three-card grid with gold accent borders
- About — company history copy with circular team member photos (Mark Hall, Gregorio, Skye)
- Portfolio — 4-column masonry gallery (responsive down to 2 columns) with a full-screen lightbox viewer on click; 35+ project photos
- Manufacturers — logo shelf grid displaying 20 manufacturer logos in grayscale, colorizing on hover; ordered alphabetically via server-side
natcasesort - Contact — two-column inquiry form with name, email, phone, address, city, referral source, project type, and project details
Inquiry Form & Spam Filtering
The contact form submits via fetch() to a PHP backend with a six-layer bot filtering pipeline before any email is sent:
- Honeypot field — hidden input that real users never fill
- Timing check — submissions faster than 10 seconds are rejected
- One-time nonce — session-bound token consumed on first use; replays and double-submits are silently discarded
- Blocked domain list — maintained blocklist of known spam sender domains
- IP rate limiting — maximum 3 submissions per IP in a rolling 60-minute window, tracked via per-IP log files
- Keyword & gibberish filtering — scans project type and details fields against a phrase list (VA spam, SEO spam, etc.) and rejects strings with abnormally low vowel ratios
Bots always receive a success response so they never know they were blocked. All attempts — sent and blocked — are appended to an log with name, email, IP, project type, and block reason.
Admin Panel
A lightweight admin panel gives the client full control over site content without touching code:
- Slide Manager — upload, rename, and delete hero slideshow images; warns if the required main image is missing; auto-resizes uploads wider than 1920px
- Portfolio Manager — upload, rename, and delete portfolio photos; auto-resizes uploads wider than 800px; numeric filename prefixes control display order
- Manufacturer Manager — upload, rename, and delete manufacturer logos; order controlled by filename prefix
All three managers use PHP GD for server-side image resizing and share a consistent dark nav bar and card-grid UI.
Manufacturers Supported
Andersen, Arcadia, Awake, Euroline Steel, Fleetwood, JELD-WEN, Kolbe, La Cantina, Lincoln, Loewen, Marvin, Milgard, NanaWall, Otiima, Pella, Sierra Pacific, Southland, Torrance Steel, Weather Shield, Western.
Nerd Cave