One page · Front-end interface
Carte QR Code is a build based on the Frontend Mentor challenges, starting from a design image to recreate a one-page layout from scratch with HTML & CSS.
Carte QR Code is a build based on the Frontend Mentor challenges, starting from a design image to recreate a one-page layout from scratch with HTML & CSS.
QR codes are increasingly popular as a way to store and share data quickly and easily. This card displays a QR code that can be scanned with a smartphone or another device to access the Frontend Mentor website.
This project demonstrates my discipline with the fundamentals of web integration. It highlights my ability to reproduce a design pixel for pixel, to write clean and readable CSS, and to deliver a responsive interface faithful to the design. A short but representative exercise of the care I put into visual detail.
Pixel-perfect integration
A faithful reproduction of the design in HTML/CSS, with constant attention to detail: proportions, spacing, shadows and rounded corners matching the reference visual.
Pure HTML & CSS
A one-page build created without any framework or library, from clear HTML markup and structured, readable, easy-to-maintain CSS.
Responsive layout
A card that is perfectly centered and readable on every screen size, from mobile to desktop, for a consistent interface everywhere.
Desktop version
Tablet version
Carousel Vertical
Discover a new way to scroll through your photos, with a vertical carousel.
Carte Animee
The animated card is an interactive feature that lets users hide information on a card and reveal it on hover.
Carte Recapitulatif Commande
Order Summary Card is a build based on the Frontend Mentor challenges, starting from an image design to recreate a one-page layout from scratch with HTML & CSS.
A project along the same lines?
Tell me about your needs — I'll quickly let you know what's relevant and realistic.