Noble Finances
Noble Finances is a responsive marketing site built with HTML and CSS to showcase services for a fictional tax and bookkeeping firm.
This project is part of my frontend dev portfolio — a chance to practice real-world layout, semantic HTML, accessibility, and responsive design. JavaScript interactivity and deployment are in progress.
What It Does (So Far)
- Highlights core financial services with structured content cards
- Features a hero section with a clear call-to-action
- Includes an “Audience” section tailored to freelancers, families, and small businesses
- Responsive navigation with mobile-first media queries
- Footer with tagline, copyright, and clear links
Tech Stack
- HTML5 (semantic structure + accessibility considerations)
- CSS3 (custom responsive design with styles.css + mediaqueries.css)
- JavaScript (modular file for testimonials interactivity) (Coming soon)
- Git for version control and incremental commits
Why I Built This
- I created Noble Finances to practice building a marketing site directly from a Figma design (https://plum-lunar-server.figma.site/).
- My goal was to translate a static mockup into responsive, accessible, production-ready code. This project gave me a chance to:
- Refine my responsive design workflow
- Match layout and typography closely to the design system
What’s Next
- Update and refactor breapoints for mobile and tablet viewports.
- Add service icons with SVG for sharper visuals.
- Add appointment booking form as a stretch goal.
Try It Out
👉 Live Site Live site link: (Netlify deployment in progress).
Let’s Connect
I’m Alex Walker — a social strategist turned developer, now building tools and sites that blend clarity, care, and community. I’m currently seeking a junior frontend dev role on a mission-driven team.
This project was built independently with support from ChatGPT as a learning and debugging tool. Every line of code was reviewed and customized as part of my frontend development practice.
— Alex Walker