One page · Front-end interface
Travel is a web page that offers visitors an immersive and engaging visual experience.
Travel is a web page that offers visitors an immersive and engaging visual experience. The page is designed to showcase travel and beach themes, with a background video that acts as an invitation to discover paradise-like destinations.
By using images, colors and words to describe destinations or products, you can create an immersive experience that encourages visitors to book a trip.
This exercise highlights my command of HTML/CSS integration and of responsiveness: structuring an interface around a full-screen medium, keeping text readable over a video, and refining the visual rendering without resorting to JavaScript. It illustrates the way I approach a one page, from the structure of the markup to the finishing touches of animation and contrast.
HTML/CSS integration without a framework
A one page built using only HTML and CSS, with clean markup and a well-managed layout around a full-screen medium, without any external dependency.
Immersive background video
A video covers the entire hero area to create a travel atmosphere, with an overlay and a text hierarchy that keep the message readable in the foreground.
Responsive layout
The interface adapts from mobile to large screens thanks to modern CSS techniques, to keep a crisp rendering and comfortable reading on every format.
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 QR Code
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.
A project along the same lines?
Tell me about your needs — I'll quickly let you know what's relevant and realistic.