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>