Logistico

Author: Colorlib

Updated: October 2026 · v3.0.1

Credits: Images from Unsplash

Logistico is a website template for freight forwarders, logistics companies and transport firms, built on Bootstrap 5. It has eight pages: home, about, services, service details, blog, a single blog post, contact and an elements page with the typography, buttons, tables and form styles. The layout is responsive and mobile-ready.

The home page opens with a full-width hero, a row of transport highlights, a services slider, a call-to-action band, a “why choose us” block, animated counters, customer testimonials and a freight estimate form. The service details page has ocean, land and air freight tabs, each with its own FAQ accordion and a brochure request. The blog has a sidebar with search, categories, recent posts, tags and a newsletter form, and the contact page has a working contact form and a map that loads on click. Logistico gives a shipping or transport business a ready-made site.

What’s new in 3.0

• Bootstrap 5.3.8 (the earlier release used Bootstrap 4.0.0 and jQuery), compiled from Sass with the Bootstrap 4 proportions the design was drawn with, and plain JavaScript with no jQuery. Swiper 14 runs the services and testimonial sliders, PhotoSwipe the Elements gallery, and small built-in modules replace the old menu, counter, select and scroll plugins. Lucide icons replace the icon fonts. npm run build (Dart Sass and esbuild) compiles one minified stylesheet and one script.
• Much lighter pages: across all pages the weight went from 46.0 MB and 501 requests to 5.9 MB and 191 requests, and the home page from 10.1 MB to 0.9 MB. Every photo has an AVIF version with the JPEG or PNG as the fallback, real dimensions and lazy loading; the photo bands get high-resolution and phone crops so they stay sharp.
• No third-party requests: Poppins is self-hosted, the map loads only after a click, and no external scripts load with the page.
• Working forms: the freight estimate, contact, comment and newsletter forms post to an included PHP mail handler with a spam trap and show sending, error and success messages; the search forms lead to the blog.
• Accessibility: one main heading per page, a skip link, visible form labels, keyboard focus rings, alt text and WCAG AA contrast with a deeper brand orange behind white text.
• New logistics photos, freight-company demo copy and blog posts, links that all lead somewhere, page titles and descriptions, structured data and a generated documentation page.