Code Monkey home page Code Monkey logo

4x4-collection's Introduction

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.

4x4-collection's People

Contributors

mjavadh avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

4x4-collection's Issues

Help me

Hello. I'm working on a website and came across your repository while searching for a suitable template for a 404 page.
But this code is very complicated and I am not a front end programmer
Therefore, I request you to provide me a summary of the code and only the "Matrix" page
Thanks a lot

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.