Mobile-first layout
Fully responsive design built mobile-first with semantic HTML and clean CSS — no layout frameworks or utility classes.
Case Study
Iron Pulse — Personal Training Landing Page
A landing page for a personal training and strength coaching service, built entirely with HTML, CSS and JavaScript — no frameworks, no dependencies. Mobile-first, SEO-ready and deployed on Vercel.
Project gallery
Project overview
Iron Pulse is a landing page for a personal training and strength coaching business based in Belgrade. The goal was to build a professional, conversion-focused site without any JavaScript frameworks — relying entirely on clean HTML, CSS and vanilla JS for maximum performance and simplicity.
The site covers all key conversion elements: service offerings, pricing tiers, a free lead magnet (7-day training plan), client testimonials, FAQ and a contact form with real-time validation.
The challenge
Personal training businesses need to quickly communicate trust, expertise and a clear value proposition. The site had to:
- Present services and pricing clearly without overwhelming visitors
- Work flawlessly on mobile devices
- Load fast with no framework overhead
- Include a lead capture form with client-side validation
- Meet accessibility and SEO standards
What was built
SEO optimization
Complete meta tags, Open Graph, structured heading hierarchy and semantic elements for search visibility and social sharing.
Accessibility
Skip links, keyboard navigation support, proper ARIA attributes and contrast-compliant color choices throughout.
Form validation
Vanilla JavaScript contact form with real-time field validation and user-friendly error feedback — no libraries needed.
Animations
Scroll-reveal effects and subtle pulse animations built with CSS and Intersection Observer — smooth without hurting performance.
Zero dependencies
No npm, no bundler, no framework. Only Google Fonts as an external resource — fast load, simple deployment, easy to maintain.
Tools and technologies
HTML5CSS3Vanilla JavaScriptIntersection Observer APICSS AnimationsOpen GraphSemantic HTMLARIAVercelGoogle Fonts
Result
A clean, fast and professional landing page deployed on Vercel — no build step, no configuration, just a well-structured project that opens directly in the browser. The site is accessible, SEO-ready and covers all conversion touchpoints a personal training business needs.
- Zero framework overhead — pure HTML, CSS and JS
- Mobile-first, fully responsive layout
- SEO and Open Graph ready
- Accessible — keyboard nav, skip links, ARIA
- Live on Vercel with instant global CDN delivery
View the project
The project is live on Vercel and fully open source on GitHub.
Need a landing page like this?
If you need a fast, clean and professional landing page without framework overhead, I can help you build one from scratch.