数据自由职业者脉搏 - 数据分析师自由职业者作品集及服务 HTML 模板

Datalancer Pulse 是一款现代化的深色主题 HTML 模板，专为自由职业数据分析师、数据科学家和分析顾问设计。它非常适合展示您的服务、过往项目、客户评价和专业工具，同时引导客户直接访问您的 Upwork 个人资料。

该模板包含 6 个主页面以及服务和项目页面，采用流畅的滚动动画和完全响应式设计。无论您提供数据清洗、统计分析、图形可视化、预测还是报告服务，Datalancer Pulse 都能以引人注目且赏心悦目的方式展示您的技能。

🔍 主要特点：

- ✅ 包含超过 6 页

首页 | 服务 | 我们的作品 | 关于我们 | 服务详情 | 我们的作品详情

- ✅ 现代暗黑设计

护眼的深色背景，搭配充满活力的绿色/蓝色点缀——非常适合以数据为中心的品牌。

- ✅ 完全响应式

在台式机、平板电脑和手机上看起来都很棒（经测试最高支持 320p）。

- ✅ 流畅的动画

滚动时淡出效果 + 微妙的交互（滚动效果、按钮箭头、卡片边框发光）。

- ✅ 已准备好与 Upwork 集成

直接指向您的 Upwork 个人资料的行动号召按钮和链接，经过优化，可提高您的自由职业转化率。

- ✅ 工具徽章

展示您的技术技能：Python、SQL、Excel、Jamovi、Pandas、Matplotlib 等。

- ✅ 您的工作网络

可筛选的项目卡片，带有标签、专用图像空间和详细插图。

- ✅ 价格表

清晰的服务价格框（可用于套餐定价或单个项目定价）。

- ✅ 客户评价

星级评分、专属头像空间和真实语录，以建立信任。

- ✅ 固定侧边栏，以鼓励用户操作

在服务详情页面上，会显示一个固定框，框内会显示价格和一个“立即在 Upwork 上下单”按钮。

- ✅ 移动导航

带有模糊效果的拖放式菜单。

- ✅ CSS 变量

轻松自定义颜色、字体和间距，无需单独编辑每个文件。

- ✅ 兼容 Google Fonts 和 Font Awesome

使用 *Syne*、*DM Sans* 和 *IBM Plex Mono* 字体——易于替换。

📁 包含页面：

1. index.html - 首页，包含“英雄”部分、统计数据、服务预览、作品集预览、客户评论和行动号召按钮。

2. services.html - 所有服务的概览及价格表。

3. portfolio.html - 一个带有筛选标签和图像放置的项目网格。

4. about.html - 关于我、技能栏和经验徽章。

5. service-detail.html - 对单个服务（例如，数据清理）的详细说明 - 包括流程步骤、工具和持久的行动号召按钮。

6. portfolio-detail.html - 单个项目的案例研究，包括结果、指标和客户反馈。

🛠 使用的技术：

- HTML5/CSS3（无外部CSS框架）

- JavaScript（轻量级 - 菜单切换、滚动效果、渲染动画）

- CSS Grid + Flexbox

- 自定义 CSS 属性（用于样式设置）

- 完全语义正确的代码

🎯 非常适合：

- Upwork、Fiverr 或 Toptal 上的自由数据分析师

- 数据科学顾问打造个人品牌

- 需要简洁的单页网站的小型分析机构

学生/毕业生展示他们的作品

📦 内容：

所有 HTML 文件（`html` 文件夹结构）

- `css/style.css`（带注释）

- `js/main.js`（导航、滚动动画、淡入效果）

- 资源文件夹（可选 - 备用图片/图标）