Quatron | Transport & Logistics HTML Template

  • download

A) Introduction – top

Introducing Quatron | Transport & Logistics HTML Template, a versatile and robust HTML template designed specifically for businesses operating in the transport and logistics industry. This cuttingedge template is meticulously crafted to elevate your online presence and showcase your agency’s expertise in the transportation sector.

The template features a modern and clean aesthetic, with a focus on high-quality visuals and engaging content layouts. Showcase your portfolio of transportation services with style using customizable grids and sliders that effortlessly display your offerings, leaving a lasting impression on potential clients. Integration of interactive elements and smooth animations adds a touch of sophistication, creating an immersive browsing experience that aligns with the dynamic nature of the transport and logistics industry.

Quatron is fully responsive, ensuring a seamless viewing experience across devices. Whether users access your site from desktops, tablets, or smartphones, they will enjoy a consistent and user-friendly experience. The template includes strategically placed contact forms and call-to-action buttons to facilitate easy client interaction, converting website visitors into valuable leads.

It contains 03 Home Page layouts and about page layout and 30 valid HTML5 page templates designs, different Blog page styles and shop pages. quatron template features are coded with Bootstrap v4.0, HTML5 & CSS3 and unlimited color schemes. It’s compatible with all modern browsers and search engine friendly. So showcase your artworks and services with this awesome template!

How to Edit HTML Files? – top

We have included 30 custom HTML templates like Home Page, About, Services, Projects and Contact etc. Please open any HTML files with a text editor like Dreamweaver, Notepad or Notepad++ and edit any lines what you want.

C) How to Edit CSS Files? – top

We have included some custom CSS styles like style.css (default). Please open any CSS files with a text editor like Dreamweaver, Notepad or Notepad++ and edit any lines what you want. For example if you want to edit your banner image open custom.css and look at “”.banner-section-outer” for banner image and change your image.

D) How to use Color Schemes? – top

Please open style.css file from quatron/assets/css folder with a text editor and build your own colors. #ffffff this is our primary color, you can search and replace all to your new color code.

G) How to use On Load Animation? – top

We are wow.js on load animation for our website. you can edit them by simply adding or changeing the predefined classes name.

jQuery Files

  • assets/js/jquery-3.7.1.min.js
  • assets/js/bootstrap.min.js
  • js/popper.min.js
  • js/animation.js

Photos

  • Enveto Elements
  • Freepik Photos

Icons:

  • Font-Awesome

font:

  • Inter
  • Lexend+Deca
  • Manrope

G) Resources Used – top

Global


Colors:

  1. Primary: #f7a211
  2. Secondary: #1a1819
  3. Text: #666c84

Font Sizes:


h1 >> 75px

h2 >> 60px

h3 >> 40px

h4 >> 24px

h5 >> 24px

h6 >> 20px

p >> 20px
<!—
h6 >> 16px

P >> 16px
—>

    01 Home:
  • https://elements.envato.com/fr/container-ship-global-business-freight-import-expo-PTBERBN
  • https://elements.envato.com/fr/transportation-logistics-and-container-dock-cargo--3V5B2WV
  • https://elements.envato.com/fr/logistic-and-delivery-icon-pack-E4AS4D2
  • https://elements.envato.com/fr/forklift-working-in-the-container-cargo-yard-port--FML5Q5P
  • https://elements.envato.com/fr/new-modern-heavy-truck-isolated-on-white-D6WY83W
  • https://elements.envato.com/fr/air-logistics-cargo-airplane-flying-above-stack-of-942ACRU
  • https://www.freepik.com/premium-photo/container-truck-ship-port-business-logistics-transportation-container-cargo-ship_56276304.htm#page=2&query=Cargo&position=6&from_view=search&track=sph&uuid=8aef7e2a-9e39-4e4f-a98e-7facd8ce8ec0
  • https://www.freepik.com/premium-photo/industrial-container-yard-logistics-business-transport-aircraft-import-export_21313822.htm#page=4&query=Air%20cargo&position=44&from_view=search&track=ais&uuid=d84b46cf-b376-430d-9859-c791db1c670e
  • https://www.freepik.com/premium-photo/modern-warehouse-shelves-with-pile-cardboard-boxes_7935041.htm#page=6&query=Ware%20house&position=18&from_view=search&track=ais&uuid=066947e2-7c2e-4afe-96b8-6f4d0df18cb2
  • https://www.freepik.com/premium-photo/container-ship-arriving-commercial-port_7139464.htm#query=Shipping%20cargo&position=32&from_view=search&track=ais&uuid=30e4022c-313f-4239-aa0b-f443d8fa871f
  • https://elements.envato.com/fr/young-confident-manager-of-factory-in-hardhat-and--6X3M6DZ
  • https://elements.envato.com/fr/portrait-of-warehouse-worker-checking-the-quantity-AE3RHDJ
  • https://elements.envato.com/fr/cheerful-worker-in-helmet-and-safety-vest-with-cro-TC6WEFD
  • https://elements.envato.com/fr/portrait-of-construction-worker-in-uniform-is-in-t-6Q4UN3S
  • https://elements.envato.com/fr/older-man-portrait-faces-diverse-men-UME3TQ5
  • https://elements.envato.com/fr/collage-of-happy-multiracial-people-avatars-on-var-QXZQJRJ
  • 02 Home:
  • https://elements.envato.com/fr/logistics-outline-style-icon-set-V29X9YA
  • https://www.freepik.com/premium-photo/aerial-side-view-cargo-ship-carrying-container-running-export-goods-from-cargo-yard-port-custom-ocean-concept-technology-transportation-customs-clearance_24449851.htm#page=2&query=Shipping%20cargo&position=34&from_view=search&track=ais&uuid=6765272f-7b91-4807-8c50-1ff9e336aea5
  • https://www.freepik.com/premium-photo/logistics-engineer-control-port-loading-containers-trucks-export-importing-logistic_7444847.htm#page=7&query=Shipping%20cargo&position=33&from_view=search&track=ais&uuid=6765272f-7b91-4807-8c50-1ff9e336aea5
  • https://www.freepik.com/premium-photo/plane-trucks-are-flying-towards-destination-with-brightest-3d-render-illustration_16735497.htm#query=Air%20Cargo&position=12&from_view=search&track=ais&uuid=6fa0b10b-fad1-4b5a-aca5-d873b12b22f9
  • https://www.freepik.com/premium-photo/cargo-container-ship-carrying-container-running-near-tug-boat-international-custom-shipyard-sea-port-concept-smart-logistic-service-express-boat_30414535.htm#query=Ocean%20Freight&position=1&from_view=search&track=ais&uuid=abb88b9f-00d0-4224-8159-012052961f9a
  • https://www.freepik.com/free-photo/industrial-port-container-yard_1145655.htm#query=Container%20Shipping&position=4&from_view=search&track=ais&uuid=b6005ffb-bc0d-40b0-a318-77401ce9a77b
  • https://www.freepik.com/premium-photo/container-truck-ship-port-business-logistics-transportation-container-cargo-ship_56276162.htm#page=2&query=Cargo&position=12&from_view=search&track=sph&uuid=aaa76c07-5c4e-4075-ab79-15cfa7a045dc
  • https://www.freepik.com/premium-vector/stylish-hexagonal-line-pattern-background_133783922.htm#query=Pattern%20background&position=10&from_view=search&track=ais&uuid=d7f91938-3b94-4d28-a739-f076e850e382
  • https://www.freepik.com/premium-vector/logistics-delivery-illustration_7692090.htm#page=2&query=Logistics&position=6&from_view=search&track=sph&uuid=a88c2fee-173f-42f1-aa43-a9be3815d0ad
  • https://www.freepik.com/premium-photo/semi-trailer-trucks-parked-lot-with-sunset-sky-diesel-truck-freight-truck-logistics-transport_29723244.htm#query=Shipping%20truck&position=30&from_view=search&track=ais&uuid=1162afd4-68c2-4a3e-a622-c8a606d8c4ed
  • https://elements.envato.com/fr/business-icons-KSVEWAK/preview
  • https://www.freepik.com/free-psd/container-isolated-transparent-background_82636092.htm#query=Container%20Shipping&position=49&from_view=search&track=ais&uuid=9050e1a9-b7d1-4b8b-b955-36349eb6e631
  • 03 Home:
  • https://www.freepik.com/premium-photo/truck-highway-road-with-red-container-transportation-concept-import-export-logistic-industrial-transporting-land-transport-asphalt-expressway-with-blue-sky_16627610.htm#page=5&query=Cargo%20truck&position=36&from_view=search&track=country_rows_v1&uuid=e27f1fb9-a69b-4850-84db-0dc016071bcf
  • https://www.freepik.com/premium-ai-image/system-transportation-logistics-concept-topdown-photography-industrial-containers-being-loaded-logistics-port-by-generative-ai_110944512.htm#page=21&query=Containers%20in%20warehouse%20panoramic&position=25&from_view=search&track=ais&uuid=765a28a5-7cb5-4b56-8bf1-34c889ca43f8
  • https://www.freepik.com/premium-photo/container-cargo-freight-ship-during-discharging-industrial-port-move-containers-container-yard-by-truckscreated-with-generative-ai-technology_52691108.htm#page=6&query=Cargo&position=47&from_view=search&track=sph&uuid=ffa56097-f432-4997-82c8-97c765389c75
  • https://www.freepik.com/premium-photo/shanghai-container-terminal-dusk-one-largest-cargo-port-world_25568391.htm#page=20&query=Cargo%20Logistics&position=11&from_view=search&track=ais&uuid=426f5323-fa76-41f1-9575-ab3fcbf0466a
  • 04 About:
  • https://freepik.com/premium-photo/crane-loanding-cargo-container-container-ship-international-terminal-yard-port-concept-freight-shipping-by-ship-sunrise_24445488.htm#from_view=detail_alsolike
  • 05 About:
  • https://www.freepik.com/premium-photo/aerial-side-view-cargo-ship-carrying-container-running-export-goods-from-cargo-yard-port-custom-ocean-concept-technology-transportation-customs-clearance_24449851.htm#page=4&query=Cargo%20logistics&position=13&from_view=search&track=ais&uuid=1d8b7f49-3b8c-444f-b49b-f54c4a9a6ad9
  • 07 Services:
  • https://www.freepik.com/premium-ai-image/blurred-business-background-blurred-warehouse-light-bokeh-background-transporting-cargo-boxes-ai-generated-image_95390435.htm#page=3&query=Warehouse&position=9&from_view=search&track=sph&uuid=6ce53889-59c9-4d03-aa04-a923a04bc95d
  • https://www.freepik.com/premium-ai-image/global-business-logistic-transportation-import-export-goods-container-cargo-freight-ship-port_57008354.htm#page=3&query=Logistics&position=6&from_view=search&track=ais_ai_generated&uuid=0ddb0e30-7c46-425e-ad6c-958748317877
  • https://www.freepik.com/free-photo/industry-warehouse-with-cardboard-containers-pallets-equipment-generative-ai_40965197.htm#page=5&query=Logistics%20Distribution&position=45&from_view=search&track=ais&uuid=5818cf6f-18e7-4eb2-8cd2-cc4252581914
  • 10 Services Detail:
  • https://www.flaticon.com/free-icon/phone-call_126509?term=phone&page=1&position=1&origin=search&related_id=126509
  • https://www.freepik.com/premium-ai-image/logistic-business-import-export-shipping-aerial-view-container-international-shipping_42193666.htm#page=2&query=Logistics&position=20&from_view=search&track=ais_ai_generated&uuid=0ddb0e30-7c46-425e-ad6c-958748317877?log-in=email
  • https://elements.envato.com/fr/crm-portrait-and-contact-us-for-our-telemarketing--WNYQBGV
  • 11 Our Team:
  • https://elements.envato.com/fr/engineer-checking-and-inspection-house-in-property-PNZZ5WY
  • https://elements.envato.com/fr/portrait-of-confident-staff-in-factory-with-indust-X296GFE
  • https://elements.envato.com/fr/portrait-of-engineer-woman-with-walkie-talkie-in-w-X896JVY
  • https://elements.envato.com/fr/young-confident-engineer-in-workwear-standing-in-f-URLXNQV
  • 14 Contact:
  • https://elements.envato.com/fr/contact-icons-M7M4DG

Note: All images are used for preview purposes only. They are not part of the template and hence, not included in the final purchase files.

Once again, thank you so much for purchasing this template. As I said at the beginning, I’d be glad to help you if you have any questions relating to this template. No guarantees, but I’ll do my best to assist. If you have a more general question relating to the themes and templates on ThemeForest, you might consider visiting the forums and asking your question in the “Item Discussion” section.

Designing Media Team

Go To Table of Contents

Once again, thank you so much for purchasing this theme. As I said at the beginning, I’d be glad to help you if you have any questions relating to this theme. No guarantees, but I’ll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the “Item Discussion” section.

Designing Media Team

$10 $16

Live Preview
You can download it after purchase.

Last Update
Published 23 March 2024
High Resolution No
Compatible Browsers IE11, Firefox, Safari, Chrome
Compatible With Bootstrap 4.x
Files Included HTML Files, CSS Files, Images,...
Columns 4+
Layout Responsive
Tags cargo, clean, corporate, delivery company, logistic, logistics, moving, packaging, shipment, shipping, storage, transport, transportation, trucking, warehouse

FAQ

Our goal is to make high-quality design accessible to everyone at an affordable price. We work with a large network of talented designers and developers from around the world who are able to provide us with unique and innovative designs at a lower cost. By keeping our prices low, we hope to enable small businesses and individuals to have access to professional-quality design without breaking the bank.
The download file contains HTML, CSS, JS files and images that are the same as what you see on the preview/demo page. We provide our files in HTML format with clean code so that everyone can easily use them without needing to install anything extra.