2024

SaaS Landing Page

A recreation of a modern SaaS landing page to practise translating design mockups into code. Includes animated hero sections, feature grids, pricing comparison tables, and a responsive navigation bar.

HTML

CSS

JavaScript

Figma

Live Demo View on GitHub

Lessons Learned

Translated Figma designs into semantic HTML and CSS
Implemented CSS Grid and Flexbox for complex layouts
Added scroll-triggered animations with Intersection Observer