Projects › Hall Mark & Associates

Hall Mark & Associates

A professional single-page website for a Southern California door and window installation contractor — featuring an auto-cycling hero slideshow, masonry portfolio gallery, manufacturer showcase, and a multi-layer spam-filtered inquiry form.

Hall Mark & Associates
Active Client work March 2026

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:

  1. Honeypot field — hidden input that real users never fill
  2. Timing check — submissions faster than 10 seconds are rejected
  3. One-time nonce — session-bound token consumed on first use; replays and double-submits are silently discarded
  4. Blocked domain list — maintained blocklist of known spam sender domains
  5. IP rate limiting — maximum 3 submissions per IP in a rolling 60-minute window, tracked via per-IP log files
  6. 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.

Tech stack

php javascript html css
All projects