Duaki 官方网站

欢迎来到 Duaki 的官方网站！这是一个现代化、响应式的企业网站，展示了我们的服务和公司信息。

🌟 网站特色

• 现代化设计: 采用最新的设计趋势和用户体验最佳实践
• 完全响应式: 在所有设备上都能完美显示（桌面、平板、手机）
• 流畅动画: 包含精美的滚动动画和交互效果
• 中文界面: 完全中文化的用户界面
• 快速加载: 优化的代码确保快速加载速度

📁 文件结构

/
├── index.html          # 主页面文件
├── styles.css          # 样式文件
├── script.js           # JavaScript 交互文件
└── README.md           # 说明文档

🚀 如何使用

1. 本地预览:

   • 直接在浏览器中打开 index.html 文件
   • 或者使用本地服务器（推荐）

2. 使用本地服务器:

   # 使用 Python 3
   python -m http.server 8000
   
   # 使用 Node.js (需要安装 http-server)
   npx http-server
   
   # 使用 PHP
   php -S localhost:8000

3. 部署到服务器:

   • 将所有文件上传到您的 Web 服务器
   • 确保 index.html 是默认首页文件

🎨 网站功能

主要部分

• 首页横幅: 吸引人的欢迎区域
• 关于我们: 公司介绍和统计数据
• 服务展示: 四大核心服务介绍
• 联系我们: 联系信息和表单

交互功能

• 响应式导航: 移动端汉堡菜单
• 平滑滚动: 点击导航链接平滑滚动到对应部分
• 表单验证: 联系表单包含客户端验证
• 动画效果: 滚动时的淡入动画
• 数字动画: 统计数据的计数动画

🛠️ 技术栈

• HTML5: 语义化标记
• CSS3: 现代样式和动画
• JavaScript (ES6+): 交互功能
• Font Awesome: 图标库
• Google Fonts: Inter 字体

📱 响应式设计

网站在以下设备上经过测试：

• 桌面电脑 (1200px+)
• 平板电脑 (768px - 1199px)
• 手机 (320px - 767px)

🎯 SEO 优化

• 语义化 HTML 结构
• 优化的页面标题和描述
• 快速加载时间
• 移动端友好设计

🔧 自定义配置

修改颜色主题

在 styles.css 中修改以下 CSS 变量：

:root {
    --primary-color: #6366f1;
    --secondary-color: #fbbf24;
    --text-color: #333;
}

修改内容

直接编辑 index.html 文件中的文本内容。

添加新功能

在 script.js 文件中添加新的 JavaScript 功能。

📞 联系信息

• 网站: www.duaki.com
• 邮箱: info@duaki.com
• 电话: +86 400-123-4567
• 地址: 中国北京市朝阳区

📄 许可证

© 2024 Duaki. 保留所有权利。

---

注意: 这是一个演示网站，联系信息仅供展示使用。如需实际部署，请替换为真实的联系信息和内容。