Skip to content

Simple 404 collection for use in personal and commercial projects

License

Notifications You must be signed in to change notification settings

MjavadH/4X4-Collection

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

4 ✖️ 4 Collection

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

Table of Contents

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.