HTML作品集企业官网

sites-para-profissionais — HTML 作品集模板

作者 mkbraion

一套按职业领域划分的响应式单页网站模板集合,涵盖律师、医美诊所、健康门诊、健身教练、理发店和商品目录等场景,每个模板为单个 HTML 文件,可直接替换文案与配色后使用。

看看你的网站会是什么样

浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。

2 个预览视图
桌面端首页1 / 2
桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 2

截图用于了解视觉与布局,交互效果请以实际项目为准。

采集于 2026-10-12查看来源

值得关注的模板亮点

从已有项目资料中,快速了解它的特点。

01

按职业领域分目录组织模板:律师、医美、健康门诊、健身教练、理发店、商店目录

02

每个模板为单个 HTML 文件,内置演示内容,可直接展示给客户

03

颜色通过 <style> 顶部的 CSS 变量集中定义,便于按客户品牌调整

04

商店模板包含商品筛选与通过 WhatsApp 下单的流程

05

根目录 index.html 为展示并销售模板的落地页

06

仓库采用 MIT 许可,允许免费使用、修改、商用和分发

模板详细介绍

该项目由 mkbraion 发布在 GitHub,采用 HTML、CSS 与 JavaScript 编写,定位为面向不同职业领域的网站模板合集。仓库按行业分目录存放模板,包括律师(templates/advogado/)、医美诊所(templates/estetica/)、健康门诊(templates/saude/)、健身教练(templates/personal/)、理发店与沙龙(templates/barbearia/)以及带筛选和 WhatsApp 下单的商店目录(templates/loja/)。每个模板都是单个 HTML 文件,内置演示内容,方便直接向客户展示成品效果。根目录的 index.html 是用于展示和销售这些模板的落地页。

定制方式偏手工:每个模板的颜色定义在 <style> 顶部的 CSS 变量中,替换姓名、文案和地址即可;如需更换 WhatsApp 号码,搜索并替换 5555991117663。完成后可发布到 GitHub Pages、Netlify 或 Vercel。仓库采用 MIT 许可,允许免费使用、修改、商用和分发该版本代码,分发时需保留版权声明与完整许可声明。

需要注意的边界:MIT 许可仅覆盖仓库代码,模板中的演示图片、字体、图标等第三方素材需按各自许可单独核对;域名、托管等外部服务可能产生费用。项目未声明构建流程或后端能力,模板以静态页面形式提供。

HTML作品集企业官网

适合你的项目吗?

适用场景

  • 为律师、诊所、健身教练等本地服务从业者快速搭建单页展示网站
  • 作为接单建站的起点,用现成模板向客户演示并在此基础上定制
  • 需要带商品筛选和 WhatsApp 下单入口的轻量商品目录页面
  • 在 GitHub Pages、Netlify 或 Vercel 上直接发布静态站点

适合人群

  • 需要按行业快速起步的静态网站模板的开发者或建站从业者
  • 为本地服务类客户制作展示型网站的接单方
  • 希望用单文件 HTML 模板做原型或客户演示的人

上手与定制指南

结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。

  1. 1

    模板为单个 HTML 文件,直接编辑其中的文案、姓名与地址即可替换内容

  2. 2

    颜色在 <style> 顶部的 CSS 变量中修改,可统一调整主题配色

  3. 3

    如需更换 WhatsApp 号码,搜索并替换 5555991117663

  4. 4

    发布方式为静态托管,可选择 GitHub Pages、Netlify 或 Vercel

  5. 5

    MIT 许可仅覆盖代码,演示图片、字体、图标等第三方素材需单独核对许可

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。

使用时需要遵守

  • 允许免费使用、修改、商用和分发该版本代码。
  • 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
  • 代码按现状提供;担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
  • 模板中的 WhatsApp 下单/联系入口默认指向号码 5555991117663,需在代码中搜索并替换为客户自己的号码才能正常使用。
  • 模板为静态页面,需自行部署到 GitHub Pages、Netlify 或 Vercel 等外部托管服务,可能产生第三方服务费用。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

se precisar apontar o WhatsApp para outro número, procure por `5555991117663` e substitua

README 原文

Depois é só publicar no GitHub Pages, Netlify ou Vercel.

README 原文
https://github.com/mkbraion/sites-para-profissionais/blob/main/LICENSEhttps://github.com/mkbraion/sites-para-profissionais/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-12。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 85 / 100
技术栈
HTML
网站类型
作品集 · 企业官网
这个分数如何计算

本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2026-10-12
截图检查日期
2026-10-12

已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 HTML。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

审核声明: [email protected] · 2026-10-13

查看当时使用的来源资料

SHA-256: aea1ae4fb2a023d0dbbe0ae412dea1fe3eedc13027337ce14fdc2303fbc91840

2026-10-12T11:05:47.045Z

来源文件 / 仓库
# Sites para Profissionais

Uma coleção de modelos de site prontos, separados por área — advogado, clínica de estética, consultório e por aí vai. Cada modelo é um arquivo HTML só: você troca os textos, as cores e o contato, e já está no ar.

Serve pra duas coisas: portfólio e também pra vender site sob encomenda usando os modelos como ponto de partida.

**Ver a landing e os modelos:** https://mkbraion.github.io/sites-para-profissionais/

## Modelos (exemplos ao vivo)

- **Advocacia** — `templates/advogado/`
- **Clínica / Estética** — `templates/estetica/`
- **Saúde / Consultório** — `templates/saude/`
- **Personal / Fitness** — `templates/personal/`
- **Barbearia / Salão** — `templates/barbearia/`
- **Loja / Catálogo** — `templates/loja/` (vitrine com filtro e pedido pelo WhatsApp)

Cada modelo já vem com conteúdo de demonstração pronto, pra mostrar ao cliente como o site dele ficaria. A `index.html` da raiz é a página que apresenta e vende os sites.

## Personalizar para um cliente

As cores de cada modelo ficam nas variáveis `--` no topo do `<style>`. Troque os nomes, textos e endereços pelos do cliente e, se precisar apontar o WhatsApp para outro número, procure por `5555991117663` e substitua.

Depois é só publicar no GitHub Pages, Netlify ou Vercel.
反馈内容错误

看看同类模板

对比同技术栈与用途的模板,找到更适合的视觉与内容结构。