Quatron | 运输和物流 HTML 模板

New g4f version: 0.5.1.2 (current: 0.5.0.4) | pip install -U g4f

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.

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 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 using wow.js on load animation for our website. you can edit them by simply adding or changing 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:</strong>

  • Font-Awesome

font:</strong>

  • Inter
  • Lexend+Deca
  • Manrope

G) Resources Used</strong> – top</h3>

Global


Colors:</strong>

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

Font Sizes:</strong>


h1 >> 75px

h2 >> 60px

h3 >> 40px

h4 >> 24px

h5 >> 24px

h6 >> 20px

p >> 20px

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

05 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
  • 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.

$7 $16

实时预览
您可以在购买后下载。

最后更新
已发布 23-03-2024
高分辨率
包含文件 HTML 文件, CSS 文件, JS 文件, 图片,...
标签 cargo, clean, corporate, delivery company, logistic, logistics, moving, packaging, shipment, shipping, storage, transport, transportation, trucking, warehouse

常见问题

我们的目标是以实惠的价格让每个人都能获得高质量的设计。我们与全球才华横溢的设计师和开发人员网络合作,他们以较低的成本为我们提供独特而创新的设计。通过简化我们的流程并专注于效率,我们保持较低的价格,使所有企业和个人都能获得专业品质的设计。
是的,只要它们符合我们的条款,您就可以在多个项目中使用这些主题。
下载文件包含您入门所需的一切:HTML、CSS、JS 文件和所有相关图像。这些文件与您在实时演示中看到的文件相同,以干净且结构良好的 HTML 格式提供,方便您进行自定义,而无需额外的安装。
是的,我们提供专门的客户支持来帮助您解决与我们的主题相关的任何问题或疑问。您可以通过我们的支持电子邮件 ([email protected]) 与我们联系,我们会及时回复。