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) 使用的资源– 顶部
全球的
颜色:
- 主要:#f7a211
- 次要:#1a1819
- 文字:#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 上的主题有更一般的问题,您可以考虑访问论坛并在“项目讨论”部分提出您的问题。
设计媒体团队