S-18 · Site recreation · 2026-10-08
Varnelo
Safeer recreation
Recreation of a travel agency template site in 22 pages, with a 3D photo ring, tour filter and booking form
How it was made
The original is a travel agency template built with Webflow. It has detail pages for 4 tours, 4 trips and 4 blog posts.
Below the hero, 14 photos stand in a cylinder that turns once every 50 seconds. It moves with CSS 3D transforms and one keyframe, without WebGL.
The cylinder's card angle (25.71°), distance (480px) and rotation time were carried over from the original values.
Clicking a tour filter reorders the text cell positions of the remaining rows in visible order. The behavior was checked by capturing each filter state.
The original photos were in a generated-image style, so they were replaced with 74 real Unsplash photos. Initial circles fill the face photo slots in reviews.
Key features
- CSS 3D photo ring hero
- 4 tour filter tabs
- Review slider · FAQ accordion
- Video and gallery lightbox · booking form
Where and how to use it
Suits small travel agencies with around 10 tour products. Tour list, detailed itinerary, reviews and booking form are linked.
Industries
- Small travel agencies
- Tour and experience products
- Lodging and resorts
Reusable screens and features
- Tour list and filter
- Tour and trip itinerary details
- Review slider
- Booking form
Points to check
The booking form is validated but not submitted. Each tour needs 2 or more real photos.
After reading the document
The live site opens in a new window.
Go to site(opens in new window)