10+ HTML and CSS 404 Page Templates mới nhất

404 Page là một trang thông báo lỗi được hiển thị khi người dùng cố gắng truy cập vào một URL không tồn tại trên website. “404” là mã trạng thái HTTP chỉ ra rằng máy chủ không thể tìm thấy trang web mà người dùng yêu cầu. Các nguyên nhân phổ biến dẫn đến trang 404 bao gồm:

• Liên kết hỏng: Các đường dẫn bị lỗi hoặc không còn tồn tại.
• Sai địa chỉ URL: Người dùng nhập sai địa chỉ trang.
• Xóa hoặc di chuyển nội dung: Trang hoặc nội dung đã bị xóa hoặc di chuyển

1.Space 404

Made with: HTML / CSS (SCSS) / JavaScript

Created by Ethan , Created At November 18, 2019

Responsive : no

Dependencies : –

Compatible browsers : Chrome, Edge, Firefox, Opera, Safari

Demo and code

2. 404 Page

Made with: HTML / CSS (SCSS) / JavaScript

Created by Rafaela Lucas , Created At November 27, 2019

Responsive : yes

Dependencies : parallax.js, jquery.js

Compatible browsers : Chrome, Edge, Firefox, Opera, Safari

Demo and code

3. GSAP 404 typed message using SplitText

Made with: HTML / CSS (SCSS) / JavaScript

Created by Selcuk Cura , Created At October 21, 2017

Responsive : no

Dependencies : TweenMax.js , jquery.js , SplitText.js

Compatible browsers : Chrome, Edge, Firefox, Opera, Safari

Demo and code

4. 404 Error Page

Made with: HTML / CSS

Created by Ricardo Prieto , Created At November 4, 2017

Responsive : no

Dependencies : –

Compatible browsers : Chrome, Edge, Firefox, Opera, Safari

Demo and code

5. Bubbley 404

Made with: HTML (Pug) / CSS (SCSS)

Created by Kyle Lavery , Created At May 1, 2016

Responsive : no

Dependencies : –

Compatible browsers : Chrome, Edge, Firefox, Opera, Safari

Demo and code

6.404 Makes bear sad

Made with: HTML (Pug) / CSS (Stylus) / JavaScript (Babel)

Created by Jhey , Created At March 22, 2020

Responsive : yes

Dependencies : react-dom.js, react.js

Compatible browsers : Chrome, Edge, Firefox, Opera, Safari

Demo and code

7.404 error page

Made with: HTMl / CSS / JavaScript

Created by Swarup Kumar Kuila, Created At February 7, 2020

Responsive : yes

Dependencies : bootstrap.css, anime.js

Compatible browsers : Chrome, Edge, Firefox, Opera, Safari

Demo and code

8. CSS 404 page

Made with: HTMl / CSS (SCSS)

Created by agathaco, Created At July 28, 2018

Responsive : yes

Dependencies : –

Compatible browsers : Chrome, Edge, Firefox, Opera, Safari

Demo and code

9. 404 error page

Made with: HTMl / CSS (SCSS)

Created by Naved khan, Created At  2023

Responsive : yes

Dependencies : –

Compatible browsers : Chrome, Edge, Firefox, Opera, Safari

Demo and code

10. 404 error page – Lost In Space

Made with: HTMl / CSS (SCSS)

Created by Saleh Riaz Qureshi, Created At  2024

Responsive : yes

Dependencies : –

Compatible browsers : Chrome, Edge, Firefox, Opera, Safari

Demo and code