Contenza – Container Shipping Booking Landing Page HTML5 Template

About This Item

This container shipping booking landing page template is one HTML5 page with one goal. Contenza is a bold, container-yellow one-page booking landing page for container lines, ocean freight forwarders and shipping agents.

Every call to action leads to one goal – booking a container shipment – through a five-step freight request: shipment, cargo, services, company, review, priced as you go. The fleet shows its price range lane by lane, and a live tracker follows any booking by its number.

Container yellow on white and ink, Sarabun headings, Martian Mono figures and real port photography set the look. The header is a set of anchor tabs that glide to each section and light up as you scroll. Also, the page ships with a light theme and a night shift, right-to-left support and WebGL layers.

In short, every section on the page leads to that one action. Also, the contact form works out of the box, so you can launch as soon as your content is in.

Container Shipping Booking Landing Page: One Page, Built To Convert

• Hero Slider: First, a yellow hero with a container to price, the documents for dangerous goods and the load planner.
• Track Bar: Then, a tracking number in, the shipment’s events out.
• Storage And Services: Next, full containers, groupage, reefers, project cargo and customs.
• Tiles and Figures: After that, live tracking, rail cargo and the year in numbers.
• Testimonials: Also, clients’ voices on a parallax photo band.
• Box Sizes: Then, the stage opens close on a EUR pallet and draws back until a 20 ft and a 40 ft container stand beside it, all at one scale.
• The Global Network: Next, the offices and the people behind them.
• Film: In addition, the port at work in a video popup.
• Pricing – The Fleet: After that, each box with its price range for the lane you pick, and Book This Box.
• Track A Shipment: Also, demo numbers, the events and the estimated delivery.
• The Offices: Then, the operating offices and their clocks.
• Request A Freight: Next, five steps priced as you go, with a reference at the end.
• Contact: Finally, the 24/7 support line, the office and a contact form, and a Google map with the ops desk hours.

Container Shipping Booking Landing Page Features

• One-page booking landing with a single goal: a container shipment
• Anchor-tab header with smooth scrolling and a scroll-spy that marks the current section, mirrored in the mobile menu
• A light theme by default and the night shift on one switch, remembered between visits, with no flash on load
• Right-to-left stylesheets and a flag language picker that turns the page around (Bootstrap RTL included)
• A WebGL graticule beside the titles and a container ship on Gerstner waves in the footer
• Real forwarding logic: lane rates, container floor plans, shipment events, office clocks by time zone
• Hero slider, testimonial slider, live tracking, parallax photo band, video popup, price ranges
• prefers-reduced-motion support for accessibility
• CSS-variable design tokens for both themes
• Working PHP form handler with optional invisible reCAPTCHA v3
• Font Awesome Free loaded locally, plus line icons and container renders
• Fully responsive with a desktop-first breakpoint system and wide-screen layouts
• W3C valid, zero console errors
• Well-commented code with a numbered CSS table of contents and JS index

Before You Buy

First, open the live demo and scroll the whole page. Then, check it on your phone. Finally, compare the sections above with the action you need.

Credits

Bootstrap 5.3, jQuery 3.7.1, Swiper 11, GSAP 3 with ScrollTrigger, Fancybox 3.5, Font Awesome Free, RTLCSS, Google Fonts (Sarabun, Martian Mono).

Note

All images are used for preview purposes only and are not included in the download package – they are replaced with neutral placeholders, the container renders included. The logo files, the line icons and the language flags are included.

Browse more Logistics & Shipping landing pages, or the multi-page Logistics & Shipping website templates.