Skip to content

Commit

Permalink
Merge pull request #2561 from dipak2005/bug_fixer
Browse files Browse the repository at this point in the history 
update ui of FAQ page
  • Loading branch information
@deepeshmlgupta
deepeshmlgupta authored Nov 1, 2024
2 parents 484cc2a + 5fd60a9 commit 0d22f0b
Showing 1 changed file with 39 additions and 40 deletions.
79 changes: 39 additions & 40 deletions faq.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,22 +28,15 @@
<style>

/* General Body Styles */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;

background-color: #6e7a76;

}

/* FAQ Section Styles */

.faq-section {
max-width: 1000px;
margin: 50px auto;
padding: 50px;
background-color: #f8f9fa;
background-color: #0056b3;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
Expand All @@ -53,14 +46,14 @@
text-align: center;
font-size: 34px;
font-weight: bold;
color: #333;
color:white;
margin-bottom: 30px;
transition: color 0.3s ease, transform 0.3s ease;
}

.faq-title:hover {
text-decoration: underline;
color: #007bff;
color: #0000ff;
transform: scale(1.05);
}

Expand All @@ -69,7 +62,7 @@
margin-top: 50px;
text-align: center;
font-size: 1.2rem;
color: #134878;
color: white;
margin-bottom: 30px;
}

Expand All @@ -85,7 +78,7 @@
padding: 10px;
font-size: 1rem;
width: 40%;
border: 1px solid #007bff;
border: 2px solid #007bff;
border-radius: 5px;
transition: border-color 0.3s ease;
}
Expand Down Expand Up @@ -114,7 +107,7 @@
margin: 50px auto; /* Increased margin for better visibility */
margin-top: 8%;
padding: 5%;
background-color: #2a2f35;
background-color: #007bff;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
Expand All @@ -123,35 +116,39 @@
height: 25px;
background-color: #e0e0e0;
margin-bottom: 20px;
border: 2px solid #0000ff;
}

.progress-bar {
background-color: #007bff;
background-color: #0056b3;
height: 100%;
width: 0;
border-radius: 5px;
text-align: center;
line-height: 25px;
color: rgb(148, 92, 92);
color: white;
transition: width 0.3s ease;
}

/* Default (light mode) styles */
.faq-item {
margin: 20px 0;
padding: 10px;
border: 1px solid #ddd;

border: 3px solid #007bff;
border-radius: 5px;
cursor: pointer;
transition: border-color 0.3s;
}

.faq-item:hover {
border-color: #0000ff;
border-color:white;
color: white;
}

.faq-item.read {
background-color: #595c5f;
background-color:white;
color: #0000ff;
}

/* Dark mode styles */
Expand All @@ -163,11 +160,11 @@
}

.faq-item:hover {
border-color: lightblue; /* Light blue on hover for dark mode */
border-color: white; /* Light blue on hover for dark mode */
}

.faq-item.read {
background-color: #919191; /* Slightly lighter background for read items in dark mode */
background-color: white; /* Slightly lighter background for read items in dark mode */
}
}

Expand Down Expand Up @@ -215,7 +212,7 @@
}

.accordion-body {
background-color: #f9f9f9;
background-color:#007bff;
font-size: 16px;
color: #666;
border-radius: 12px;
Expand All @@ -225,7 +222,7 @@
/* Hover effects for better interaction */
.accordion-button:hover {
background-color: #eef2fa;
border-color: #1565C0;
border-color: white;
color: #1565C0;
}

Expand Down Expand Up @@ -617,7 +614,7 @@ <h3 class = "faq-title">FAQ Progress</h3>


<!-- FAQ Section -->
<img style="position:absolute;width:250px; top: 200px; right: 1270px;mix-blend-mode: multiply;" src="assets/images/HELP-IMG.webp" alt="image">
<img style="position:absolute;width:250px; top: 200px; right: 1470px;mix-blend-mode: multiply;" src="assets/images/HELP-IMG.webp" alt="image">
<div class="faq-section">
<div class="faq-intro">
<h3 class="faq-title">Frequently Asked Questions</h3>
Expand Down Expand Up @@ -737,7 +734,7 @@ <h3 class="faq-title">Submit Your Feedback or Ask a New Question</h3>

/* FAQ Container styling */
.faq-section {
background-color: white; /* Darker container background */
background-color: #007bff; /* Darker container background */
border-radius: 10px;
padding: 20px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
Expand All @@ -746,15 +743,15 @@ <h3 class="faq-title">Submit Your Feedback or Ask a New Question</h3>

/* FAQ Item styles */
.accordion-button {
background-color: #2c2c2c; /* Darker background for buttons */
background-color: #1d45bd; /* Darker background for buttons */
color: #ffffff; /* White text */
border: 1px solid #4caf50; /* Green border */
transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}

.accordion-button:hover {
background-color: #3c3c3c; /* Slightly lighter on hover */
color: #fffbeb; /* Light color on hover */
background-color: white; /* Slightly lighter on hover */
color: #007bff; /* Light color on hover */
box-shadow: 0 0 20px rgba(76, 175, 80, 1); /* Neon glow */
}

Expand All @@ -763,16 +760,16 @@ <h3 class="faq-title">Submit Your Feedback or Ask a New Question</h3>
}

.accordion-body {
background-color: #2c2c2c; /* Dark background for accordion body */
color: #e0e0e0; /* Light gray text for body */
background-color: white; /* Dark background for accordion body */
color: #007bff; /* Light gray text for body */
border-radius: 5px;
padding: 15px;
}

/* Feedback section styles */
.faq-feedback {
border: 2px solid #4caf50; /* Green border */
background: white; /* Dark gradient */
background:#007bff; /* Dark gradient */
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
Expand All @@ -798,10 +795,10 @@ <h3 class="faq-title">Submit Your Feedback or Ask a New Question</h3>
.form-input {
padding: 10px;
font-size: 1em;
border: 2px solid #ffffff80;
border: 2px solid #0056b3;
border-radius: 5px;
outline: none;
background-color: #333;
background-color: white;
color: #ffffff;
transition: background-color 0.3s ease, border-color 0.3s ease;

Expand All @@ -814,13 +811,13 @@ <h3 class="faq-title">Submit Your Feedback or Ask a New Question</h3>

.form-input:focus {
border-color: #4caf50; /* Green border on focus */
background-color: #444; /* Slightly lighter background on focus */
background-color: white; /* Slightly lighter background on focus */
}

/* Button styles */
.submit-btn {
background-color: #4caf50; /* Green background */
color: white; /* White text */
background-color: white; /* Green background */
color: #0000ff; /* White text */
padding: 10px 15px;
border: none;
border-radius: 5px;
Expand All @@ -830,7 +827,7 @@ <h3 class="faq-title">Submit Your Feedback or Ask a New Question</h3>
}

.submit-btn:hover {
background-color: #5cb85c; /* Lighter green on hover */
background-color: whitesmoke; /* Lighter green on hover */
}

/* Search styles */
Expand All @@ -846,14 +843,15 @@ <h3 class="faq-title">Submit Your Feedback or Ask a New Question</h3>
border: 2px solid #ffffff80;
border-radius: 5px;
outline: none;
background-color: #333; /* Dark input field */
background-color: white; /* Dark input field */
color: #ffffff; /* Light text color */
transition: background-color 0.3s ease, border-color 0.3s ease;
}


.faq-search-btn {
background-color: #4caf50; /* Green background */
color: white; /* White text */
background-color: white; /* Green background */
color: #007bff; /* White text */
border: none;
border-radius: 5px;
padding: 10px 15px;
Expand All @@ -863,7 +861,8 @@ <h3 class="faq-title">Submit Your Feedback or Ask a New Question</h3>
}

.faq-search-btn:hover {
background-color: #5cb85c; /* Lighter green on hover */
background-color: #0000ff;
color: white;
}

/* Responsive styles */
Expand Down

0 comments on commit 0d22f0b

Please sign in to comment.