Nike Landing Page
A clean, responsive Nike landing page recreation focusing on fundamental web technologies — HTML, CSS, and JavaScript — demonstrating strong grasp of core frontend skills.
Technologies Used
Problem
Strong fundamentals are the foundation of great frontend engineering. This project demonstrates my ability to build polished interfaces without relying on frameworks.
What I Built
A responsive Nike landing page that closely matches the original design, built entirely with vanilla HTML, CSS, and JavaScript — no frameworks, no libraries.
Challenges
Achieving pixel-perfect accuracy without a design system or component library, handling responsive breakpoints with pure CSS, and creating smooth interactions with vanilla JavaScript.
Architecture
Static HTML with modular CSS (BEM methodology) and vanilla JavaScript for interactions. No build tools — pure fundamentals.
Key Features
- Pixel-accurate recreation of Nike design language
- Fully responsive layout across all viewports
- Clean, semantic HTML structure
- Custom CSS animations and transitions
- Vanilla JavaScript interactions