-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
104 lines (100 loc) · 3.69 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
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
<!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="./assets/images/favicon-32x32.png"
/>
<title>Frontend Mentor | FAQ accordion</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<img src="./assets/images/background-pattern-desktop.svg" alt="" />
<main>
<section class="main-section">
<section class="inner-section">
<section class="d-flex jc-start ai-center">
<img class="icon" src="./assets/images/icon-star.svg" alt="" />
<h1 class="main-heading">FAQs</h1>
</section>
<section class="margin-bottom">
<div class="d-flex-div">
<h2 class="sub-heading">
What is Frontend Mentor, and how will it help me?
</h2>
<img
src="./assets/images/icon-minus.svg"
alt=""
class="minus d-none"
/>
<img src="./assets/images/icon-plus.svg" alt="" class="plus" />
</div>
<p class="description">
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>
</section>
<section class="margin-bottom">
<div class="d-flex-div">
<h2 class="sub-heading">Is Frontend Mentor free?</h2>
<img
src="./assets/images/icon-minus.svg"
alt=""
class="minus d-none"
/>
<img src="./assets/images/icon-plus.svg" alt="" class="plus" />
</div>
<p class="description d-none">
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>
</section>
<section class="margin-bottom">
<div class="d-flex-div">
<h2 class="sub-heading">
Can I use Frontend Mentor projects in my portfolio?
</h2>
<img
src="./assets/images/icon-minus.svg"
alt=""
class="minus d-none"
/>
<img src="./assets/images/icon-plus.svg" alt="" class="plus" />
</div>
<p class="description d-none">
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>
</section>
<section>
<div class="d-flex-div">
<h2 class="sub-heading">
How can I get help if I'm stuck on a Frontend Mentor challenge?
</h2>
<img
src="./assets/images/icon-minus.svg"
alt=""
class="minus d-none"
/>
<img src="./assets/images/icon-plus.svg" alt="" class="plus" />
</div>
<p class="description d-none">
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>
</section>
</section>
</section>
</main>
<script src="script.js"></script>
</body>
</html>