Hi!
Back to all projects

Slicing SMK Coding

A clean, responsive HTML & CSS slicing project for the Liga SMK web platform.

smk-coding
Click to expand

Liga SMK Slicing is a web UI slicing project focused on converting the Liga SMK platform design mockup into a fully functional, responsive web interface. Built completely with pure HTML and CSS, this project emphasizes precise UI reproduction, clean layout structure, and cross-device responsiveness without relying on external JavaScript frameworks.

Key Highlights

  • Pixel-Perfect Slicing: Accurately translates design mockups into clean, semantic HTML markup.
  • Responsive Layout: Engineered with modern CSS layout techniques to ensure smooth adaptation across mobile, tablet, and desktop viewports.
  • Pure HTML & CSS: Lightweight and dependency-free implementation for fast rendering and optimal performance.
  • Structured UI Components: Clean code structure for easy maintenance and potential integration into dynamic frameworks.

Tech Stack

  • Structure & Markup: HTML5
  • Styling & Layout: CSS3 (Flexbox, CSS Grid, Media Queries)

More Projects

View all
MyUang

MyUang

A cross-platform personal finance mobile app built with Ionic Vue and Capacitor, featuring multi-wallet tracking, PIN security, budgeting, and savings goals.

Dusun Bambu

Dusun Bambu

A modern web redesign focused on intuitive navigation and seamless visual experience.

Cherry Decision Maker

Cherry Decision Maker

An AI-powered decision-making assistant built with Nuxt.js and Google Gemini, featuring systematic criteria scoring via an interactive chat interface.