Logistics

Author: Colorlib

Updated: October 2026 · v3.0.1

Credits: Images from Unsplash

Logistics is a website template for freight forwarding and logistics companies, built on Bootstrap 5. The layout is responsive and mobile-ready and works in all popular web browsers. It comes with six pages: home, about, services, industries, blog and contact.

The home page has a full-screen hero with a parallax photo, three feature boxes and a quote request form, followed by services, a service carousel, a video section, a testimonial slider, the latest news and a call to action. The inner pages cover the company history and team, six services, the industries you serve, a news grid and a contact page with a working form. Whether you offer air freight, ocean freight, ground shipping, warehousing or storage, Logistics gives you a ready-made site to present your services.

What’s new in 3.0

• Bootstrap 5.3.8 (the earlier release used Bootstrap 4.1.3 and jQuery), compiled from Sass, and plain JavaScript with no jQuery. Swiper 14 replaces Owl Carousel on the service carousel and the testimonials, Jarallax replaces Stellar for the hero parallax, a built-in video dialog replaces Magnific Popup, the mobile menu is a keyboard-operable panel, and a small built-in module replaces AOS for the scroll animations. npm run build (Dart Sass and esbuild) compiles one minified stylesheet and one script.
• Lighter pages: the home page went from 2.6 MB and 42 requests to 1.0 MB and 23 requests, and the download from 4.0 MB to 2.9 MB. Every photo has an AVIF version with the JPEG as the fallback, real dimensions and lazy loading below the fold, and the 4.6 MB IcoMoon font folder and unused plugins such as jQuery UI, a countdown, a date picker, MediaElement and Slick are gone.
• No third-party requests: Poppins is self-hosted, the IcoMoon and Flaticon icon fonts are replaced by Lucide SVG icons and a 1.2 KB social-logo subset, the play button opens a stock clip of a container port only after a click, and a Google Analytics 4 snippet stays commented out until you add your own ID. Before, every page loaded its web fonts from another site.
• Working forms: the home page quote form and the contact form send through php/send-email.php, with validation, a spam trap and an in-page message. Before, they had no action and the contact fields had no names, so nothing could be sent. The footer newsletter form, whose button did nothing, now checks the address and thanks the visitor, ready to connect to your newsletter provider.
• Accessibility: a skip link and a main landmark on every page, one h1 per page, a real menu button, a mobile menu that keeps keyboard focus inside and closes with Esc, a Services submenu that opens from the keyboard (it opened on hover only), names on icon-only links, visible focus rings, underlined text links, reduced-motion support and WCAG AA text contrast, with a darker orange for orange text, dark text on the orange buttons and feature boxes, and darker footer and grey text.
• Fixed: a grey band showed under the hero photo on wide screens, the “Try Our Services” button linked to a page that does not exist (it now opens the contact page), and two service headings read “Air Air Freight” and “Ware Housing”.
• Demo photos: five photos with visible brand markings, including the hero photo used on every page, are replaced with Unsplash photos without brand markings.