HTML企业官网

template-woofers-animal-rights — HTML 企业官网模板

作者 freewebstore-online

FreeWebStore 的动物权利倡导单页模板，以请愿签名为核心转化目标，采用黑、白、警示红的高紧迫感视觉。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

2 个预览视图

桌面端首页1 / 2

访问演示网站在新标签页打开

桌面端截图首屏预览

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

全部页面与视图 2

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

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

值得关注的模板亮点

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

单页倡导落地页，全部区块围绕请愿签名这一转化目标组织

深黑、纯白与警示红（#e10600）配色，Archivo Black 标题配 Inter 正文

固定导航含常驻红色请愿按钮与移动端抽屉菜单

请愿区含签名进度条、内联表单校验、加载/成功/重复签名状态与近期签名流

纯 CSS 跑马灯事实条、IntersectionObserver 数字统计带与滚动显现动画

所有可编辑区域以 data-fws-slot 标注，支持 HTML 直接编辑或 FreeWebStore 编辑器

模板详细介绍

该模板属于 FreeWebStore 平台的 nonprofit.advocacy 类别，仓库名为 woofers-animal-rights，由 @Aa11rn 制作。它是一个单页（single-page）动物权利倡导落地页，面向动物权利组织与请愿活动，页面结构围绕“签署请愿”这一单一目标展开：所有区块都把注意力引导回请愿行动。

视觉上采用深黑（#0a0a0a）、纯白与警示红（#e10600）的配色，标题使用 Archivo Black 粗重展示字体，正文使用 Inter。页面包含固定导航（带常驻红色请愿按钮与移动端抽屉菜单）、纯 CSS 的紧迫事实跑马灯、全屏首屏（含实时签名计数徽章）、议题网格（工厂化养殖、动物实验、野生动物保护）、使用 IntersectionObserver 的滚动数字统计带、救援故事条，以及请愿行动区（签名进度条、姓名/邮箱/国家内联校验、加载/成功/重复签名错误状态、近期签名社交证明流）。此外还有分享区（复制链接与 X / Facebook / WhatsApp 分享意图）、带 ARIA 属性的 FAQ 手风琴、滚动显现动画（支持 prefers-reduced-motion）、返回顶部按钮与 toast 提示。

模板以 HTML 为技术栈，所有可编辑内容区域用 data-fws-slot 属性标注，既可直接改 HTML，也可发布后在 FreeWebStore 编辑器中修改。仓库附带 index.html、package.json、template.config.json、tailwind.config.js、preview.png 与 README.md，并另有 slots.md 作为插槽参考。发布流程依赖 @freewebstore/cli 的 doctor、login、publish 命令。

限制与注意事项：代码采用 MIT 许可，但演示图片、字体（Archivo Black、Inter）、图标等第三方素材需按各自许可单独核对；域名、托管等外部服务可能另行收费。README 中提到的签名计数、表单提交、分享等行为属于前端交互描述，仓库未说明其后端或数据来源，实际使用需自行接入。

HTML企业官网

适合你的项目吗？

适用场景

动物权利组织搭建请愿签名落地页
非营利倡导活动制作单页宣传与转化页面
需要紧迫感视觉风格的公益议题展示
在 FreeWebStore 平台上发布并二次编辑的社区模板

适合人群

动物权利与动物保护类非营利组织
需要请愿或签名转化页面的倡导活动
接受单页结构与高对比黑红视觉的团队
使用 FreeWebStore 平台及 CLI 发布流程的开发者

上手与定制指南

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

1
仓库文件包含 index.html、package.json、template.config.json、tailwind.config.js、preview.png 与 README.md，另需参考 slots.md 的插槽说明
2
可编辑内容区域以 data-fws-slot 属性标注，可直接修改 HTML，也可发布后在 FreeWebStore 编辑器中编辑
3
发布使用 @freewebstore/cli 的 doctor（本地校验）、login（一次性 GitHub App 安装）、publish（上传并排队审核）命令
4
preview.png 需自行替换为实际预览图
5
演示图片、字体与图标等第三方素材需按各自许可单独核对，外部服务可能另行收费

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

发布流程依赖 FreeWebStore 平台：需通过 @freewebstore/cli 登录（一次性安装 GitHub App）并执行 publish 上传、创建仓库并排队审核，因此该模板的发布与后续编辑绑定 FreeWebStore 平台账号与 CLI。
该模板为 FreeWebStore 社区模板，许可由 fws init 自动设为 MIT，并受平台对社区模板必须使用 MIT 的要求约束。
仓库中的 preview.png 仅为占位，需自行替换为实际预览图，否则预览展示不完整。
自定义内容需参考 slots.md 的插槽说明，该文件未包含在 README 列出的仓库文件清单中，需另行获取。
演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。

查看原文依据

Permission is hereby granted, free of charge
许可证原文

npx @freewebstore/cli login # one-time GitHub App install
README 原文

MIT (auto-set by `fws init`). FreeWebStore requires MIT for community
README 原文

preview.png # Template preview image (add your own)
README 原文

See `slots.md` for the slot reference used by this template.
README 原文

https://github.com/freewebstore-online/template-woofers-animal-rights/blob/main/LICENSE https://github.com/freewebstore-online/template-woofers-animal-rights/blob/main/README.md

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

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料较完整 · 80 / 100
技术栈: HTML
网站类型: 企业官网

这个分数如何计算

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

这个项目需要核对什么

记录的仓库更新时间: 2026-08-23
截图检查日期: 2026-10-01

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: 56c9d49ca2865333fe309982881132d41a81d144ab178a6438e0751fd371e51c

2026-10-01T15:30:56.943Z

来源文件 / 仓库

# woofers-animal-rights

A FreeWebStore template for **nonprofit.advocacy** by **@Aa11rn**.

# Woofers — Animal Rights Campaign

A high-impact, single-page advocacy landing page built for animal rights
organizations and petitions. Stark blacks, whites, and alert reds carry a
sense of urgency; every section routes attention back to one goal —
signing the petition.

## Features

- High-urgency design system: deep black (#0a0a0a), stark white, alert red (#e10600)
- Heavy display typography (Archivo Black) paired with Inter body text
- Sticky nav with persistent red petition CTA + mobile drawer menu
- Urgency facts ticker (pure CSS marquee)
- Full-screen hero with live signature counter badge
- Issue-focused grid: Factory Farming, Animal Testing, Wildlife Protection
- Animated count-up statistics band (IntersectionObserver)
- Rescue stories strip for emotional connection
- Conversion-optimized petition action zone:
  - Signature progress bar toward goal
  - Inline form validation (name, email, country)
  - Loading, success, and duplicate-signature error states
  - Recent signatures social-proof feed
- Share section: copy-to-clipboard link + X / Facebook / WhatsApp intents
- Accessible FAQ accordion (ARIA attributes)
- Scroll-reveal animations with prefers-reduced-motion support
- Back-to-top button and toast notifications
- Fully slot-annotated (`data-fws-slot`) for FreeWebStore content editing

## Included Files

```
animal-rights-campaign/
├── index.html            # Main template page
├── package.json          # Node dependency file (FWS CLI)
├── template.config.json  # FWS template metadata
├── tailwind.config.js    # Tailwind design tokens reference
├── preview.png           # Template preview image (add your own)
└── README.md             # This file
```

## Customization

All editable content regions are marked with `data-fws-slot` attributes. Edit
these directly in the HTML or via the FreeWebStore editor after publishing.
See `slots.md` for the slot reference used by this template.

## Publishing

```sh
npx @freewebstore/cli doctor     # local validation
npx @freewebstore/cli login      # one-time GitHub App install
npx @freewebstore/cli publish    # upload + create repo + queue for review
```

## License

MIT (auto-set by `fws init`). FreeWebStore requires MIT for community
templates — see CONTRIBUTING.md in the platform docs for the why.
MIT — see `template.config.json` for details.

反馈内容错误