/
index.html
107 lines (107 loc) · 4.32 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>FAQs</title>
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=Libre+Baskerville&family=Ubuntu&display=swap"
rel="stylesheet"
/>
<link href="./styles.css" rel="stylesheet" />
</head>
<body>
<header>
<div class="masthead">
<h1>ABC</h1>
<h4>CONTRACTORS</h4>
<p>
A trusted provider of Residential & Commercial construction services
in London
</p>
</div>
</header>
<main>
<div class="container" id="faqs">
<h1>FAQS</h1>
<div class="accordion-item">
<div class="accordion-item-header">
Sed quid sentiat, non videtis?
</div>
<div class="accordion-item-body">
<div class="accordion-item-body-content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat.
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-item-header">
Quippe: habes enim a rhetoribus?
</div>
<div class="accordion-item-body">
<div class="accordion-item-body-content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat.
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-item-header">
Quae si potest singula -m levare, universa quo modo sustinebit?
</div>
<div class="accordion-item-body">
<div class="accordion-item-body-content">
Quo modo autem optimum, si bonum praeterea nullum est? Cui Tubuli
nomen odio non est? Sapiens autem semper beatus est et est
aliquando in dolore; Neque enim disputari sine reprehensione nec
cum iracundia aut pertinacia recte disputari potest. Scaevola
tribunus plebis ferret ad plebem vellentne de ea re quaeri. Ut non
sine causa ex iis memoriae ducta sit disciplina. At modo dixeras
nihil in istis rebus esse, quod interesset.
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-item-header">
Quo modo autem optimum, si bonum praeterea nullum est?
</div>
<div class="accordion-item-body">
<div class="accordion-item-body-content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat.
</div>
</div>
</div>
<div class="accordion-item">
<div class="accordion-item-header">
Qui autem esse poteris, nisi te amor ipse ceperit?
</div>
<div class="accordion-item-body">
<div class="accordion-item-body-content">
Quo modo autem optimum, si bonum praeterea nullum est? Cui Tubuli
nomen odio non est? Sapiens autem semper beatus est et est
aliquando in dolore; Neque enim disputari sine reprehensione nec
cum iracundia aut pertinacia recte disputari potest. Scaevola
tribunus plebis ferret ad plebem vellentne de ea re quaeri. Ut non
sine causa ex iis memoriae ducta sit disciplina. At modo dixeras
nihil in istis rebus esse, quod interesset.
</div>
</div>
</div>
</div>
</main>
<footer>
<div>© ABC Contractors, 2021</div>
</footer>
<script src="script.js"></script>
</body>
</html>