-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathApropos.html
86 lines (76 loc) · 4.19 KB
/
Apropos.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
<!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">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/primary-override.css">
<link rel="stylesheet" href="css/primary-light.css">
<link rel="stylesheet" href="webfontkit/stylesheet.css">
<title>EZ Dead - À Propos</title>
</head>
<body>
<div w3-include-html="header.html"></div>
<div class="container py-2 col-12 col-md-6">
<h2>EZ Dead - Notre Mission</h2>
<p class="lead">Nous croyons que toute service, même ceux qui sont typiquement illégales,
devrait avoir des professionnels qui sait ce qu'ils font très bien et qui peut
offrir leur expertise dans un façon accessible et convenable.
</p>
<p>Pour accomplir
cette but, nous avons embauché une multitude d'experts pour créer un entreprise
dédié à l'infiltration, l'espionnage industriel, et les méthodes pour éliminer
vos enemies, particulièrement le meurtre. Notre équipe est fière de tout ce que
nous avons accompli, et on serait très joyeux d'offrir nos services à vous. Même
si vous décidez que vous voulez un autre type de solution, nous pouvons vous
réferrer à un de nos partenaires numéreux, et pour certains, offrir un rabais! </p>
</div>
<div class="container p-5 pt-0">
<h2>Liste de toutes nos services</h2>
<div class="ms-md-1 row">
<div class="list-group col-12 col-md-4" id="services">
<a href="#" card-file="explicite.html" class="list-group-item list-group-item-action active" aria-current="true">
Meurtre Explicite
</a>
<a href="#" card-file="preuves.html" class="list-group-item list-group-item-action">Implantation de Preuves</a>
<a href="#" card-file="accidentelle.html" class="list-group-item list-group-item-action">Mort "Accidentelle"</a>
<a href="#" card-file="infiltration.html" class="list-group-item list-group-item-action">Infiltration</a>
<a href="#" card-file="autre-service.html" class="list-group-item list-group-item-action">Autre Services?</a>
</div>
<div class="d-none d-md-block col-md-2"></div>
<div class="card p-0 col-12 col-md-6 mt-3 mt-md-0" id="selected-card" w3-include-html=""></div>
</div>
</div>
<div w3-include-html="footer.html"></div>
</body>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2"
crossorigin="anonymous"></script>
<script src="https://www.w3schools.com/lib/w3.js"></script>
<script>w3.includeHTML();</script>
<script>
let services = document.getElementById("services").children
let selectedCard = document.getElementById("selected-card")
selectedCard.setAttribute("w3-include-html", "cards/explicite.html")
w3.includeHTML()
for (let service of services) {
service.addEventListener('click', e => {
e.preventDefault();
let selectedListItem = e.target;
let siblings = selectedListItem.parentElement.children
for (let sibling of siblings) {
sibling.className = sibling.className.replace("active", "")
sibling.setAttribute("aria-current", false)
}
selectedListItem.className += " active"
selectedListItem.setAttribute("aria-current", true)
document.getElementById("selected-card").setAttribute("w3-include-html", "cards/" + selectedListItem.getAttribute("card-file"))
w3.includeHTML()
});
}
</script>
</html>