-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
72 lines (68 loc) · 2.79 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png">
<meta name="description"
content="This is a FAQ accordion page created using HTML, CSS, and JavaScript. It showcases coding challenges from Frontend Mentor and is suitable for all skill levels.">
<meta name="keywords" content="FAQ, accordion, HTML, CSS, JavaScript, coding challenges, Frontend Mentor">
<title>Frontend Mentor | FAQ accordion</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="./style/style.min.css">
</head>
<body>
<main>
<article class="card">
<h1>
FAQs
</h1>
<details class="card__details" name="faq" open>
<summary class="card__summary card__summary--first">
What is Frontend Mentor, and how will it help me?
</summary>
<p>
Frontend Mentor offers realistic coding challenges to help developers improve their
frontend coding skills with projects in HTML, CSS, and JavaScript. It's suitable for
all levels and ideal for portfolio building.
</p>
</details>
<details class="card__details" name="faq">
<summary class="card__summary">
Is Frontend Mentor free?
</summary>
<p>
Yes, Frontend Mentor offers both free and premium coding challenges, with the free
option providing access to a range of projects suitable for all skill levels.
</p>
</details>
<details class="card__details" name="faq">
<summary class="card__summary">
Can I use Frontend Mentor projects in my portfolio?
</summary>
<p>
Yes, you can use projects completed on Frontend Mentor in your portfolio. It's an excellent
way to showcase your skills to potential employers!
</p>
</details>
<details class="card__details card__details--last" name="faq">
<summary class="card__summary">
How can I get help if I'm stuck on a Frontend Mentor challenge?
</summary>
<p>
The best place to get help is inside Frontend Mentor's Discord community. There's a help
channel where you can ask questions and seek support from other community members.
</p>
</details>
</article>
</main>
<footer class="attribution">
<p>
Challenge by <a href="https://www.frontendmentor.io/challenges/faq-accordion-wyfFdeBwBz" target="_blank">Frontend
Mentor</a>.
Coded by <a href="https://github.com/seanbuckle/faq-accordion" target="_blank">Sean Buckle</a>.
</p>
</footer>
</body>
</html>