---
title: auto
emoji: 🐳
colorFrom: red
colorTo: green
sdk: static
pinned: false
tags:
  - deepsite
---

# 工业自动化解决方案网站

这是一个为自动化设备有限公司开发的官方网站，展示公司的产品和服务，并提供在线联系和打样申请功能。

## 项目特点

- 响应式设计，适配各种设备（桌面、平板、手机）
- 现代化的UI界面，使用Tailwind CSS框架
- 完整的表单验证功能
- 平滑的动画效果
- 多页面结构，包含公司简介、产品介绍、技术支持等

## 页面结构

- **首页**：展示公司主要产品和服务
- **公司简介**：介绍公司的发展历程和优势
- **产品介绍**：详细介绍产品
- **技术支持**：提供技术支持和培训服务信息
- **打样申请**：在线打样申请表单
- **联系方式**：公司联系信息和在线留言表单

## 技术栈

- HTML5
- CSS3 (通过Tailwind CSS框架)
- JavaScript
- Font Awesome图标库

## 文件结构

```
/
├── index.html          # 首页
├── about.html          # 公司简介
├── products.html       # 产品介绍
├── support.html        # 技术支持
├── sample.html         # 打样申请
├── contact.html        # 联系方式
├── css/
│   └── styles.css      # 自定义样式
├── js/
│   └── main.js         # JavaScript功能
└── images/             # 图片资源目录
```

## 使用说明

1. 直接在浏览器中打开`index.html`文件即可访问网站
2. 所有页面都通过导航栏相互链接
3. 表单提交功能需要后端支持，目前仅做前端展示

## 自定义修改

- 修改公司信息：更新所有页面中的公司名称、联系方式和地址
- 更新产品信息：编辑`products.html`中的产品描述
- 更改样式：修改`css/styles.css`文件
- 添加功能：编辑`js/main.js`文件

## 注意事项

- 网站中的联系信息（电话、邮箱等）需要根据实际情况更新
- 地图功能需要集成第三方地图API（如百度地图、高德地图）
- 表单提交功能需要后端支持，目前仅做前端展示

## 版权信息

© 2019 自动化设备有限公司. All rights reserved.

Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference