Skip to content

Commit a94fa77

Browse files
sainKunalsainKunal
authored
Merge branch 'PriyaGhosal:main' into main
2 parents 958f1e7 + 2cfd781 commit a94fa77

14 files changed

+515
-112
lines changed

Diff for: ‎.DS_Store

0 Bytes
Binary file not shown.

Diff for: ‎Faq.html

+105-37
Original file line numberDiff line numberDiff line change
@@ -7,74 +7,84 @@
77
<title>SkillWise FAQ</title>
88
<link rel="shortcut icon" href="./favicon.svg" type="image/svg+xml">
99

10-
<!--
11-
- custom font link
12-
-->
10+
<!-- Custom font link -->
1311
<link rel="stylesheet" href="./assets/font/font.css">
1412

15-
<!--
16-
- custom css link
17-
-->
13+
<!-- Custom CSS link -->
1814
<link rel="stylesheet" href="./assets/css/style.css">
1915
<link rel="stylesheet" href="./assets/css/Faq.css">
2016

21-
22-
<!--
23-
- preload images
24-
-->
17+
<!-- Preload images -->
2518
<link rel="preload" as="image" href="./assets/images/faq.png">
2619
<link rel="preload" as="image" href="./assets/images/hero-bg.png">
2720

2821
<!-- Animation on Scroll -->
2922
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
3023

24+
<style>
25+
/* Styling for the "Was this helpful?" buttons */
26+
.helpful-buttons {
27+
margin-top: 10px;
28+
display: flex;
29+
align-items: center;
30+
gap: 10px;
31+
}
32+
33+
.helpful-btn {
34+
padding: 5px 10px;
35+
border: none;
36+
background-color: #a1a0a0;
37+
cursor: pointer;
38+
border-radius: 4px;
39+
transition: background-color 0.3s ease;
40+
}
41+
42+
.helpful-btn:hover {
43+
background-color: #bfbcbc;
44+
}
45+
46+
.helpful-result {
47+
margin-left: 10px;
48+
font-weight: bold;
49+
}
50+
</style>
3151
</head>
3252

3353
<body style="background-image: url('./assets/images/hero-bg.png');">
3454
<!-- Navbar -->
3555
<header class="header" data-header>
3656
<div class="container">
37-
3857
<a href="./index.html">
3958
<img src="./assets/images/Skillwise_logo.jpg" width="50" height="10" alt="SkillWise home">
4059
</a>
4160

4261
<nav class="navbar" data-navbar>
43-
4462
<div class="navbar-top">
4563
<a>
4664
<img src="./assets/images/Skillwise_logo.jpg" width="50" height="10" alt="SkillWise home">
4765
</a>
48-
4966
<button class="nav-close-btn" aria-label="close menu" data-nav-toggler>
5067
<ion-icon name="close-outline" aria-hidden="true"></ion-icon>
5168
</button>
5269
</div>
5370

5471
<ul class="navbar-list">
55-
5672
<li class="navbar-item">
5773
<a href="./index.html" class="navbar-link title-sm" data-nav-link>Home</a>
5874
</li>
59-
6075
<li class="navbar-item">
6176
<a href="./index.html#courses" class="navbar-link title-sm" data-nav-link>Courses</a>
6277
</li>
63-
6478
<li class="navbar-item">
6579
<a href="./index.html#blog" class="navbar-link title-sm" data-nav-link>Blog</a>
6680
</li>
67-
6881
<li class="navbar-item">
6982
<a href="./index.html#contact" class="navbar-link title-sm" data-nav-link>Contacts</a>
7083
</li>
71-
7284
<li class="navbar-item">
7385
<a href="Faq.html" class="navbar-link title-sm" data-nav-link>FAQ</a>
7486
</li>
75-
7687
</ul>
77-
7888
</nav>
7989

8090
<a href="./signin.html" class="btn btn-secondary">Start Free Trial</a>
@@ -84,30 +94,26 @@
8494
</button>
8595

8696
<div class="overlay" data-overlay data-nav-toggler></div>
87-
8897
</div>
8998
</header>
90-
<section class="section hero has-bg-image" aria-labelledby="hero-label"
91-
style="display: flex; justify-content: center; align-items: center; height: 100vh;">
99+
100+
<section class="section hero has-bg-image" aria-labelledby="hero-label" style="display: flex; justify-content: center; align-items: center; height: 100vh;">
92101
<div class="container" style="margin: 10rem auto 0; width:80%">
93102
<div class="hero-content" style="max-width: 600px;">
94-
95103
<h1 class="headline-lg" id="hero-label" data-aos="zoom-in">
96104
Frequently <span class="span">Asked</span> Questions
97105
</h1>
98-
99106
<p class="title-md has-before" data-aos="fade-right">
100107
At SkillWise, we are dedicated to providing a seamless learning experience for all our users.
101108
Whether you're curious about our course offerings, payment options, or certification details, you’ll
102109
find the answers to your most common questions here. We aim to make your journey with us as smooth
103110
and enjoyable as possible, empowering you to achieve your learning goals.
104111
</p>
105-
106112
</div>
113+
107114
<figure class="hero-banner" data-aos="zoom-out-up">
108115
<img src="./assets/images/faq.png" width="590" height="620" alt="hero banner" class="w-100">
109116
</figure>
110-
111117
</div>
112118
</section>
113119

@@ -128,7 +134,15 @@ <h1 data-aos="zoom-in">
128134
Design, Modern Physics, Music Production, Finances, and more. All courses are designed by
129135
experts and provide practical knowledge for learners of all levels.</p>
130136
</div>
137+
138+
<div class="helpful-buttons">
139+
<p>Was this helpful?</p>
140+
<button class="helpful-btn" onclick="handleHelpful(this, 'yes')">Yes</button>
141+
<button class="helpful-btn" onclick="handleHelpful(this, 'no')">No</button>
142+
<p class="helpful-result"></p>
143+
</div>
131144
</div>
145+
132146
<div class="item" data-aos="fade-down">
133147
<div class="FAQ-title">
134148
<p class="faqQuestion">2. What payment methods are accepted?</p>
@@ -138,6 +152,13 @@ <h1 data-aos="zoom-in">
138152
<p>We accept a variety of payment methods including credit/debit cards, PayPal, and other online
139153
payment gateways. For more details, please refer to our Payment Method section.</p>
140154
</div>
155+
156+
<div class="helpful-buttons">
157+
<p>Was this helpful?</p>
158+
<button class="helpful-btn" onclick="handleHelpful(this, 'yes')">Yes</button>
159+
<button class="helpful-btn" onclick="handleHelpful(this, 'no')">No</button>
160+
<p class="helpful-result"></p>
161+
</div>
141162
</div>
142163

143164
<div class="item" data-aos="fade-down">
@@ -149,6 +170,13 @@ <h1 data-aos="zoom-in">
149170
<p>Yes! All courses provide a certificate of completion that can be downloaded and added to your
150171
resume or LinkedIn profile.</p>
151172
</div>
173+
174+
<div class="helpful-buttons">
175+
<p>Was this helpful?</p>
176+
<button class="helpful-btn" onclick="handleHelpful(this, 'yes')">Yes</button>
177+
<button class="helpful-btn" onclick="handleHelpful(this, 'no')">No</button>
178+
<p class="helpful-result"></p>
179+
</div>
152180
</div>
153181

154182
<div class="item" data-aos="fade-down">
@@ -161,42 +189,82 @@ <h1 data-aos="zoom-in">
161189
browser or checking your internet connection. You can also reach out to our support team for
162190
further assistance.</p>
163191
</div>
192+
193+
<div class="helpful-buttons">
194+
<p>Was this helpful?</p>
195+
<button class="helpful-btn" onclick="handleHelpful(this, 'yes')">Yes</button>
196+
<button class="helpful-btn" onclick="handleHelpful(this, 'no')">No</button>
197+
<p class="helpful-result"></p>
198+
</div>
164199
</div>
165200

166201
<div class="item" data-aos="fade-down">
167202
<div class="FAQ-title">
168-
<p class="faqQuestion">5. How long do I have access to a course after purchasing it?</p>
203+
<p class="faqQuestion">5. Can I get a refund if I'm not satisfied with a course?</p>
169204
<span class="expandToggle"><p class="expand">+</p><p class="revert">-</p></span>
170205
</div>
171206
<div class="FAQ-content">
172-
<p>Once you purchase a course, you get lifetime access, allowing you to learn at your own pace.</p>
207+
<p>Yes, we have a refund policy in place. Please refer to our Refund Policy section for more details
208+
on how to request a refund.</p>
209+
</div>
210+
211+
<div class="helpful-buttons">
212+
<p>Was this helpful?</p>
213+
<button class="helpful-btn" onclick="handleHelpful(this, 'yes')">Yes</button>
214+
<button class="helpful-btn" onclick="handleHelpful(this, 'no')">No</button>
215+
<p class="helpful-result"></p>
173216
</div>
174217
</div>
175218

176219
<div class="item" data-aos="fade-down">
177220
<div class="FAQ-title">
178-
<p class="faqQuestion">6. Do I need any prerequisites to enroll in a course?</p>
221+
<p class="faqQuestion">6. How long do I have access to a course after purchasing it?</p>
179222
<span class="expandToggle"><p class="expand">+</p><p class="revert">-</p></span>
180223
</div>
181224
<div class="FAQ-content">
182-
<p>Most beginner courses do not require any prerequisites, but intermediate and advanced courses
183-
might need some prior knowledge. You can find any required prerequisites mentioned in the course
184-
description.</p>
225+
<p>Once you purchase a course, you get lifetime access, allowing you to learn at your own pace.</p>
226+
</div>
227+
228+
<div class="helpful-buttons">
229+
<p>Was this helpful?</p>
230+
<button class="helpful-btn" onclick="handleHelpful(this, 'yes')">Yes</button>
231+
<button class="helpful-btn" onclick="handleHelpful(this, 'no')">No</button>
232+
<p class="helpful-result"></p>
185233
</div>
186234
</div>
187235

236+
188237
<div class="FAQ-ShowMore">
189238
<button id="showMoreBtn">Show More</button>
190239
</div>
191-
192240
</div>
193241
</div>
194-
<!-- Animation on Scroll -->
242+
195243
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
196244
<script>
197245
AOS.init();
198246
</script>
199-
<script src="./assets/js/scriptfaq.js"></script>
247+
248+
<script>
249+
function handleHelpful(button, response) {
250+
const resultText = button.parentElement.querySelector(".helpful-result");
251+
252+
// Disable the buttons after one selection
253+
const buttons = button.parentElement.querySelectorAll("button");
254+
buttons.forEach(btn => {
255+
btn.disabled = true;
256+
});
257+
258+
// Display feedback based on the user's choice
259+
if (response === "yes") {
260+
resultText.textContent = "Thank you for your feedback!";
261+
resultText.style.color = "black";
262+
} else {
263+
resultText.textContent = "We're sorry to hear that. We'll work on improving!";
264+
resultText.style.color = "black";
265+
}
266+
}
267+
</script>
200268
</body>
201269

202-
</html>
270+
</html>

Diff for: ‎README.md

+7
Original file line numberDiff line numberDiff line change
@@ -570,6 +570,13 @@ Thank you for your contributions to SkillWise!Every contribution, no matter the
570570
<sub><b>Anirban Singha</b></sub>
571571
</a>
572572
</td>
573+
<td align="center">
574+
<a href="https://github.com/Adil-Khan-N">
575+
<img src="https://avatars.githubusercontent.com/u/170500024?v=4" width="100;" alt="Adil-Khan-N"/>
576+
<br />
577+
<sub><b>Adil-Khan-N</b></sub>
578+
</a>
579+
</td>
573580
<td align="center">
574581
<a href="https://github.com/Aakansha-Chavan">
575582
<img src="https://avatars.githubusercontent.com/u/181594189?v=4" width="100;" alt="Aakansha-Chavan"/>

Diff for: ‎assets/.DS_Store

0 Bytes
Binary file not shown.

Diff for: ‎assets/css/darkmode.css

+33-3
Original file line numberDiff line numberDiff line change
@@ -98,6 +98,7 @@ button {
9898
cursor: pointer;
9999
}
100100

101+
101102
html {
102103
font-family: var(--ff-gilroy);
103104
font-size: 10px;
@@ -426,9 +427,38 @@ body.nav-active { overflow: hidden; }
426427
gap: 12px;
427428
}
428429

429-
430-
431-
430+
.button-container {
431+
display: flex;
432+
justify-content: center; /* Center horizontally */
433+
align-items: center; /* Center vertically */
434+
margin: 0; /* Remove default margin */
435+
padding: 0; /* Remove default padding */
436+
}
437+
438+
.btn-primary {
439+
position: relative; /* Positioning for the arrows */
440+
padding: 10px 50px; /* Add padding to make space for the arrows */
441+
transition: color 0.3s ease; /* Smooth transition for text color */
442+
font-size: 16px; /* Adjust font size as needed */
443+
}
444+
445+
.btn-primary::after {
446+
content: ' ⪢'; /* Two arrows as content */
447+
position: absolute; /* Position it absolutely */
448+
right: 5px; /* Position on the right side */
449+
top: 50%; /* Center vertically */
450+
transform: translateY(-55%); /* Adjust vertical position */
451+
opacity: 0; /* Start with the arrows hidden */
452+
transition: opacity 0.3s ease; /* Smooth transition for opacity */
453+
}
454+
455+
.btn-primary:hover {
456+
color: #ffffff; /* Change text color on hover (optional) */
457+
}
458+
459+
.btn-primary:hover::after {
460+
opacity: 1; /* Show the arrows on hover */
461+
}
432462

433463
/*-----------------------------------*\
434464
#CATEGORY

0 commit comments

Comments
 (0)