勘误 v4.0 - 404 错误页面 + 即将推出 + 登录 + 注册 preview 1

勘误 v4.0 - 404 错误页面 + 即将推出 + 登录 + 注册

bookmark

Erratum 是一套多用途错误页面模板,包含 404、500 等 HTTP 错误页面、"即将上线"页面、登录/注册/找回密码页面,共 108 个预置演示。支持 Bootstrap 和 Tailwind CSS 两个版本,适合企业站、咨询机构、创业公司等各类网站使用。

HTML

项目简介

Erratum 是一套多用途错误页面模板,包含 404、500 等 HTTP 错误页面、"即将上线"页面、登录/注册/找回密码页面,共 108 个预置演示。支持 Bootstrap 和 Tailwind CSS 两个版本,适合企业站、咨询机构、创业公司等各类网站使用。

技术栈

  • HTML5 / CSS3
  • Bootstrap 5.x(HTML 版本)
  • Tailwind CSS 3.4(Tailwind 版本)
  • Font Awesome 5/6
  • Google Fonts(Poppins / Lato)

项目结构

text
erratumhtml-10/Erratum - 404 Error pages/
├── Documentation/
│   ├── HTML/index.html          # HTML 版文档
│   └── Tailwind/index.html      # Tailwind 版文档
├── Erratum-html/
│   ├── index.html               # HTML 版展示页
│   ├── landing-assets/          # 静态资源
│   └── main/                    # 各演示页面
└── Erratum-tailwind/
    ├── index.html               # Tailwind 版展示页
    ├── landing-assets/          # 静态资源
    └── main/                    # 各演示页面

核心文件说明

  • Erratum-html/index.html — HTML/Bootstrap 版的落地展示页,分类展示所有演示
  • Erratum-tailwind/index.html — Tailwind CSS 版的落地展示页,功能同上
  • Erratum-html/main/ — Bootstrap 版本的具体页面实现(错误页、登录页等)
  • Erratum-tailwind/main/ — Tailwind CSS 版本的具体页面实现
  • Documentation/HTML/index.html — Bootstrap 5 栅格系统与自定义说明文档
  • Documentation/Tailwind/index.html — Tailwind CSS 栅格与自定义说明文档

快速开始

纯静态项目,无需构建:

  1. 进入 Erratum-htmlErratum-tailwind 目录
  2. 双击 index.html 在浏览器中打开
  3. 点击各分类卡片进入对应演示页面

使用建议

模板已按类别(Error / Coming Soon / Login / Signup / Forgot)预分类,点击顶部导航即可切换查看。如需替换品牌色或字体,需同时修改 landing-assets/css/ 下的样式文件。

help_outline

常见问题