-
Notifications
You must be signed in to change notification settings - Fork 2
/
faq.html
163 lines (159 loc) · 6.92 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FAQ - Online Code Editor</title>
<!-- favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="./src/images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./src/images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./src/images/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Roboto Mono', monospace;
background-color: #f8f9fa;
}
.faq-section {
margin-top: 40px;
}
.faq-card {
margin-bottom: 20px;
}
.card-header {
background-color: #28a745;
color: white;
}
.card-body {
background-color: #f1f9f4;
}
.card-header h5 {
margin: 0;
}
</style>
</head>
<body>
<div class="container faq-section">
<div class="row">
<div class="col-12 text-center">
<h1>Frequently Asked?</h1>
<p class="lead">Everything you need to know about our Online Code Editor</p>
</div>
</div>
<div class="row">
<div class="col-md-6 offset-md-3">
<div class="card faq-card">
<div class="card-header">
<h5 class="mb-0">What is the Online Code Editor?</h5>
</div>
<div class="card-body">
It's a web-based tool to write and test HTML, CSS, and JavaScript with a live preview.
</div>
</div>
<div class="card faq-card">
<div class="card-header">
<h5 class="mb-0">How do I save my code?</h5>
</div>
<div class="card-body">
You can save your code by clicking the 'Save Code' button. You can load your saved code later.
</div>
</div>
<div class="card faq-card">
<div class="card-header">
<h5 class="mb-0">Can I download my code?</h5>
</div>
<div class="card-body">
Yes, click on the 'Download Code' button to get your code as a .zip file.
</div>
</div>
<div class="card faq-card">
<div class="card-header">
<h5 class="mb-0">Is there a limit to the amount of code I can write?</h5>
</div>
<div class="card-body">
There is no hard limit, but very large files may slow down the editor. It's recommended to work in smaller chunks.
</div>
</div>
<div class="card faq-card">
<div class="card-header">
<h5 class="mb-0">Can I collaborate with others in real-time?</h5>
</div>
<div class="card-body">
Currently, real-time collaboration is not supported, but you can share your code by saving and sending the link.
</div>
</div>
<div class="card faq-card">
<div class="card-header">
<h5 class="mb-0">Do I need to sign up to use the editor?</h5>
</div>
<div class="card-body">
No, you can start coding without signing up. However, signing up allows you to save and access your code later.
</div>
</div>
<div class="card faq-card">
<div class="card-header">
<h5 class="mb-0">What browsers are supported?</h5>
</div>
<div class="card-body">
Our code editor works best on the latest versions of Chrome, Firefox, Safari, and Edge.
</div>
</div>
<div class="card faq-card">
<div class="card-header">
<h5 class="mb-0">How can I report bugs or give feedback?</h5>
</div>
<div class="card-body">
You can report bugs or provide feedback by visiting our Contact page or emailing contact@tholumuzi.co.za
</div>
</div>
<div class="card faq-card">
<div class="card-header">
<h5 class="mb-0">Can I use the code editor on mobile devices?</h5>
</div>
<div class="card-body">
Yes, the editor is fully responsive and can be used on both smartphones and tablets, though we recommend using a larger screen for best performance.
</div>
</div>
<!-- Additional FAQ Questions -->
<div class="card faq-card">
<div class="card-header">
<h5 class="mb-0">What programming languages are supported in the editor?</h5>
</div>
<div class="card-body">
Currently, the editor supports HTML, CSS, and JavaScript. We are working on adding support for more languages soon.
</div>
</div>
<div class="card faq-card">
<div class="card-header">
<h5 class="mb-0">Do you offer support for beginners?</h5>
</div>
<div class="card-body">
Yes, we provide helpful guides and tutorials for beginners to get started with HTML, CSS, and JavaScript.
</div>
</div>
<div class="card faq-card">
<div class="card-header">
<h5 class="mb-0">How can I delete my saved code?</h5>
</div>
<div class="card-body">
You can delete your saved code by going to the "My Projects" section and selecting the delete option for the respective code.
</div>
</div>
<div class="card faq-card">
<div class="card-header">
<h5 class="mb-0">Is the online code editor free to use?</h5>
</div>
<div class="card-body">
Yes, the code editor is completely free to use. However, we also offer premium features with additional functionality for advanced users.
</div>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.2/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>