阀门企业英文官网首页|外贸网站建站模板

阀门全品类 + 推荐产品，纯英文、引入 Font Awesome、响应式适配（PC / 平板 / 手机）、轮播图功能完整，图片均预留占位符可直接替换，复制即可使用。

代码使用说明（直接替换即可上线）

1. 图片替换（所有占位图均标注清晰）

• 轮播图：替换代码中 images/banner1.jpg/banner2.jpg/banner3.jpg 为你的企业 / 产品主视觉图，建议尺寸1920*500px（和目标站一致）。

• 产品分类图：替换 .cate-img 中的文字为 <img src=你的分类图地址 alt=产品名>，建议尺寸200*120px，保持所有分类图尺寸统一。

• 推荐产品图 / 新闻图 / 公司简介图：同理，替换对应 div 为 <img> 标签，尺寸参考代码中注释的占位高度，保持统一。

• 二维码：替换 .qrcode 中的文字为你的微信 / 官网二维码图片，尺寸120*120px。

2. 企业信息修改

• 网站 LOGO：修改 <div class=logo> 中的 VALVE<span>TECH</span> 为你的企业英文名。

• 联系方式：修改 Footer 中Contact Us列的地址 / 电话 / 邮箱为你的实际印尼本地联系方式。

• 公司简介：修改.about-content中的文字，替换为你的企业实际介绍（保持英文、简洁）。

• 新闻资讯：修改.news-list中的新闻标题 / 日期 / 内容，添加更多新闻直接复制新闻卡片即可。

3. 产品信息扩展

• 新增推荐产品：复制.product-item卡片，修改图片和产品描述即可，网格会自动适配。

• 新增产品分类：目标站是 6 列布局，代码中已按 6 列排版，新增分类直接复制.cate-item卡片，无需调整样式。

四、复刻完整性说明

1. 布局层级、模块顺序和目标站完全一致（导航→轮播→产品分类→推荐产品→公司简介→新闻→Footer）；

2. 配色、按钮、标题、卡片样式和目标站完全一致，无任何额外特效；

3. 交互效果和目标站完全一致（轮播自动播放 + 悬停暂停、卡片轻微悬浮阴影、导航高亮、平滑滚动、小屏汉堡菜单）；

4. 响应式适配和目标站完全一致（PC6/4/3 列、平板 4/3/2 列、手机 2/2/1 列），适配印尼主流移动设备。