Skip to content

Devaur03/error404

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 

Repository files navigation

❌ Custom 404 Error Page

A beautifully animated and responsive 404 Error Page built using HTML, TailwindCSS, and a background GIF. Designed to enhance user experience when navigating to a broken or missing link.


🌐 Live Demo

🔗 View Live


🚀 Features

  • ⚡ Animated background with a smooth floating SVG icon
  • 🌈 TailwindCSS for responsive design and styling
  • 🎨 Dark overlay for better text readability
  • 🧭 "Go Back" button to return to the previous page
  • 📱 Mobile-friendly layout

📁 Project Structure

404-error-page/
├── index.html      # Main 404 page
├── pag.gif         # Background GIF animation
└── README.md       # Project documentation

🛠️ Getting Started

1. Clone the repository

git clone https://github.com/yourusername/404-error-page.git
cd 404-error-page

2. Open index.html

Use any browser or live server extension in VS Code to preview it.

2. Paste [Preview]

Use any browser or live server extension in VS Code to preview it. Preview

📦 Deployment on Vercel

  1. Push the code to a GitHub repo (e.g., 404-error-page)
  2. Go to https://vercel.com/new
  3. Import your GitHub repo
  4. Choose Framework: Other / Static
  5. Deploy and get your live link

📝 License

This project is open-source and free to use.


🙋‍♂️ Author

Built by Devansh. Feel free to connect or suggest improvements!

About

Page not found.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages