Sushiman is a modern, responsive landing page for a Japanese food brand. Built using HTML, CSS, and AOS.js, the page includes subtle scroll animations and a clean layout designed with the BEM (Block Element Modifier) methodology.
- 🍱 Fully responsive layout
- 🎯 Clean semantic HTML structure
- 🎨 Styled using BEM naming convention for maintainability
- ✨ Scroll animations powered by AOS.js
- 📱 Optimized for mobile and desktop
- 📂 Easy to extend and customize
- HTML5
- CSS3
- BEM (Block Element Modifier) methodology
- AOS.js – Animate On Scroll
You can see a live preview here:
👉 Live Demo
- Implementing layout from design with pure HTML & CSS
- Structuring styles using BEM for scalability
- Enhancing user experience with scroll-triggered animations
This project is inspired by a YouTube tutorial, but fully rebuilt manually with added animation and structure improvements.