Add files via upload

adarshnjena · Apr 7, 2022 · 695ef7e · 695ef7e
1 parent 3c5bbcd
commit 695ef7e
Show file tree

Hide file tree

Showing 2 changed files with 93 additions and 0 deletions.
diff --git a/thankyou.css b/thankyou.css
@@ -0,0 +1,54 @@
+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap");
+
+body{
+    font-family: Poppins, sans-serif;
+}
+
+.check {
+    fill: none;
+    stroke: rgb(27, 76, 168);
+    stroke-width: 2px;
+    stroke-linecap: round;
+    stroke-linejoin: round;
+    stroke-miterlimit: 10;
+}
+
+.check {
+    stroke-dasharray: 60 200;
+    animation-delay: 1.7s;
+    animation: check 2s cubic-bezier(0.67, 0, 0.1, 1) forwards 0s;
+    opacity: 0;
+}
+
+@keyframes check {
+    from {
+        stroke-dashoffset: 60;
+        opacity: 1;
+    }
+
+    to {
+        stroke-dashoffset: 293;
+        opacity: 1;
+    }
+}
+
+.thankyou {
+    display: block;
+    width: 100%;
+    align-items: center;
+    justify-content: center;
+    margin-top: 25vh;
+}
+
+h2 {
+    margin-bottom: 10px;
+}
+
+p {
+    margin-bottom: 30px;
+}
+
+.smaller {
+    width: 130px;
+    margin: 20px auto -50px auto;
+}
diff --git a/thankyou.html b/thankyou.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="./thankyou.css" />
+    <link rel="icon" href="assets/img/title.png" type="image/x-icon" />
+    <title>ThankYou!!</title>
+  </head>
+
+  <body>
+    <div class="thankyou">
+      <div class="smaller">
+        <svg
+          version="1.1"
+          id="Layer_1"
+          xmlns="http://www.w3.org/2000/svg"
+          xmlns:xlink="http://www.w3.org/1999/xlink"
+          x="0px"
+          y="0px"
+          viewBox="0 0 60 60"
+          style="enable-background: new 0 0 60 60"
+          xml:space="preserve"
+        >
+          <path
+            class="check"
+            d="M40.61,23.03L26.67,36.97L13.495,23.788c-1.146-1.147-1.359-2.936-0.504-4.314
+            c3.894-6.28,11.169-10.243,19.283-9.348c9.258,1.021,16.694,8.542,17.622,17.81c1.232,12.295-8.683,22.607-20.849,22.042
+            c-9.9-0.46-18.128-8.344-18.972-18.218c-0.292-3.416,0.276-6.673,1.51-9.578"
+          />
+        </svg>
+      </div>
+
+      <h2 style="text-align: center; font-weight: 500">Thank You!</h2>
+      <p style="text-align: center">Back to <a href="index.html">Website</a></p>
+    </div>
+  </body>
+</html>