Aziz Saif · Tech Notes
Home Websites Built Dr. Hadi Shahid
Legacy Biography · Chartered Accountants

Dr. Hadi Shahid

drhadishahid.com

The official legacy biography of Dr. A. Hadi Shahid — Founder & Managing Partner of Alliott Hadi Shahid Chartered Accountants & Consultancy, Abu Dhabi. Fifty years of service to the profession across the UAE, Pakistan & Afghanistan — audit, commercial law, forensic accounting, arbitration & succession management. “A tribute to five decades of excellence.”

IndustryProfessional Services · Accountancy
Build Time3 days
Status● Live
Dr. Hadi Shahid portrait

A dignified static site for a 50-year legacy

HTML5, hand-crafted CSS with a navy & gold palette (Cinzel for titles, Lora & Cormorant Garamond for body) and vanilla JavaScript. Schema.org Person markup, Open Graph & Twitter cards for shareable previews. Hosted on GitHub Pages with the custom domain drhadishahid.com.

Frontend
HTML5 + custom CSS
Navy & gold — navy #0f2740, gold #b8892a, parchment #fbf8f0. Classical, heritage feel.
Typography
Cinzel + Lora + Cormorant Garamond
Roman titling for chapter headers; serif body for long-form reading.
Interactions
Vanilla JavaScript
Smooth scroll, sticky nav, gallery lightbox — no frameworks.
SEO
Schema.org Person + OG
Structured data for biography, employer, education & social profiles — rich results-ready.
Hosting
GitHub Pages + Custom Domain
drhadishahid.com with CDN, free hosting, instant deploys.
Assets
Press Archive & Media Gallery
Sharjah TV poster, YouTube Ammar Sheikh feature, partner portraits & firm logos — all lazy-loaded.

From brief to live URL

A biography site for a senior accounting professional demands accuracy, restraint & timelessness — not flash.

Interview & source archive

Collected biographical milestones, firm history, press clippings & partner portraits directly from the Alliott Hadi Shahid archive.

Information architecture

Mapped the 50-year arc into chapters — early years, ICAP Fellowship, Alliott Global Alliance, philanthropy & succession.

Heritage design system

Navy & gold palette with classical roman titling — legible on print-style parchment background.

Hand-coded build

Semantic HTML, mobile-first CSS & structured data — tested on real devices with slow networks.

Deploy & SEO

Schema.org Person markup, sitemap, robots.txt & canonical tags. Hosted on GitHub Pages with SSL.

3 days
Build Time
0
Frameworks
100%
Hand-Coded
50+
Years Documented

What makes this site work

Small decisions that make the biography feel like a published memoir, not a marketing page.

Feature
Legacy Chapter Page
A dedicated legacy.html long-form detail page — the full career narrative, not a homepage summary.
Feature
Partner Gallery
Portraits of the partner bench — Imran, Qaiser, Samir, Sarmad & Zaheer — giving the firm a human face.
Feature
Press Archive
Sharjah TV appearance poster & Ammar Sheikh YouTube feature — primary sources, not stock imagery.
Feature
Rich SEO Schema
Schema.org Person with employer, sameAs social links & long-form description — ready for Google Knowledge Panels.
Feature
Privacy & Tech-Doc Pages
Standalone privacy & technical documentation pages — the site is built to be audited, not just visited.
Feature
Persistent Home Button
Floating home button across every subpage — navigation never gets lost in a long biography.

See it live

Open the production site to experience the design, content & interactions firsthand.

Visit drhadishahid.com →