4 ✖️ 4 Collection

A simple collection of 404 error pages for use in personal and commercial projects. preview

Table of Contents

• Introduction
• Features
• Installation
• Usage
• Customization
• Pages
• Contributing
• 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:

    git clone https://github.com/MjavadH/4X4-Collection.git

2. Navigate to the cloned directory:

   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:

   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
pixelated	Neon	CMD
Ubuntu	PowerShell	Loop
TV Noise(Old)	TV Noise(Static)

Geometric

Abstract	CircleBeat	OopsBox
GlassStation	Geometric Patterns	Square

Fantasy

Night sky	Wave	LostSpace
Letters hop	UFO!	Scrolling Terrain and Shooting Stars
Black Box	Error Zone	MyHeart
Bug	Simple Two Column	Floating Cloud
Snow Day

Minimal

See	Patch	Black & White
Hole	Shooting Range	Cloud
LightSaber	SkyFly-Day	SkyFly-Night

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:

   git checkout -b new-404-page

3. Add your changes and commit them:

   git commit -m "Add new 404 page design"

4. Push to the branch:

   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 file for more details.