Merge pull request #1675 from rahulbamnuya/rahul

Resolve issue issue #1561
iamrahulmahato · Oct 25, 2024 · 18b6ffe · 18b6ffe
2 parents 8876b76 + 032a33c
commit 18b6ffe
Show file tree

Hide file tree

Showing 2 changed files with 46 additions and 12 deletions.
diff --git a/feedback.html b/feedback.html
@@ -5,9 +5,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Feedback Form</title>
     <link rel="stylesheet" href="style1.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+
+
 </head>
 <body>
-
+<a href="./index.html"><button id="back_to_home">Back To Home</button></a>
     <div class="feedback-form">
         <h2>Feedback Form</h2>
 
@@ -27,22 +30,22 @@ <h2>Feedback Form</h2>
                 <label for="star1" title="1 star"></label>
             </div>
         </div>
-
         <!-- Feedback Text Section -->
         <div class="name-email-bg">
             <div class="form-group">
-              <label for="name">Name</label>
-              <input type="text" id="name" name="name" required>
+                <label for="name"><i class="fas fa-user"></i> Name</label>
+                <input type="text" id="name" name="name" required>
             </div>
             <div class="form-group">
-              <label for="email">Email</label>
-              <input type="email" id="email" name="email" required>
+                <label for="email"><i class="fas fa-envelope"></i> Email</label>
+                <input type="email" id="email" name="email" required>
             </div>
-          </div>
+        </div>
         <div class="form-group">
-            <label for="feedback">Your Feedback:</label>
+            <label for="feedback"><i class="fas fa-comment-alt"></i> Your Feedback:</label>
             <textarea id="feedback" rows="4" placeholder="Write your feedback here..."></textarea>
         </div>
+
 
 
         <!-- Submit Button -->
@@ -51,4 +54,4 @@ <h2>Feedback Form</h2>
 
     <script src="script.js"></script>
 </body>
-</html>
+</html>
diff --git a/style1.css b/style1.css
@@ -24,7 +24,27 @@
     font-family: 'Arial', sans-serif;
     transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
   }
-
+  #back_to_home {
+  background-color: #696a6b; /* Blue background */
+  color: white; /* White text */
+  padding: 10px 20px; /* Padding for the button */
+  border: none; /* Remove default borders */
+  border-radius: 5px; /* Rounded corners */
+  font-size: 16px; /* Font size */
+  cursor: pointer; /* Change cursor to pointer */
+  margin-top: 20px;
+  transition: background-color 0.3s ease, transform 0.2s ease; /* Smooth transition for hover effects */
+}
+
+#back_to_home:hover {
+  background-color: #357ABD; /* Darker blue on hover */
+  transform: translateY(-2px); /* Slight lift on hover */
+}
+
+#back_to_home:active {
+  transform: translateY(0); /* Reset lift when clicked */
+}
+
   /* Feedback Form Styling */
   .feedback-form {
     background-color: var(--card); /* Matches the theme */
@@ -80,10 +100,21 @@
     font-weight: bold;
     color: var(--head);
   }
-
+  .form-group label {
+    display: flex;
+    align-items: center;
+    font-size: 16px;
+    color: #333;
+    margin-bottom: 10px;
+}
+
+.form-group label i {
+    margin-right: 8px;
+    color: #000000; /* Icon color */
+}
   .form-group input,
   .form-group textarea {
-    width: 100%;
+    width: 90%;
     padding: 10px;
     border: 1px solid var(--p);
     border-radius: 5px;