forked from codante-io/mp-pagina-faq
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
84 lines (69 loc) · 4.13 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FAQ Page</title>
<link rel="stylesheet" href="./styles/style.css">
</head>
<body>
<main class="main">
<h1>Perguntas frequentes</h1>
<div class="main-container">
<img class="img" src="./public/faqImage.png">
<section class="faq-container">
<div class="faq">
<div class="faq__question">
<h3>Oque é HTML?</h3>
<svg width="15" height="10" viewBox="0 0 42 25">
<path d="M3 3L21 21L39 3" stroke="white" stroke-width="7" stroke-linecap="round"/>
</svg>
</div>
<div class="faq__answer">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut, similique quidem, vitae quaerat quas, ab rem ad adipisci rerum eius ut voluptates nesciunt aliquid pariatur ipsam! Saepe in tempore voluptas!</p>
</div>
</div>
<div class="faq">
<div class="faq__question">
<h3>Oque é CSS?</h3>
<svg width="15" height="10" viewBox="0 0 42 25">
<path d="M3 3L21 21L39 3" stroke="white" stroke-width="7" stroke-linecap="round"/>
</svg>
</div>
<div class="faq__answer">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi, ratione? Non magnam ducimus doloribus nam natus officia quas dolore, beatae aliquam et, assumenda aspernatur voluptas perspiciatis quam quia fuga mollitia.<br><br>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. At saepe unde asperiores beatae, explicabo laboriosam, enim sit nisi praesentium, error mollitia incidunt? Est libero dolorum, tempora vel eos ab voluptas!</p>
</div>
</div>
<div class="faq">
<div class="faq__question">
<h3>Oque é JavaScript?</h3>
<svg width="15" height="10" viewBox="0 0 42 25">
<path d="M3 3L21 21L39 3" stroke="white" stroke-width="7" stroke-linecap="round"/>
</svg>
</div>
<div class="faq__answer">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum eius dignissimos laudantium sed corporis fugit adipisci quidem repudiandae dolore illo, ducimus voluptates, dolores voluptatibus soluta fugiat laboriosam, odit libero? Quibusdam.</p>
</div>
</div>
<div class="faq">
<div class="faq__question">
<h3>Oque é React?</h3>
<svg width="15" height="10" viewBox="0 0 42 25">
<path d="M3 3L21 21L39 3" stroke="white" stroke-width="7" stroke-linecap="round"/>
</svg>
</div>
<div class="faq__answer">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus, voluptatibus impedit rem delectus nobis aperiam ipsa ea fugit, ex recusandae soluta vel, aliquid animi nemo vitae quam accusamus saepe perferendis! Lorem, ipsum dolor sit amet consectetur adipisicing elit. Iure sint corporis est reprehenderit molestias nemo, facere illo reiciendis eligendi repellat dignissimos nihil distinctio fugiat id fuga unde atque commodi blanditiis.</p>
</div>
</div>
</section>
</div>
</main>
<footer class="footer">
<p>Site inspirado nos projetos do <a href="https://codante.io/mini-projetos/pagina-faq" target="_blank">Codante</a>, mais projetos no <a href="https://github.com/realloks/Projetos-Web" target="_blank">GitHub do Loks</a></p>
</footer>
<script src="./scripts/script.js"></script>
</body>
</html>