-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
109 lines (102 loc) · 3.42 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
105
106
107
108
109
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/images/favicon-32x32.png"
/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Frontend Mentor | FAQ accordion</title>
<link rel="stylesheet" href="./src/css/reset.css" />
<link rel="stylesheet" href="./src/css/style.css" />
</head>
<body>
<header>
<picture>
<source
media="(max-width: 600px)"
srcset="/images/background-pattern-mobile.svg"
/>
<img src="/images/background-pattern-desktop.svg" alt="" />
</picture>
</header>
<main>
<div class="main__div">
<img src="/images/icon-star.svg" alt="" />
<h1>FAQs</h1>
</div>
<article class="article">
<div class="container__button">
<button class="accordion">
What is Frontend Mentor, and how will it help me?
<img class="img__plus" src="/images/icon-plus.svg" alt="" />
</button>
</div>
<div>
<p class="panel">
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>
</div>
</article>
<article class="article">
<div class="container__button">
<button class="accordion">
Is Frontend Mentor free?
<img class="img__plus" src="/images/icon-plus.svg" alt="" />
</button>
</div>
<div>
<p class="panel">
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>
</div>
</article>
<article class="article">
<div class="container__button">
<button class="accordion">
Can I use Frontend Mentor projects in my portfolio?
<img class="img__plus" src="/images/icon-plus.svg" alt="" />
</button>
</div>
<div>
<p class="panel">
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>
</div>
</article>
<article class="article">
<div class="container__button">
<button class="accordion">
How can I get help if I'm stuck on a Frontend Mentor challenge?
<img class="img__plus" src="/images/icon-plus.svg" alt="" />
</button>
</div>
<div>
<p class="panel">
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>
</div>
</article>
<footer class="attribution">
Challenge by
<a href="https://www.frontendmentor.io?ref=challenge" target="_blank"
>Frontend Mentor</a
>. Coded by
<a href="https://github.com/Rubendvb" target="_blank">Rubén</a>.
</footer>
</main>
<script type="module" src="/src/js/main.js"></script>
</body>
</html>