Merge pull request #167 from raviranjan0/main

Modified feedback section to make it user-friendly
mdazfar2 · Jun 4, 2024 · 4fefb2f · 4fefb2f
2 parents 0b9e961 + 7f23574
commit 4fefb2f
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 9 deletions.
diff --git a/Official_Website/feedback.png b/Official_Website/feedback.png
diff --git a/Official_Website/index.html b/Official_Website/index.html
@@ -103,7 +103,7 @@ <h1>HelpOps-Hub</h1>
         <input
           type="text"
           id="search-bar"
-          placeholder="Search repositories..." />
+          placeholder="Search topics..." />
       </div>
     </div>
 
@@ -138,6 +138,10 @@ <h1>HelpOps-Hub</h1>
     <!-- <button id="scrollToTopBtn" class="scrollToTopBtn">▲</button> -->
     <div id="folders-container"></div>
     <!-- Feedback Section -->
+    <div class="feedback">
+      <div id="feedback-image">
+        <img src="feedback.png" alt="feedback-image">
+      </div>
     <div id="feedback-section">
       <h2>Feedback</h2>
       <form class="feedback-form" id="feedback-form">
@@ -182,13 +186,14 @@ <h2>Feedback</h2>
         <button type="submit">Submit Feedback</button>
       </form>
     </div>
+  </div>
     <!-- Footer Section -->
     <footer>
       <div class="footer">
         <p>&copy; 2024 | Unleashing the Power of DevOps by <span id="heart">&hearts;</span></p>
       </div>
     </footer>
-    
+
     <script src="app.js"></script>
     <script src="darkmode.js"></script>
   </body>

diff --git a/Official_Website/style.css b/Official_Website/style.css
@@ -1,4 +1,4 @@
-/* styles.css *//* Reset some default styles */
+/* styles.css */ /* Reset some default styles */
 body,
 h1,
 p {
@@ -364,14 +364,26 @@ width: 40px;
 }
 
 /* Feedback section */
+.feedback {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-around;
+}
+
+.feedback img {
+  margin-left: 8rem;
+  align-items: center;
+  width: 40rem;
+}
+
 #feedback-section {
   background-color: #f9f9f9;
   padding: 1.5rem;
   margin: 2rem auto;
   width: 30%;
   border: 1px solid #ddd;
-  border-radius: 10px;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  border-radius: 20px;
+  box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.2);
 }
 
 #feedback-section h2 {
@@ -491,18 +503,18 @@ width: 40px;
 }
 
 /* Adding footer in the website */
-.footer{
+.footer {
   height: 10vh;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 1.2rem;
-  font-family: 'Times New Roman', Times, serif;
+  font-family: "Times New Roman", Times, serif;
 }
 
 /* Heart styling */
-#heart{
+#heart {
   font-size: 2rem;
   color: #00ccff;
   margin-bottom: 2rem;
-}
+}