Client preview site for the Maryland Municipal League Black Caucus, built from the approved homepage mockup. Static HTML/CSS/JS — no build step required.
Tagline: Developing Leaders. Advancing Communities. Shaping Maryland's Future.
index.html — full homepage (all sections)
css/styles.css — site styles (maroon/gold/cream palette from the mockup)
js/main.js — mobile nav + events carousel
- Go to vercel.com and sign in (with GitHub is easiest).
- Click Add New… → Project and import this repository.
- Framework Preset: Other. Leave build command and output directory empty (it's a static site served from the repo root).
- Click Deploy. In under a minute you'll get a live URL like
https://<project-name>.vercel.app— share that with the client. - Every push to the production branch automatically redeploys the site.
Tip: if the repo is private and you want the client to view without a Vercel login, make sure Deployment Protection is off for the project (Vercel dashboard → Project → Settings → Deployment Protection).
The client (Natalie) is providing assets via Dropbox. Swap these when they arrive:
| Asset | Where it goes |
|---|---|
| Official logo | index.html — the two .logo-placeholder blocks (header + footer). Drop the file in assets/ and replace the inline SVG with an <img>. |
| Hero photo | .photo-placeholder-hero block in the hero section |
| Maryland map graphic | .map-placeholder block in the About section |
| Strategic-priority icons | The three .priority-icon blocks (currently placeholder SVGs) |
| Mid-section (Academy) background photo | .academy section background in css/styles.css |
| Event photos + confirmed dates | .photo-placeholder-sm blocks in the three .event-cards |
| News photos | .photo-placeholder-news blocks in the From the Caucus section |
| Real phone number | Footer — currently (410) 000-0000 |
| Social media URLs | Footer .social-links hrefs (currently #) |
Any static server works, e.g.:
python3 -m http.server 8080
Then open http://localhost:8080.