-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
127 lines (121 loc) · 4.51 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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- displays site properly based on user's device -->
<link
rel="icon"
type="image/png"
sizes="32x32"
href="./assets/images/favicon-32x32.png"
/>
<link rel="stylesheet" href="./assets/css/reset.css" />
<link rel="stylesheet" href="./assets/css/styles.css" />
<title>Frontend Mentor | FAQ accordion</title>
<!-- Feel free to remove these styles or customise in your own stylesheet 👍 -->
</head>
<body>
<div class="contenedor_background">
<div class="contenedor_image"></div>
<div class="body"></div>
</div>
<main class="contenedor_card">
<div class="card">
<div class="contenedor_card_header">
<img src="./assets/images/icon-star.svg" alt="Star Icon" /> FAQs
</div>
<div class="card_row_acordion">
<div
class="card_row_acordion_header"
title="What is Frontend Mentor, and how will it help me?"
>
<h2>What is Frontend Mentor, and how will it help me?</h2>
<span class="card_row_acordion_contenedor_img"
><img
src="./assets/images/icon-minus.svg"
alt="Open/Close Symbol"
/></span>
</div>
<div class="wrapper_acordion_row_contenido activo">
<p class="card_row_acordion_contenido">
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>
</div>
<div class="card_row_acordion">
<div
class="card_row_acordion_header"
title="Is Frontend Mentor free?"
>
<h2>Is Frontend Mentor free?</h2>
<span class="card_row_acordion_contenedor_img"
><img src="./assets/images/icon-plus.svg" alt="Open/Close Symbol"
/></span>
</div>
<div class="wrapper_acordion_row_contenido">
<p class="card_row_acordion_contenido">
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>
</div>
<div class="card_row_acordion">
<div
class="card_row_acordion_header"
title="Can I use Frontend Mentor projects in my portfolio?"
>
<h2>Can I use Frontend Mentor projects in my portfolio?</h2>
<span class="card_row_acordion_contenedor_img"
><img src="./assets/images/icon-plus.svg" alt="Open/Close Symbol"
/></span>
</div>
<div class="wrapper_acordion_row_contenido">
<p class="card_row_acordion_contenido">
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>
</div>
<div class="card_row_acordion">
<div
class="card_row_acordion_header"
title="How can I get help if I'm stuck on a challenge?"
>
<h2>How can I get help if I'm stuck on a challenge?</h2>
<span class="card_row_acordion_contenedor_img"
><img src="./assets/images/icon-plus.svg" alt="Open/Close Symbol"
/></span>
</div>
<div class="wrapper_acordion_row_contenido">
<p class="card_row_acordion_contenido">
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>
</div>
</div>
</main>
<footer>
<div class="attribution">
<p>
Challenge by
<a href="https://www.frontendmentor.io?ref=challenge" target="_blank"
>Frontend Mentor</a
>.
</p>
<p class="developer">
Coded by
<a href="https://linktr.ee/waldohidalgo">Waldo Hidalgo Oyarce</a>.
</p>
</div>
</footer>
<script src="./assets/js/script.js"></script>
</body>
</html>