Add 404.html

2024-07-23 20:18:06 +05:30
parent def0ff3d4f
commit 1a79f7af86
1 changed files with 100 additions and 0 deletions
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Nirmal Kumar R</title>
+    <style>
+      * {
+        margin: 0;
+        padding: 0;
+        box-sizing: border-box;
+      }
+
+      body {
+        font-family: verdana;
+        font-size: 13px;
+        max-width: 46em;
+      }
+
+      header {
+        margin: 1em 1em 1em 9em;
+      }
+
+      nav {
+        display: flex;
+        flex-direction: column;
+        align-items: start;
+        margin-left: 1em;
+        float: left;
+      }
+
+      nav a {
+        background-color: #BF1717;
+        font-family: verdana;
+        color: white;
+        font-size: 0.8rem;
+        text-shadow: 0px 0px 1px #cccccc;
+        min-width: 70px;
+        padding: 0.3em 0.5em;
+        text-decoration: none;
+        box-shadow: 1px 2px 2px #dfb7b7 inset;
+        border-bottom: 4px solid #992727;
+        border-right: 3px solid #f29595;
+        border-left: 2px solid #b77272;
+        border-top: 1px solid #ac3e3e;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        text-rendering: optimizeLegibility;
+      }
+
+      p {
+        margin: 2em 0;
+      }
+
+      .home,
+      .content-wrapper {
+        margin-left: 9em;
+      }
+
+      .content-wrapper {
+        margin-top: 1em;
+      }
+
+      .contact {
+        background-color: #ffcc33;
+        padding: 0.6em;
+      }
+
+      footer {
+        color: #cccccc;
+        margin: 3em 0 3em 9em;
+      }
+
+      footer hr {
+        margin-bottom: 1em;
+      }
+    </style>
+  </head>
+  <body>
+    <header>
+      <div>
+        <img loading="lazy" src="https://ik.imagekit.io/mysticmode/tr:w-479/home/name.png" alt="My Full Name - Nirmal Kumar R">
+      </div>
+    </header>
+    
+    <section class="content-wrapper">
+      <div class="content-title"><img src="https://ik.imagekit.io/mysticmode/home/404-not-found.png" alt="404 Not Found"></div>
+      <div class="content">
+        <p>Rumi said - "What you seek is seeking you"</p>
+        <p>This page has no content, but don't worry - All was good, All is well and All's gonna be fine.</p>
+        <p>Just go to the index url - <a href="https://nirm.al">https://nirm.al</a> and you'll find something for yourself.</p>
+      </div>
+    </section>
+
+    <footer>
+      <hr>
+      © Nirmal Kumar R
+    </footer>
+  </body>
+</html>