# error-page

**Repository Path**: echooooooo/error-page

## Basic Information

- **Project Name**: error-page
- **Description**: 100套网站Html5错误页模板如403，404，500等。
- **Primary Language**: HTML
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 17
- **Created**: 2023-02-01
- **Last Updated**: 2023-02-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 100套网站错误页模板


<a href="https://blog.csdn.net/file_data/article/details/122041049?spm=1001.2014.3001.5501"><img src="https://img.shields.io/badge/CSDN-DreamCorders-orange" alt="CSDN"></a>
<img alt="GitHub Repo stars" src="https://img.shields.io/github/stars/cloudResource/error-page">



### 项目背景


在web项目开发中往往需要准备403、404、500等报错页面，网络上资源良莠不齐，而且大多数都是收费的，甚至一个页面一收费的那种，前前后后不管是自己开发的还是付费的收集了不少，于是打算整理下，免费分享给大家，以免大家再走冤枉路。如果大家有珍藏的好模板，欢迎大家继续补充贡献！！！


### 目录结构

```
error-page  
├── error_400              # http 400 error pages
│   └── page               # resource pack
│       ├── 404.html       
│       └── main.css       
├── error_500              # http 500 error pages
│   └── page               # resource pack
│       ├── 500.html         
│       └── main.css       
└── README.md  
```

### 在线预览
```
在线预览时，有可能因为GithubPages浏览器环境问题，导致页面不兼容，不能正常显示，请以截图为准，或下载到本地测试预览,感谢支持！～
```
**error_400/page_1** [在线预览](https://cloudresource.github.io/error-page/error_400/page_1/404.html)  
<img src="https://cloudresource.github.io/error-page/error_400/page_1/effect.gif" width="100%" />  
**error_400/page_2** [在线预览](https://cloudresource.github.io/error-page/error_400/page_2/404.html)  
<img src="https://cloudresource.github.io/error-page/error_400/page_2/effect.gif" width="100%" />  
**error_400/page_3** [在线预览](https://cloudresource.github.io/error-page/error_400/page_3/404.html)  
<img src="https://cloudresource.github.io/error-page/error_400/page_3/effect.png" width="100%" />  
**error_500/page_1** [在线预览](https://cloudresource.github.io/error-page/error_500/page_1/500.html)  
<img src="https://cloudresource.github.io/error-page/error_500/page_1/effect.gif" width="100%" />  
**error_500/page_2** [在线预览](https://cloudresource.github.io/error-page/error_500/page_2/500.html)  
<img src="https://cloudresource.github.io/error-page/error_500/page_2/effect.gif" width="100%" />  

### 温馨提示：更多模板陆续更新中
```
如果觉得对你有对您有帮助，您可以点右上角 💘Star💘支持,谢谢！～
```