Enhanced the visual design of the thankyou.html page to create a more…

… engaging user experience following feedback submission. Improve Visual Appeal of thankyou.html Page to Enhance User Experience Post-Feedback Submission
supriyagaut · Jul 7, 2024 · 9ecb373 · 9ecb373
1 parent 44acf84
commit 9ecb373
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 1 deletion.
diff --git a/thankyou.css b/thankyou.css
@@ -0,0 +1,29 @@
+body {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  margin: 0;
+  background: linear-gradient(to right, #8e2de2, #4a00e0);
+  font-family: 'Roboto', sans-serif;
+}
+
+.container {
+  text-align: center;
+  padding: 20px;
+  background-color: #fff;
+  border-radius: 10px;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  max-width: 400px;
+  width: 90%;
+}
+
+.container:hover {
+  transform: scale(1.05);
+  transition: transform 0.3s ease;
+}
+
+h2 {
+  color: #333;
+  font-family: Arial, sans-serif;
+}
diff --git a/thankyou.html b/thankyou.html
@@ -4,8 +4,11 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Thankyou</title>
+    <link rel="stylesheet" href="thankyou.css">
 </head>
 <body>
-    <h2>Thankyou for the valuable feedback!</h2>
+    <div class="container">
+        <h2>Thank you for the valuable feedback! <span>&#128077;</span></h2>
+    </div>
 </body>
 </html>