KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #developer-tools #ai-agent #claude-code #codex #typescript #ai-agents #deepseek-harness #mcp #cli #rust

4X4-Collection

★ 87 Open GitHub ↗

Simple 404 collection for use in personal and commercial projects

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 4 ✖️ 4 Collection
A simple collection of 404 error pages for use in personal and commercial projects.
[preview](https://mjavadh.github.io/4X4-Collection/)

### Table of Contents
- [Introduction](#introduction)
- [Features](#features)
- [Installation](#installation)
- [Usage](#usage)
- [Customization](#customization)
- [Pages](#pages)
- [Contributing](#contributing)
- [License](#license)

## Introduction
The 4X4-Collection repository provides a variety of custom 404 error pages that you can easily integrate into your website. These pages are designed to be visually appealing and user-friendly, ensuring that your visitors have a better experience even when they encounter a broken link or missing page.

## Features
- **Responsive Design:** All 404 pages are fully responsive and look great on any device.
- **Easy Integration:** Simple to integrate with any web project, whether it's personal or commercial.
- **Customizable:** Easily modify the HTML and CSS to match your site's branding and style.
- **Variety:** A collection of different designs to suit various needs and preferences.

## Installation
1. Clone the repository:
   ```bash
    git clone https://github.com/MjavadH/4X4-Collection.git
    ```
2. Navigate to the cloned directory:
    ```bash
    cd 4X4-Collection
    ```

## Usage
To use one of the 404 pages in your project, follow these steps:

1. Choose the design you like from the collection.
2. Copy the HTML and CSS files to your project's directory.
3. Link the 404 page in your server configuration. For example, if you are using Apache, you can set the `ErrorDocument` directive in your `.htaccess` file:
    ```apache
    ErrorDocument 404 /path-to-your-404-page.html
    ```

### Example
1. Copy the `404-page1.html` and `404-page1.css` to your project.
2. Update your server configuration to point to `404-page1.html`.

## Customization

You can easily customize the 404 pages to match your website's look and feel. Here are some common customizations:

- **Change Colors:** Modify the CSS file to change the color scheme.
- **Update Text:** Edit the HTML file to update the text displayed on the 404 page.
- **Add Links:** Include links to your homepage or other important pages to help users navigate back to your site.

## Pages

### Technology
Matrix             |  Glitch             |  Terminal
:-------------------------:|:-------------------------:|:-------------------------:
[![](https://github.com/MjavadH/4X4-Collection/blob/master/Technology/Matrix/Image.png)](https://mjavadh.github.io/4X4-Collection/Technology/Matrix/index.html)  | [![](https://github.com/MjavadH/4X4-Collection/blob/master/Technology/Glitch/Image.png)](https://mjavadh.github.io/4X4-Collection/Technology/Glitch/index.html)  | [![](https://github.com/MjavadH/4X4-Collection/blob/master/Technology/Terminal/Image.png)](https://mjavadh.github.io/4X4-Collection/Technology/Terminal/index.html)
pixelated             |  Neon             |  CMD
[![](https://github.com/MjavadH/4X4-Collection/blob/master/Technology/pixelated/Image.png)](https://mjavadh.github.io/4X4-Collection/Technology/pixelated/index.html)  | [![](https://github.com/MjavadH/4X4-Collection/blob/master/Technology/Neon/Image.png)](https://mjavadh.github.io/4X4-Collection/Technology/Neon/index.html)  | [![](https://github.com/MjavadH/4X4-Collection/blob/master/Technology/CMD/Image.png)](https://mjavadh.github.io/4X4-Collection/Technology/CMD/index.html)
Ubuntu             |  PowerShell             |  Loop
[![](https://github.com/MjavadH/4X4-Collection/blob/master/Technology/Ubuntu/Image.png)](https://mjavadh.github.io/4X4-Collection/Technology/Ubuntu/index.html)  | [![](https://github.com/MjavadH/4X4-Collection/blob/master/Technology/PowerShell/Image.png)](https://mjavadh.github.io/4X4-Collection/Technology/PowerShell/index.html)  | [![](https://github.com/MjavadH/4X4-Collection/blob/master/Technology/Loop/Image.png)](https://mjavadh.github.io/4X4-Collection/Technology/Loop/index.html)
TV Noise(Old)             |  TV Noise(Static)
[![](https://github.com/MjavadH/4X4-Collection/blob/master/Technology/TV%20Noise(Old)/Image.png)](https://mjavadh.github.io/4X4-Collection/Technology/TV%20Noise(Old)/index.html)  | [![](https://github.com/MjavadH/4X4-Collection/blob/master/Technology/TV%20Noise(Static)/Image.png)](https://mjavadh.github.io/4X4-Collection/Technology/TV%20Noise(Static)/index.html)

### Geometric
Abstract             |  CircleBeat             |  OopsBox
:-------------------------:|:-------------------------:|:-------------------------:
[![](https://github.com/MjavadH/4X4-Collection/blob/master/Geometric/Abstract/Image.png)](https://mjavadh.github.io/4X4-Collection/Geometric/Abstract/index.html)  | [![](https://github.com/MjavadH/4X4-Collection/blob/master/Geometric/CircleBeat/Image.png)](https://mjavadh.github.io/4X4-Collection/Geometric/CircleBeat/index.html)  | [![](https://github.com/MjavadH/4X4-Collection/blob/master/Geometric/OopsBox/Image.png)](https://mjavadh.github.io/4X4-Collection/Geometric/OopsBox/index.html)
GlassStation             |  Geometric Patterns             |  Square
[![](https://github.com/MjavadH/4X4-Collection/blob/master/Geometric/GlassStation/Image.png)](https://mjavadh.github.io/4X4-Collection/Geometric/GlassStation/index.html)  | [![](https://github.com/MjavadH/4X4-Collection/blob/master/Geometric/Geometric%20Patterns/Image.png)](https://mjavadh.github.io/4X4-Collection/Geometric/Geometric%20Patterns/index.html)  | [![](https://github.com/MjavadH/4X4-Collection/blob/master/Geometric/Square/Image.png)](https://mjavadh.github.io/4X4-Collection/Geometric/Square/index.html)

### Fantasy 
Night sky             |  Wave             |  LostSpace
:-------------------------:|:-------------------------:|:-------------------------:
[![](https://github.com/MjavadH/4X4-Collection/blob/master/Fantasy/Night%20sky/Image.png)](https://mjavadh.github.io/4X4-Collection/Fantasy/Night%20sky/index.html)  | [![](https://github.com/MjavadH/4X4-Collection/blob/master/Fantasy/Wave/Image.png)](https://mjavadh.github.io/4X4-Collection/Fantasy/Wave/index.html)  | [![](https://github.com/MjavadH/4X4-Collection/blob/master/Fantasy/LostSpace/Image.png)](https://mjavadh.github.io/4X4-Collection/Fantasy/LostSpace/index.html)
Letters hop             |  UFO!             |  Scrolling Terrain and Shooting Stars
[![](https://github.com/MjavadH/4X4-Collection/blob/master/Fantasy/Letters%20hop/Image.png)](https://mjavadh.github.io/4X4-Collection/Fantasy/Letters%20hop/index.html)  | [![](https://github.com/MjavadH/4X4-Collection/blob/master/Fantasy/UFO!/Image.png)](https://mjavadh.github.io/4X4-Collection/Fantasy/UFO!/index.html)  | [![](https://github.com/MjavadH/4X4-Collection/blob/master/Fantasy/Scrolling%20Terrain%20and%20Shooting%20Stars/Image.png)](https://mjavadh.github.io/4X4-Collection/Fantasy/Scrolling%20Terrain%20and%20Shooting%20Stars/index.html)
Black Box             |  Error Zone             |  MyHeart
[![](https://github.com/MjavadH/4X4-Collection/blob/master/Fantasy/Black%20Box/Image.png)](https://mjavadh.github.io/4X4-Collection/Fantasy/Black%20Box/index.html)  | [![](https://github.com/MjavadH/4X4-Collection/blob/master/Fantasy/Error%20Zone/Image.png)](https://mjavadh.github.io/4X4-Collection/Fantasy/Error%20Zone/index.html)  | [![](https://github.com/MjavadH/4X4-Collection/blob/master/Fantasy/MyHeart/Image.png)](https://mjavadh.github.io/4X4-Collection/Fantasy/MyHeart/index.html)
Bug             |  Simple Two Column             |  Floating Cloud
[![](https://github.com/MjavadH/4X4-Collection/blob/master/Fantasy/Bug/Image.png)](https://mjavadh.github.io/4X4-Collection/Fantasy/Bug/index.html)  | [![](https://github.com/MjavadH/4X4-Collection/blob/master/Fantasy/Simple_Two_Column/Image.png)](https://mjavadh.github.io/4X4-Collection/Fantasy/Simple_Two_Column/index.html)  | [![](https://github.com/MjavadH/4X4-Collection/blob/master/Fantasy/Floating%20Cloud/Image.png)](https://mjavadh.github.io/4X4-Collection/Fantasy/Floating%20Cloud/index.html)
Snow Day             |               |  
[![](https://github.com/MjavadH/4X4-Collection/blob/master/Fantasy/Snow%20Day/Image.png)](https://mjavadh.github.io/4X4-Collection/Fantasy/Snow%20Day/index.html)

### Minimal
See             |  Patch             |  Black & White
:-------------------------:|:-------------------------:|:-------------------------:
[![](https://github.com/MjavadH/4X4-Collection/blob/master/Minimal/See/Image.png)](https://mjavadh.github.io/4X4-Collection/Minimal/See/index.html)  | [![](https://github.com/MjavadH/4X4-Collection/blob/master/Minimal/Patch/Image.png)](https://mjavadh.github.io/4X4-Collection/Minimal/Patch/index.html)  | [![](https://github.com/MjavadH/4X4-Collection/blob/master/Minimal/Black&White//Image.png)](https://mjavadh.github.io/4X4-Collection/Minimal/Black&White/index.html)
Hole             |  Shooting Range             |  Cloud
[![](https://github.com/MjavadH/4X4-Collection/blob/master/Minimal/Hole/Image.png)](https://mjavadh.github.io/4X4-Collection/Minimal/Hole/index.html)  | [![](https://github.com/MjavadH/4X4-Collection/blob/master/Minimal/Shooting%20Range/Image.png)](https://mjavadh.github.io/4X4-Collection/Minimal/Shooting%20Range/index.html)  | [![](https://github.com/MjavadH/4X4-Collection/blob/master/Minimal/Cloud//Image.png)](https://mjavadh.github.io/4X4-Collection/Minimal/Cloud/index.html)
LightSaber             |  SkyFly-Day           | SkyFly-Night
[![](https://github.com/MjavadH/4X4-Collection/blob/master/Minimal/LightSaber/Image.png)](https://mjavadh.github.io/4X4-Collection/Minimal/LightSaber/index.html)  | [![](https://github.com/MjavadH/4X4-Collection/blob/master/Minimal/SkyFly-Day//Image.png)](https://mjavadh.github.io/4X4-Collection/Minimal/SkyFly-Day/index.html)  | [![](https://github.com/MjavadH/4X4-Collection/blob/master/Minimal/SkyFly-Night/Image.png)](https://mjavadh.github.io/4X4-Collection/Minimal/SkyFly-Night/index.html)

## Contributing

We welcome contributions from the community! If you have a new 404 page design or improvements to existing designs, please follow these steps to contribute:

1. Fork the repository.
2. Create a new branch:
    ```bash
    git checkout -b new-404-page
    ```
3. Add your changes and commit them:
    ```bash
    git commit -m "Add new 404 page design"
    ```
4. Push to the branch:
    ```bash
    git push origin new-404-page
    ```
5. Open a pull request describing your changes.

## License

This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for more details.

4X4-Collection

Was this content helpful?

Recent Feedback

Download README