-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathFAQ.html
More file actions
148 lines (146 loc) · 8.44 KB
/
Copy pathFAQ.html
File metadata and controls
148 lines (146 loc) · 8.44 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FAQ Forms</title>
<link rel="stylesheet" href="/CSS/FAQ.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Freeman&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Prata&display=swap" rel="stylesheet">
</head>
<body>
<nav>
<a href="/Home.html"><img src="FAQ-Tool/icon-header.png" alt="logo" width="150px" height="40px"></a>
<ul>
<li><a href="/Home.html">Home</a></li>
<li><a href="/Courses.html">Courses</a></li>
<li><a href="/contactUS.html">Contact Us</a></li>
<li><a href="/FAQ.html" class="active">FAQ</a></li>
<li><a href="/aboutUS.html">About Us</a></li>
<li style="float: right;"><a href="/userRegister.html" class="get">Get Started</a></li>
<li style="float: right;"><a class="login" href="/userLogin.html">Log In</a></li>
</ul>
</nav>
<header>
<h1>Frequently Ask Question</h1>
<h1 class="shadow">Frequently Ask Question</h1>
<p><a href="/payment.html">Click Here</a> to buy now</p>
<a href="https://id-id.facebook.com/" target="_blank"><img src="/FAQ-Tool/facebookFAQ (2).png" alt="hfacebook"></a>
<a href="https://www.instagram.com/" target="_blank"><img src="/FAQ-Tool/instagramFAQ (1).png" alt="hinstagram"></a>
<a href="https://twitter.com/?lang=en-id" target="_blank"><img src="/FAQ-Tool/twitterFAQ (1).png" alt="htwitter"></a>
</header>
<div class="container">
<div class="left-column">
<div class="card">
<p>What is Linggish? <input type="image" src="/FAQ-Tool/plus.png" alt="image" class="toggle-button"></p>
<div class="hide" style="display: none;">
<p>Linggish is an English language tutoring platform designed to help users improve their English language skills through various interactive and enjoyable learning methods.</p>
</div>
</div>
<div class="card">
<p>What features does Linggish offer? <input type="image" src="/FAQ-Tool/plus.png" alt="image" class="toggle-button"></p>
<div class="hide" style="display: none;">
<p>Linggish offers a variety of features, including online classes with experienced instructors, quizzes, lessons, learning materials, and much more. Users can also access tailored learning content to suit their needs.</p>
</div>
</div>
<div class="card">
<p>How do I sign up for Linggish? <input type="image" src="/FAQ-Tool/plus.png" alt="image" class="toggle-button"></p>
<div class="hide" style="display: none;">
<p>You can sign up for Linggish by creating a free account on the login and register page. After creating an account, you will be given the option to try out some features for free or pay to access full access to all our features and content. We offer a free demo for some specific classes and materials so users can try before deciding to subscribe. This allows you to get an overview of the learning experience at Linggish before subscribing.</p>
</div>
</div>
<div class="card">
<p>Is Linggish suitable for all levels of English? <input type="image" src="/FAQ-Tool/plus.png" alt="image" class="toggle-button"></p>
<div class="hide" style="display: none;">
<p>Yes, Linggish is designed for all levels, from beginners to advanced levels. We have programs suitable for every skill level, so everyone can learn and develop according to their needs.</p>
</div>
</div>
<div class="card">
<p>How can I track my learning progress on Linggish? <input type="image" src="/FAQ-Tool/plus.png" alt="image" class="toggle-button"></p>
<div class="hide" style="display: none;">
<p>You can track your learning progress on Linggish through your Profile Menu, Lessons, and Learning Materials dashboard. There, you will find statistics that include progress in lessons.</p>
</div>
</div>
<div class="card">
<p>How do I contact Linggish support team? <input type="image" src="/FAQ-Tool/plus.png" alt="image" class="toggle-button"></p>
<div class="hide" style="display: none;">
<p>You can contact our support team through our social media pages located on the page, and questions can be asked on the right side of the FAQ page. Our support team is ready to assist you with any questions or issues you may have.</p>
</div>
</div>
<div class="next">
<input type="image" src="/FAQ-Tool/next.png" alt="next">
<input type="image" src="/FAQ-Tool/next.png" alt="next-x">
</div>
</div>
<div class="right-column">
<img src="/FAQ-Tool/question.avif" alt="question" width="180px" height="180px">
<h2>Any Question?</h2>
<p>You can ask anything you want to know about Feedback.</p>
<form action="">
<label for="enter">Let me know:</label>
<input type="text" id="enter" name="enter" placeholder="Enter Here">
<input type="submit" value="Sent">
</form>
</div>
</div>
<footer style="background-color: #eee;">
<div class="container-last-1">
<a href=""><img src="FAQ-Tool/icon-header.png" alt="logo" width="150px" height="40px"></a>
<div class="footer">
<h4>SUPPORT</h4>
<a href=""><p>E-books</p></a>
<a href=""><p>Presentation</p></a>
<a href=""><p>Dashboard</p></a>
<a href=""><p>Management</p></a>
<a href=""><p>Privacy Policy</p></a>
</div>
<div class="footer">
<h4>TEAM</h4>
<a href=""><p>E-books</p></a>
<a href=""><p>Presentation</p></a>
<a href=""><p>Dashboard</p></a>
<a href=""><p>Management</p></a>
<a href=""><p>Privacy Policy</p></a>
</div>
<div class="footer">
<h4>PRODUCT</h4>
<a href=""><p>E-books</p></a>
<a href=""><p>Presentation</p></a>
<a href=""><p>Dashboard</p></a>
<a href=""><p>Management</p></a>
<a href=""><p>Privacy Policy</p></a>
</div>
<div class="footer" style="position: relative; bottom: 15px; right: 15px;">
<h4>ADDRESS</h4>
<a href=""><p>Jalan Ketintang Baru IX</p></a>
<a href=""><p>Ketintang, Gayungan</p></a>
<a href=""><p>Surabaya, East java</p></a>
<a href=""><img src="/Home-Tool/facebook.png" alt="facebook"></a>
<a href=""><img src="/Home-Tool/instagram.png" alt="instagram"></a>
<a href=""><img src="/Home-Tool/twitter.png" alt="twitter"></a>
</div>
</div>
<div class="container-last-2">
<p>© 2024 Linggish Kelompok 5</p>
</div>
<script>
document.querySelectorAll('.toggle-button').forEach(button => {
button.addEventListener('click', function() {
const content = this.closest('.card').querySelector('.hide');
document.querySelectorAll('.hide').forEach(otherContent => {
if (otherContent !== content) {
otherContent.style.display = "none";
}
});
if (content.style.display === "none") {
content.style.display = "block";
} else {
content.style.display = "none";
}
});
});
</script>
</body>
</html>