A clean, modern, fully responsive personal site for a GC/Construction + Finance + Ops + Tech professional.
- Mobile-first, responsive layout
- Sticky header, smooth reveal animations
- Project cards (KD Construction, Adler Hydro Vac, RIDIS, ProjectSense AI)
- Skills, credentials, and contact form (mailto)
- SEO tags + Open Graph + JSON-LD
- Dark/Light theme aware with toggle
- Create a new GitHub repo named
<your-username>.github.io(required for user pages), or any repo if you prefer project pages. - Upload these files to the repo root (index.html, styles.css, script.js, assets/).
- For User Pages (recommended): visiting
https://<your-username>.github.ioservesindex.htmlautomatically.- For Project Pages: enable GitHub Pages in Settings → Pages → Deploy from branch → root.
- Replace placeholder text, images in
assets/(use your own JPEGs). - Update contact email in
index.htmlform (search formailto:).
- Buy a domain (Namecheap, Cloudflare Registrar).
- In repo → Settings → Pages → Custom domain → add
yourdomain.com. - Add DNS CNAME:
your-username.github.io. - Enable Enforce HTTPS.
- Colors in
:rootCSS variables. - Add/remove project cards in the
#projectssection. - Replace the Open Graph image path and JSON-LD content in
<head>.
Use this site as your live baseline while we build a Framer version:
- Copy section structure and copywriting into a Framer template.
- Reuse the same project thumbnails and text.
- Point your domain to Framer once ready.
Made to pair with your KD + Adler portfolio.