From be3915f95daaeefca3601ebf46db996edd9ab844 Mon Sep 17 00:00:00 2001 From: Nirmal Kumar R Date: Fri, 26 Jul 2024 16:21:38 +0530 Subject: [PATCH] Update 404 page --- 404.html | 78 ++++---------------------------------------------- index.html | 84 +----------------------------------------------------- style.css | 80 +++++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 86 insertions(+), 156 deletions(-) create mode 100644 style.css diff --git a/404.html b/404.html index 19914e9..ffa5a09 100644 --- a/404.html +++ b/404.html @@ -4,77 +4,7 @@ Nirmal Kumar R - +
@@ -84,7 +14,9 @@
-
404 Not Found
+
+

404 Not Found

+

Rumi said - "What you seek is seeking you"

This page has no content, but don't worry - All was good, All is well and All's gonna be fine.

@@ -94,7 +26,7 @@ diff --git a/index.html b/index.html index f7895f1..8a45b22 100644 --- a/index.html +++ b/index.html @@ -5,89 +5,7 @@ Nirmal Kumar R - +
diff --git a/style.css b/style.css new file mode 100644 index 0000000..8681dbe --- /dev/null +++ b/style.css @@ -0,0 +1,80 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: sans-serif; + font-size: 14px; + line-height: 1.4; + max-width: 30em; +} + +header { + margin: 1em; +} + +nav { + display: flex; + align-items: start; + justify-content: center; +} + +nav a { + background-color: #BF1717; + font-family: sans-serif; + color: white; + font-size: 0.8rem; + text-align: center; + text-shadow: 0px 0px 1px #cccccc; + min-width: 70px; + padding: 0.3em 0.5em 0.2em; + text-decoration: none; + box-shadow: 1px 2px 2px #eba2a2 inset; + border-bottom: 4px solid #992727; + border-right: 2px solid #992727; + border-left: 1px solid #992727; + border-top: 1px solid #ac3e3e; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-rendering: optimizeLegibility; +} + +p { + margin: 1em 0; +} + +.home { + margin-top: 1em; +} + +.home, +.content-wrapper { + margin-left: 1em; +} + +.home img { + display: block; +} + +.content-title { + color: #663333; + font-weight: bold; +} + +.contact { + background-color: #ffcc33; + padding: 0.6em; + font-size: 0.8rem; +} + +footer { + color: #cccccc; + margin: 3em 0 3em 1em; + font-size: 0.8rem; +} + +footer hr { + margin-bottom: 1em; +}