A complete website template for freight forwarders, couriers and the companies around them, with 18 home pages for logistics businesses of every kind: freight forwarding, parcel and courier delivery, trucking and haulage, ocean freight, air cargo, warehousing and 3PL, moving and relocation, cold chain and pharma, rail and intermodal, customs brokerage, e-commerce fulfilment, a night depot in dark mode, a freight group, a port terminal, a road network, a pallet network, heavy haulage and a digital freight platform. Six of the homes open with a video or a slider: a full-screen video, a photo slider, a video monitor with chapters, a deck of labels you can flick through, moving film strips and a video seen through a container window. The design is built from the paperwork of freight: shipping labels with barcodes, waybills, rubber stamps, packing tape, departure boards and route sheets. The pages move like a depot at work: labels print out line by line, stamps land with a thump, tape strips run across the screen, split-flap boards flip their letters and every link to another page slides a printed label over the screen.

Besides the marketing pages you get what a logistics company needs to run its website: a tracking page, a four-step quote form, collection booking, transit times, a volume and loading metre calculator, a container guide, an Incoterms guide, a glossary, a claims form, a customer account with sample data, sign-in pages and five printable documents (waybill, invoice, bill of lading, packing list and shipping labels).

Built on Bootstrap 5.3.8 with plain JavaScript. No build step and no jQuery: open index.html and it works.

What's included

• 110 HTML pages, plus a right-to-left copy of every page in the rtl/ folder
• 18 home pages: Freight forwarding, Parcel & courier, Trucking & haulage, Ocean freight, Air cargo, Warehouse & 3PL, Moving & relocation, Cold chain & pharma, Rail & intermodal, Customs broker, E-commerce fulfilment, Night depot (dark), Global freight group (full-screen video), Port terminal (photo slider), Road freight network (video chapters), Pallet network (label slider), Heavy haulage (film strips), Digital freight platform (video window with a load board)
• 6 one-page sites: Freight forwarder, Courier, Movers, Owner-driver, Warehouse, Dark freight
• 4 landing pages with one offer and no main menu: Moving quote, Truck driver hiring, Fulfilment for online shops, Cold chain lanes
• Services: two overviews and 8 service pages (road, ocean, air, rail, warehousing, customs, project cargo, parcel and last mile)
• Industries: an overview and 6 industry pages (retail, automotive, pharma, food, industrial, fashion)
• Company: About (2 layouts), History, Team, Team member, Careers, Job opening, Drive with us, Sustainability, Certificates, Press, Partners and carriers
• Network: Depot network, Depot page, Fleet, Coverage map, Sailing schedule
• Tracking and tools: Track a shipment, Get a quote, Book a collection, Transit times, Volume and loading metre calculator, Container guide, Incoterms 2020 guide, Glossary, FAQ, Report a claim
• Prices: Pricing and Contract pricing
• Journal: Journal (2 layouts), Article, Case studies, Case study, Client words, Events and webinars
• Customer account: Dashboard, Shipments, Shipment page, Invoices, Documents, Address book, Account settings
• Login and registration: Log in, Open an account, Reset password
• Printable documents: Waybill (CMR), Invoice, Bill of lading, Packing list, Shipping labels
• Contact and utility: Contact (2 layouts), Search, UI elements, Thank you, 404, Coming soon, Maintenance, Privacy policy, Terms of carriage, Cookie policy, Accessibility, Site map
• HTML documentation, readable and minified CSS and JS, SCSS sources (30 partials), custom.css for your own styles

Features

• Bonus: Navlo UI Kit in ui-kit/: the same look as stand-alone HTML, CSS and SCSS components with nv- classes (shipping label, barcode, stamps, scan statuses, ticket stubs, receipt, tracking log, split-flap code, parcel tape), six signal colours, light / dark mode and an overview page with copyable code, for your other projects (web apps, customer portals, sites without Bootstrap)
• Freight paperwork as design: shipping labels with Code 128 barcodes, waybill tables, rubber stamps, ticket stubs, packing tape and hazard stripes, in a grotesque headline font with a monospaced font for codes and numbers
• Motion on every page: labels print out like a thermal printer, stamps land, tape marquees speed up with the scroll, departure boards flip, route sheets draw themselves, a conveyor belt moves parcels, magnetic buttons and a page transition that slides a label over the screen. Everything stops when the visitor prefers reduced motion or switches motion off in the style panel
• Video and slider heroes: background videos with a pause button, a photo slider with tabs, swipe and progress bars, a draggable deck of labels and moving film strips, all keyboard friendly and stopped for reduced motion
• Six signal colours (Vermilion, Amber, Customs green, Petrol, Violet, Pink), three papers (Label, Kraft, Carbon), light, dark and auto mode, and motion on / off in the style panel
• Tools that work in the browser: shipment tracking with a scan log, a rate calculator, a four-step quote form, collection booking, a transit time table, a volume and loading metre calculator and a searchable glossary. They use sample data and simple formulas, labelled as such
• Customer account: dashboard, shipments, a shipment page with a timeline, invoices, documents, an address book and settings in an app layout. They are front-end layouts with sample data, labelled as such
• Printable documents: waybill (CMR), invoice, bill of lading, packing list and 4 × 6 inch shipping labels with print styles and a print button
• Counters, ARIA tabs, filters, accordions, a departures board, a depot map, a countdown and a clock
• Live site search while you type, and a search results page
• Cookie notice that asks once and saves the answer; scripts you add for analytics should run only after the visitor allows them
• One PHP form handler for every sending form (contact, quote, collection, claim with attachments, job application with a CV, events, partners, landing pages, newsletter) with AJAX sending, a honeypot and optional reCAPTCHA v3
• Login, registration, password and account forms are front-end demos that check the input in the browser and never send passwords anywhere; connect them to your own system
• SEO: unique titles and descriptions, canonical links, Open Graph, sitemap.xml, robots.txt; account, document and utility pages carry noindex
• Fonts are self-hosted (Schibsted Grotesk, Martian Mono), so the pages make no requests to Google Fonts
• Accessible markup: one h1 per page, skip link, visible focus, labels on every field, keyboard-friendly menus and tabs, reduced-motion support
• Deferred scripts, lazy-loaded images, minified CSS and JS and .htaccess with compression and caching

Technical details

• Bootstrap 5.3.8 and Bootstrap Icons 1.13.2 (MIT), Lenis 1.3.27 smooth scroll (MIT), included in assets/vendor
• Plain JavaScript, no jQuery, no chart or map library
• Built for the latest Chrome, Edge, Firefox and Safari at phone, tablet and desktop widths, in light and dark mode
• The forms need a server with PHP 7.4 or newer and mail(). All other pages are static HTML.

Good to know

• Demo photos are not included. The live preview uses photos from Unsplash for presentation only. In the download every image is a labelled placeholder (assets/img/placeholder/) showing its size, and a list links to the free Unsplash originals.
• Demo videos are not included. The background videos in the live preview are free videos from Pexels. In the download they point to one placeholder clip (assets/video/your-video.mp4), and a list links to the free Pexels originals.
• Forms send e-mail only through the PHP file on your own server, after you set your address in it. In the live preview they run in demo mode and send nothing.
• This is a website template, not a tracking or transport management system. Tracking numbers, rates, transit times, sailings and account data are sample data for you to replace or connect to your own systems. They are not quotes.
• Privacy, terms, cookie and accessibility pages are layouts with example text: write your own texts with your adviser.
• The template sends no tracking data; analytics or marketing scripts run only if you add them.
• All companies, people, customers, shipments, prices and figures in the sample content are fictional.

Credits

• Bootstrap 5.3.8, Bootstrap Icons 1.13.2, Lenis 1.3.27 (MIT)
• Schibsted Grotesk, Martian Mono (SIL Open Font License 1.1)
• Preview only: photos from Unsplash, videos from Pexels

Changelog

Version 1.0.0 (2026-11-02)

Added

• First release
• 110 HTML pages: 18 home pages, 6 one-page sites, 4 landing pages, services, industries, company, network, tracking and tools, prices, journal, contact, login, customer account, printable documents, utility and legal pages, with a right-to-left copy of every page
• Six homes with video and slider heroes: full-screen video, photo slider, video monitor with chapters, a deck of labels, moving film strips and a video in a container window (demo videos from Pexels, not in the download)
• Freight paperwork design: shipping labels with Code 128 barcodes, waybills, stamps, ticket stubs, packing tape and departure boards, with motion on every page and a page transition
• Tracking page, rate calculator, four-step quote form, collection booking, transit times, volume and loading metre calculator, container guide, Incoterms guide, glossary and claims form
• Customer account screens with sample data: dashboard, shipments, shipment page, invoices, documents, address book and settings
• Five printable documents: waybill (CMR), invoice, bill of lading, packing list and shipping labels
• Six signal colours, three papers, light, dark and auto mode, and motion on / off in the style panel
• One PHP form handler for all sending forms with a honeypot, optional reCAPTCHA v3 and file attachments
• Cookie notice, live site search and a search results page
• Navlo UI Kit (bonus) in the ui-kit/ folder: the freight look as stand-alone HTML, CSS and SCSS components with an overview page
• HTML documentation, SCSS sources and minified CSS and JS