From 656f7e76118934b0e4e8d0a362d5fb69f7658ae3 Mon Sep 17 00:00:00 2001 From: Abhiraj Adhikary Date: Fri, 24 Jan 2025 10:35:13 +0530 Subject: [PATCH 1/4] Added 404 Error page --- 404-page.css | 96 ++++++++++++++++++++++++ 404-page.html | 182 ++++++++++++++++++++++++++++++++++++++++++++++ images/blue.svg | 1 + images/green.svg | 1 + images/purple.svg | 1 + images/red.svg | 1 + images/yellow.svg | 1 + 7 files changed, 283 insertions(+) create mode 100644 404-page.css create mode 100644 404-page.html create mode 100644 images/blue.svg create mode 100644 images/green.svg create mode 100644 images/purple.svg create mode 100644 images/red.svg create mode 100644 images/yellow.svg diff --git a/404-page.css b/404-page.css new file mode 100644 index 0000000..ec0f7d4 --- /dev/null +++ b/404-page.css @@ -0,0 +1,96 @@ +.error-section { + display: flex; + align-items: center; + justify-content: center; + text-align: center; + padding: 4rem 2rem; + min-height: 100vh; + background-color: var(--background-color); + color: var(--text-color); +} + +.error-content { + max-width: 800px; + width: 100%; + padding: 2rem; + border-radius: 10px; +} + +.error-title { + font-size: 8rem; + color: var(--primary-color); + margin-bottom: 1rem; +} + +.error-subtitle { + font-size: 3rem; + color: var(--secondary-color); + margin-bottom: 1rem; +} + +.error-text { + font-size: 1.5rem; + color: var(--light-text-color); + margin-bottom: 2rem; +} + +.error-actions { + display: flex; + justify-content: center; + gap: 1rem; + margin-bottom: 2rem; +} + +.error-actions .btn { + display: inline-block; + padding: 1rem 2rem; + font-size: 1.2rem; + color: #ffffff; + border-radius: 5px; + text-decoration: none; + transition: background-color 0.3s ease; +} + +.error-actions .btn-primary { + background-color: var(--primary-color); +} + +.error-actions .btn-primary:hover { + background-color: var(--secondary-color); +} + +.error-actions .btn-secondary { + background-color: var(--accent-color); +} + +.error-actions .btn-secondary:hover { + background-color: var(--secondary-color); +} + +.error-image { + margin-top: 2rem; +} + +.error-image img { + max-width: 100%; + height: auto; +} + +@media (max-width: 768px) { + .error-title { + font-size: 4rem; + } + + .error-subtitle { + font-size: 1.5rem; + } + + .error-text { + font-size: 1rem; + } + + .error-actions .btn { + padding: 0.5rem 1rem; + font-size: 1rem; + } +} \ No newline at end of file diff --git a/404-page.html b/404-page.html new file mode 100644 index 0000000..4a1a824 --- /dev/null +++ b/404-page.html @@ -0,0 +1,182 @@ + + + + + + + + + + + + + + Eventica | 404 + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + + + +
+
+
+
+

404

+

Page Not Found

+

+ Oops! The page you are looking for does not exist or has been moved. +

+
+ + Back to Home + + + Contact Us + +
+
+
+ 404 Error Illustration +
+ +
+ +
+
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/images/blue.svg b/images/blue.svg new file mode 100644 index 0000000..62b2422 --- /dev/null +++ b/images/blue.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/green.svg b/images/green.svg new file mode 100644 index 0000000..696be95 --- /dev/null +++ b/images/green.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/purple.svg b/images/purple.svg new file mode 100644 index 0000000..764d544 --- /dev/null +++ b/images/purple.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/red.svg b/images/red.svg new file mode 100644 index 0000000..5f72603 --- /dev/null +++ b/images/red.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/yellow.svg b/images/yellow.svg new file mode 100644 index 0000000..2da2857 --- /dev/null +++ b/images/yellow.svg @@ -0,0 +1 @@ + \ No newline at end of file From f25e7062fe128bf8b81c29545847e7a518947b50 Mon Sep 17 00:00:00 2001 From: Abhiraj Adhikary Date: Fri, 24 Jan 2025 10:57:38 +0530 Subject: [PATCH 2/4] repositioned image --- 404-page.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/404-page.css b/404-page.css index ec0f7d4..9b3ecbf 100644 --- a/404-page.css +++ b/404-page.css @@ -7,6 +7,7 @@ min-height: 100vh; background-color: var(--background-color); color: var(--text-color); + flex-direction: column; /* Ensure content is centered vertically */ } .error-content { @@ -14,6 +15,7 @@ width: 100%; padding: 2rem; border-radius: 10px; + margin: 0 auto; /* Center content horizontally */ } .error-title { @@ -68,12 +70,13 @@ } .error-image { - margin-top: 2rem; + margin-top: 1rem; /* Reduce the margin to bring the image closer */ } .error-image img { max-width: 100%; height: auto; + margin-top: -120px; } @media (max-width: 768px) { From ec1ed5466658a3c69414440e3532b73d34777d79 Mon Sep 17 00:00:00 2001 From: Abhiraj Adhikary Date: Thu, 6 Feb 2025 13:03:24 +0530 Subject: [PATCH 3/4] Added a 404 Page --- 404-page.css | 33 +++++++++++++++++++++++++-------- 1 file changed, 25 insertions(+), 8 deletions(-) diff --git a/404-page.css b/404-page.css index 9b3ecbf..da9743d 100644 --- a/404-page.css +++ b/404-page.css @@ -2,20 +2,26 @@ display: flex; align-items: center; justify-content: center; - text-align: center; padding: 4rem 2rem; min-height: 100vh; background-color: var(--background-color); color: var(--text-color); - flex-direction: column; /* Ensure content is centered vertically */ } -.error-content { - max-width: 800px; +.container { + display: flex; + align-items: center; + justify-content: space-between; + max-width: 1200px; width: 100%; + gap: 2rem; +} + +.error-content { + flex: 1; padding: 2rem; border-radius: 10px; - margin: 0 auto; /* Center content horizontally */ + text-align: left; } .error-title { @@ -38,7 +44,6 @@ .error-actions { display: flex; - justify-content: center; gap: 1rem; margin-bottom: 2rem; } @@ -70,16 +75,24 @@ } .error-image { - margin-top: 1rem; /* Reduce the margin to bring the image closer */ + flex: 1; } .error-image img { max-width: 100%; height: auto; - margin-top: -120px; } @media (max-width: 768px) { + .container { + flex-direction: column; + text-align: center; + } + + .error-content { + text-align: center; + } + .error-title { font-size: 4rem; } @@ -92,6 +105,10 @@ font-size: 1rem; } + .error-actions { + justify-content: center; + } + .error-actions .btn { padding: 0.5rem 1rem; font-size: 1rem; From 595abc2c85f095cc919911aaf0440ffef71cdda0 Mon Sep 17 00:00:00 2001 From: Rakesh Roshan Date: Wed, 19 Feb 2025 23:29:59 +0530 Subject: [PATCH 4/4] Added changes --- .htaccess | 1 + 404-page.html => 404.html | 29 ++++++++++----------- 404-page.css => assets/404.css | 4 +-- {images => assets/images/errors}/blue.svg | 0 {images => assets/images/errors}/green.svg | 0 {images => assets/images/errors}/purple.svg | 0 {images => assets/images/errors}/red.svg | 0 {images => assets/images/errors}/yellow.svg | 0 8 files changed, 17 insertions(+), 17 deletions(-) create mode 100644 .htaccess rename 404-page.html => 404.html (92%) rename 404-page.css => assets/404.css (96%) rename {images => assets/images/errors}/blue.svg (100%) rename {images => assets/images/errors}/green.svg (100%) rename {images => assets/images/errors}/purple.svg (100%) rename {images => assets/images/errors}/red.svg (100%) rename {images => assets/images/errors}/yellow.svg (100%) diff --git a/.htaccess b/.htaccess new file mode 100644 index 0000000..9fded1e --- /dev/null +++ b/.htaccess @@ -0,0 +1 @@ +ErrorDocument 404 /404.html \ No newline at end of file diff --git a/404-page.html b/404.html similarity index 92% rename from 404-page.html rename to 404.html index 4a1a824..2123f09 100644 --- a/404-page.html +++ b/404.html @@ -5,13 +5,13 @@ - + - Eventica | 404 + Eventica | Error 404 @@ -68,11 +68,11 @@
- - - - - + + + + +
@@ -86,8 +86,8 @@
-
-
+
+

404

Page Not Found

@@ -104,14 +104,11 @@

Page Not Found

- 404 Error Illustration + 404 Error Illustration
-
-
- - - + +