Quatron | 运输和物流 HTML 模板

A)简介– 顶部

介绍 Quatron | 运输和物流 HTML 模板,这是一款多功能且强大的 HTML 模板,专为运输和物流行业的企业设计。这款尖端模板经过精心设计,可提升您的在线形象并展示您的机构在运输领域的专业知识。

该模板具有现代而简洁的美感,重点是高质量的视觉效果和引人入胜的内容布局。使用可自定义的网格和滑块展示您的运输服务组合,轻松展示您的产品,给潜在客户留下持久的印象。互动元素和流畅动画的集成增添了一丝精致感,创造了一种身临其境的浏览体验,与运输和物流行业的动态性质相一致。

Quatron 完全响应,确保跨设备的无缝观看体验。无论用户是从台式机、平板电脑还是智能手机访问您的网站,他们都将享受一致且用户友好的体验。该模板包括策略性放置的联系表单和号召性用语按钮,以方便客户互动,将网站访问者转化为有价值的潜在客户。

它包含 03 个主页布局和关于页面布局以及 30 个有效的 HTML5 页面模板设计、不同的博客页面样式和商店页面。quatron 模板功能使用 Bootstrap v4.0、HTML5 和 CSS3 以及无限的配色方案进行编码。它与所有现代浏览器兼容并且对搜索引擎友好。因此,使用这个超棒的模板展示您的艺术品和服务吧!

如何编辑 HTML 文件? – 顶部

我们已包含 30 个自定义 HTML 模板,例如主页、关于、服务、项目和联系人等。请使用文本编辑器(例如 Dreamweaver、Notepad 或 Notepad++)打开任何 HTML 文件并编辑您想要的任何行。

C) 如何编辑 CSS 文件? – 顶部

我们包含了一些自定义 CSS 样式,例如style.css (默认)。请使用 Dreamweaver、Notepad 或 Notepad++ 等文本编辑器打开任何 CSS 文件,并编辑您想要的任何行。例如,如果您想编辑横幅图像,请打开custom.css并查看横幅图像的“ ”.banner-section-outer并更改您的图像。

D)如何使用配色方案? – 顶部

请使用文本编辑器从quatron/assets/css文件夹打开style.css文件并构建您自己的颜色。 #ffffff这是我们的主要颜色,您可以搜索并将所有内容替换为您的新颜色代码。

G) 如何使用加载动画? – 顶部

我们的网站使用 wow.js 加载动画。您可以通过简单地添加或更改预定义的类名来编辑它们。

jQuery 文件

  • 资产/js/jquery-3.7.1.min.js
  • 资产/js/bootstrap.min.js
  • js/popper.min.js
  • js/动画.js

相片

  • Enveto 元素
  • Freepik 照片

图标:

  • 字体-Awesome

字体:

  • 国际米兰
  • 莱克森德+德卡
  • 人绳

G) 使用的资源– 顶部

全球的


颜色:

  1. 主要:#f7a211
  2. 次要:#1a1819
  3. 文字:#666c84

字体大小:


h1 >> 75像素

h2 >> 60像素

h3 >> 40像素

h4 >> 24像素

h5 >> 24像素

h6 >> 20像素

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

页 >> 16px
—>

    01主页:
  • 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_2 1313822.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 首页:
  • 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-technolog y-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-illustra tion_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-s mart-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-s hip_56276162.htm#page=2&query=货物&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-tr ansport_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主页:
  • https://www.freepik.com/premium-photo/truck-highway-road-with-red-container-transportation-concept-import-export-logistic-industrial-transporting-land-transport-as phalt-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-gene rative-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-induscial-port-move-containers-container-yard-by-truckscrea ted-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 关于:
  • 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 关于:
  • 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%20 Logistics&position=13&from_view=search&track=ais&uuid=1d8b7f49-3b8c-444f-b49b-f54c4a9a6ad9
  • 07服务:
  • 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-p ort_57008354.htm#page=3&query=物流&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=物流%20配送&position=45&from_view=search&track=ais&uuid=5818cf6f-18e7-4eb2-8cd2-cc4252581914
  • 10 服务详情:
  • https://www.flaticon.com/free-icon/phone-call_126509?term=phone&page=1&position=1&origin=search&lated_id=126509
  • https://www.freepik.com/premium-ai-image/logistic-business-import-export-shipping-aerial-view-container-international-shipping_4219366 6.htm#page=2&query=物流&position=20&from_view=search&track=ais_ai_ generated&uuid=0ddb0e30-7c46-425e-ad6c-958748317877?log-in=电子邮件
  • https://elements.envato.com/fr/crm-portrait-and-contact-us-for-our-telemarketing--WNYQBGV
  • 11 我们的团队:
  • 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-stand-in-f-URLXNQV
  • 14 联系方式:
  • https://elements.envato.com/fr/contact-icons-M7M4DG

注意:所有图片仅用于预览。它们不是模板的一部分,因此不包含在最终购买文件中。

再次感谢您购买此模板。正如我在开头所说的,如果您对此模板有任何疑问,我很乐意为您提供帮助。虽然不能保证,但我会尽力提供帮助。如果您对 ThemeForest 上的主题和模板有更一般的问题,您可以考虑访问论坛并在“项目讨论”部分提出您的问题。

设计媒体团队

转至目录

再次感谢您购买此主题。正如我在开头所说的,如果您对此主题有任何疑问,我很乐意为您提供帮助。虽然不能保证,但我会尽力提供帮助。如果您对 ThemeForest 上的主题有更一般的问题,您可以考虑访问论坛并在“项目讨论”部分提出您的问题。

设计媒体团队

$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]) 与我们联系,我们会及时回复。