-
Notifications
You must be signed in to change notification settings - Fork 309
/
Copy pathfaq.html
277 lines (266 loc) · 10.6 KB
/
faq.html
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
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
<html>
<head>
<script src="https://cdn.tailwindcss.com"></script>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
/>
<link
href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="css/styles.css" />
<link rel="icon" href="/assets/recode-hive.png" type="image/png" />
<!-- Added favicon -->
<style>
body {
font-family: "Roboto", sans-serif;
}
.faq-content {
overflow: hidden;
height: 0;
transition: height 0.4s ease;
}
.faq-content.active {
height: auto;
}
.rotate {
transition: transform 0.4s ease;
}
.rotate.active {
transform: rotate(180deg);
}
</style>
</head>
<body class="dark-mode">
<header>
<nav class="navbar">
<a class="logo-container" href="/">
<img
src="assets/recode-hive.png"
alt="Recode Hive Icon"
class="logo-icon"
/>
<span class="logo-text">Recode Hive</span>
</a>
<ul class="nav-links">
<li><a href="index.html">Home</a></li>
<li><a href="./about.html">About</a></li>
<li>
<a
href="https://recodehive.github.io/awesome-github-profiles/pages/blog.html"
>Learn</a
>
</li>
<li><a href="./organization.html">Organization</a></li>
<li><a href="">FAQ</a></li>
<li><a href="./contact.html">Contact</a></li>
</ul>
</nav>
</header>
<main class="flex justify-center items-center">
<div class="w-full max-w-2xl p-4">
<h1 class="text-4xl font-bold text-blue-700 mb-8">
Frequently Asked Questions<span class="text-black">(FAQs)</span>
</h1>
<div class="space-y-4">
<!-- FAQ 1 -->
<div
class="bg-blue-500 text-white rounded-lg shadow-md p-4 flex justify-between items-center cursor-pointer"
onclick="toggleFaqContent('faq1', this)"
>
<div class="flex items-center">
<i class="fas fa-question-circle mr-2"></i>
<span>What is machine learning?</span>
</div>
<i class="fas fa-chevron-down rotate"></i>
</div>
<div id="faq1" class="faq-content bg-white rounded-lg shadow-md">
<h3 class="text-black">
Machine learning is a subset of artificial intelligence that
enables computers to learn from data and improve their performance
over time without explicit programming.
</h3>
</div>
<!-- FAQ 2 -->
<div
class="bg-blue-500 text-white rounded-lg shadow-md p-4 flex justify-between items-center cursor-pointer"
onclick="toggleFaqContent('faq2', this)"
>
<div class="flex items-center">
<i class="fas fa-question-circle mr-2"></i>
<span>How does your machine learning model work?</span>
</div>
<i class="fas fa-chevron-down rotate"></i>
</div>
<div id="faq2" class="faq-content bg-white rounded-lg shadow-md">
<h3 class="text-black">
Our model uses algorithms to analyze and learn patterns from data,
which allows it to make predictions or decisions based on new,
unseen data.
</h3>
</div>
<!-- FAQ 3 -->
<div
class="bg-blue-500 text-white rounded-lg shadow-md p-4 flex justify-between items-center cursor-pointer"
onclick="toggleFaqContent('faq3', this)"
>
<div class="flex items-center">
<i class="fas fa-question-circle mr-2"></i>
<span>What kind of data do you use?</span>
</div>
<i class="fas fa-chevron-down rotate"></i>
</div>
<div id="faq3" class="faq-content bg-white rounded-lg shadow-md">
<h3 class="text-black">
We use diverse datasets, including structured and unstructured
data, to train our models, ensuring they can generalize well
across different scenarios.
</h3>
</div>
<!-- FAQ 4 -->
<div
class="bg-blue-500 text-white rounded-lg shadow-md p-4 flex justify-between items-center cursor-pointer"
onclick="toggleFaqContent('faq4', this)"
>
<div class="flex items-center">
<i class="fas fa-question-circle mr-2"></i>
<span>How accurate is your model?</span>
</div>
<i class="fas fa-chevron-down rotate"></i>
</div>
<div id="faq4" class="faq-content bg-white rounded-lg shadow-md">
<h3 class="text-black">
The accuracy of our model varies by application and is evaluated
using metrics like precision, recall, and F1 score. Detailed
performance statistics are provided on our results page.
</h3>
</div>
<!-- FAQ 5 -->
<div
class="bg-blue-500 text-white rounded-lg shadow-md p-4 flex justify-between items-center cursor-pointer"
onclick="toggleFaqContent('faq5', this)"
>
<div class="flex items-center">
<i class="fas fa-question-circle mr-2"></i>
<span>Can I use your model for my own project?</span>
</div>
<i class="fas fa-chevron-down rotate"></i>
</div>
<div id="faq5" class="faq-content bg-white rounded-lg shadow-md">
<h3 class="text-black">
Yes, our model is available for use through API access or by
downloading the code, depending on the licensing agreement.
</h3>
</div>
<!-- FAQ 6 -->
<div
class="bg-blue-500 text-white rounded-lg shadow-md p-4 flex justify-between items-center cursor-pointer"
onclick="toggleFaqContent('faq6', this)"
>
<div class="flex items-center">
<i class="fas fa-question-circle mr-2"></i>
<span>What programming languages and tools do you use?</span>
</div>
<i class="fas fa-chevron-down rotate"></i>
</div>
<div id="faq6" class="faq-content bg-white rounded-lg shadow-md">
<h3 class="text-black">
We primarily use Python with libraries like TensorFlow, Keras, and
scikit-learn for model development, along with tools like Jupyter
Notebooks for experimentation.
</h3>
</div>
<!-- FAQ 7 -->
<div
class="bg-blue-500 text-white rounded-lg shadow-md p-4 flex justify-between items-center cursor-pointer"
onclick="toggleFaqContent('faq7', this)"
>
<div class="flex items-center">
<i class="fas fa-question-circle mr-2"></i>
<span>How do you handle data privacy?</span>
</div>
<i class="fas fa-chevron-down rotate"></i>
</div>
<div id="faq7" class="faq-content bg-white rounded-lg shadow-md">
<h3 class="text-black">
We prioritize data privacy and comply with relevant regulations.
All data is anonymized, and sensitive information is securely
managed.
</h3>
</div>
<!-- FAQ 8 -->
<div
class="bg-blue-500 text-white rounded-lg shadow-md p-4 flex justify-between items-center cursor-pointer"
onclick="toggleFaqContent('faq8', this)"
>
<div class="flex items-center">
<i class="fas fa-question-circle mr-2"></i>
<span>What types of problems can your model solve?</span>
</div>
<i class="fas fa-chevron-down rotate"></i>
</div>
<div id="faq8" class="faq-content bg-white rounded-lg shadow-md">
<h3 class="text-black">
Our models are designed to tackle various problems, including
classification, regression, clustering, and anomaly detection
across multiple domains.
</h3>
</div>
<!-- FAQ 9 -->
<div
class="bg-blue-500 text-white rounded-lg shadow-md p-4 flex justify-between items-center cursor-pointer"
onclick="toggleFaqContent('faq9', this)"
>
<div class="flex items-center">
<i class="fas fa-question-circle mr-2"></i>
<span>Is there a community or support available?</span>
</div>
<i class="fas fa-chevron-down rotate"></i>
</div>
<div id="faq9" class="faq-content bg-white rounded-lg shadow-md">
<h3 class="text-black">
Yes, we have an active community on forums, as well as email and
chat-based support for users.
</h3>
</div>
<!-- FAQ 10 -->
<div
class="bg-blue-500 text-white rounded-lg shadow-md p-4 flex justify-between items-center cursor-pointer"
onclick="toggleFaqContent('faq10', this)"
>
<div class="flex items-center">
<i class="fas fa-question-circle mr-2"></i>
<span>Can I contribute to your project?</span>
</div>
<i class="fas fa-chevron-down rotate"></i>
</div>
<div id="faq10" class="faq-content bg-white rounded-lg shadow-md">
<h3 class="text-black">
Absolutely! We welcome contributions from developers and
researchers. You can find our contribution guidelines on the GitHub
repository.
</h3>
</div>
</div>
</div>
</main>
<script>
function toggleFaqContent(faqId, iconElement) {
const faqContent = document.getElementById(faqId);
const icon = iconElement.querySelector("i");
faqContent.classList.toggle("active");
icon.classList.toggle("rotate");
// Close other FAQs when one is clicked
const allFaqContents = document.querySelectorAll(".faq-content");
const allIcons = document.querySelectorAll(".rotate");
allFaqContents.forEach((content) => {
if (content !== faqContent) content.classList.remove("active");
});
allIcons.forEach((rotateIcon) => {
if (rotateIcon !== icon) rotateIcon.classList.remove("rotate");
});
}
</script>
</body>
</html>