fixed onboarding page

tushgaurav · Apr 11, 2023 · 8501b93 · 8501b93
1 parent 8a74d3b
commit 8501b93
Show file tree

Hide file tree

Showing 2 changed files with 86 additions and 2 deletions.
diff --git a/images/html/rock.gif b/images/html/rock.gif
diff --git a/onboarding.html b/onboarding.html
@@ -4,9 +4,93 @@
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Document</title>
+    <title>Thank You!</title>
+    <link
+      rel="shortcut icon"
+      href="/images/icons/icon-32x32.png"
+      type="image/x-icon"
+    />
   </head>
   <body>
-    <h1>Welcome to NIET College Guys</h1>
+    <style>
+      @font-face {
+        font-family: "Bukhari Script";
+        src: url("./assets/font/bukhari_script-webfont.woff2") format("woff2"),
+          url("./assets/font/bukhari_script-webfont.woff") format("woff");
+        font-weight: normal;
+        font-style: normal;
+      }
+
+      .btn {
+        padding: 0.8em;
+        background-color: #ffde59;
+        border-radius: 10px;
+        text-decoration: none;
+        font-weight: bold;
+      }
+
+      .btn:visited {
+        color: rgb(4, 35, 88);
+      }
+
+      a:visited {
+        color: white;
+      }
+
+      body {
+        background-color: rgb(4, 35, 88);
+        font-family: sans-serif;
+        color: white;
+        text-align: center;
+      }
+      .container {
+        position: absolute;
+        top: 20%;
+        left: 20%;
+        right: 20%;
+        max-width: 800px;
+        margin: 0 auto;
+      }
+
+      main {
+        font-size: 2em;
+        margin-bottom: 1em;
+      }
+
+      section {
+        display: flex;
+        justify-content: center;
+        flex-direction: column;
+        align-items: center;
+        margin-bottom: 1em;
+      }
+
+      nav {
+        color: #ffde59;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        font-size: 2em;
+      }
+
+      nav span {
+        font-family: "Bukhari Script";
+        font-size: 4rem;
+      }
+    </style>
+    <div class="container">
+      <nav><span>NIET</span> Attendance</nav>
+      <section>Thank you for installing this extension!</section>
+      <main>This college is truly the best of the best</main>
+      <section>
+        <p>
+          Now, You can see the attendance as usual on the
+          <a href="https://niet.instituteoncloud.com/">NIET ERP</a> website.
+        </p>
+        <a class="btn" href="https://research.typeform.com/to/TOOvkL9A"
+          >Survey</a
+        >
+      </section>
+    </div>
   </body>
 </html>